<!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">STUPEN</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-gr
金色麦田HTML网站模板是一款种植业企业网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响应式源.rar
172 浏览量
2023-08-06
11:50:39
上传
评论
收藏 350KB RAR 举报
金色麦田HTML网站模板是一款种植业企业网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响应式源.rar （32个子文件） 
金色麦田HTML网站模板是一款种植业企业网站模板下载。 moban189 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
cake.jpg 25KB m-icon.png 2KB hny.jpg 19KB men-1.png 13KB banner.jpg 54KB hny1.jpg 10KB beef.jpg 45KB men.png 3KB wmn.png 14KB clock.png 3KB sandwich.jpg 33KB men-2.png 14KB d.png 347B twitter.png 621B u.png 374B pen.png 3KB f.png 348B melt.jpg 25KB scroll-top.png 486B资源评论
