<!--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>Usethis Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="./css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<link href="./css/gallery.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<script src="./js/jquery.min.js"></script>
<!-- grid-slider -->
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="./js/jquery.contentcarousel.js"></script>
<script src="./js/easing.js"></script>
<script type="text/javascript" src="./js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
</head>
<body>
<!----Header srarts Here ------------>
<div class="header sTop" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""></a>
<p>Advanced vCard for pretentious people </p>
</div>
<div class="social-icons">
<ul class="social">
<li><i class="sc1"></i></li>
<li><i class="sc2"></i></li>
<li><i class="sc3"></i></li>
<li><i class="sc4"></i></li>
<li><i class="sc5"></i></li>
</ul>
</div>
<div class="header-bottom">
<h1>Hi. My name is Jane DOE,</h1>
<h2>and I'm a <span>DESIGNER</span></h2>
<a href="#myservices" class="scroll"><img src="./images/mouse.png" /></a>
<p>Scroll</p>
</div>
</div>
</div>
<!----Header srarts Here ------------>
<!-- Navigation Starts Here ---------->
<nav class="subMenu navbar-custom navbar-scroll-top smint" role="navigation" style="position: absolute; top: 737px;">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-main-collapse">
<img src="./images/nav-icon.png" title="drop-down-menu">
</button>
</div>
<a id="sTop" class="right-msg subNavBtn msg-icon" href="index.html"><span> </span></a>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="navbar-collapse navbar-left navbar-main-collapse collapse" style="height: 1px;">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="page-scroll">
<a id="sTop" class="subNavBtn active" href="#">Home</a>
</li>
<li class="active">
<a id="s1" class="subNavBtn" href="#">My Services</a>
</li>
<li class="page-scroll">
<a id="s2" class="subNavBtn" href="#">My Work</a>
</li>
<li class="page-scroll">
<a id="s3" class="subNavBtn" href="#">INFO</a>
</li>
<li class="page-scroll">
<a id="s4" class="subNavBtn" href="#">Contact</a>
</li>
<!-- <li class="page-scroll">
<a id="s5" class="subNavBtn" href="#">Contact</a>
</li>-->
</ul>
</div>
<!-- /.navbar-collapse -->
<div class="clearfix"> </div>
</div>
<!-- /.container -->
</nav>
<!-- Navigation Ends Here ---------->
<!---- Services Starts Here ---->
<div class="services s1" id="myservices">
<div class="container">
<div class="row services-row">
<h3>My Services</h3>
<div class="col-md-4 services-row-column">
<i class="icon1"></i>
<h4><a hrerf="#">Creative Design</a></h4>
<small>Subhead Goes Here</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="col-md-4 services-row-column">
<i class="icon2"></i>
<h4><a hrerf="#">Excellent Support</a></h4>
<small>Subhead Goes Here</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="col-md-4 services-row-column">
<i class="icon3"></i>
<h4><a hrerf="#">Responsive Design</a></h4>
<small>Subhead Goes Here</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---- Services Ends Here ---->
<!-- Work Starts Here ----->
<div class="work s2" id="mywork">
<div class="container">
<div class="work-top">
<h3>Recent Work</h3>
<small>Logo Design/<span>Webdesign</span>/Print</small>
</div>
<!---- GAllery ------>
<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<div class="ca-item ca-item-1">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon1"> </div>
</div>
</div>
<div class="ca-item ca-item-2">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon2"> </div>
</div>
</div>
<div class="ca-item ca-item-3">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon3"> </div>
</div>
</div>
<div class="ca-item ca-item-4">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon4"> </div>
</div>
</div>
<div class="ca-item ca-item-5">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon5"> </div>
</div>
</div>
<div class="ca-item ca-item-6">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon6"> </div>
</div>
</div>
<div class="ca-item ca-item-7">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon7"> </div>
</div>
</div>
<div class="ca-item ca-item-8">
<div class="ca-item-main">
<div class="ca-icon"> </div>
<div class="ca-icon"> </div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</div>
</div>
<!-- Work Ends Here ----->
<!-- Careers status starts here --->
<div class="career s3" id="info">
<div class="container">
<div class="wrap">
<h3 class="m_2">Career Status</h3>
<small class="m-2-s">and other <span> relevent info</span> </small>
<div class=
x58_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （115个子文件） 
bootstrap.css 118KB bootstrap.min.css 98KB bootstrap.min.css 98KB style.css 20KB style.css 15KB style.css 8KB gallery.css 8KB gallery.css 7KB
index.html 14KB index.html 13KB index.html 8KB
bg.jpg 358KB bg.jpg 358KB bg.jpg 321KB bg2.jpg 222KB cont-bg.jpg 136KB pic16.jpg 119KB cont-bg.jpg 107KB pic9.jpg 91KB ser-bg.jpg 83KB bg3.jpg 81KB pic14.jpg 59KB pic18.jpg 51KB bg3.jpg 42KB bg3.jpg 42KB pic17.jpg 39KB 1.jpg 36KB 1.jpg 36KB pic15.jpg 35KB pic11.jpg 18KB pic12.jpg 18KB pic13.jpg 17KB pic10.jpg 17KB pic17.jpg 15KB pic17.jpg 15KB pic11.jpg 14KB pic11.jpg 14KB pic14.jpg 13KB pic14.jpg 13KB pic12.jpg 12KB pic12.jpg 12KB pic10.jpg 12KB pic10.jpg 12KB pic9.jpg 12KB pic9.jpg 12KB pic15.jpg 12KB pic15.jpg 12KB pic13.jpg 11KB pic13.jpg 11KB pic16.jpg 10KB pic16.jpg 10KB pic18.jpg 3KB pic18.jpg 3KB cont-bg.jpg 971B ser-bg.jpg 866B ser-bg.jpg 866B jquery.min.js 92KB jquery.min.js 92KB bootstrap.min.js 28KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB hover_pack.js 12KB hover_pack.js 12KB jquery.wmuSlider.js 12KB jquery.wmuSlider.js 12KB jquery.contentcarousel.js 8KB jquery.contentcarousel.js 8KB jquery.easing.1.3.js 8KB jquery.easing.1.3.js 8KB easing.js 5KB easing.js 5KB jquery.smint.js 4KB mobile.js 2KB jquery.mousewheel.js 2KB jquery.mousewheel.js 2KB move-top.js 1KB move-top.js 1KB responsive-nav.js 1KB responsive-nav.js 1KB
img-resources.png 17KB img-resources1.png 9KB img-sprite.png 6KB img-sprite.png 5KB img-sprite.png 5KB img-resources1.png 5KB img-resources1.png 5KB icon3.png 4KB icon2.png 4KB logo1.png 4KB logo.png 4KB logo.png 4KB logo1.png 4KB arw.png 4KB arw.png 4KB arw.png 4KB logo1.png 4KB logo.png 4KB top-move.png 4KB top-move.png 4KB top-move.png 4KB共 115 条
- 1
- 2
资源评论
