<!DOCTYPE HTML>
<html>
<head>
<title>Recipies:: w3layouts</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Soup Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"
/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Tennis Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"
/>
<link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" />
<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.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<!--end slider -->
</head>
<body>
<!---strat-banner---->
<div class="banner2">
<div class="wow bounceIn" data-wow-delay="0.4s">
<div class="container">
<!--- start-logo--->
<div class="logo">
<a href="index.html"> <img src="images/logo.png" title="soup" /></a>
</div>
<!--- //End-logo--->
<!---start-top-nav---->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="recipies.html">Recipes</a></li>
<li><a href="404.html">Blog</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="social-icons">
<a href="#"><span class="fb"> </span></a>
<a href="#"><span class="twt"> </span></a>
</div>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<!-- script-nav -->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-nav -->
<!---//End-top-nav---->
</div>
</div>
<!---//End-banner---->
<script>
$(document).ready(function () {
size_li = $("#myList li").size();
x=2;
$('#myList li:lt('+x+')').show();
$('#loadMore').click(function () {
x= (x+1 <= size_li) ? x+1 : size_li;
$('#myList li:lt('+x+')').show();
});
$('#showLess').click(function () {
x=(x-1<0) ? 1 : x-1;
$('#myList li').not(':lt('+x+')').hide();
});
});
</script>
<div class="recp-sec">
<div class="container">
<h2 class="wow fadeInLeft" data-wow-delay="0.4s">RECIPES</h2>
<div class="recip-grid">
<div class="load_more">
<ul id="myList">
<li><div class="l_g">
<div class="col-md-4 recip-sec">
<img src="images/r1.jpg" alt=""/>
<h3><a href="#">INDIAN RECIPES</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r2.jpg" alt=""/>
<h3><a href="#">MEXICAN RECIPES</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r3.jpg" alt=""/>
<h3><a href="#">ITALIAN RECIPES</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
<li><div class="l_g">
<div class="col-md-4 recip-sec">
<img src="images/r4.jpg" alt=""/>
<h3><a href="#">CHICKEN SOUP</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r5.jpg" alt=""/>
<h3><a href="#">GREENPEA SOUP</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r6.jpg" alt=""/>
<h3><a href="#">TOMATO SOUP</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
<li><div class="l_g">
<div class="col-md-4 recip-sec">
<img src="images/r7.jpg" alt=""/>
<h3><a href="#">VEG SOUP</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r8.jpg" alt=""/>
<h3><a href="#">POTATO SOUP</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r9.jpg" alt=""/>
<h3><a href="#">CORN SOUP</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
<li><div class="l_g">
<div class="col-md-4 recip-sec">
<img src="images/r1.jpg" alt=""/>
<h3><a href="#">INDIAN RECIPES</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r2.jpg" alt=""/>
<h3><a href="#">MEXICAN RECIPES</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="col-md-4 recip-sec">
<img src="images/r3.jpg" alt=""/>
<h3><a href="#">ITALIAN RECIPES</a></h3>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
</ul>
<div id="loadMore">Load more</div>
<div id="showLess">Show less</div>
</div>
</div>
</div>
</div>
<!--AtoZ//-->
<div class="fotter">
<div class="container">
<div class="col-md-2 bowl">
<img src="images/cap.png" alt=""/>
</div>
<div class="col-md-4 fotter-soup-info">
<h3>Soup recipes</h3>
<p>Warmin
164_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （47个子文件） 
164 js 
responsiveslides.min.js 3KB jquery.lightbox.js 19KB wow.min.js 5KB jquery.min.js 82KB css style.css 23KB animate.css 67KB bootstrap.css 118KB lightbox.css 3KB
404.html 4KB index.html 8KB contact.html 6KB recipies.html 9KB images 
r1.jpg 22KB 404.jpg 129KB
themes.png 1KB
lightbox-btn-next.gif 812B s1.jpg 7KB r99.jpg 7KB r2.jpg 32KB splits.png 5KB r9.jpeg 130KB s2.jpg 5KB lightbox-btn-close.gif 336B r33.jpg 10KB logo.png 1KB r9.jpg 24KB cap.png 880B r44.jpg 8KB slide1.jpg 40KB r77.jpg 11KB r7.jpg 41KB r88.jpg 8KB r5.jpg 25KB r22.jpg 10KB r55.jpg 8KB nav.png 1KB ftr-soup.jpg 31KB r3.jpg 32KB r11.jpg 7KB bg.png 58KB r4.jpg 21KB r6.jpg 19KB r8.jpg 21KB r66.jpg 6KB s3.jpg 8KB lightbox-btn-prev.gif 832B gallery.html 6KB资源评论
