<!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://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//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手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.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资源评论
wsnbb_2023
- 粉丝: 17
- 资源: 6001
最新资源
- 造价咨询薪酬管理办法.doc
- 中铁三局集团第二工程有限公司项目薪酬实施办法.doc
- 2025健康管理师三级专业能力考试题及答案.docx
- 2025健康素养知识竞赛题库（含答案）.docx
- 2025交管12123驾驶证学法减分（学法免分）测试题及答案.docx
- 造价咨询公司绩效提成方案 (1).docx
- 造价咨询公司绩效提成方案.docx
- 工程造价咨询从业人员绩效考核制度.docx
- 造价咨询公司(咨询工作室)绩效提成方案-2018修订版 (1).docx
- 2025交管12123学法减分考试试题库及答案（通用版）.docx
- 2025交管12123学法减分题库大全（附答案）.docx
- 2025教师资格证结构化面试题库及答案.docx
- 2025教师招聘义务教育道德与法治课程方案（2022版）必考题库及答案.docx
- 2025教师资格证考试《教育知识与能力》知识点大全.docx
- 2025教育学公共基础知识考试题库及答案（通用版）.docx
- 2025京东pop售前客服认证考试题及答案.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
