<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5蔬果网站模板</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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/mislider.css" rel="stylesheet" type="text/css" />
<link href="css/mislider-custom.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/main-gallery.css" type="text/css" media="screen" /> <!-- flexslider-CSS -->
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- banner -->
<div id="home" class="w3ls-banner">
<!-- banner-text -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="w3layouts-banner-top">
<div class="container">
<div class="agileits-banner-info">
<h3>有机蔬果的 <span>全方位营养</span></h3>
<p>有机蓝莓的营养价值突出藜麦作为超级食物的独特地位</p>
<div class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">了解更多</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-banner-top1">
<div class="container">
<div class="agileits-banner-info">
<h3>丰富的有机藜麦沙拉 <span>搭配各种新鲜蔬菜</span></h3>
<p>完整蛋白质来源富含膳食纤维、维生素和矿物质</p>
<div class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">了解更多</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-banner-top2">
<div class="container">
<div class="agileits-banner-info">
<h3>鲜多汁的有机橙子 <span>以及橙子切片与蜂蜜</span></h3>
<p>创意食谱有机橙子蜂蜜饮</p>
<div class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">了解更多</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!--banner Slider starts Here-->
</div>
<div class="thim-click-to-bottom">
<a href="#about" class="scroll">
<i class="fa fa-long-arrow-down" aria-hidden="true"></i>
</a>
</div>
</div>
<!-- //banner -->
<!-- header -->
<div class="header-w3layouts">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">果蔬商城</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html"><span>果蔬商城</span> <p class="logo_sub_agile">网站模板</p></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#home">首页</a></li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#about">关于我们</a></li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#services">相关服务</a></li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#work">产品列表</a></li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#team">团队介绍</a></li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#gallery">产品展示</a></li>
<li><a class="hvr-sweep-to-right page-scroll scroll" href="#contact">在线留言</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
</div>
<!-- //header -->
<!-- about -->
<div class="about" id="about">
<div class="col-md-6 ab-w3-agile-img">
</div>
<div class="col-md-6 ab-w3-agile-info">
<div class="ab-w3-agile-info-text">
<p class="sub-text one">超级食物有机藜麦的全方位营养</p>
<h2 class="title-w3">关于我们</h2>
<p>我们的故事：从田间到餐桌的承诺，我们的承诺：有机种植，纯净健康，我们的团队：一群热爱自然的守护者，我们的故事：从田间到餐桌的承诺，我们的承诺：有机种植，纯净健康，我们的团队：一群热爱自然的守护者，我们的故事：从田间到餐桌的承诺，我们的承诺：有机种植，纯净健康，我们的团队：一群热爱自然的守护者，我们的故事：从田间到餐桌的承诺，我们的承诺：有机种植，纯净健康，我们的团队：一群热爱自然的守护者</p>
<div class="agileits_w3layouts_more menu__item one">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">了解更多</a>
</div>
</div>
<div class="ab-w3-agile-inner">
<div class="col-md-6 ab-w3-agile-part">
<h4>有机橙子</h4>
<p>有机橙子的营养价值突出藜麦作为超级食物的独特地位，有机橙子的营养价值突出藜麦作为超级食物的独特地位，有机橙子的营养价值突出藜麦作为超级食物的独特地位</p>
</div>
<div class="col-md-6 ab-w3-agile-part two">
<h4>有机藜麦的全方位营养</h4>
<p>甜椒、黄玉米、紫甘蓝等，突出藜麦作为超级食物的独特地位，甜椒、黄玉米、紫甘蓝等，突出藜麦作为超级食物的独特地位，甜椒、黄玉米、紫甘蓝等，突出藜麦作为超级食物的独特地位</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- //about -->
<!-- Modal1 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<img src="images/2.jpg" alt=" " class="img-responsive">
<h5>有机藜麦的全方位营养</h5>
<p>甜椒、黄玉米、紫甘蓝等，突出藜麦作为超级食物的独特地位，甜椒、黄玉米�
HTML5蔬果网站源码.zip （61个子文件） 
HTML5蔬果网站源码 js 
bootstrap.js 66KB jquery.gallery.js 6KB jquery.waypoints.min.js 9KB jquery.magnific-popup.js 45KB mislider.js 41KB responsiveslides.min.js 3KB app.js 7KB main.js 5KB modernizr-2.6.2.min.js 15KB jquery-2.2.3.min.js 84KB jquery.countup.js 3KB easing.js 5KB move-top.js 1KB jquery.flexisel.js 8KB css style.css 50KB popup-box.css 7KB main-gallery.css 8KB font-awesome.css 34KB jquery.gallery.css 2KB mislider.css 3KB mislider-custom.css 2KB bootstrap.css 138KB
index.html 36KB images 
a2.jpg 39KB 2.jpg 239KB m1.jpg 25KB a1.jpg 51KB 1.jpg 307KB t3.jpg 58KB p4.jpg 65KB m2.jpg 23KB p6.jpg 93KB
move-up.png 492B dott.png 933B left.png 711B search.png 644B t1.jpg 80KB 5.jpg 115KB
icons.svg 1KB t4.jpg 85KB tick.png 3KB m3.jpg 26KB t2.jpg 82KB right.png 1KB p2.jpg 43KB p3.jpg 59KB ab.jpg 80KB p5.jpg 64KB 3.jpg 263KB p1.jpg 75KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB 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资源评论
LilyCoder
- 粉丝: 1143
- 资源: 305
最新资源
- 双工位自动打磨机含bom工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- RSIRL，风险敏感的反向强化学习Matlab代码.rar
- 测试强化学习代理作为优化策略Matlab代码.rar
- 标准14节点的无功优化，粒子群算法的Matlab实现.rar
- 批量调整表格行高的Python实现，解决表格换行打印显示不全问题
- SpectralMEIRL，用于多专家反向强化学习的谱方法Matlab代码.rar
- 带有标量调整参数的最大相关准则卡尔曼滤波器的压缩Matlab1实现.rar
- 带选项的线性强化学习Matlab源代码.rar
- 船载视频稳定和校正的地平线跟踪方法 matlab代码.rar
- 单阵元条件下的主动、被动、虚拟时间反转水声通信的matlab样例 matlab代码.rar
- 点源定通量地下水污染物非稳定迁移计算Matlab代码.rar
- 等离子体化学Matlab工具.rar
- 多无人机定时绕椭圆飞行多运动目标Matlab代码.rar
- 多巴胺对强化学习和巩固的影响一文中使用的分析和模型拟合代码.rar
- 多光谱成像，压缩编码孔径成像，数据立方体获取，图像重建Matlab代码.rar
- 多智能体的编队控制，适合多智能体的编队或一致性研究Matlab代码.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
