mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-31 00:13:11 +01:00
236 lines
16 KiB
HTML
236 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title></title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
|
|
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
|
|
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
|
|
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
|
|
<!--[if lt IE 7]>
|
|
<div style=' clear: both; text-align:center; position: relative;'>
|
|
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
|
|
</div>
|
|
<![endif]-->
|
|
<!--[if lt IE 9]>
|
|
<script type="text/javascript" src="js/html5.js"></script>
|
|
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
|
|
<![endif]-->
|
|
</head>
|
|
<body id="page4">
|
|
<!--==============================header=================================-->
|
|
<header>
|
|
<div class="row-1">
|
|
<div class="main">
|
|
<div class="container_12">
|
|
<div class="grid_12">
|
|
<nav>
|
|
<ul class="menu">
|
|
<li><a href="index.html">About Us</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="catalogue.html">Catalogue</a></li>
|
|
<li><a class="active" href="pricing.html">Pricing</a></li>
|
|
<li><a href="contacts.html">Contacts</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row-2">
|
|
<div class="main">
|
|
<div class="container_12">
|
|
<div class="grid_9">
|
|
<h1>
|
|
<a class="logo" href="index.html">Int<strong>e</strong>rior</a>
|
|
<span>Design</span>
|
|
</h1>
|
|
</div>
|
|
<div class="grid_3">
|
|
<form id="search-form" method="post" enctype="multipart/form-data">
|
|
<fieldset>
|
|
<div class="search-field">
|
|
<input name="search" type="text" />
|
|
<a class="search-button" href="#" onClick="document.getElementById('search-form').submit()"><span>search</span></a>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header><div class="ic">More Website Templates @ TemplateMonster.com - August22nd 2011!</div>
|
|
|
|
<!-- content -->
|
|
<section id="content">
|
|
<div class="bg-top">
|
|
<div class="bg-top-2">
|
|
<div class="bg">
|
|
<div class="bg-top-shadow">
|
|
<div class="main">
|
|
<div class="box">
|
|
<div class="padding">
|
|
<div class="container_12">
|
|
<div class="wrapper">
|
|
<div class="grid_12">
|
|
<div class="indent-left p2">
|
|
<h3 class="p0">Latest Income</h3>
|
|
</div>
|
|
<div class="wrapper p4">
|
|
<article class="grid_4 alpha">
|
|
<div class="indent-left">
|
|
<figure class="frame2 p2"><img src="images/page4-img1.jpg" alt="" /></figure>
|
|
<p class="color-4 prev-indent-bot">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
|
|
<p>Doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
|
|
<div class="wrapper">
|
|
<span class="price fleft">$45.99</span>
|
|
<a class="button fright" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="grid_4">
|
|
<div class="indent3">
|
|
<figure class="frame2 p2"><img src="images/page4-img2.jpg" alt="" /></figure>
|
|
<p class="color-4 prev-indent-bot">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit.</p>
|
|
<p>Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt eque porro quisquam est, qui dolorem ipsum.</p>
|
|
<div class="wrapper">
|
|
<span class="price fleft">$54.99</span>
|
|
<a class="button fright" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="grid_4 omega">
|
|
<div class="indent-right">
|
|
<figure class="frame2 p2"><img src="images/page4-img3.jpg" alt="" /></figure>
|
|
<p class="color-4 prev-indent-bot">Feque porro quisquam est, qui dolorem ipsum quia dolor sit consectetur.</p>
|
|
<p>Adipisci velit, sed quia non numquam eius modi tempora incidu labore et dolore magnam aliquam quaerat voluptatem.</p>
|
|
<div class="wrapper">
|
|
<span class="price fleft">$38.99</span>
|
|
<a class="button fright" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="wrapper">
|
|
<article class="grid_4 alpha">
|
|
<div class="indent-left">
|
|
<figure class="frame2 p2"><img src="images/page4-img4.jpg" alt="" /></figure>
|
|
<p class="color-4 prev-indent-bot">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
|
|
<p>Doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
|
|
<div class="wrapper">
|
|
<span class="price fleft">$45.99</span>
|
|
<a class="button fright" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="grid_4">
|
|
<div class="indent3">
|
|
<figure class="frame2 p2"><img src="images/page4-img5.jpg" alt="" /></figure>
|
|
<p class="color-4 prev-indent-bot">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit.</p>
|
|
<p>Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt eque porro quisquam est, qui dolorem ipsum.</p>
|
|
<div class="wrapper">
|
|
<span class="price fleft">$54.99</span>
|
|
<a class="button fright" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="grid_4 omega">
|
|
<div class="indent-right">
|
|
<figure class="frame2 p2"><img src="images/page4-img6.jpg" alt="" /></figure>
|
|
<p class="color-4 prev-indent-bot">Feque porro quisquam est, qui dolorem ipsum quia dolor sit consectetur.</p>
|
|
<p>Adipisci velit, sed quia non numquam eius modi tempora incidu labore et dolore magnam aliquam quaerat voluptatem.</p>
|
|
<div class="wrapper">
|
|
<span class="price fleft">$38.99</span>
|
|
<a class="button fright" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-bot">
|
|
<div class="main">
|
|
<div class="container_12">
|
|
<div class="wrapper">
|
|
<article class="grid_4">
|
|
<h3 class="p2">New Furniture</h3>
|
|
<div class="wrapper">
|
|
<figure class="img-indent frame2"><img src="images/page4-img7.jpg" alt="" /></figure>
|
|
<p class="prev-indent-bot color-4">At vero eos eaccusa mus etusto odio.</p>
|
|
<p class="prev-indent-bot">Tium voluptatum del eniti atque corrupti quos dolores.</p>
|
|
<a class="button" href="#">View More</a>
|
|
</div>
|
|
</article>
|
|
<article class="grid_8">
|
|
<h3 class="prev-indent-bot2">Our Pricing</h3>
|
|
<div class="wrapper">
|
|
<div class="grid_4 alpha">
|
|
<div class="indent-right2">
|
|
<ul class="price-list">
|
|
<li><span>$6700.00</span><a href="#">Totam rem aperiam eaque</a><strong> </strong></li>
|
|
<li><span>$4370.00</span><a href="#">Inventore veritatis quasi</a><strong> </strong></li>
|
|
<li><span>$5780.00</span><a href="#">Nemo enim ipsam voluptatem</a><strong> </strong></li>
|
|
<li><span>$2300.00</span><a href="#">Voluptas sit aspernatur aut</a><strong> </strong></li>
|
|
<li><span>$3650.00</span><a href="#">Sed quia consequuntur magni</a><strong> </strong></li>
|
|
<li class="last"><span>$7900.00</span><a href="#">Ratione voluptatem sequi</a><strong> </strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4 omega">
|
|
<div class="indent-right2">
|
|
<ul class="price-list">
|
|
<li><span>$6700.00</span><a href="#">Totam rem aperiam eaque</a><strong> </strong></li>
|
|
<li><span>$4370.00</span><a href="#">Inventore veritatis quasi</a><strong> </strong></li>
|
|
<li><span>$5780.00</span><a href="#">Nemo enim ipsam voluptatem</a><strong> </strong></li>
|
|
<li><span>$2300.00</span><a href="#">Voluptas sit aspernatur aut</a><strong> </strong></li>
|
|
<li><span>$3650.00</span><a href="#">Sed quia consequuntur magni</a><strong> </strong></li>
|
|
<li class="last"><span>$7900.00</span><a href="#">Ratione voluptatem sequi</a><strong> </strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--==============================footer=================================-->
|
|
<footer>
|
|
<div class="main">
|
|
<div class="container_12">
|
|
<div class="wrapper">
|
|
<div class="grid_4">
|
|
<div>Interior Design © 2011 <a class="link color-3" href="#">Privacy Policy</a></div>
|
|
<div><a rel="nofollow" target="_blank" href="http://www.templatemonster.com/">Website Template</a> by TemplateMonster.com</div>
|
|
<!-- {%FOOTER_LINK} -->
|
|
</div>
|
|
<div class="grid_4">
|
|
<span class="phone-numb"><span>+1(800)</span> 123-1234</span>
|
|
</div>
|
|
<div class="grid_4">
|
|
<ul class="list-services">
|
|
<li><a href="#"></a></li>
|
|
<li><a class="item-2" href="#"></a></li>
|
|
<li><a class="item-3" href="#"></a></li>
|
|
<li><a class="item-4" href="#"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|