白色简洁风格的餐饮食材食谱整站网站源码下载.zip资源-CSDN文库

共38个文件

jpg：15个

png：9个

js：9个

版权申诉

H5模版

HTML网站模版

5 浏览量 2024-12-25 18:43:38 上传评论收藏 638KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简洁风格的餐饮食材食谱整站网站源码下载.zip （38个子文件）

html

jquery.magnific-popup.js 45KB

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

jquery.jscrollpane.min.js 14KB

easing.js 5KB

classie.js 2KB

move-top.js 1KB

modernizr.custom.js 7KB

jquery.min.js 91KB

css

style.css 15KB

component.css 2KB

popuo-box.css 6KB

bootstrap.css 118KB

index.html 19KB

images

2.jpg 19KB

s5.jpg 11KB

s1.jpg 10KB

s2.jpg 7KB

s6.jpg 8KB

slide-bg.jpg 36KB

top_move.png 3KB

icon4.png 9KB

img-resources.png 11KB

logo.png 5KB

s10.jpg 9KB

1.jpg 18KB

s7.jpg 10KB

logo-bot.png 4KB

nav.png 3KB

icon5.png 9KB

bg.jpg 321KB

s9.jpg 8KB

close.png 3KB

iphone-1.png 208KB

s3.jpg 8KB

3.jpg 33KB

s4.jpg 9KB

s8.jpg 9KB

<!DOCTYPE HTML> <html> <head> <title>Fudi Bootstarp Website Template | Home :: w3layouts</title> <link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="./js/jquery.min.js"></script>  <link href="./css/style.css" rel='stylesheet' type='text/css' />  <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' 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 type="text/javascript" src="./js/move-top.js"></script> <script type="text/javascript" src="./js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> <script type="text/javascript" src="./js/jquery.jscrollpane.min.js"></script> <script type="text/javascript" id="sourcecode"> $(function() { $('.scroll-pane').jScrollPane(); }); </script> </head> <body>  <div class="header" id="home"> <div class="container"> <div class="logo"> <a href="index.html"><img src="./images/logo.png" alt=""></a> </div> <div class="menu"> <ul class="menu-top"> <li><a class="play-icon popup-with-zoom-anim" href="#small-dialog">Log In</a></li> <li><a class="play-icon popup-with-zoom-anim" href="#small-dialog1">Sign up</a></li> <li><div class="main"> <section> <button id="showRight" class="navig"></button> </section> </div></li> </ul>  <script type="text/javascript" src="./js/modernizr.custom.min.js"></script> <link href="./css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/> <script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>  <div id="small-dialog" class="mfp-hide"> <div class="login"> <h3>Log In</h3> <h4>Already a Member</h4> <input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" /> <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"/> <input type="submit" value="Login" /> </div> </div> <div id="small-dialog1" class="mfp-hide"> <div class="signup"> <h3>Sign Up</h3> <h4>Enter Your Details Here</h4> <input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}" /> <input type="text" value="Second Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}" /> <input type="text" class="email"value="Enter Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Email';}" /> <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"/> <input type="submit" value="SignUp"/> </div> </div> <script> $(document).ready(function() { $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-zoom-in' }); }); </script>  <link rel="stylesheet" type="text/css" href="./css/component.css" /> <script src="./js/modernizr.custom.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7243260-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div class="cbp-spmenu-push"> <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2"> <h3>Menu</h3> <a href="#home" class="scroll">Home</a> <a href="#about" class="scroll">About</a> <a href="#portfolio" class="scroll">Portfolio</a> </nav> </div> <script src="./js/classie.js"></script> <script> var menuRight = document.getElementById( 'cbp-spmenu-s2' ), showRight = document.getElementById( 'showRight' ), body = document.body; showRight.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( menuRight, 'cbp-spmenu-open' ); disableOther( 'showRight' ); }; function disableOther( button ) { if( button !== 'showRight' ) { classie.toggle( showRight, 'disabled' ); } } </script>  <script type="text/javascript" src="./js/easing.js"></script> </div> <div class="clearfix"></div> <div class="header-bottom"> <p>Find your favorite</p> <h1>RECIPES</h1> <a href="#">Get Started</a> <p class="reward">OR SEND US YOUR OWN RECIPES AND <u>GET REWARDED!</u></p> </div> </div> </div>   <div class="aboutus" id="about"> <div class="container"> <div class="row aboutus-row"> <div class="col-md-4 aboutus-row-column"> <i class="icon1"></i> <h3>GET INSPIRED</h3> <span class="line-red"></span> <p>Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma.Aliquam erat volutpat. </p> </div> <div class="col-md-4 aboutus-row-column"> <i class="icon2"></i> <h3>GET REWARDED</h3> <span class="line-red"></span> <p>Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma.Aliquam erat volutpat. </p> </div> <div class="col-md-4 aboutus-row-column"> <i class="icon3"></i> <h3>GET SOCIAL</h3> <span class="line-red"></span> <p>Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma.Aliquam erat volutpat. </p> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="interduce"> <div class="container"> <div class="row interduce-row"> <div class="col-md-6 inter-row-column2"> <img src="./images/iphone-1.png" alt=""/> </div> <div class="col-md-6 inter-row-column"> <h4><span>INTRODUCING</span> THE FUDI APP</h4> <p>Morbi eget posuere dolor. Pellentesque cursus aliquet aliquet. Aeneanet felis sit amet diam mollis ullamcorper. Nullam consequat sem a ante vest ibulum tristique. Suspendisse tristique lacus ac mattis porta. </p> <p>Vivamus ligula quam, vehicula non lacinia sed

评论收藏

内容反馈

版权申诉