<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Technical Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!------ Light Box ------>
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<!-- Prettify -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo3").owlCarousel({
items : 4,
lazyLoad : true,
autoPlay : true,
navigation: false,
pagination: false,
});
});
</script>
<!----- //End-Share-instantly-slider---->
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
</head>
<body>
<div class="header_top">
<div class="container">
<div class="top-nav">
<span class="menu">Menu</span>
<ul>
<li class="active"><a href="index.html"><span data-hover="Home">Home</span></a><label> </label></li>
<li><a href="about.html"> <span data-hover="About">About</span></a><label> </label></li>
<li><a href="services.html"><span data-hover="Services">Services</span></a><label> </label></li>
<li><a href="404.html"><span data-hover="Blog">Blog</span></a></li>
<li><a href="contact.html"><span data-hover="Contact">Contact</span></a><label> </label></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container">
<h1><a href="index.html">Technical</a></h1>
</div>
</div>
<div id="owl-demo3" class="owl-carousel owl-carousel2">
<div class="item">
<img class="lazyOwl" data-src="images/pic1.jpg" alt="Lazy Owl Image">
<a href="images/pic1.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic5.jpg" alt="Lazy Owl Image">
<a href="images/pic5.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic3.jpg" alt="Lazy Owl Image">
<a href="images/pic3.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic4.jpg" alt="Lazy Owl Image">
<a href="images/pic4.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic2.jpg" alt="Lazy Owl Image">
<a href="images/pic2.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic6.jpg" alt="Lazy Owl Image">
<a href="images/pic6.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="column_1">
<div class="container">
<h2 class="m_1">Services</h2>
<div class="content_top">
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<i class="fa fa-fa-clock-o fa-clock-o icon_1"> </i>
<span class="glyphicon glyphicon-cloud icon_1" aria-hidden="true"></span>
<h3>Repeat predefined</h3>
</div>
</div>
</div>
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<span class="glyphicon glyphicon-film icon_1" aria-hidden="true"></span>
<h3>Dolore Magna</h3>
</div>
</div>
</div>
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<span class="glyphicon glyphicon-send icon_1" aria-hidden="true"></span>
<h3>praising pain</h3>
</div>
</div>
</div>
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<span class="glyphicon glyphicon-time icon_1" aria-hidden="true"></span>
<h3>Deleniti Atque</h3>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="column_2">
<div class="container">
<div class="index-banner">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="slider_img">
<img src="images/pic7.png" class="img-responsive" alt=""/>
</div>
<h3>H. Rackham.</h3>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
</
133_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
194 浏览量
2023-08-04
11:15:51
上传
评论
收藏 839KB ZIP 举报
133_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （38个子文件） 
133 js 
jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB jquery-1.11.1.min.js 94KB owl.carousel.js 37KB css style.css 19KB owl.carousel.css 9KB bootstrap.css 118KB swipebox.css 4KB
404.html 3KB services.html 6KB index.html 10KB contact.html 6KB about.html 6KB images 
pic12.jpg 17KB pic5.jpg 49KB pic6.jpg 51KB
pattern1.png 3KB tw.png 3KB pic10.jpg 50KB arrow.png 1KB banner.jpg 74KB pic4.jpg 58KB pic2.jpg 72KB pic3.jpg 69KB fb.png 3KB pic7.png 36KB pic8.png 34KB pic1.jpg 43KB
icons.svg 1KB background.png 16KB pic9.png 40KB arrow_hover.png 3KB pic11.jpg 28KB fonts glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
