扁平化灰色风格的水果购物网站模板下载.zip资源-CSDN文库

共55个文件

jpg：18个

js：9个

html：8个

版权申诉

H5模版

网站模版

HTML模版

31 浏览量 2024-12-31 10:18:12 上传评论收藏 2.04MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

扁平化灰色风格的水果购物网站模板下载.zip （55个子文件）

ccps_13_shucaishuiguogongsi

bootstrap.js 66KB

lightbox-plus-jquery.min.js 91KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 6KB

html5shiv.js 2KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jarallax.js 14KB

icons.html 123KB

typography.html 34KB

css

style.css 46KB

font-awesome.css 34KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 14KB

contact.html 9KB

about.html 11KB

single.html 12KB

images

g3.jpg 42KB

g2.jpg 23KB

2.jpg 140KB

prev.png 1KB

arrow.png 4KB

icon1.png 789B

6.jpg 39KB

a1.jpg 84KB

1.jpg 299KB

t3.jpg 26KB

arrows1.png 2KB

next.png 1KB

g6.jpg 72KB

t1.jpg 26KB

arrows.png 4KB

5.jpg 55KB

t4.jpg 25KB

g5.jpg 108KB

close.png 280B

t2.jpg 25KB

g4.jpg 51KB

3.jpg 169KB

7.jpg 62KB

g1.jpg 22KB

arrow1.png 236B

4.jpg 57KB

blog.html 12KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

gallery.html 10KB

<!DOCTYPE html> <html lang="en"> <head> <title>Icons</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="" /> <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 rel="stylesheet" href="css/style.css" type="text/css" media="all" />   <link href="css/font-awesome.css" rel="stylesheet">     <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.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="banner about-banner"> <div class="header"> <div class="container"> <div class="header-left"> <div class="w3layouts-logo"> <h1> <a href="index.html">Harvest <span><sup>Life</sup></span></a> </h1> </div> </div> <div class="header-right"> <div class="agileinfo-social-grids"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-rss"></i></a></li> <li><a href="#"><i class="fa fa-vk"></i></a></li> </ul> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="header-bottom"> <div class="container"> <div class="top-nav"> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a class="list-border" href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li class=""><a href="#" class="active dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Codes<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a class="active hvr-bounce-to-bottom" href="icons.html">Icons</a></li> <li><a class="hvr-bounce-to-bottom" href="typography.html">Typography</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li><a href="blog.html">Blog</a></li> <li><a class="list-border1" href="contact.html">Contact</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div> </div> </div> </div>  <div class="about-heading"> <div class="container"> <h2>Icons</h2> </div> </div>  <div class="codes icons main-grid-border"> <div class="container"> <div class="grid_3 grid_4 w3_agileits_icons_page"> <div class="icons"> <h3 class="agileits-icons-title">Font Awesome Icons</h3> <section id="new"> <h3 class="page-header page-header icon-subheading">30 New Icons </h3> <div class="row fontawesome-icon-list"> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> fa-asl-interpreting <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> fa-assistive-listening-systems</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-audio-description" aria-hidden="true"></i> fa-audio-description</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-blind" aria-hidden="true"></i> fa-blind</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-braille" aria-hidden="true"></i> fa-braille</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deaf" aria-hidden="true"></i> fa-deaf</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deafness" aria-hidden="true"></i> deafness <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-envira" aria-hidden="true"></i> fa-envira</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-fa" aria-hidden="true"></i> fa-fa <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-first-order" aria-hidden="true"></i> fa-first-order</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-font-awesome" aria-hidden="true"></i> fa-font-awesome</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-gitlab" aria-hidden="true"></i> fa-gitlab</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide" aria-hidden="true"></i> fa-glide</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide-g" aria-hidden="true"></i> fa-glide-g</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> fa-google-plus-circle <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-official" aria-hidden="true"></i> fa-google-plus-official</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> fa-hard-of-hearing <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-instagram" aria-hidden="true"></i> fa-instagram</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-low-vision" aria-hidden="true"></i> fa-low-vision</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"

评论收藏

内容反馈

版权申诉