模板描述:黑色漂亮透明 手机端企业网站 模板下载,黑色漂亮透明背景的手机端企业网站模板下载html模板下载
代码部署教程
1. 引入CSS
<link href=”css/bootstrap.min.css” rel=”stylesheet” type=”text/css”>
<link href=”templatemo_style.css” rel=”stylesheet” type=”text/css”><link rel=”stylesheet” href=”flexslider.css” type=”text/css” media=”screen” />
<link href=”css/bootstrap.min.css” rel=”stylesheet” type=”text/css”>
<link href=”templatemo_style.css” rel=”stylesheet” type=”text/css”>
<link rel=”stylesheet” href=”flexslider.css” type=”text/css” media=”screen” />
2. 引入JS
<script src=”slider/modernizr.js”>
</script><script src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”>
</script>
<script>
window.jQuery || document.write(‘<script src=”js/libs/jquery-1.7.min.js”>
\x3C/script>
‘)</script>
<script defer src=”slider/jquery.flexslider.js”>
</script>
<script type=’text/javascript’ src=’js/logging.js’>
</script>
<script src=’http://v7.cnzz.com/stat.php?id=155540&web_id=155540′ language=’JavaScript’ charset=’gb2312′>
</script>
<script src=”slider/modernizr.js”>
</script>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”>
</script>
<script>
window.jQuery || document.write(‘<script src=”js/libs/jquery-1.7.min.js”>
\x3C/script>
‘)</script>
<script defer src=”slider/jquery.flexslider.js”>
</script>
<script type=’text/javascript’ src=’js/logging.js’>
</script>
<script src=’http://v7.cnzz.com/stat.php?id=155540&web_id=155540′ language=’JavaScript’ charset=’gb2312′>
</script>
3. HTML代码
<!DOCTYPE html>
<html><head>
<meta charset=”utf-8″>
<meta content=’width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0′ name=’viewport’ />
<meta name=”viewport” content=”width=device-width” />
<title>
Botany Template</title>
<meta name=”keywords” content=”botany, responsive, bootstrap, free template, fluid layout, templatemo, html css” />
<meta name=”description” content=”Botany Template is free responsive template with a fluid background image.” />
<!– Modernizr –>
<!– HTML 5 shim for IE backwards compatibility –>
<!– [if lt IE 9]>
<script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”>
</script>
<![endif]–>
</head>
<body class=”templatemo_juice_bg”>
<div id=”main_container”>
<div class=”container” id=”home”>
<div class=”row col-wrap”>
<div id=”left_container” class=”col col-md-3 col-sm-12″>
<div class=”templatemo_logo”>
<a href=”http://www.cxvn.com//”>
<img src=”images/templatemo_logo.png” alt=”Botany Theme”>
</a>
</div>
<nav id=”main_nav”>
<ul class=”nav”>
<li class=”active”>
<a href=”#”>
Home</a>
</li>
<li>
<a href=”about.html”>
About</a>
</li>
<li>
<a href=”services.html”>
Services</a>
</li>
<li>
<a href=”portfolio.html”>
Portfolio</a>
</li>
<li>
<a href=”contact.html”>
Contact</a>
</li>
</ul>
</nav>
<!– nav –>
<form action=”#” method=”get” class=”navbar-form” role=”search”>
<div class=”form-group”>
<input type=”text” class=”form-control” placeholder=”Search” id=”keyword” name=”keyword”>
</div>
<button type=”submit” class=”btn btn-primary” name=”Search”>
Go</button>
</form>
<div>
<a href=”http://www.cxvn.com/”>
<img src=”images/facebook.png” alt=”Like us on Facebook”>
</a>
<a href=”#”>
<img src=”images/twitter.png” alt=”Follow us on Twitter”>
</a>
<a href=”#”>
<img src=”images/rss.png” alt=”RSS feeds”>
</a>
</div>
</div>
<div id=”right_container” class=”col col-md-9 col-sm-12″>
<div class=”row”>
<div class=”col col-md-12″>
<h2>
Welcome <a href=”#” title=”Hdstockphoto from cn.hdstockphoto.com” class=”right_container_title” target=”_blank”>
to</a>
Botany</h2>
<div class=”flexslider”>
<ul class=”slides”>
<li>
<img src=”images/templatemo_slide_1.jpg” alt=”slide 1″ />
</li>
<li>
<img src=”images/templatemo_slide_2.jpg” alt=”slide 2″ />
</li>
<li>
<img src=”images/templatemo_slide_3.jpg” alt=”slide 3″ />
</li>
</ul>
</div>
</div>
</div>
<div class=”copyrights”>
Collect from <a href=”http://www.cxvn.com//” >
Website Template</a>
</div>
<article class=”row”>
<div class=”col col-md-12″>
<img src=”images/templatemo_tn_1.jpg” alt=”Templatemo Pic 1″ class=”img-thumbnail img-responsive img_left”>
<h2>
Introduction</h2>
<p>
Botany is free responsive template from <b>
templatemo</b>
using Bootstrap that can be used for any website. In iaculis lectus vel est luctus, et laoreet dolor scelerisque. Sed a erat nunc. Nam est eros, commodo vitae nisl sed, consectetur dapibus lacus. Ut lectus libero, condimentum quis. Validate <a href=”#” >
XHTML</a>
& <a href=”#” >
CSS</a>
.
</p><p>
<a href=”http://www.cxvn.com//” class=”btn btn-primary” role=”button”>
View More</a>
</p>
</div>
</article>
<article class=”row”>
<div class=”col col-md-12″>
<img src=”images/templatemo_tn_2.jpg” alt=”Templatemo Pic 2″ class=”img-thumbnail img-responsive img_left”>
<h2>
Sighseeing</h2>
<p>
In orci tellus, tempor vel neque at, pulvinar dignissim quam. Suspendisse tempus, tortor sed ullamcorper elementum, sapien velit viverra ante, at laoreet mauris sapien tempus quam. Nulla fermentum sapien sapien, ac tincidunt neque suscipit id. Vivamus erat purus, iaculis sit amet velit rhoncus, viverra imperdiet.</p>
<p>
<a href=”http://www.cxvn.com//” class=”btn btn-primary” role=”button”>
View More</a>
</p>
</div>
</article>
<article class=”row”>
<div class=”col col-md-12″>
<img src=”images/templatemo_tn_3.jpg” alt=”Templatemo Pic 3″ class=”img-thumbnail img-responsive img_left”>
<h2>
Reservations</h2>
<p>
Donec iaculis non augue sit amet vulputate. Maecenas porta, nisi ac ornare gravida, nulla metus condimentum lorem, in placerat massa erat at eros. Quisque tristique odio in mattis tincidunt. Etiam ac justo ac arcu gravida cursus id eu velit. Duis tincidunt nec elit non porttitor.</p>
<p>
<a href=”http://www.cxvn.com//” class=”btn btn-primary” role=”button”>
View More</a>
</p>
</div>
</article>
</div>
</div>
<footer class=”row credit”>
<div class=”col col-md-12″>
<div id=”templatemo_footer”>
Copyright © 2014.Company name All rights reserved.<a target=”_blank” href=”http://www.cxvn.com//moban/”>
网页模板</a>
</div>
</div>
</footer>
</div>
</div>
<!– jQuery –>
<!– FlexSlider –>
<script type=”text/javascript”>
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$(‘.flexslider’).flexslider({
animation: “slide”,
start: function(slider){
$(‘body’).removeClass(‘loading’);
}
});
});
</script></body>
<div style=”display:none”>
<script src=’http://v7.cnzz.com/stat.php?id=155540&web_id=155540′ language=’JavaScript’ charset=’gb2312′>
</script>
</div>
</html>
下载地址
1.《黑色透明背景自适应企业网站html网页模板下载》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《黑色透明背景自适应企业网站html网页模板下载》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/html/1486.html