<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blactro Template</title>
<meta name="keywords" content="blactro template, free html css template, jquery, templatemo" />
<meta name="description" content="Blactro is free template by templatemo.com" />
<link href="templatemo_style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
<!-- Timestamp: 1236819900 -->
</head>
<body>
<div id="templatemo_header">
<div id="site_title"><a href="#home"><span>Blactro</span></a></div>
<a class="site_bg" href="#" title="" target="_blank"><img src="images/header.png" alt="" title="" /></a>
</div>
<div id="templatemo_main">
<div id="content">
<div id="home" class="section">
<div class="box home_box2 color1">
<div class="padding_30">
<h2><a href="#about">Our Company</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus felis leo, feugiat sed porttitor sagittis, facilisis sit amet lectus. </p>
</div>
</div>
<div class="box home_box1 no_mr">
<a href="#portfolio"><img src="images/gallery/01.jpg" alt="image 1" /></a>
</div>
<div class="box home_box1">
<a href="#portfolio"><img src="images/gallery/07.jpg" alt="image 7" /></a>
</div>
<div class="box home_box1 color2">
<a href="#services"><img src="images/templatemo_services.jpg" alt="Services" /></a>
</div>
<div class="box home_box1 color3 no_mr">
<div class="padding_20">
<h2><a href="#testimonial">Testimonials</a></h2>
<p>Aliquam venenatis tempus porttitor. Vivamus nibh tellus, bibendum in bibendum ut, luctus sit amet justo.</p>
</div>
</div>
<div class="box home_box1 color4">
<div id="social_links">
<a href="#"><img src="images/facebook.png" alt="Facebook" /></a>
<a href="#"><img src="images/flickr.png" alt="Flickr" /></a>
<a href="#"><img src="images/twitter.png" alt="Twitter" /></a>
<a href="#"><img src="images/youtube.png" alt="Youtube" /></a>
<a href="#"><img src="images/vimeo.png" alt="Vimeo" /></a>
<a href="#"><img src="images/da.png" alt="DA" /></a>
</div>
</div>
<div class="box home_box1">
<a href="#portfolio"><img src="images/gallery/05.jpg" alt="image 5" /></a>
</div>
<div class="box home_box1 color5 no_mr">
<a href="#contact"><img src="images/contact.jpg" alt="Contact" /></a>
</div>
</div> <!-- END of home -->
<div class="section section_with_padding" id="about">
<h2>About Our Company</h2>
<div class="img_border img_fl"> <a href="#"><img src="images/templatemo_image_01.jpg" alt="image 1" /></a>
</div>
<div class="half right">
<p>Credit goes to <a href="#" >PhotoVaco</a> for photos used in this template. Validate <a href="#" >XHTML</a> & <a href="#" >CSS</a>. Pellentesque non est quis sapien tempor consequat. Proin a ullamcorper enim.</p>
<p>Vultricies, tellus sit amet adipiscing sagittis, odio felis porta erat, hendrerit laoreet est nulla at enim. Vestibulum ut metus et ligula fermentum ultrices. Donec non rhoncus felis. Fusce vitae porta felis. Nam sed rhoncus lorem. Nam varius pretium enim id interdum. Curabitur tincidunt placerat justo eget fermentum.</p>
</div>
<div class="clear h40"></div>
<div class="img_border img_fr"> <a href="http://www.moobnn.com/" target="_parent" ><img src="images/templatemo_image_02.jpg" alt="image 2" /></a>
</div>
<div class="half left">
<p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis.</em></p>
<p>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit. </p>
</div>
<a href="#home" class="slider_nav_btn home_btn">home</a>
<a href="#home" class="slider_nav_btn previous_btn">Previous</a>
<a href="#services" class="slider_nav_btn next_btn">Next</a>
</div>
<div class="section section_with_padding" id="services">
<h2>Services</h2>
<div class="img_border img_fr"> <a href="#"><img src="images/templatemo_image_01.jpg" alt="image" /></a>
</div>
<div class="half left">
<p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis.</em></p>
<p>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit. </p>
</div>
<div class="clear h40"></div>
<div class="img_border img_fl"> <a href="#"><img src="images/templatemo_image_02.jpg" alt="image" /></a>
</div>
<div class="half right">
<ul class="list_bullet">
<li>Maecenas ac odio ipsum donec cursus</li>
<li>Fusce risus tortor, interdum</li>
<li>Proin facilisis ullamcorper</li>
<li>Sed vel justo quis ligula</li>
<li>Ut tristique sagittis arcu</li>
<li>Maecenas ac odio ipsum donec cursus</li>
<li>Fusce risus tortor, interdum</li>
</ul>
</div>
<a href="#home" class="slider_nav_btn home_btn">home</a>
<a href="#about" class="slider_nav_btn previous_btn">Previous</a>
<a href="#portfolio" class="slider_nav_btn next_btn">Next</a>
</div>
<div class="section section_with_padding" id="portfolio">
<ul id="gallery">
<li><a href="images/gallery/01-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/01.jpg" alt="image 1" /></a></li>
<li><a href="images/gallery/02-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/02.jpg" alt="image 2" /></a></li>
<li class="no_mr"><a href="images/gallery/03-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/03.jpg" alt="image 3" /></a></li>
<li><a href="images/gallery/04-l.jpg" rel="lightbox[gallery
黑色个性仿Windows 8 Metro界面网站模板-metro界面 磁贴 交互
版权申诉
17 浏览量
2022-11-09
10:48:04
上传
评论
收藏 842KB RAR 举报
黑色个性仿Windows 8 Metro界面网站模板_黑色 个性 窄 相册 摄影 简历 案例 metro界面 windows8 磁贴 交互.rar （47个子文件） 
黑色个性仿Windows 8 Metro界面网站模板_黑色 个性 窄 相册 摄影 简历 案例 metro界面 windows8 磁贴 交互 tpmo_381_blactro css 
slimbox2.css 1KB images 
templatemo_social.jpg 3KB templatemo_image_02.jpg 25KB
closelabel.gif 979B testimonial.jpg 4KB
youtube.png 5KB header.png 118B nextlabel.gif 1KB twitter.png 4KB templatemo_image_01.jpg 19KB templatemo_list.png 940B facebook.png 4KB flickr.png 3KB templatemo_body.jpg 26KB contact.jpg 7KB da.png 4KB slider_nav_btn.png 2KB vimeo.png 4KB gallery 01.jpg 19KB 05.jpg 11KB 07.jpg 14KB 09-l.jpg 50KB 04.jpg 14KB 07-l.jpg 49KB 08-l.jpg 35KB 08.jpg 16KB 06-l.jpg 88KB 04-l.jpg 51KB 02-l.jpg 78KB 01-l.jpg 134KB 05-l.jpg 39KB 03.jpg 13KB 06.jpg 22KB 02.jpg 12KB 03-l.jpg 47KB 09.jpg 14KB testimonial.png 1KB prevlabel.gif 1KB templatemo_services.jpg 7KB loading.gif 3KB
index.html 13KB js jquery.min.js 56KB jquery.scrollTo-min.js 2KB slimbox2.js 4KB jquery.localscroll-min.js 2KB init.js 1KB templatemo_style.css 5KB资源评论
