<!--
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
版权申诉
140 浏览量
2024-03-24
15:04:00
上传
评论
收藏 879KB ZIP 举报
网站模板-三色创意工作室适配响应网页模板-适配移动端界面-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
资源评论
