<!--
Author: W3layouts
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>Rave a Bootstarp Website Template | Home :: w3layouts</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, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<link href="./css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="./js/jquery.min.js"></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 -->
<div class="banner">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="banner-info">
<h1>Creative Design Agency Based in London</h1>
<h2>web design one pixel at a time</h2>
<a class="know" href="#">know more</a>
<div class="scroll">
<a href="#contact" class="scroll"><i class="scroll"></i> </a>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="logo1">
<a href="index.html"><img src="./images/logo1.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">services</a></li>
<li><a href="blog.html">pages</a></li>
<li><a href="contact.html">contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="search-box">
<form>
<input type="text" name="s" class="textbox" value="search" onfocus="this.value = '';" onblur="if
(this.value == '') {this.value = 'search';}">
<input type="submit" value>
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- header -->
<!-- design -->
<div class="design">
<div class="container">
<h2>we design creative interface for different devices</h2>
<div class="tabs-box">
<ul class="tabs-menu">
<li class="active1"><a href="#tab1">Website</a></li>
<li><a href="#tab2">Mobile Apps</a></li>
<li><a href="#tab3">User Interface</a></li>
<li><a href="#tab4">Illustration</a></li>
</ul>
<div class="clearfix"> </div>
<div class="tab-grids">
<div id="tab1" class="tab-grid">
<div class="col-md-4">
<div class="manage">
<div class="icon">
<i class="book"> </i>
</div>
<div class="icon-data1">
<h5>View</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="comment"> </i>
</div>
<div class="icon-data1">
<h5>Comment</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="share"> </i>
</div>
<div class="icon-data1">
<h5>Share</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4 design-2">
<img src="./images/screen.png" class="img-responsive" alt="" />
</div>
<div class="col-md-4">
<div class="manage">
<div class="icon">
<i class="manage"> </i>
</div>
<div class="icon-data1">
<h5>Manage</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="convert"> </i>
</div>
<div class="icon-data1">
<h5>Convert</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="navigate"> </i>
</div>
<div class="icon-data1">
<h5>Navigate</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div id="tab2" class="tab-grid">
<div class="col-md-4 design-2">
<img src="./images/screen.png" class="img-responsive" alt="" />
</div>
<div class="col-md-4">
<div class="manage">
<div class="icon">
<i class="book"> </i>
</div>
<div class="icon-data1">
<h5>View</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="comment"> </i>
</div>
<div class="icon-data1">
<h5>Comment</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="share"> </i>
</div>
<div class="icon-data1">
<h5>Share</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="manage">
<div class="icon">
<i class="manage"> </i>
</div>
<div class="icon-data1">
<h5>Manage</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="convert"> </i>
</div>
<div class="icon-data1">
<h5>Convert</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="manage">
<div class="icon">
<i class="navigate"> </i>
</d
网站模板-三色创意工作室适配响应网页模板-适配移动端界面-HTML源码.zip （124个子文件） 
bootstrap.css 118KB style.css 52KB style.css 40KB style.css 20KB popuo-box.css 4KB popuo-box.css 4KB flexslider.css 3KB flexslider.css 3KB
index.html 43KB index.html 29KB single.html 10KB blog.html 10KB blog.html 10KB index.html 9KB single.html 9KB blog.html 6KB single.html 6KB contact.html 6KB contact.html 6KB contact.html 4KB
img15.jpg 61KB img16.jpg 58KB green1.jpg 29KB tank1.jpg 22KB img15.jpg 18KB lap1.jpg 18KB green1.jpg 17KB lap1.jpg 17KB adronts1.jpg 17KB lap1.jpg 16KB umberrela1.jpg 16KB tank.jpg 16KB green.jpg 16KB green1.jpg 16KB img16.jpg 15KB umberrela1.jpg 15KB umberrela1.jpg 15KB tank1.jpg 15KB tank.jpg 15KB lap.jpg 13KB lap.jpg 12KB umberrela.jpg 12KB green.jpg 12KB smiley1.jpg 12KB adronts.jpg 12KB smiley.jpg 12KB smiley1.jpg 12KB 16.jpg 11KB umberrela.jpg 11KB adronts1.jpg 11KB adronts.jpg 11KB 13.jpg 10KB smiley.jpg 9KB img15.jpg 7KB 16.jpg 7KB 16.jpg 7KB img16.jpg 6KB tank1.jpg 6KB tank.jpg 6KB green.jpg 5KB lap.jpg 5KB umberrela.jpg 4KB 13.jpg 4KB 13.jpg 4KB smiley.jpg 4KB smiley1.jpg 4KB adronts1.jpg 3KB adronts.jpg 3KB jquery.min.js 92KB jquery.min.js 92KB jquery.magnific-popup.js 45KB jquery.magnific-popup.js 45KB jquery.flexslider.js 39KB jquery.flexslider.js 39KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB jquery.wmuSlider.js 12KB jquery.wmuSlider.js 12KB jquery.flexisel.js 8KB jquery.flexisel.js 8KB easing.js 5KB easing.js 5KB modernizr.custom.min.js 2KB modernizr.custom.min.js 2KB move-top.js 1KB move-top.js 1KB
img-sprite.png 60KB img-sprite.png 55KB screen.png 9KB logo.png 4KB logo1.png 4KB search_close.png 3KB logo.png 3KB logo.png 2KB logo1.png 2KB 1.png 2KB 4.png 2KB screen.png 2KB screen.png 2KB g.png 2KB共 124 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- wine下的NVIDIA库支持
- 医学图像分割数据集：人体骨骼图像分割数据集（多类别分割，约3500张数据和标签）
- Python 列表入门教程.docx
- QGIS使用example
- Notepad-v2.13.0各安装版本(可打开100G以上文本)，含mac版本、windows版本，亲测超好用
- etcd-cpp-apiv3-master
- linux常用命令（系统进程相关）.docx
- 精心整理-2024最新产品经理面试资料合集（共1076份，有这份就够了）.zip
- 面向对象的模拟i2c程序
- 高分成品毕业设计《基于SSM（Spring、Spring MVC、MyBatis）+MySQL开发摊位管理系统》+源码+论文+说明文档+数据库
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
