<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<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 src="js/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href='#css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<script src="js/modernizr.js"></script>
<!--Start-smoth-scrolling-->
<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>
<!--end-smoth-scrolling-->
<!--animated-css-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--animated-css-->
</head>
<body>
<!--- Header Starts Here --->
<div class="header" id="home">
<div class="container">
<div class="logo">
<h1><a href="index.html">VETAE</a></h1>
</div>
<span class="menu"> </span>
<div class="cleare"> </div>
<script>
$( "span.menu" ).click(function() {
$( "ul.navig" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<div class="navigation">
<ul class="navig">
<li><a class="active" href="#home" class="scroll">HOME</a></li>
<li><a href="#about" class="scroll">ABOUT</a></li>
<li><a href="#services" class="scroll">SERVICES</a></li>
<li><a href="#project" class="scroll">PROJECTS</a></li>
<li><a href="#contact" class="scroll">CONTACT</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- Header Ends Here --->
<!-- Banner Starts Here -->
<div class="banner">
<div class="slider">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<h2>IPSUM DOLOR SIT AMET LAT</h2>
<h5>Allquam tincidunt mauris cu risus</h5>
</li>
<li>
<h2>IPSUM DOLOR SIT AMET LAT</h2>
<h5>Allquam tincidunt mauris cu risus</h5>
</li>
<li>
<h2>IPSUM DOLOR SIT AMET LAT</h2>
<h5>Allquam tincidunt mauris cu risus</h5>
</li>
<li>
<h2>IPSUM DOLOR SIT AMET LAT</h2>
<h5>Allquam tincidunt mauris cu risus</h5>
</li>
</ul>
</div>
</section>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!--FlexSlider-->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</div>
</div>
<div class="about" id="about">
<div class="container">
<div class="about1 clock wow bounceIn">
<div class="col-md-6 ">
<div class="about-top">
<h2>MORBI IN SEM LOREM PLACERAT ORNARE PELLENTE</h2>
<h3>EUISMOD IN,PHARETRA ULTRICIES CRASCONSEQUAT VAVIMUS SUP SOMPURKOI VARSIT</h3>
<a href="#">MORE INFO</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6">
<div class="about-bottom">
<a href="#"><p class="para1">Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet,lectus arcu pulvinar ricus lorem ipsum dolor</p></a>
<p class="para2">vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis , adipiscing varius, adipiscing in,lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.</p>
<p class="para3">Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. integeralesuada.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="content" id="services">
<div class="container">
<div class="content-1 clock wow bounceIn">
<div class="col-md-4">
<div class="content-grids">
<div class="content-left">
<span class="cnt1"> </span>
</div>
<div class="content-right">
<h3>CESTIBULUM AUCT</h3>
<P>Praesent dapibus, neque id cursus fauci-bus, tortor neque egestas augue,euin vulputate magna eros lipsum</P>
<a href="#">MORE</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="content-gri
没有合适的资源?快使用搜索试试~ 我知道了~
黄色清爽主题网站模板是一款适合农作物种植业公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar
共32个文件
png:13个
js:7个
jpg:7个
0 下载量 159 浏览量
2023-08-06
11:56:20
上传
评论
收藏 310KB RAR 举报
温馨提示
黄色清爽主题网站模板是一款适合农作物种植业公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar
资源推荐
资源详情
资源评论
收起资源包目录
黄色清爽主题网站模板是一款适合农作物种植业公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar (32个子文件)
黄色清爽主题网站模板是一款适合农作物种植业公司网站模板下载。
moban203
js
jquery.flexslider.js 41KB
modernizr.js 10KB
easing.js 5KB
jquery-1.11.0.min.js 94KB
move-top.js 1KB
wow.min.js 5KB
myscript.js 312B
css
style.css 22KB
flexslider.css 4KB
animate.css 67KB
bootstrap.css 118KB
index.html 20KB
images
bg_direction_nav.png 944B
twit.png 618B
girl-1.jpg 14KB
girl-5.jpg 23KB
m-3.png 8KB
women.jpg 20KB
girl-2.jpg 28KB
bnr.jpg 61KB
women-1.jpg 16KB
d.png 347B
m-2.png 10KB
u.png 374B
girl-4.jpg 21KB
menu-icon.png 2KB
mn.png 3KB
m-1.png 9KB
pn.png 3KB
f.png 348B
scroll-top.png 486B
clk.png 3KB
共 32 条
- 1
资源评论
supeerzdj
- 粉丝: 10
- 资源: 6185
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功