<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Seen Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</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},1200);
});
});
</script>
<!---End-smoth-scrolling----
</head>
<body>
<!-- header -->
<div class="header" id="home">
<div class="header-top">
<div class="container">
<div class="icon">
<ul>
<li><i class="message"></i></li>
<li><a href="mailto:example@mail.com">Info@Seen.com</a></li>
<li><i class="phone"></i></li>
<li><p>+00(123)4567890</p</li>
</ul>
</div>
<div class="social-icons">
<a href="#"><i class="icon1"></i></a>
<a href="#"><i class="icon2"></i></a>
<a href="#"><i class="icon3"></i></a>
<a href="#"><i class="icon4"></i></a>
<a href="#"><i class="icon5"></i></a>
<a href="#"><i class="icon6"></i></a>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="container">
<div class="header-bottom">
<div class="logo">
<h1><a href="index.html">seen</a></h1>
</div>
<div class="top-menu">
<span class="menu"><img src="images/nav-icon.png" alt=""/></span>
<ul>
<nav class="cl-effect-5">
<li><a href="index.html" class="active"><span data-hover="Home">home</span></a></li>
<li><a href="portfolio.html"><span data-hover="portfolio">portfolio</span></a></li>
<li><a href="blog.html"><span data-hover="blog">blog</span></a></li>
<li><a href="pages.html"><span data-hover="pages">pages</span></a></li>
<li><a href="features.html"><span data-hover="features">features</span></a></li>
<li><a href="contact.html"><span data-hover="contact">contact</span></a></li>
</nav>
</ul>
<div class="clearfix"></div>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- header-section-ends -->
<div class="header-slider">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" alt="">
<div class="caption">
<h3>GRAPHIC WEB DESIGNER</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknowns.</p>
</div>
</li>
<li>
<img src="images/banner1.jpg" alt="">
<div class="caption">
<h3>Made GRAPHIC DESIGNER</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknowns.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="beautifull">
<div class="container">
<div class="beautifull-header">
<h4>Lorem ipsum dolor sit amet.</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknowns.Android, it doesn't matter. Your content will always looks its absolute.</p>
</div>
<div class="beautifull-grids">
<div class="col-md-4 beautiful-grid">
<div class="icon1">
<i class="heart"></i>
</div>
<div class="passion">
<h4>Passion</h4>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt posae volor rem modis volor.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-4 beautiful-grid">
<div class="icon1">
<i class="lamp"></i>
</div>
<div class="passion">
<h4>Creativity</h4>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt posae volor rem modis volor.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-4 beautiful-grid">
<div class="icon1">
<i class="star"></i>
</div>
<div class="passion">
<h4>Quality</h4>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt posae volor rem modis volor.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="checkout-section">
<div class="container">
<div class="checkout-header">
<h4>Latest Works</h4>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugites.</p>
</div>
<div id="portfoliolist">
<div class="portfolio">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img class="work-img" src="images/pic1.jpg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
<div class="bottom-header">
<h5>The system and expound the actual</h5>
<p>Identity</p>
</div>
</div>
<div class="portfolio">
<div class="portfolio-wrapper">
<a href="#small-dialog1" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img class="work-img" src="images/pic2.jpg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
<div class="bottom-header">
<h5>The system and expound the actual</h5>
<p>Identity</p>
</div>
</div>
<div class="clearfix"></div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
ev
简单实用的企业官网静态页面
需积分: 50 192 浏览量
2020-10-15
13:09:24
上传
评论 1
收藏 585KB RAR 举报
moban.rar （59个子文件） 
moban css 
swipebox.css 4KB owl.carousel.css 9KB popuo-box.css 5KB style.css 50KB bootstrap.css 124KB
contact.html 8KB blog.html 11KB portfolio.html 11KB single.html 10KB images 
pic5.jpg 14KB pic9.jpg 21KB pic8.jpg 20KB
arrow.png 3KB pic2.jpg 29KB img5.jpg 14KB icon5.png 4KB banner1.jpg 34KB avatar.png 6KB img6.jpg 17KB img4.jpg 14KB icon-eye.png 3KB img1.jpg 13KB pic3.jpg 14KB pic10.jpg 23KB to-top2.png 3KB pic7.jpg 18KB icon1.png 4KB img-sprite.png 12KB nav-icon.png 3KB list-arrow.png 3KB pic4.jpg 7KB pic12.jpg 13KB img2.jpg 30KB pic14.jpg 22KB icon2.png 4KB pic13.jpg 35KB pic6.jpg 12KB pic11.jpg 15KB pic1.jpg 21KB img3.jpg 23KB icon3.png 4KB banner.jpg 45KB zoom-icon.png 3KB
icons.svg 1KB icon4.png 4KB icon6.png 4KB features.html 10KB js jquery-1.8.3.min.js 91KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.swipebox.min.js 7KB move-top.js 1KB modernizr.custom.min.js 2KB responsiveslides.min.js 3KB jquery.magnific-popup.js 45KB easing.js 5KB pages.html 5KB index.html 20KB 说明.htm 3KB资源评论
