【免费】外卖订餐HTML5网站模板是一款适合美食行业网站模板下载.rar资源-CSDN文库

共65个文件

jpg：24个

png：18个

html：10个

html

需积分: 0 123 浏览量 2023-09-10 10:25:28 上传评论收藏 1.16MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

外卖订餐HTML5网站模板是一款适合美食行业网站模板下载.rar （65个子文件）

pic12.jpg 22KB

message.png 3KB

g3.jpg 14KB

style.css 76KB

k2.jpg 38KB

jquery.swipebox.min.js 7KB

menu.html 10KB

orders.html 16KB

pic10.jpg 12KB

responsiveslides.min.js 3KB

k1.jpg 48KB

menu.png 531B

logo.png 4KB

k5.jpg 16KB

k3.png 4KB

k8.jpg 16KB

k6.jpg 12KB

home.png 3KB

pic2.jpg 22KB

k3.jpg 42KB

k1.png 4KB

search.png 3KB

k4.jpg 19KB

fb.png 5KB

g6.jpg 37KB

typography.html 19KB

k2.png 4KB

888.jpg 220KB

uisearch.js 6KB

bootstrap.css 138KB

6.png 8KB

team-3.jpg 19KB

simpleCart.min.js 25KB

icons.svg 1KB

g5.jpg 32KB

easing.js 5KB

iPhone.png 3KB

swipebox.css 4KB

classie.js 2KB

move-top.js 1KB

index.html 15KB

bag.png 3KB

arr.png 546B

8.png 8KB

contact.html 8KB

about.html 12KB

pic11.jpg 28KB

17.png 5KB

777.jpg 248KB

g4.jpg 45KB

16.png 5KB

team-1.jpg 21KB

7.png 8KB

team-2.jpg 24KB

jquery.flexisel.js 8KB

jquery.min.js 92KB

g1.jpg 17KB

team-4.jpg 33KB

k7.jpg 9KB

checkout.html 10KB

drink.jpg 101KB

gallery.html 9KB

close_1.png 3KB

<!DOCTYPE html> <html> <head> <title>Typography</title>  <link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'> <link href='#css?family=Slabo+27px' rel='stylesheet' type='text/css'> <link href='#css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>  <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Favorites 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" /> <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/jquery.min.js"></script>   <script src="js/simpleCart.min.js"> </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>  </head> <body>  <div class="header"> <div class="container"> <div class="top-header"> <div class="header-left"> <p>Place your order and get 20% off on each price</p> </div> <div class="login-section"> <ul> <li><a href="login.html">Login</a> </li> | <li><a href="register.html">Register</a> </li> </ul> </div>  <div class="search-box"> <div id="sb-search" class="sb-search"> <form> <input class="sb-search-input" placeholder="Enter your search item..." type="search" name="search" id="search"> <input class="sb-search-submit" type="submit" value=""> <span class="sb-icon-search"> </span> </form> </div> </div>  <script src="js/classie.js"></script> <script src="js/uisearch.js"></script> <script> new UISearch( document.getElementById( 'sb-search' ) ); </script>  <div class="header-right"> <div class="cart box_1"> <a href="checkout.html"> <h3> <span class="simpleCart_total"> $0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span> items)<img src="images/bag.png" alt=""></h3> </a> <p><a href="javascript:;" class="simpleCart_empty">Empty cart</a></p> <div class="clearfix"> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="banner-slider"> <div class="banner-pos"> <div class="banner one page-head"> <div class="container"> <div class="navigation text-center"> <span class="menu"><img src="images/menu.png" alt=""/></span> <ul class="nav1"> <li><a href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="menu.html">OUR MENU</a></li> <li><a href="gallery.html">GALLERY</a></li> <li><a class="active" href="typography.html">TODAY'S SPECIAL</a> <li><a href="contact.html">CONTACT</a></li> <div class="clearfix"></div> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div>  <div class="logo"> <a href="index.html"> <div class="burst-36 "> <div> <div><span><img src="images/logo.png" alt=""/></span></div> </div> </div> <h1>FAVORITES</h1> </a> </div>  </div> </div> </div> </div>   <div class="grids"> <div class="container"> <div class="typ-info"> <h3>TYPOGRAPHY</h3> <div class="strip-line"></div> </div> <div class="grid_3 grid_4"> <h3>Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href=

评论收藏

内容反馈