<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//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
共108个文件
jpg:48个
png:33个
html:15个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 185 浏览量
2024-03-23
09:39:01
上传
评论
收藏 679KB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-简洁黑白商务机构响应式网页模板-适配移动端界面-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
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 发那科系统整套梯形图设计 FANUC全套PMC设计 发那科标 准PLC 完美解决方案 ##带中文解释## 内容很全 请仔细看完: 1.刀库程序设计(斗笠 圆盘 夹臂 机械手 伞型 都包
- stm32 gd32爱玛电动车控制器资料 电动车控制器原理图、PCB和程序 大厂成熟电机foc控制 送eg89m52的原理图和pcb
- 基于Go语言的现代化开源K8s面板——1Panel官方出品KubePi设计源码
- 基于JavaScript的Sewise Player网页HTML5视频播放器设计源码
- 小神农V7(修复眼镜).zip
- 基于Vue框架的银行科技岗AI云账户系统前端设计源码
- Screenshot_2025-01-15-00-13-41-471_com.tencent.mtt.jpg
- Screenshot_2025-01-15-00-08-47-906_com.tencent.mobileqq.jpg
- 250467c518b0a66217a647d11a6a9c831736870765675.jpg
- 基于Tcl语言的GNU TeXmacs插件集合设计源码
- Screenshot_2025-01-15-00-04-33-283_com.kuaishou.nebula.jpg
- 基于Vue框架的easy-send局域网文本文件共享小工具设计源码
- 基于JavaScript和微信小程序技术的钓场信息预约与管理小程序设计源码
- PSO-RBF和RBF粒子群优化径向基神经网络多输入多输出预测(Matlab完整源码和数据)
- 三菱fx3u+485ADP-MB与3台台达变频器modbus通讯程序 功能:通过三菱fx3u 485ADP-MB板对3台台达变频器进行modbus通讯,实现频率设定,启停控制,输出频率读取,输出电压读
- 除尘程序 写的FB块了,可以直接调用
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功