黑色透明背景自适应企业网站html网页模板下载

蟹的意思 2019-12-20 843 阅读

模板描述:黑色漂亮透明 手机端企业网站 模板下载,黑色漂亮透明背景的手机端企业网站模板下载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>

&amp; <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 &copy; 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>

演示地址下载地址

  • aaaaaX

    可以 很漂亮

    aaaaaX
最新游戏