Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

file 212 lines (186 sloc) 8.66 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212
<!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>
Something went wrong with that request. Please try again.