<!--
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>Outbox 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" />
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
<script src="./js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" 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.html" class="scroll">About</a></li>
<li><a href="services.html" class="scroll">Services</a></li>
<li><a href="404.html" class="scroll">Showcase</a></li>
<li><a href="contact.html" class="scroll">contact</a></li>
<div class="clearfix"> </div>
</ul>
</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="banner" id="home">
<div class="container">
<!-- FlexSlider -->
<script defer src="./js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- FlexSlider -->
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner-info">
<div class="col-md-6">
<h1>You plan it; We will make it happen!</h1>
<p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin. </p>
<div class="info">
<a class="view" href="#">VIEW DETAILS</a>
<a class="our" href="#">OUR SHOWCASE</a>
</div>
</div>
<div class="col-md-6">
<img src="./images/billards.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="banner-info">
<div class="col-md-6">
<h1>You plan it; We will make it happen!</h1>
<p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin. </p>
<div class="info">
<a class="view" href="#">VIEW DETAILS</a>
<a class="our" href="#">OUR SHOWCASE</a>
</div>
</div>
<div class="col-md-6">
<img src="./images/billards.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="banner-info">
<div class="col-md-6">
<h1>You plan it; We will make it happen!</h1>
<p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin. </p>
<div class="info">
<a class="view" href="#">VIEW DETAILS</a>
<a class="our" href="#">OUR SHOWCASE</a>
</div>
</div>
<div class="col-md-6">
<img src="./images/billards.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="banner-info">
<div class="col-md-6">
<h1>You plan it; We will make it happen!</h1>
<p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin.</p>
<div class="info">
<a class="view" href="#">VIEW DETAILS</a>
<a class="our" href="#">OUR SHOWCASE</a>
</div>
</div>
<div class="col-md-6">
<img src="./images/billards.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li>
</ul>
</div>
</section>
</div>
</div>
<!-- header -->
<!-- services -->
<div class="services">
<div class="container">
<div class="col-md-3">
<h3>Services</h3>
<p>Defination of the services of the particular business goes the here the business goes here business particular business goes here. </p>
</div>
<div class="col-md-2 business" >
<h5>Business Branding</h5>
<p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll. </p>
</div>
<div class="col-md-2 business" >
<h5>Business Promotion</h5>
<p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll.</p>
</div>
<div class="col-md-2 business" >
<h5>Market Supply</h5>
<p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll. </p>
</div>
<div class="col-md-2 business" >
<h5>Advertisement</h5>
<p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll. </p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="showcase">
<div class="container ">
<div class="col-md-2 Show">
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider1').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<section class="slider">
<div class="flexslider1">
<ul class="slides">
<li>
<h3>Showcase</h3>
<ul>
<li><a href="#">Marketing Tools -</a></li>
<li><a href="#">Business Promotion -</a></li>
<li><a href="#">Advertisement -</a></li>
<li><a href="#">Corporate Branding -</a></li>
<li><a href="#">Online Marketing -</a></li>
<li><a href="#">Offline Marketing -</a></li>
</ul>
</li>
<li>
<h3>Showcase</h3>
<ul>
<li><a href="#">Marketing Tools -</a></li>
<li><a href="#">Business Promotion -</a></li>
<li><a href="#">Advertisement -</a></li>
<li><a href="#">Corporate Branding -</a></li>
<li><a href="#">Online Marketing -</a></li>
<li><a href="#">Offline Marketing -</a></li>
</ul>
</li>
<li>
<h3>Showcase</h3>
<ul>
<li><a href="#">Marketing Tools -</a></li>
<li><a href="#">Business Promotion -</a></li>
<li><a href="#">Advertisement -</a></li>
<li><a href="#">Corporate Branding -</a></li>
<li><a href="#">Online Marketing -</a></li>
网站模板-简洁黑白商务机构响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
179 浏览量
2024-03-23
09:39:01
上传
评论
收藏 679KB ZIP 举报
网站模板-简洁黑白商务机构响应式网页模板-适配移动端界面-HTML源码.zip （108个子文件） 
bootstrap.css 118KB style.css 26KB style.css 22KB style.css 11KB flexslider.css 4KB flexslider.css 4KB
index.html 15KB index.html 14KB services.html 9KB about.html 8KB services.html 8KB about.html 8KB contact.html 7KB index.html 7KB contact.html 7KB services.html 6KB about.html 6KB contact.html 6KB 404.html 5KB 404.html 5KB 404.html 5KB
banner.jpg 51KB img2.jpg 33KB head.jpg 24KB head.jpg 24KB head.jpg 24KB img3.jpg 22KB img2.jpg 22KB img1.jpg 21KB img2.jpg 20KB billards.jpg 18KB 10.jpg 17KB billards.jpg 17KB row4.jpg 17KB img3.jpg 16KB img1.jpg 16KB row2.jpg 15KB row1.jpg 15KB 15.jpg 14KB billards.jpg 14KB 8.jpg 14KB 6.jpg 13KB rotate.jpg 13KB banner.jpg 12KB 9.jpg 12KB 12.jpg 11KB img3.jpg 11KB rotate.jpg 11KB img1.jpg 11KB banner.jpg 10KB 10.jpg 7KB 10.jpg 7KB row4.jpg 6KB row4.jpg 6KB 15.jpg 5KB 15.jpg 5KB row1.jpg 5KB row1.jpg 5KB row2.jpg 5KB row2.jpg 5KB 8.jpg 4KB 8.jpg 4KB 6.jpg 3KB 6.jpg 3KB 9.jpg 3KB 9.jpg 3KB 12.jpg 3KB 12.jpg 3KB rotate.jpg 2KB jquery.min.js 92KB jquery.min.js 92KB jquery.flexslider.js 39KB jquery.flexslider.js 39KB jquery.wmuSlider.js 12KB jquery.wmuSlider.js 12KB
device.png 13KB img-sprite.png 12KB img-sprite.png 12KB logo.png 7KB logo.png 7KB logo.png 6KB 2.png 5KB 1.png 5KB device.png 5KB 4.png 5KB 5.png 4KB device.png 4KB 1.png 3KB 1.png 3KB 3.png 3KB 2.png 3KB 2.png 3KB 4.png 3KB 4.png 3KB 5.png 3KB 5.png 3KB 3.png 2KB 3.png 2KB youtu.png 2KB twt.png 1KB共 108 条
- 1
- 2
资源评论
