<!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='#css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='#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){
event.preventDefault();
$('html,body').an
商务合作静态网页模板是一款适合服务行业公司HTML静态网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar
155 浏览量
2023-08-05
16:28:27
上传
评论
收藏 592KB RAR 举报
商务合作静态网页模板是一款适合服务行业公司HTML静态网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar （58个子文件） 
商务合作静态网页模板是一款适合服务行业公司HTML静态网站模板。 moban587 
portfolio.html 11KB pages.html 5KB js 
jquery.magnific-popup.js 45KB jquery.swipebox.min.js 7KB jquery-1.8.3.min.js 91KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB features.html 10KB css style.css 50KB owl.carousel.css 9KB popuo-box.css 5KB bootstrap.css 124KB swipebox.css 4KB index.html 20KB contact.html 8KB single.html 10KB images 
pic12.jpg 13KB pic5.jpg 14KB pic6.jpg 12KB pic10.jpg 23KB
icon6.png 4KB img6.jpg 17KB arrow.png 3KB pic8.jpg 20KB icon1.png 4KB zoom-icon.png 3KB icon4.png 4KB banner.jpg 45KB pic9.jpg 21KB img2.jpg 30KB to-top2.png 3KB img5.jpg 14KB pic4.jpg 7KB pic2.jpg 29KB pic3.jpg 14KB img4.jpg 14KB icon5.png 4KB pic1.jpg 21KB img1.jpg 13KB list-arrow.png 3KB
icons.svg 1KB avatar.png 6KB banner1.jpg 34KB img-sprite.png 12KB img3.jpg 23KB pic11.jpg 15KB icon-eye.png 3KB icon3.png 4KB pic7.jpg 18KB pic13.jpg 35KB pic14.jpg 22KB nav-icon.png 3KB icon2.png 4KB blog.html 11KB资源评论
