Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

212 lines (186 sloc) 8.66 kB
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Brillante</title>
<link rel="shortcut icon" href="favicon.ico" >
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700" >
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body>
<header>
<div class="top">
<div class="top-content">
<nav>
<ul>
<li class="first selected"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="block">
<p><a href="#">Grab our feeds</a></p>
<form id="search">
<input name="search" class="search_input" placeholder="Search...">
<input type="submit" class="search_submit" value="Go">
</form>
</div><!-- .block -->
</div><!-- .top-content -->
</div><!-- .top -->
<div class="logo">
<a href="#"><img src="css/img/logo.jpg" width="194" height="42" alt="Brillante - A Brilliant Website Design" /></a>
<p>A very short description about the website goes here. And that’s it!</p>
</div><!-- .logo -->
<div class="featured">
<div id="slider">
<div class="slides_container">
<a href="#"><img src="css/img/feat1.jpg" width="599" height="251" alt="" /></a>
<a href="#"><img src="css/img/feat2.jpg" width="599" height="251" alt="" /></a>
<a href="#"><img src="css/img/feat3.jpg" width="599" height="251" alt="" /></a>
</div><!-- .slides_container -->
<div class="description">
<h3>It’s Brilliant!</h3>
<p>Brilliante, Lorem ipsum dolor sit amet, con-
<br />sectetur adipisicing elit, sf sed dos eiusmod lorem ipsum dolot sit amto. It is brillaint!</p>
</div>
<ul class="pagination">
<li><a href="#"><img src="css/img/feat1_thumb.jpg" width="71" height="59" alt=""></a></li>
<li><a href="#"><img src="css/img/feat2_thumb.jpg" width="71" height="59" alt=""></a></li>
<li class="last"><a href="#"><img src="css/img/feat3_thumb.jpg" width="71" height="59" alt=""></a></li>
</ul><!--.pagination-->
</div><!-- slider -->
<p class="button"><a href="#">Hire us</a></p>
</div><!-- .featured -->
</header>
<div id="content">
<div class="main">
<h2><span>Latest from the blog</span></h2>
<div class="post">
<h3><a href="#">An example of a post goes here.</a></h3>
<div class="cat-date">
<span class="posted">Posted in: </span><em><a href="#">Category One</a>, <a href="#">Category Two</a></em>
<span class="sep">&nbsp;</span>
<span class="date">Date: <em><a href="#">08 April 2010</a></em></span>
</div><!-- .cat-date -->
<div class="post-teaser"><img src="css/img/post-img1.jpg" width="142" height="140" alt="Post Image One" />
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod tempor incididunt ut labore et dolorea ab magna aliqua. Utlo enim ad minim veniam, quis nostrudaw exercitation ullamco laboris nisi ut aliquip ex ea commodo!</p>
<div class="readMore">
<span>Author: </span><em><a href="#">Mahmoud Khaled</a></em><br />
<span>Reaction: </span><em><a href="#">10 comments</a>, <a href="#">5 Pingback</a></em>
<input type="submit" name="" class="readMoreButton" value="Read More" />
</div><!-- .readMore -->
</div><!-- .text -->
</div><!-- .post-teaser -->
</div><!-- .post -->
<div class="post">
<h3><a href="#">Another post from the blog goes here!</a></h3>
<div class="cat-date">
<span class="posted">Posted in: </span><em><a href="#">Category One</a>, <a href="#">Category Two</a></em>
<span class="sep">&nbsp;</span>
<span class="date">Date: <em><a href="#">10 April 2010</a></em></span>
</div><!-- .cat-date -->
<div class="post-teaser"><img src="css/img/post-img2.jpg" width="142" height="140" alt="Post Image Two" />
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod tempor incididunt ut labore et dolorea ab magna aliqua. Utlo enim ad minim veniam, quis nostrudaw exercitation ullamco laboris nisi ut aliquip ex ea commodo!</p>
<div class="readMore">
<span>Author: </span><em><a href="#">Mahmoud Khaled</a></em><br />
<span>Reaction: </span><em><a href="#">3 comments</a>, <a href="#">10 Pingback</a></em>
<input type="submit" name="" class="readMoreButton" value="Read More" />
</div><!-- .readMore -->
</div><!-- .text -->
</div><!-- .post-teaser -->
</div><!-- .post -->
<div class="post">
<h3><a href="#">It's brilliant. Yes, it is!</a></h3>
<div class="cat-date">
<span class="posted">Posted in: </span><em><a href="#">Category One</a>, <a href="#">Category Two</a></em>
<span class="sep">&nbsp;</span>
<span class="date">Date: <em><a href="#">12 April 2010</a></em></span>
</div><!-- .cat-date -->
<div class="post-teaser"><img src="css/img/post-img3.jpg" width="142" height="140" alt="Post Image Three" />
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod tempor incididunt ut labore et dolorea ab magna aliqua. Utlo enim ad minim veniam, quis nostrudaw exercitation ullamco laboris nisi ut aliquip ex ea commodo!</p>
<div class="readMore">
<span>Author: </span><em><a href="#">Mahmoud Khaled</a></em><br />
<span>Reaction: </span><em><a href="#">No comments</a>, <a href="#">2 Pingback</a></em>
<input type="submit" name="" class="readMoreButton" value="Read More" />
</div><!-- .readMore -->
</div><!-- .text -->
</div><!-- .post-teaser -->
</div><!-- .post -->
</div><!-- .main -->
<aside>
<div class="author"><h2>
<span>About the author</span></h2>
<img src="http://1.gravatar.com/avatar/beb66a755ea479a2f10fc19c7c29c054?s=99&d=Gravatar+Logo&r=G" width="99" height="99" alt="Mahmoud Khaled" />
<h4>Mahmoud Khaled</h4>
<p><em>Web &amp; Graphics Designer</em></p>
<p>Sectetur adipisicing elit, sf sed dos eiusmod tempor incididunt utto po Web and graphics designer!</p>
</div><!-- .author -->
<div class="sponsors">
<h2><span>Sponsors</span></h2>
<a href="#"><img src="css/img/advertiseHere.gif" width="164" height="164" alt="Advertise Here" /></a>
<a href="#"><img class="last" src="css/img/advertiseHere.gif" width="164" height="164" alt="Advertise Here" /></a>
</div><!-- .sponsors -->
<h2><span>Categories</span></h2>
<ul class="cat">
<li><a href="#">Category Number One</a></li>
<li><a href="#">Photoshop Designs</a></li>
<li><a href="#">Identity Branding &amp; Logo Design</a></li>
<li><a href="#">Giveaways, and Freebies</a></li>
<li><a href="#">Inspiration</a></li>
<li><a href="#">Another Category Goes Here</a></li>
</ul>
</aside>
</div><!-- #content -->
<footer>
<div class="footer-content">
<div class="links">
<h2>Links worth spreading</h2>
<ul>
<li><a href="#">Link Number One Goes Here</a></li>
<li><a href="#">Link Number Two Should Go Here</a></li>
<li><a href="#">Another Link would Go Here</a></li>
<li><a href="#">And Maybe Yet Another One</a></li>
<li><a href="#">Awakening Website Design</a></li>
<li><a href="#">Mahmoud’s Design Blog And Portfolio</a></li>
</ul>
</div><!-- .links -->
<div class="flickr">
<h2>Watch us on flickr</h2>
<ul><!-- Pulling data from Flickr API with JSON and jQuery --></ul>
</div><!-- .flickr -->
<div class="twitter">
<h2>Tweet tweet!</h2>
<div id="twitter"></div>
</div><!-- .twitter -->
</div><!-- .footer-content -->
</footer>
<div id="bottom">
<ul>
<li class="selected"><a href="#">Home</a>&nbsp;|&nbsp;</li>
<li><a href="#">About Us</a>&nbsp;|&nbsp;</li>
<li><a href="#">Services</a>&nbsp;|&nbsp;</li>
<li><a href="#">Portfolio</a>&nbsp;|&nbsp;</li>
<li><a href="#">Blog</a>&nbsp;|&nbsp;</li>
<li><a href="#">Contact</a></li>
</ul>
<p>Copyright 2010 - <a href="#">Brilliante</a> - All rights reserved</p>
</div><!-- #bottom -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery_v1.7.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/scripts.js"></script>
<!--[if IE 6]><script src="js/belatedPNG.js"></script><script>DD_belatedPNG.fix('*');</script><![endif]-->
<!-- Google Analytics here -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.