File size: 13.47Kb
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>The Yolk Website Template :: w3layouts</title>
<link href="web/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="web/css/theme.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<script type="text/javascript" src="web/js/jquery.min.js"></script>
<script type="text/javascript" src="web/js/bootstrap.js"></script>
<script type="text/javascript" src="web/js/bootstrap.min.js"></script>
<!-- jquery plguin -->
<script type="text/javascript" src="web/js/jquery.min.js"></script>
<!--start slider -->
<link rel="stylesheet" href="web/css/fwslider.css" media="all">
<script src="web/js/jquery-ui.min.js"></script>
<script src="web/js/css3-mediaqueries.js"></script>
<script src="web/js/fwslider.js"></script>
<!--end slider -->
</head>
<body>
<!----start-container----->
<div class="header-bg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="logo"><a href="index.html"><img src="web/images/logo.png" alt=""/></a></div>
</div>
<div class="col-md-8">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"><span class="text-left"><a href="#">MENU</a></span>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<div class="btn-group show-on-hover">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Categories<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">New arrivals</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="right">
<ul class="list-unstyled">
<li class="a text-left"><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a> $2,534,5435</li>
<li><a href="#">Checkout</a></li>
</ul>
</div>
</div>
<!----start-images-slider---->
<!-- Single button -->
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!----start-images-slider---->
<div class="web/images-slider">
<div id="fwslider">
<div class="slider_container">
<div class="slide">
<img src="web/images/img.jpg" alt=""/>
<div class="slide_content">
<div class="slide_content_wrap">
<p class="description">New Arrivals</p>
<h4 class="title">Bags & Shoes</h4>
<p class="description"><a href="#">Browse collection</a></p>
<div class="slide-btns description">
</div>
</div>
</div>
</div>
<div class="slide">
<img src="web/images/img.jpg" alt=""/>
<div class="slide_content">
<div class="slide_content_wrap">
<p class="description">New Arrivals</p>
<h4 class="title">Bags & Shoes</h4>
<p class="description"><a href="#">Browse collection</a></p>
<div class="slide-btns description">
</div>
</div>
</div>
</div>
<!--/slide -->
</div>
<div class="timers"> </div>
<div class="slidePrev"><span> </span></div>
<div class="slideNext"><span> </span></div>
</div>
<!--/slider -->
</div>
</div>
</div>
</div>
<!----//End-container----->
<div class="container">
<div class="content">
<div class="row">
<div class="col-md-12 text-center">
<h2>Featured Products</h2>
</div>
</div>
<div class="row">
<div class="col-md-2">
<div class="grid">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img src="web/images/cont1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="web/images/link-ico.png" alt=""/></h2>
</div></a>
</div>
</div>
<p class="text-center">Big block Lether Bag</p>
<h2 class="text-center">$350.00</h2>
<p class="text-center"><a href="details.html">Buy</a></p>
</div>
</div>
<!----start-model-box---->
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#"> </a>
<div class="modal fade bs-example-modal-md light-box" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content light-box-info">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><img src="web/images/close.png" title="close" /></button>
<h3>Place Yours content here</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas orci et blandit dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque posuere diam et est hendrerit, eget sodales lectus tincidunt. Etiam suscipit orci sapien, at molestie lorem imperdiet vitae. Fusce nunc eros, congue non hendrerit sed, lobortis scelerisque magna. Ut in nunc sem. Integer bibendum enim et erat molestie, sed interdum nisl ultricies. In hac habitasse platea dictumst. Nullam sem diam, tincidunt dapibus tellus pulvinar, pulvinar tempus dui. Integer eu faucibus arcu. Duis adipiscing commodo ipsum dapibus elementum.</p>
</div>
</div>
</div>
<!----start-model-box---->
<div class="col-md-2">
<div class="grid">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img src="web/images/cont2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="web/images/link-ico.png" alt=""/></h2>
</div></a>
</div>
</div>
<p class="text-center">Big block Lether Bag</p>
<h2 class="text-center">$350.00</h2>
<p class="text-center"><a href="details.html">Buy</a></p>
</div>
</div>
<div class="col-md-2">
<div class="grid">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img src="web/images/cont3.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="web/images/link-ico.png" alt=""/></h2>
</div></a>
</div>
</div>
<p class="text-center">Big block Lether Bag</p>
<h2 class="text-center">$350.00</h2>
<p class="text-center"><a href="details.html">Buy</a></p>
</div>
</div>
<div class="col-md-2">
<div class="grid">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img src="web/images/cont4.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="web/images/link-ico.png" alt=""/></h2>
</div></a>
</div>
</div>
<p class="text-center">Big block Lether Bag</p>
<h2 class="text-center">$350.00</h2>
<p class="text-center"><a href="details.html">Buy</a></p>
</div>
</div>
<div class="col-md-2">
<div class="grid">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img src="web/images/cont2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="web/images/link-ico.png" alt=""/></h2>
</div></a>
</div>
</div>
<p class="text-center">Big block Lether Bag</p>
<h2 class="text-center">$350.00</h2>
<p class="text-center"><a href="details.html">Buy</a></p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="top">
<div class="row">
<div class="col-md-4">
<div class="grid">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas orci et blandit dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus Quisque posuere diam et est hendrerit, eget sodales lectus.</p>
</div>
</div>
<div class="col-md-4">
<div class="grid">
<h2>Our Blog</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas orci et blandit dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus Quisque posuere diam et est hendrerit, eget sodales lectus.</p>
</div>
</div>
<div class="col-md-4">
<div class="grid1 pull-left">
<h2>Contact</h2>
<address>
<p>tryd online service</p>
<p>12345 main street</p>
<p>Newyork</p>
<p><a href="#">info#@mystore.com</a></p>
<p>555-58746-5475</p>
</address>
</div>
<div class="grid2 pull-right">
<div class="social-icons-set">
<ul>
<li><a class="facebook" href="#"> </a></li>
<li><a class="twitter" href="#"> </a></li>
<li><a class="vimeo" href="#"> </a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="list-inline pull-left">
<li><a href="#">Terms of Services</a></li>
<li><a href="#">Refunds</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
<form class="navbar-form pull-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="Find" class="btn btn-default">Find</button>
</form>
</div>
</div>
<div class="copy-right text-center">
<p>©Copyright 2014 All Rights Reserved Template <a href="http://w3layouts.com/"> w3layouts.com</a></p>
</div>
</div>
</div>
</body>
</html>