<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Prestige A Fashion category Flat bootstrap Responsive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<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="Prestige 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>
<!--webfont-->
<link href='//fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body>
<div class="header">
<div class="tiles">
<div class="header_mac"><a href="#services" class="scroll">
<i class="icon1"></i>
<h3>Our works</h3>
</a></div>
<div class="header_book"><a href="#what" class="scroll">
<i class="icon2"></i>
<h3>What we do</h3>
</a></div>
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="header_team"><a href="#team" class="scroll">
<i class="icon3"></i>
<h3>Our team</h3>
</a></div>
<div class="header_about"><a href="#about" class="scroll">
<i class="icon4"></i>
<h3>About us</h3>
</a></div>
<div class="header_contact"><a href="#touch" class="scroll">
<i class="icon5"></i>
<h3>Get in touch</h3>
</a></div>
<div class="header_social">
<ul>
<li><a href="#"> <i class="fb1"> </i> </a></li>
<li><a href="#"> <i class="tw1"> </i> </a></li>
<li><a href="#"> <i class="db1"> </i> </a></li>
<li><a href="#"> <i class="g1"> </i> </a></li>
<li><a href="#"> <i class="skype"> </i> </a></li>
<li><a href="#"> <i class="vimeo"> </i> </a></li>
</ul>
</div>
<div class="header_arrow">
<a href="#arrow" class="scroll"><span> </span></a>
</div>
<div class="menu_down">
<a href="#" id="activator1"></a>
</div>
</div>
</div>
<div class="header_responsive">
<div class="tiles_resp">
<div class="header_arrow">
<a href="#arrow" class="scroll"><span> </span></a>
</div>
<div class="menu">
<a href="#" class="right_bt" id="activator"><img src="images/menu_responsive.png" alt=""/></a>
<div class="box" id="box">
<div class="box_content_center">
<div class="menu_box_list">
<ul>
<li><a href="#services" class="scroll">Our works</a></li>
<li class="active"><a href="#about" class="scroll">About us</a></li>
<li><a href="#what" class="scroll">What we do</a></li>
<li><a href="#team" class="scroll">Our team</a></li>
<li><a href="#touch" class="scroll">Get in touch</a></li>
</ul>
</div>
<a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a>
</div>
</div>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},500);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-700px'},500);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
</div>
</div>
</div>
<div class="main">
<div class="content_top text-center" id="arrow">
<div class="container">
<h1>What <span class='m_1'>We </span>do</h1>
<p class="head_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh <span class="m_1">laoreet dolore magna</span> aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tati hendrerit<span class="m_1"> in vulputate velit</span> esse molestie consequat, vel illum dolore </p>
<div class="top_grids">
<div class="col-md-3 grid1">
<span> </span>
<div class="top_grid">
<h3>896</h3>
<p>Project work</p>
</div>
</div>
<div class="col-md-3 grid1">
<span> </span>
<div class="top_grid">
<h3>962</h3>
<p>Facebook likes</p>
</div>
</div>
<div class="col-md-3 grid1">
<span> </span>
<div class="top_grid">
<h3>159</h3>
<p>Tutorials create</p>
</div>
</div>
<div class="col-md-3 grid1">
<span> </span>
<div class="top_grid">
<h3>576</h3>
<p>Coffee made</p>
</div>
</div>
</div>
</div>
</div>
<div class="about" id="about">
<div class="container">
<div class="about_top">
<h2 class="m_3">About<span class="m_1"> Us</span></h2>
<p class="head_text">Typi non habent claritatem insitam; est usus legentis in iis <span class="m_1">qui facit eorum</span> claritatem. Investigationes demonstraverunt lectores legere me lius quod ii <span class="m_1">legunt</span> saepius.</p>
</div>
<div class="about_bottom">
<div class="col-md-6 about_left">
<p class="m_2">Duis autem vel eum iriure dolor in hendrerit in<span class="m_1"> vulputate velit esse molestie</span> consequat</p>
<p class="m_2">Duis autem vel eum iriure dolor in hendrerit in<span class="m_1"> vulputate</span> consequat, vel illum dolore</p>
<a href="#" class="btn1 btn-1 btn-1b">Learn more</a>
</div>
<div class="col-md-6 about_right">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li><img src="images/a1.jpg" class="img-responsive" alt=""/></li>
<li><img src="images/a1.jpg" class="img-responsive" alt=""/></li>
<li><img src="images/a1.jpg" class="img-responsive" alt=""/></li>
</ul>
</div>
</section>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<script type="text/javascript">
$(function
网站模板-团队工作展示响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
198 浏览量
2024-03-25
08:46:57
上传
评论
收藏 1.51MB ZIP 举报
网站模板-团队工作展示响应式网页模板-适配移动端界面-HTML源码.zip （49个子文件） 
网站模板-团队工作展示响应式网页模板-适配移动端界面-HTML源码 html js 
jquery.flexslider.js 40KB circles.js 7KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jquery.flexisel.js 8KB css style.css 39KB flexslider.css 4KB bootstrap.css 118KB
index.html 28KB images 
feature.jpg 9KB
tiles.png 281KB mockup.jpg 48KB c3.png 7KB res_tiles.png 169KB p9.jpg 54KB c1.png 8KB scroller.png 4KB menu.png 4KB logo.png 4KB back-top.png 4KB a1.jpg 40KB 1.jpg 31KB zoom.png 5KB base.png 8KB p8.jpg 44KB pic4.jpg 12KB p4.jpg 37KB p6.jpg 37KB 1.png 5KB pic2.jpg 13KB menu_responsive.png 3KB pic3.jpg 12KB c4.png 7KB c2.png 7KB pic1.jpg 12KB subscribe.jpg 11KB img-sprite.png 37KB close.png 3KB p11.jpg 42KB p7.jpg 33KB mockup.png 320KB p2.jpg 18KB p3.jpg 29KB icons.png 17KB p5.jpg 39KB p10.jpg 37KB 2.png 5KB p1.jpg 17KB资源评论
