<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">King.</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li class="has-dropdown">
<a href="services.html">Services</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="#">Tools</a>
<ul class="dropdown">
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">Sass</a></li>
<li><a href="#">jQuery</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li class="btn-cta"><a href="#"><span>Login</span></a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/img_bg_2.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Start Your Journey</h1>
<h2>Free html5 templates Made</h2>
<div class="row">
<form class="form-inline" id="fh5co-header-subscribe">
<div class="col-md-8 col-md-offset-2">
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Enter your email">
<button type="submit" class="btn btn-default">Join Now</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-core-feature">
<div class="container">
<div class="row">
<div class="features">
<div class="col-half animate-box" data-animate-effect="fadeInLeft">
<div class="table-c">
<div class="desc">
<span>Try Our Awesome Stuff</span>
<h3>Anyone can make there own Website</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
<p><a href="#" class="btn btn-lg btn-primary">Learn More</a></p>
</div>
</div>
</div>
<div class="col-half-image-holder animate-box" data-animate-effect="fadeInRight">
<img class="img-responsive" src="images/samsungs6.png" alt="samsung">
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-services" class="fh5co-bg-section">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 text-center">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="icon-eye"></i>
</span>
<h3>Retina Ready</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
<div class="col-md-4 col-sm-4 text-center">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="icon-command"></i>
</span>
<h3>Fully Responsive</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
<div class="col-md-4 col-sm-4 text-center">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="icon-power"></i>
</span>
<h3>Web Starter</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-project">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<span>Want Some Cool Stuff</span>
<h2>Our Project</h2>
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
</div>
</div>
</div>
<div class="project-content">
<div class="col-half">
<div class="project animate-box" style="background-image:url(images/project-3.jpg);">
<div class="desc">
<span>Application</span>
<h3>Project Name</h3>
</div>
</div>
</div>
<div class="col-half">
<div class="project-grid animate-box" style="background-image:url(images/project-5.jpg);">
<div class="desc">
<span>Illustration</span>
<h3>Project Name</h3>
</div>
</div>
<div class="project-grid animate-box" style="background-image:url(images/project-2.jpg);">
<div class="desc">
<span>Branding</span>
<h3>Project Name</h3>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-testimonial" class="fh5co-bg-section">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Happy Clients</h2>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="row">
<div class="col-md-12 animate-box">
<div class="testimony">
<div class="inner text-center">
<img src="images/person3.jpg" alt="testimony">
</div>
<blockquote>
<p>“Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.”</p>
<p class="author"><cite>— John Doe</cite></p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-started">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
海鲜水产公司HTML模板是一款大气扁平风格的企业公司网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （42个子文件） 
海鲜水产公司HTML模板是一款大气扁平风格的企业公司网站模板。 moban1725 
work.html 9KB js 
jquery.waypoints.min.js 9KB bootstrap.min.js 36KB main.js 4KB modernizr-2.6.2.min.js 15KB respond.min.js 4KB index.html 107B jquery.easing.1.3.js 8KB jquery.min.js 82KB css style.css 29KB flexslider.css 7KB icomoon.css 25KB magnific-popup.css 8KB animate.css 71KB bootstrap.css 132KB services.html 9KB index.html 11KB contact.html 8KB about.html 10KB images 
image_1.jpg 4KB img_bg_1.jpg 8KB person2.jpg 2KB project-5.jpg 137KB
samsungs6.png 620KB person3.jpg 21KB img_bg_2.jpg 181KB person1.jpg 2KB project-2.jpg 71KB image_2.jpg 3KB project-3.jpg 66KB project-7.jpg 3KB project-6.jpg 4KB
loader.gif 47KB fonts icomoon icomoon.woff 101KB
icomoon.svg 357KB icomoon.eot 101KB icomoon.ttf 100KB bootstrap 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资源评论
