mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-02-04 09:30:05 +00:00
Website templates
This commit is contained in:
Dawid Olko
263
interio/index.html
Normal file
263
interio/index.html
Normal file
@@ -0,0 +1,263 @@
|
||||
<!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>
|
||||
<script src="js/jquery.galleriffic.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.opacityrollover.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="page1">
|
||||
<!--==============================header=================================-->
|
||||
<header>
|
||||
<div class="row-1">
|
||||
<div class="main">
|
||||
<div class="container_12">
|
||||
<div class="grid_12">
|
||||
<nav>
|
||||
<ul class="menu">
|
||||
<li><a class="active" 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 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="gallery p3">
|
||||
<div class="wrapper indent-bot">
|
||||
<div id="gallery" class="content">
|
||||
<div class="wrapper">
|
||||
<div class="slideshow-container">
|
||||
<div id="slideshow" class="slideshow"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="thumbs" class="navigation">
|
||||
<ul class="thumbs noscript">
|
||||
<li>
|
||||
<a class="thumb" href="images/gallery-img1.jpg" title=""> <img src="images/thumb-1.jpg" alt="" /><span></span> </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="thumb" href="images/gallery-img2.jpg" title=""> <img src="images/thumb-2.jpg" alt="" /> <span></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="thumb" href="images/gallery-img3.jpg" title=""> <img src="images/thumb-3.jpg" alt="" /> <span></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="thumb" href="images/gallery-img4.jpg" title=""> <img src="images/thumb-4.jpg" alt="" /> <span></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="thumb" href="images/gallery-img5.jpg" title=""> <img src="images/thumb-5.jpg" alt="" /> <span></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="thumb" href="images/gallery-img6.jpg" title=""> <img src="images/thumb-6.jpg" alt="" /> <span></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="wrapper">
|
||||
<span class="title img-indent3">HELLO!</span>
|
||||
<div class="extra-wrap indent-top2">
|
||||
<strong>Interior Design</strong> is one of <a target="_blank" href="http://blog.templatemonster.com/free-website-templates/ ">free website templates</a> created by TemplateMonster.com team. This website template is opti mized for 1024X768 screen resolution. It is also XHTML & CSS valid. It has several pages: <a class="color-3" href="index.html">About</a>, <a class="color-3" href="services.html">Services</a>, <a class="color-3" href="catalogue.html">Catalogue</a>, <a class="color-3" href="pricing.html">Pricing</a>, <a class="color-3" href="contacts.html">Contact Us</a> (note that contact us form – doesn’t work).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container_12">
|
||||
<div class="wrapper">
|
||||
<article class="grid_12">
|
||||
<h3 class="color-1">Our Services List</h3>
|
||||
<div class="wrapper">
|
||||
<article class="grid_6 alpha">
|
||||
<figure class="img-indent frame"><img src="images/page1-img1.jpg" alt="" /></figure>
|
||||
<div class="extra-wrap">
|
||||
<div class="indent-top">
|
||||
<ul class="list-1">
|
||||
<li><a href="#">Interior Decorating Services</a></li>
|
||||
<li class="last"><a href="#">Complete Color <br>Analysis</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</article>
|
||||
<article class="grid_6 omega">
|
||||
<figure class="img-indent frame"><img src="images/page1-img2.jpg" alt="" /></figure>
|
||||
<div class="extra-wrap">
|
||||
<div class="indent-top">
|
||||
<ul class="list-1">
|
||||
<li><a href="#">Design Services <br>for Home Construction</a></li>
|
||||
<li class="last"><a href="#">Interior Design Remodeling</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</article>
|
||||
</div>
|
||||
</article>
|
||||
</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="prev-indent-bot">About Us</h3>
|
||||
<p class="prev-indent-bot">This <a target="_blank" href="http://blog.templatemonster.com/2011/08/22/free-website-template-clean-style-interior/ ">Interior Design Template</a> goes with two pack ages: with PSD source files and without them.</p>
|
||||
PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source) is available for anyone without registration.
|
||||
</article>
|
||||
<article class="grid_4">
|
||||
<h3 class="prev-indent-bot">Testimonials</h3>
|
||||
<div class="quote">
|
||||
<p class="prev-indent-bot">At vero eos et accusamus et iusto odio tium voluptatum deleniti atque corrupti quos<br> dolores et quas molestias excepturi sint occaecati cupiditate.</p>
|
||||
<h5>James Reese</h5>
|
||||
Managing Director
|
||||
</div>
|
||||
</article>
|
||||
<article class="grid_4">
|
||||
<h3 class="prev-indent-bot">What’s New?</h3>
|
||||
<time class="tdate-1" datetime="2011-08-15"><a class="link" href="#">15.08.2011</a></time>
|
||||
<p class="prev-indent-bot">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
|
||||
<time class="tdate-1" datetime="2011-08-11"><a class="link" href="#">11.08.2011</a></time>
|
||||
Totam rem aperiam, eaque ipsa quae ab illo inven tore veritatis et quasi architecto.
|
||||
</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 | <a rel="nofollow" target="_blank" href="http://www.html5xcss3.com/">html5xcss3.com</a></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>
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
// We only want these styles applied when javascript is enabled
|
||||
$('div.navigation').css({'width' : '320px', 'float' : 'right'});
|
||||
$('div.content').css('display', 'block');
|
||||
|
||||
// Initially set opacity on thumbs and add
|
||||
// additional styling for hover effect on thumbs
|
||||
var onMouseOutOpacity = 0.5;
|
||||
$('#thumbs ul.thumbs li span').opacityrollover({
|
||||
mouseOutOpacity: onMouseOutOpacity,
|
||||
mouseOverOpacity: 0.0,
|
||||
fadeSpeed: 'fast',
|
||||
exemptionSelector: '.selected'
|
||||
});
|
||||
|
||||
// Initialize Advanced Galleriffic Gallery
|
||||
var gallery = $('#thumbs').galleriffic({
|
||||
delay: 7000,
|
||||
numThumbs: 12,
|
||||
preloadAhead: 6,
|
||||
enableTopPager: false,
|
||||
enableBottomPager: false,
|
||||
imageContainerSel: '#slideshow',
|
||||
controlsContainerSel: '',
|
||||
captionContainerSel: '',
|
||||
loadingContainerSel: '',
|
||||
renderSSControls: true,
|
||||
renderNavControls: true,
|
||||
playLinkText: 'Play Slideshow',
|
||||
pauseLinkText: 'Pause Slideshow',
|
||||
prevLinkText: 'Prev',
|
||||
nextLinkText: 'Next',
|
||||
nextPageLinkText: 'Next',
|
||||
prevPageLinkText: 'Prev',
|
||||
enableHistory: true,
|
||||
autoStart: 7000,
|
||||
syncTransitions: true,
|
||||
defaultTransitionDuration: 900,
|
||||
onSlideChange: function(prevIndex, nextIndex) {
|
||||
// 'this' refers to the gallery, which is an extension of $('#thumbs')
|
||||
this.find('ul.thumbs li span')
|
||||
.css({opacity:0.5})
|
||||
},
|
||||
onPageTransitionOut: function(callback) {
|
||||
this.find('ul.thumbs li span').css({display:'block'});
|
||||
},
|
||||
onPageTransitionIn: function() {
|
||||
this.find('ul.thumbs li span').css({display:'none'});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user