<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Acrostia 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>
<!--fonts-->
<link href='#css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<!---->
<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>
</head>
<body>
<!--header-->
<!--banner-->
<div class="banner" id="home">
<div class="slider" >
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" alt="">
<div class="banner-matter">
<img class="img-responsive" src="images/good.png" alt=" " />
</div>
</li>
<li>
<img src="images/banner1.jpg" alt="">
<div class="banner-matter">
<img class="img-responsive" src="images/good.png" alt=" " />
</div>
</li>
<li>
<img src="images/banner2.jpg" alt="">
<div class="banner-matter">
<img class="img-responsive" src="images/good.png" alt=" " />
</div>
</li>
</ul>
</div>
</div>
</div>
<!---->
<div class="header" >
<div class="container">
<div class="fixed-header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
</div>
<div class="top-nav cssmenu">
<nav class="nav clearfix">
<a id="menu-toggle" class="anchor-link"><img src="images/menu.png" alt="" /></a>
<ul class="simple-toggle" id="nav">
<li class="current"><a href="#home" class="scroll">Home</a></li>
<li ><a href="#services" class="scroll"> Services</a></li>
<li ><a href="#about" class="scroll">About</a></li>
<li><a href="#work" class="scroll">Our Work</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
<script type="text/javascript">
$(document).ready(function() {
$('#menu-toggle').click(function () {
$('#nav').toggleClass('open');
e.preventDefault();
});
});
</script>
<!---->
<script src="js/jquery.nav.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#nav').onePageNav({
begin: function() {
console.log('start')
},
end: function() {
console.log('stop')
}
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
var navoffeset=$(".header").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header").addClass("fixed");
}else{
$(".header").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
<!--content-->
<div class="content">
<!---->
<div class="services" id="services">
<div class="container">
<div class="service-head">
<h3>OUR SERVICES</h3>
<span> Cras commodo mattis justo nec <b>lobortis</b>. Nam ut tellus lobortis, ullamcorper massa sit amet</span>
<p>Cras suscipit porttitor porttitor. Morbi sit amet tincidunt sapien. Curabitur posuere lectus aliquet erat rutrum sollicitudin. In enim diam, ullamcorper quis libero et, ultricies commodo est. Quisque at ante vitae justo fermentum viverra ac eu justo. Ut luctus imperdiet lacus, eget laoreet erat posuere quis.</p>
</div>
<div class=" services-grid">
<div class="col-md-4 service-grid">
<a href="#"><img class="img-responsive" src="images/s1.png" alt=" " /></a>
<h5>Researching</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="col-md-4 service-grid">
<a href="#"><img class="img-responsive" src="images/s2.png" alt=" " /></a>
<h5>Designing</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="col-md-4 service-grid">
<a href="#"><img class="img-responsive" src="images/s3.png" alt=" " /></a>
<h5>Development</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="col-md-4 service-grid ">
<a href="#"><img class="img-responsive" src="images/s4.png" alt=" " /></a>
<h5>Launch</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---->
<div class="team" id="about">
<div class="container">
<div class="team-head">
<h3>Who we are & what we do</h3>
<p>Cras suscipit porttitor porttitor. Morbi sit amet tincidunt sapien. Curabitur posuere lectus aliquet erat rutrum sollicitudin. In enim diam, ullamcorper quis libero et, ultricies commodo est. Quisque at ante vitae justo fermentum viverra ac eu justo. Ut luctus imperdiet lacus, eget laoreet erat posuere quis.</p>
<a href="#" class="meet">Meet the team<span> </span></a>
</div>
<div class=" team-top">
<div class="col-md-4 team-top-grid">
<div class="team-grid">
<a href="#"><label> </label></a>
<h6>Anton Petrov</h6>
<small>General manager</small>
<ul class="social">
<li class="facebook"><a href="#"><span> </span> </a></li>
<li class="twitter"><a href="#"><span> </span> </a></li>
<li class="gmail"><a href="#"><span> </span> </a></li>
<li class="inline"><a href="#"><span> </span> </a></li>
</ul>
</div>
</div>
<div class=" col-md-4 team-top-grid">
<div class="team-grid">
<a href="#"><label> </label></a>
<h6>Anton Petrov</h6>
<small>General manager</small>
<ul class="social">
<li class="facebook"><a href="#"><span> </span> </a></li>
<li class="twitter"><a href="#"><span> </span> </a></li>
<li class="gmail"><a href="#"><span> </span> </a></li>
<li class="inline"><a href="#"><span> </span> </a></li>
</ul>
</div>
</div>
<div class="col-md-4 team-top-grid">
<div class="team-grid">
<a href="#"><label> </l
纯色个性设计公司网站模板是一款多色块的HTML单页网站模板.rar
需积分: 0 178 浏览量
2023-09-10
10:34:08
上传
评论
收藏 801KB RAR 举报
纯色个性设计公司网站模板是一款多色块的HTML单页网站模板.rar （41个子文件） 
style.css 19KB
plus.png 4KB s2.png 8KB jquery.swipebox.min.js 7KB s4.png 8KB
ba2.jpg 26KB responsiveslides.min.js 3KB arrow.png 3KB menu.png 3KB banner.jpg 99KB logo.png 4KB s3.png 10KB te.png 19KB p4.jpg 34KB p6.jpg 32KB ba1.jpg 23KB left.png 3KB bootstrap.css 118KB ba.jpg 35KB
icons.svg 1KB baa.jpg 24KB banner1.jpg 135KB easing.js 5KB img-sprite.png 14KB up.png 3KB swipebox.css 4KB move-top.js 1KB
index.html 19KB p7.jpg 21KB p2.jpg 17KB good.png 17KB jquery.mixitup.min.js 14KB s1.png 9KB p3.jpg 38KB jquery.nav.js 5KB p5.jpg 27KB jquery.min.js 92KB banner2.jpg 122KB arrow1.png 3KB jquery-1.10.2.min.js 91KB p1.jpg 25KB资源评论
