<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Brain Storm - Free CSS template by ChocoTemplates.com</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<header class="header">
<div class="shell">
<h1 id="logo"><a href="#">BrainStorm</a></h1>
<!-- navigation -->
<nav id="navigation">
<ul>
<li class="active">
<a href="#">Home</a>
<span>Get Started</span>
</li>
<li>
<a href="#">About</a>
<span>This Theme</span>
</li>
<li>
<a href="#">Features</a>
<span>Skins & Schemes</span>
</li>
<li>
<a href="#">Portfolio</a>
<span>Take a Look</span>
</li>
<li>
<a href="#">Contacts</a>
<span>Find Us Now</span>
</li>
</ul>
<div class="cl"> </div>
</nav>
<!-- end of navigation -->
</div>
</header>
<!-- end of header -->
<!-- slider-holder -->
<div class="slider-holder">
<!-- shell -->
<div class="shell">
<span class="l"></span>
<span class="r"></span>
<span class="t"></span>
<span class="b"></span>
<a href="#" class="slider-btn">Explore Our Showcase</a>
<!-- slider -->
<div class="slider flexslider">
<ul class="slides">
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<div class="box-t"></div>
<div class="box-c">
<div class="box-cnt">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Donec vehicula odio quis lobortis varius, quam nibh pulvinar eros, sed aliquam orci sem nec ipsum. Nunc sed felis vitae nisl faucibus convallis sit amet eget dolor. Fusce sodales consectetur adipiscing. Nunc nulla mauris, blandit nec dapibus porta, porta tempus lectus. </p>
</div>
<div class="cl"> </div>
</div>
<div class="box-b"></div>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<div class="box-t"></div>
<div class="box-c">
<div class="box-cnt">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Donec vehicula odio quis lobortis varius, quam nibh pulvinar eros, sed aliquam orci sem nec ipsum. Nunc sed felis vitae nisl faucibus convallis sit amet eget dolor. Fusce sodales consectetur adipiscing. Nunc nulla mauris, blandit nec dapibus porta, porta tempus lectus. </p>
</div>
<div class="cl"> </div>
</div>
<div class="box-b"></div>
</div>
</li>
</ul>
</div>
<!-- end of slider -->
</div>
<!-- end of shell -->
</div>
<!-- end of slider-holder -->
<!-- shell -->
<div class="shell">
<!-- main -->
<div class="main">
<section class="cols">
<div class="col">
<h3><a href="#">Mobile Applications</a></h3>
<a href="#"><img src="css/images/mobile-applications.png" alt="" /></a>
<p>Phasellus tincidunt lectus feugiat est vehicula a eleifend mi consequat. Mauris augue eros, vestibulum at inter-<br />dum nec, tincidunt vel tortor cras malesuada</p>
</div>
<div class="col">
<h3><a href="#">Icon Design</a></h3>
<a href="#"><img src="css/images/icon-design.png" alt="" /></a>
<p>Phasellus tincidunt lectus feugiat est vehicula a eleifend mi consequat. Mauris augue eros, vestibulum at inter-<br />dum nec, tincidunt vel tortor cras malesuada</p>
</div>
<div class="col">
<h3><a href="#">Character Design</a></h3>
<a href="#"><img src="css/images/character-design.png" alt="" /></a>
<p>Phasellus tincidunt lectus feugiat est vehicula a eleifend mi consequat. Mauris augue eros, vestibulum at inter-<br />dum nec, tincidunt vel tortor cras malesuada</p>
</div>
<div class="cl"> </div>
</section>
</div>
<!-- end of main -->
</div>
<!-- end of shell -->
<div id="footer-push"></div>
</div>
<!-- wrapper -->
<!-- footer -->
<div id="footer">
<div class="shell">
<!-- footer-cols -->
<section class="footer-cols">
<div class="col">
<h3>MORE <strong>ABOUT US</strong></h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis aliquet justo vel libero vestibulum euismod. Sed lacinia erat vitae quatale</p>
</div>
<div class="col">
<h3>KEEP <strong>IN TOUCH</strong></h3>
<p>Cum sociis natoque penatibus et magnis dolor</p>
<form method="post">
<input type="text" class="field" value="Your Email Here" title="Your Email Here" />
<input type="submit" class="submit-btn" value="Submit" />
</form>
</div>
<div class="col contact">
<h3>CONTACT <strong>US</strong></h3>
<h4>+ 123 456 78910</h4>
<a href="#">johndoe@websitename.com</a>
</div>
<div class="cl"> </div>
</section>
<!-- end of footer-cols -->
<p class="copy">© Company Name. Design by <a href="http://chocotemplates.com" target="_blank">ChocoTemplates.com</a></p>
<div class="cl"> </div>
</div>
</div>
<!-- end of footer -->
</body>
</html>
网站模板-创意软件设计公司网页模板-HTML源码.zip
版权申诉
99 浏览量
2024-03-23
09:38:27
上传
评论
收藏 476KB ZIP 举报
网站模板-创意软件设计公司网页模板-HTML源码.zip （30个子文件） 
网站模板-创意软件设计公司网页模板-HTML源码 html js 
jquery.flexslider-min.js 11KB jquery-1.7.2.min.js 93KB functions.js 428B modernizr.custom.js 7KB
home.html 6KB css style.css 7KB flexslider.css 3KB images 
slide-cnt.png 991B slide-cnt-t.png 2KB slide-cnt-b.png 1KB slider-left.png 9KB slider-holder.png 2KB logo.png 10KB mobile-applications.png 38KB slider-right.png 8KB submit-btn.png 1KB slide-cnt-c.png 1KB slider-bottom.png 3KB footer.png 1KB slider-top.png 5KB nav-active.png 1KB character-design.png 80KB header.png 2KB favicon.ico 1KB icon-design.png 73KB slider-btn.png 8KB arr.png 1KB slide-img.png 177KB submit-btn-hover.png 3KB body.png 2KB资源评论
