<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<title>Detroit HTML5 Responsive Bootstrap Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/isotope.css"/>
<link rel="stylesheet" type="text/css" href="css/portfolio.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css"/>
<link rel="stylesheet" type="text/css" href="css/custom_responsive.css"/>
<link rel='stylesheet' type='text/css' href='#css?family=Roboto+Condensed'>
<link rel="stylesheet" type="text/css" href="css/skin.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"> </script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<!-- Nav Start -->
<header>
<article class="container">
<div class="row">
<div class="span12">
<nav>
<ul>
<li class="current"><a href="#home" title="home">Home</a></li>
<li><a href="#services" title="services">Services</a></li>
<li><a href="#about" title="about">About Us</a></li>
<li><a href="#portfolio" title="portfolio">Portfolio</a></li>
<li><a href="#contact" title="contact">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</article>
</header>
<!-- Nav End -->
<!-- Home Start -->
<section id="home" class="page">
<article class="container">
<div class="row">
<div class="span12">
<img src="images/logo.png" alt="img" class="logo" />
<h1 class="responsive_text">Shared on </h1>
<h3>Integer lacinia tristique <span>nulla a mattis</span> Proin fringilla turpis sit amet nunc
blandit vehicula. <span>Nulla quis purus</span> ut erat luctus congue.</h3>
<ul class="social_media">
<li><img src="images/rss.png" alt="img" /></li>
<li><img src="images/facebook.png" alt="img" /></li>
<li><img src="images/twitter.png" alt="img" /></li>
<li><img src="images/yahoo.png" alt="img" /></li>
<li><img src="images/dribbble.png" alt="img" /></li>
<li><img src="images/tumblr.png" alt="img" /></li>
<li><img src="images/pinterest.png" alt="img" /></li>
</ul>
</div>
</div>
</article>
</section>
<!-- Home End -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!-- Services Start -->
<section id="services" class="page">
<article class="container">
<div class="row">
<div class="span12">
<div class="sub_header">
<h2>Services</h2>
<h3>Aenean auctor vulputate dolor, vel hendrerit tellus sodales quis.Integer lacinia tristique nulla a mattis.</h3>
</div>
</div>
<div class="span4">
<div class="services">
<a href="#"><span class="serv_icon"><img src="images/serv_icon_1.png" alt="img" /></span></a>
<article class="content">
<span class="strip"></span>
<h4>Hendrerit Tellus</h4>
<p>Integer lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
blandit vehicula. Nulla quis purus ut erat luctus congue. </p>
</article>
</div>
</div>
<div class="span4">
<div class="services">
<a href="#"><span class="serv_icon"><img src="images/serv_icon_2.png" alt="img" /></span></a>
<article class="content">
<span class="strip"></span>
<h4>Proin Fringilla</h4>
<p>Mattis lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
blandit vehicula. Nulla quis purus ut erat luctus turpis.</p>
</article>
</div>
</div>
<div class="span4">
<div class="services">
<a href="#"><span class="serv_icon"><img src="images/serv_icon_3.png" alt="img" /></span></a>
<article class="content">
<span class="strip"></span>
<h4>Blandit Vehicula</h4>
<p>Proin lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
blandit vehicula. Nulla quis purus ut erat luctus fringilla.</p>
</article>
</div>
</div>
<div class="vspace"> </div>
<div class="span4">
<div class="services">
<a href="#"><span class="serv_icon"><img src="images/serv_icon_4.png" alt="img" /></span></a>
<article class="content">
<span class="strip"></span>
<h4>Luctus Congue</h4>
<p>Blandit lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
blandit vehicula. Nulla quis purus ut erat luctus sit. </p>
</article>
</div>
</div>
<div class="span4">
<div class="services">
<a href="#"><span class="serv_icon"><img src="images/serv_icon_5.png" alt="img" /></span></a>
<article class="content">
<span class="strip"></span>
<h4>Nulla Iurus</h4>
<p>Nulla lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
blandit vehicula. Nulla quis purus ut erat luctus nunc.</p>
</article>
</div>
</div>
<div class="span4">
<div class="services">
<a href="#"><span class="serv_icon"><img src="images/serv_icon_6.png" alt="img" /></span></a>
<article class="content">
<span class="strip"></span>
<h4>Lacinia Nulla</h4>
<p>Congue lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
blandit vehicula. Nulla quis purus ut erat luctus mattis.</p>
</article>
</div>
</div>
</div>
</article>
</section>
<!-- Services End -->
<!-- About Start -->
<section id="about" class="page">
<article class="container">
<div class="row">
<div class="span12">
<div class="sub_header">
<h2>About Us</h2>
<h3>Hendrerit auctor vulputate dolor, vel hendrerit tellus sodales quis.Integer lacinia tristique nulla a quis.</h3>
</div>
</div>
</div>
<div class="row">
<div class="span6">
<div class="about_typo">
<img src="images/about_img_4.jpg" al
大气商务服务咨询公司响应式模板_大气 商务 精品 服务 咨询 公司 响应式 手机 企业 bootstrap 展示 单页.rar
113 浏览量
2023-08-05
15:47:04
上传
评论
收藏 1.16MB RAR 举报
大气商务服务咨询公司响应式模板_大气 商务 精品 服务 咨询 公司 响应式 手机 企业 bootstrap 展示 单页.rar （76个子文件） 
大气商务服务咨询公司响应式模板_大气 商务 精品 服务 咨询 公司 响应式 手机 企业 bootstrap 展示 单页 跳转 mstp_83_detroit 
style.css 6KB js bootstrap.min.js 31KB fancybox 
fancybox.png 15KB jquery.fancybox-1.3.4.js 28KB
blank.gif 43B jquery.fancybox-1.3.4.css 8KB fancybox-y.png 176B fancy_title_over.png 70B fancybox 
fancy_title_main.html 444B fancy_shadow_s.html 442B fancy_title_over.html 444B fancy_shadow_e.html 442B fancy_title_left.html 444B fancy_title_right.html 445B fancy_nav_left.html 442B fancy_shadow_sw.html 443B fancy_loading.html 441B fancy_shadow_n.html 442B fancy_close.html 439B fancy_shadow_se.html 443B fancy_shadow_ne.html 443B fancy_nav_right.html 443B fancy_shadow_w.html 442B fancy_shadow_nw.html 443B fancybox-x.png 203B jquery.scrollTo.js 2KB jquery.isotope.js 43KB jquery.nav.js 3KB custom.js 2KB jquery.min.js 77KB contact.js 2KB img glyphicons-halflings.html 427B glyphicons-halflings-white.html 433B css skin.css 389B bootstrap.min.css 129KB isotope.css 3KB custom_responsive.css 2KB menu.css 635B bootstrap-responsive.min.css 16KB portfolio.css 442B index.html 24KB images serv_icon_3.png 1KB footer_bg.png 600B
portfolio_img_3.jpg 79KB about_img_1.jpg 104KB pinterest.png 2KB intro_line.png 232B header_bg.png 225B serv_icon_6.png 2KB portfolio_img_1.jpg 90KB tumblr.png 2KB logo.png 17KB serv_icon_1.png 3KB about_img_2.jpg 77KB portfolio_img_8.jpg 149KB portfolio_img_4.jpg 31KB serv_icon_4.png 1KB portfolio_img_6.jpg 119KB serv_icon_5.png 2KB twitter.png 2KB about_pattern.png 137B content_bg.png 142B portfolio_img_7.jpg 62KB portfolio_img_5.jpg 52KB about_img_3.jpg 70KB tick.png 411B facebook.png 2KB zoom_icon.png 451B rss.png 2KB serv_icon_2.png 2KB about_img_4.jpg 41KB firstBG.jpg 55KB yahoo.png 2KB dribbble.png 2KB portfolio_img_9.jpg 34KB portfolio_img_2.jpg 62KB资源评论
