230 lines
6.7 KiB
HTML
230 lines
6.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>Сайт</title>
|
|||
|
|
<link rel="stylesheet" href="style.css">
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div class="container">
|
|||
|
|
|
|||
|
|
<header>
|
|||
|
|
<ul class="main_menu">
|
|||
|
|
<li class="menu_active"><a href="0">Home</a></li>
|
|||
|
|
<li><a href="1">About Us</a></li>
|
|||
|
|
<li><a href="2">Services</a></li>
|
|||
|
|
<li><a href="3">Portfolio</a></li>
|
|||
|
|
<li><a href="4">Blog</a></li>
|
|||
|
|
<li><a href="5">Contact</a></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="grab-our-feeds"><a href="">Grab our feeds</a></div>
|
|||
|
|
|
|||
|
|
<form action="" method="post" class="search">
|
|||
|
|
<input type="search" name="" placeholder="search.." class="input">
|
|||
|
|
<input type="submit" name="" value="" class="submit"
|
|||
|
|
</form>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="logo-container">
|
|||
|
|
<h1 class="logo-letter"><a href="">BRILLANTE</a></h1>
|
|||
|
|
<div class="logo-bottom">A Brilliant Website Design</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="separator_title"></div>
|
|||
|
|
<div class="about"> A very short description about the website goes here. And that's it!</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="content">
|
|||
|
|
<div class="slider">
|
|||
|
|
<div class="hire-us">HIRE US</div>
|
|||
|
|
<img src="img/pencil_big.jpg" alt="Pencil">
|
|||
|
|
|
|||
|
|
<div class="slider-text">
|
|||
|
|
<h1>It’s Brilliant!</h1>
|
|||
|
|
Brilliante, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod lorem ipsum dolot sit amto!
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="pre-img">
|
|||
|
|
<img src="img/pencil_min_1.jpg" alt="Pencil">
|
|||
|
|
<img src="img/pencil_min_2.jpg" alt="Pencil">
|
|||
|
|
<img src="img/pencil_min_3.jpg" alt="Pencil">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="rightcol">
|
|||
|
|
<h1 class="content-title">ABOUT THE AUTHOR</h1>
|
|||
|
|
|
|||
|
|
<div class="about-author">
|
|||
|
|
|
|||
|
|
<a href=""><img src="img/author.jpg" class="author-img" alt="Author"></a>
|
|||
|
|
|
|||
|
|
<div class="author-name"><a href="">Mahmoud Khaled</a></div>
|
|||
|
|
<div class="author-description">Web & Graphics Designer</div>
|
|||
|
|
<div class="author-more">
|
|||
|
|
sectetur adipisicing elit, sf sed dos eiusmod tempor incididunt utto po Web and graphics designer!
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h1 class="content-title">SPONSORS</h1>
|
|||
|
|
|
|||
|
|
<div class="advert-block">
|
|||
|
|
<div class="advert">Advertise Here</div>
|
|||
|
|
<div class="advert advert-right">Advertise Here</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<h1 class="content-title">CATEGORIES</h1>
|
|||
|
|
|
|||
|
|
<ul class="categories">
|
|||
|
|
<li><a href="">Category Number One</a></li>
|
|||
|
|
<li><a href="">Photoshop Designs</a></li>
|
|||
|
|
<li><a href="">Identity Branding & 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>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="leftcol">
|
|||
|
|
|
|||
|
|
<h1 class="content-title">LATEST FROM THE BLOG</h1>
|
|||
|
|
|
|||
|
|
<div class="article-preview">
|
|||
|
|
<h1 class="article-title"><a href="">An Example Of a Post Goes Here.</a></h1>
|
|||
|
|
|
|||
|
|
<div class="posted-in">
|
|||
|
|
Posted in: <a href="">Category One,</a> <a href="">Category Two</a> <div class="date-separator"></div> Date: <a href="">08 April 2010</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href=""><img src="img/article_img_1.jpg" class="pre-article-img" alt="Article"></a>
|
|||
|
|
|
|||
|
|
<div class="article-pre-text">
|
|||
|
|
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
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="author">
|
|||
|
|
Author: <a href="">Mahmoud Khaled</a> <br>
|
|||
|
|
Reaction: <a href="">10 comments,</a> <a href="">5 Pingback</a>
|
|||
|
|
<a href="" class="read-more">READ MORE</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="article-preview">
|
|||
|
|
<h1 class="article-title"><a href="">An Example Of a Post Goes Here.</a></h1>
|
|||
|
|
|
|||
|
|
<div class="posted-in">
|
|||
|
|
Posted in: <a href="">Category One,</a> <a href="">Category Two</a> <div class="date-separator"></div> Date: <a href="">08 April 2010</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href=""><img src="img/article_img_2.jpg" class="pre-article-img" alt="Article"></a>
|
|||
|
|
|
|||
|
|
<div class="article-pre-text">
|
|||
|
|
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
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="author">
|
|||
|
|
Author: <a href="">Mahmoud Khaled</a> <br>
|
|||
|
|
Reaction: <a href="">10 comments,</a> <a href="">5 Pingback</a>
|
|||
|
|
<a href="" class="read-more">READ MORE</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="article-preview">
|
|||
|
|
<h1 class="article-title"><a href="">An Example Of a Post Goes Here.</a></h1>
|
|||
|
|
|
|||
|
|
<div class="posted-in">
|
|||
|
|
Posted in: <a href="">Category One,</a> <a href="">Category Two</a> <div class="date-separator"></div> Date: <a href="">08 April 2010</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href=""><img src="img/article_img_3.jpg" class="pre-article-img" alt="Article"></a>
|
|||
|
|
|
|||
|
|
<div class="article-pre-text">
|
|||
|
|
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
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="author">
|
|||
|
|
Author: <a href="">Mahmoud Khaled</a> <br>
|
|||
|
|
Reaction: <a href="">10 comments,</a> <a href="">5 Pingback</a>
|
|||
|
|
<a href="" class="read-more">READ MORE</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
|
|||
|
|
<div class="footer-left">
|
|||
|
|
<div class="footer-title">LINKS</div>
|
|||
|
|
|
|||
|
|
<ul class="footer-links">
|
|||
|
|
<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>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="footer-right">
|
|||
|
|
<div class="footer-title">NEW</div>
|
|||
|
|
|
|||
|
|
<ul class="footer-links">
|
|||
|
|
<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>
|
|||
|
|
|
|||
|
|
<div class="footer-center">
|
|||
|
|
<div class="footer-title center-title">FIND ME</div>
|
|||
|
|
|
|||
|
|
<ul class="social">
|
|||
|
|
<li><a href=""><img src="img/f_fb.png" alt="fb"></a></li>
|
|||
|
|
<li><a href=""><img src="img/f_lastfm.png" alt="lastfm"></a></li>
|
|||
|
|
<li><a href=""><img src="img/f_twitter.png" alt="twitter"></a></li>
|
|||
|
|
<li><a href=""><img src="img/f_myspace.png" alt="myspace"></a></li>
|
|||
|
|
<li><a href=""><img src="img/f_rss.png" alt="rss"></a> </li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="footer">
|
|||
|
|
<ul class="footer-menu">
|
|||
|
|
<li><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="">Contact</a> </li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="copyright">Copyright 2012 - <a href="">Brilliante</a> - All rights reserved</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|