<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vertical Theme, Free CSS Template</title>
<meta name="keywords" content="vertical theme, free css template" />
<meta name="description" content="Vertical Theme, Free CSS Template from www.moobnn.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="slider">
<div id="templatemo_wrapper">
<div id="templatemo_sidebar">
<a class="home" href="#home"></a>
<div id="menu">
<ul class="navigation">
<li><a href="#about" class="selected"><img src="images/templatemo_aboutus.png" alt="About Us" /></a></li>
<li><a href="#services"><img src="images/templatemo_services.png" alt="Services" /></a></li>
<li><a href="#gallery"><img src="images/templatemo_gallery.png" alt="Gallery" /></a></li>
<li><a href="#contact"><img src="images/templatemo_contactus.png" alt="Contact" /></a></li>
</ul>
</div>
</div> <!-- end of sidebar -->
<div id="content">
<div id="header">
<h1><a href="#">Free CSS Templates</a></h1>
<div id="social_box">
<a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" alt="facebook" /></a>
<a href="#"><img src="images/flickr.png" alt="flickr" /></a>
<a href="#"><img src="images/myspace.png" alt="myspace" /></a>
<a href="#"><img src="images/twitter.png" alt="twitter" /></a>
<a href="#"><img src="images/youtube.png" alt="youtube" /></a>
</div>
</div>
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<h2>Welcome to Vertical Theme</h2>
<div class="col_400 float_l">
<p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim.</em></p>
<img src="images/templatemo_image_01.jpg" alt="Image 01" class="image_wrapper" />
<p>Vertical Template is a free css template from <a href="http://www.moobnn.com" target="_parent" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>. Feel free to download, edit and apply this template for your websites. Credits go to <a target="_blank" href="#">Free Photos</a>, <a target="_blank" href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249">Aquaticus social icons</a> and <a target="_blank" href="http://www.icojoy.com/">Icojoy icons</a>. Morbi rutrum euismod elit, nec adipiscing ante sodales.</p>
</div>
<div class="col_280 float_r">
<h3>Our Services</h3>
<ul class="service_list">
<li><a href="#" class="service_one">Morbi luctus vitae cursus</a></li>
<li><a href="#" class="service_two">Pellentesq tris senectus</a></li>
<li><a href="#" class="service_three">Duis at commodo molestie</a></li>
<li><a href="#" class="service_four">In aliquet in libero</a></li>
<li><a href="#" class="service_five">Maecenas ut pretium</a></li>
</ul>
</div>
</div><!-- end of home -->
<div class="panel" id="about">
<h2>About Us</h2>
<div class="col_400 float_l">
<img src="images/templatemo_image_02.jpg" alt="Image 02" class="image_wrapper image_fl" />
<p><em>Curabitur imperdiet eros eu leo consequat vitae mollis augue semper.</em></p>
<p>Mauris quis velit tellus. Vestibulum tincidunt diam arcu, vitae porttitor est. Aenean bibendum mattis <a href="#">libero ut aliquam</a>. Praesent in nulla at augue euismod luctus. Donec et magna turpis, a pellentesque urna. Suspendisse potenti.</p>
<p>Duis congue pellentesque risus eget tincidunt. Morbi blandit pellentesque velit, ut gravida nisi porta a. Suspendisse hendrerit rutrum erat, <a href="#">vitae varius sem</a> vestibulum eu. Proin mi nibh, semper lobortis bibendum et, fermentum eu enim. Aenean nec felis risus. Donec a iaculis est. Proin ut posuere justo. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
</div>
<div class="col_280 float_r">
<h3>Testimonial</h3>
<blockquote>
<p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio. Curabitur vitae enim risus, at placerat turpis. Mauris feugiat suscipit tempus fringilla, felis in velit.</p>
<cite>George - <span>Senior Webmaster</span></cite> </blockquote>
</div>
</div> <!-- end of about us -->
<div class="panel" id="services">
<h2>Our Services</h2>
<div class="col_400 float_l">
<h3>Service Overview</h3>
<img src="images/templatemo_image_02.jpg" alt="Image 02" class="image_wrapper image_fr" />
<p><em>Nam at arcu libero, ut venenatis elit. Nulla eget risus turpis, non aliquet dui.</em></p>
<p>Donec fringilla egestas ante, vel <a href="#">euismod</a> mi venenatis et. Ut molestie porta urna, vitae tempor tellus mollis at. Proin tincidunt luctus ipsum, quis volutpat neque iaculis sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin a neque et <a href="#">felis suscipit</a> scelerisque a eget enim. Maecenas sodales vestibulum auctor. Donec leo urna, varius eget commodo non, pretium eu ligula.</p>
</div>
<div class="col_280 float_r">
<h3>Service Lists</h3>
<ul class="service_list">
<li><a href="#" class="service_one">Morbi luctus cursus tincidunt</a></li>
<li><a href="#" class="service_two">Pellentesque tristique senectus</a></li>
<li><a href="#" class="service_three">Duis at sapien ut</a></li>
<li><a href="#" class="service_four">In aliquet blandit iaculis</a></li>
<li><a href="#" class="service_five">Maecenas posuere fringilla</a></li>
</ul>
</div>
</div> <!-- end of services -->
<div class="panel" id="gallery">
<h2>Our G
黑色质感迷你单页网页模板_黑色 质感 迷你 单页 幻灯 切换 个人 简历 滑动.rar
版权申诉
136 浏览量
2023-04-27
14:58:33
上传
评论
收藏 696KB RAR 举报
黑色质感迷你单页网页模板_黑色 质感 迷你 单页 幻灯 切换 个人 简历 滑动.rar （50个子文件） 
黑色质感迷你单页网页模板_黑色 质感 迷你 单页 幻灯 切换 个人 简历 滑动 template_328_vertical js 
jquery.serialScroll-1.2.1.js 7KB jquery.localscroll-1.2.5.js 4KB jquery-1.2.6.js 101KB jquery.scrollTo-1.3.3.js 6KB coda-slider.js 4KB jquery.easing.1.3.js 8KB css coda-slider.css 2KB templatemo_style.css 5KB
index.html 11KB images 
templatemo_gallery.png 579B myspace.png 3KB onebit_11.png 4KB
templatemo_image_02.jpg 6KB onebit_12.png 3KB onebit_19.png 4KB templatemo_services.jpg 315B templatemo_logo.jpg 8KB templatemo_gallery.jpg 318B templatemo_aboutus.png 674B flickr.png 3KB onebit_08.png 4KB onebit_21.png 4KB gallery image_03_l.jpg 85KB image_04_l.jpg 93KB image_06.jpg 7KB image_05_l.jpg 91KB image_05.jpg 5KB image_02_l.jpg 101KB image_03.jpg 7KB image_02.jpg 7KB image_06_l.jpg 103KB image_04.jpg 7KB image_01_l.jpg 94KB image_01.jpg 6KB twitter.png 3KB templatemo_main.jpg 14KB youtube.png 4KB templatemo_body.jpg 317B facebook.png 3KB templatemo_sidebar.jpg 4KB templatemo_aboutus.jpg 318B onebit_17.png 4KB templatemo_services.png 671B templatemo_contactus.png 1KB templatemo_home.jpg 1KB templatemo_divider.jpg 307B templatemo_list.png 256B templatemo_content.png 3KB templatemo_menu_divider.jpg 307B templatemo_image_01.jpg 12KB资源评论
