<!--
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
最新资源
- 数独游戏app,for安卓
- 我的编程作品：《声音、光和运动》
- SQlServer2005编程入门经典-触发器和存储过程教程pdf最新版本
- 车辆树木检测21-YOLO（v5至v9）、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- SQL经典语句大全及技巧汇集chm版最新版本
- SQLServer入门到精通HTML版最新版本
- 医疗领域数据相关的标准清单.xlsx
- xilinx FPGA利用can IP实现can总线通信verilog源码，直接可用，注释清晰 vivado实现，代码7系列以上都兼容
- SQL2005教程PPT讲义（初级入门基础）最新版本
- CC2530无线点对点传输协议zigbee BasicRF代码实现一发一收无线控制LED灯亮灭.zip
- CC2530无线点对点传输协议zigbee BasicRF代码实现一发一收无线通讯质量检测（误包率、RSSI 值和接收数据包个数等）.zip
- comsol仿真，磁屏蔽 铁氧体做磁屏蔽和没有屏蔽时的接受端磁密大小，及屏蔽上的磁密分布
- 四足机器人设计原理与应用探索
- 车辆检测1-YOLO（v5至v9）、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- 食品数据相关标准清单.xlsx
- SQLServer入门基础15天掌握最新版本
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
