【免费】咖啡甜点HTML5网站模板是一款适合甜品店企业的网站模板下载.rar资源-CSDN文库

共29个文件

png：14个

js：7个

jpg：4个

html

需积分: 0 161 浏览量 2023-09-10 10:25:43 上传评论收藏 745KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

咖啡甜点HTML5网站模板是一款适合甜品店企业的网站模板下载.rar （29个子文件）

style.css 17KB

2.jpg 4KB

jquery.magnific-popup.js 45KB

logo1.png 5KB

icon6.png 5KB

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

top_move.png 3KB

icon4.png 9KB

img-resources.png 10KB

logo.png 8KB

1.jpg 3KB

popuo-box.css 5KB

jquery.jscrollpane.min.js 14KB

nav.png 3KB

icon5.png 9KB

bg.jpg 217KB

bootstrap.css 118KB

iphone.png 220KB

easing.js 5KB

close.png 3KB

f_logo.png 7KB

move-top.js 1KB

index.html 13KB

slide-bg.png 158KB

jquery.min.js 92KB

3.jpg 4KB

map-1.png 3KB

map-2.png 3KB

<!DOCTYPE HTML> <html> <head> <title>Home</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' /> <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"> <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> </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> <a href="#" class="right_bt" id="activator"><img src="images/nav.png" alt=""/></a> <div class="box" id="box"> <div class="box_content_center"> <div class="menu_box_list"> <ul> <li><a href="#home" class="scroll">Home</a></li> <li class="active"><a href="#about" class="scroll">About</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </div> <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a> </div> </div> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'top':'0px'},500); }); $('#boxclose').click(function(){ $('#box').animate({'top':'-700px'},500); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the browser jump to the link anchor }); }); </script> </div> <div class="clearfix"></div> <div class="header-bottom"> <p>Find your favorite</p> <h1>Coffee</h1> <a href="#">Get Started</a> </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> <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 LOCATION</h3> <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> <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-column"> <h4><span>INTRODUCING</span> THE COFFEAT 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, faucibus sit amet libero. In libero dui, eleifend eu nisi id, egestas fringilla odio. In varius quam a massa hendrerit ullamcorper a eu justo. Suspendisse porta mattis convallis.Aenean tempus ligula ac odio rhoncus, quis aliquam dolor accumsan. </p> <p>Suspendisse aliquet felis consectetur libero congue, sed pulvinar diam malesuada. Duis vehicula a nibh id hendrerit. Donec sit amet ultricesante, a mattis massa. </p> <ul class="inter-duce"> <li><i class="icon4"></i></li> <li><i class="icon5"></i></li> </ul> </div> <div class="col-md-6 inter-row-column2"> <img src="images/iphone.png" alt=""/> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="slider"> <div class="container"> <div class="slider-content"> <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: true, speed: 500, namespace: "c

评论收藏

内容反馈