<!--
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>Trade A Business Category Flat Bootstarp Resposive Website Template | Services :: 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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Trade 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='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<!-- header -->
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="nav-top">
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-16">
<li><a href="index.html" data-hover="HOME">HOME</a></li>
<li><a href="about.html" data-hover="ABOUT">ABOUT</a></li>
<li><a href="services.html" data-hover="SERVICES">SERVICES</a></li>
<li><a href="404.html" data-hover="SOLUTIONS">SOLUTIONS</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="clearfix"> </div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
</div>
<div class="banner1">
<div class="container">
</div>
</div>
<!-- header -->
<div class="container">
<div class="content-top2">
<div class="content">
<h2>Services</h2>
<!-- portfolio-section -->
<div class="portfolio" id="portfolio">
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a1.jpg" class="swipebox" title="Image Title"> <img src="images/a1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a2.jpg" class="swipebox" title="Image Title"> <img src="images/a2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a3.jpg" class="swipebox" title="Image Title"> <img src="images/a3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a4.jpg" class="swipebox" title="Image Title"> <img src="images/a4.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="portfolio" id="portfolio">
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a3.jpg" class="swipebox" title="Image Title"> <img src="images/a3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a4.jpg" class="swipebox" title="Image Title"> <img src="images/a4.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a1.jpg" class="swipebox" title="Image Title"> <img src="images/a1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/a2.jpg" class="swipebox" title="Image Title"> <img src="images/a2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>Service Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<p>Copyrights © 2015 bizname All rights reserved | Template by <a href="http://w3layouts.com/">W3layouts</a></p>
</div>
</div>
<!-- footer -->
</body>
</html>
网站模板-简洁商务贸易介绍响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
190 浏览量
2024-03-23
09:39:03
上传
评论
收藏 480KB ZIP 举报
网站模板-简洁商务贸易介绍响应式网页模板-适配移动端界面-HTML源码.zip （26个子文件） 
网站模板-简洁商务贸易介绍响应式网页模板-适配移动端界面-HTML源码 html js 
jquery.swipebox.min.js 7KB jquery.min.js 92KB css style.css 21KB bootstrap.css 118KB swipebox.css 4KB
404.html 3KB services.html 8KB index.html 6KB contact.html 6KB about.html 5KB images 
a2.jpg 61KB
arrow.png 3KB menu.png 3KB banner.jpg 82KB logo.png 4KB img2.jpg 36KB a1.jpg 47KB zoom.png 5KB a3.jpg 88KB img4.jpg 29KB img1.jpg 39KB
icons.svg 1KB img-sprite.png 4KB img3.jpg 32KB righ.png 3KB a4.jpg 81KB资源评论
