<!--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>Crafty Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
<!--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, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<!--//fonts-->
<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>
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="top-header">
<div class="logo">
<a href="#"><img src="./images/logo.png" alt=" " /></a>
</div>
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a href="#home" class="scroll"><span>home</span></a></li>
<li><a href="#about" class="scroll"><span>about</span></a></li>
<li><a href="#services" class="scroll"><span>services</span></a></li>
<li><a href="#work" class="scroll"><span>work</span></a></li>
<li><a href="#portfolio" class="scroll"><span>portfolio</span></a></li>
<li><a href="#blog" class="scroll"><span>blog </span></a></li>
<li><a href="#contact" class="scroll"><span>Contact</span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
<!---start-click-drop-down-menu----->
<!----start-dropdown--->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(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("500");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!---//End-click-drop-down-menu----->
<!--top-nav---->
</div>
<div class="clearfix"> </div>
</div>
<!--banner-->
<div class="banner">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-matter">
<h2>Lorem ipsum dolor sit amet, con-sectetur adipiscing elit</h2>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<div class="more-view">
<a class="more" href="#">LEAR MORE</a>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-matter">
<h2>Sed ut perspiciatis unde omnis iste natus error sit</h2>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<div class="more-view">
<a class="more" href="#">LEAR MORE</a>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-matter">
<h2>But I must explain to you how all this mistaken denouncing</h2>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<div class="more-view">
<a class="more" href="#">LEAR MORE</a>
</div>
</div>
</article>
</div>
<div class="clearfix"> </div>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li ><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<script src="./js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
<!--//banner-->
</div>
</div>
<!--//header-->
<!--content-->
<div class="content">
<div class="container">
<div class="about" id="about">
<img class="img-responsive tv-grid" src="./images/tv.png" alt="" />
<div class="we-are">
<h4>we' are crafty</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
</div>
</div>
</div>
<!---->
<div class="services" id="services">
<div class="container">
<div class="creative">
<div class="col-md-6 creative-left-bulb ">
<div class="col-md-3 blub">
<span class="bulb-grid"> </span>
</div>
<div class="col-md-9 creative-are">
<h5 class="we-top-left">we' are creative</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p>
</div>
</div>
<div class="col-md-6 creative-left-bulb">
<div class="col-md-3 blub ">
<span class="bulb-grid setting-grid"> </span>
</div>
<div class="col-md-9 creative-are">
<h5 class="top-we">we' are creative</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="creative">
<div class="col-md-6 creative-left-bulb">
<div class="col-md-3 blub">
<span class="bulb-grid car-grid"> </span>
</div>
<div class="col-md-9 creative-are">
<h5 class="top-we">we' are creative</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p>
</div>
</div>
<div class="col-md-6 creative-left-bulb">
<div class="col-md-3 blub">
<span class="bulb-grid men-grid"> </span>
</div>
<div class="col-md-9 creative-are">
<h5 class="top-we">we' are creative</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p>
</div>
</div>
<div class="clearfix"
网站模板-高新企业产品信息响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
139 浏览量
2024-03-23
09:38:42
上传
评论
收藏 1.99MB ZIP 举报
网站模板-高新企业产品信息响应式网页模板-适配移动端界面-HTML源码.zip （73个子文件） 
网站模板-高新企业产品信息响应式网页模板-适配移动端界面-HTML源码 html mobile css 
style.css 5KB
index.html 6KB images 
pic-2.jpg 13KB
plus.png 341B into.png 2KB Thumbs.db 99KB van.png 4KB be.png 4KB tv.png 7KB menu.png 1KB logo.png 3KB bb.jpg 7KB face.png 3KB lo.png 4KB se.png 4KB ba.jpg 8KB sc.png 1KB up.png 1023B bro.png 4KB ban.jpg 4KB smartphone js jquery.wmuSlider.js 12KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 11KB index.html 14KB images pic-4.jpg 21KB pic-2.jpg 22KB plus.png 341B into.png 2KB Thumbs.db 99KB tv.png 7KB fo-ics.png 4KB pic-5.jpg 23KB me.png 3KB logo.png 3KB pic-6.jpg 22KB bb.jpg 11KB lo.png 2KB setting.png 15KB ba.jpg 16KB sc.png 1KB up.png 1023B ban.jpg 7KB web js jquery.wmuSlider.js 12KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 16KB bootstrap.css 118KB index.html 17KB images pic-4.jpg 173KB pic-2.jpg 168KB plus.png 343B into.png 3KB Thumbs.db 101KB tv.png 20KB fo-ics.png 3KB pic-5.jpg 163KB me.png 3KB pic-3.jpg 314KB logo.png 3KB pic-1.jpg 304KB pic-6.jpg 174KB bb.jpg 56KB lo.png 2KB setting.png 11KB ba.jpg 97KB sc.png 2KB up.png 1023B ban.jpg 38KB资源评论
