榨果汁饮料店网站模板是一款html5模板，适合休闲饮料饮品店网站模板下载。_html网站模板_网页源码移动端前端

共55个文件

jpg：20个

png：10个

html：8个

网站模板

4 浏览量 2023-08-05 15:34:33 上传评论收藏 1.32MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

榨果汁饮料店网站模板是一款html5模板，适合休闲饮料饮品店网站模板下载。_html网站模板_网页源码移动端前端_H5.rar （55个子文件）

榨果汁饮料店网站模板是一款html5模板，适合休闲饮料饮品店网站模板下载。

moban757

bootstrap.js 66KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

typography.html 30KB

css

style.css 62KB

bootstrap.css 138KB

swipebox.css 4KB

services.html 11KB

index.html 12KB

contact.html 8KB

about.html 10KB

single.html 14KB

images

message.png 3KB

top-line1.png 3KB

b1.jpg 24KB

2.jpg 46KB

b8.jpg 34KB

Thumbs.db 231KB

b2.jpg 35KB

menu.png 531B

6.jpg 24KB

b6.jpg 29KB

logo.png 5KB

1.jpg 69KB

b7.jpg 26KB

b3.jpg 32KB

apple.png 7KB

img-sprite-hover.png 4KB

b5.jpg 28KB

5.jpg 32KB

b4.jpg 60KB

team-3.jpg 16KB

icons.svg 1KB

banner1.jpg 204KB

img-sprite.png 4KB

top-line.png 3KB

arr.png 3KB

icon3.png 3KB

team-1.jpg 21KB

team-2.jpg 20KB

3.jpg 58KB

banner2.jpg 98KB

team-4.jpg 22KB

4.jpg 39KB

blog.html 11KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

Righteous-Regular.ttf 42KB

gallery.html 11KB

<!DOCTYPE html> <html> <head> <title>Typography</title>  <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="Fruit Crush 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>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>   <link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>   <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-top"> <div class="container"> <div class="header-top-left"> <p>Autem quibusdam et aut officiis debitis</p> </div> <div class="header-top-mid"> <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span><p>Call For Info: +0646-784-900</p> </div> <div class="header-top-right"> <ul> <li><a href="#" class="f1"> </a></li> <li><a href="#" class="f2"> </a></li> <li><a href="#" class="f3"> </a></li> <li><a href="#" class="f4"> </a></li> </ul> </div> <div class="clearfix"></div> </div> </div>   <div class="strip"></div>   <div class="logo-head"> <div class="container"> <div class="logo"> <h1><a href="index.html"><img src="images/logo.png" alt=""/></a></h1> </div> <div class="navigation"> <span class="menu"><img src="images/menu.png" alt=""/></span> <div class="clearfix"></div> <ul class="nav1"> <li><a class="hvr-overline-from-center button2" href="about.html">ABOUT</a></li> <li><a class="hvr-overline-from-center button2" href="services.html">SERVICES</a></li> <li><a class="hvr-overline-from-center button2" href="blog.html">BLOG</a></li> <li><a class="hvr-overline-from-center button2 active" href="typography.html">PAGES</a></li> <li><a class="hvr-overline-from-center button2" href="gallery.html">GALLERY</a></li> <li><a class="hvr-overline-from-center button2" href="contact.html">CONTACT</a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> </div> </div>   <div class="banner page-head"> </div>   <div class="typrography"> <div class="container"> <h3 class="tittle">SHORT CODES</h3> <div class="grid_3 grid_4"> <h3 class="bars">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 class="t-button"> <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 class="t-button"> <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 class="t-button"> <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 class="typ1 t-button"> <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> </h4> <h5 class="typ1 t-button"> <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> </h5> <h6 class="typ1 t-button"> <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> </h6> </div> <div class="grid_3

评论收藏

内容反馈