<!DOCTYPE html>
<head>
<title>Matrix - Free HTML5 Template</title>
<meta name="description" content="" />
<meta name="author" content="templatemo">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/templatemo_misc.css">
<link type="text/css" rel="stylesheet" href="css/easy-responsive-tabs.css" />
<link href="css/templatemo_style.css" rel="stylesheet">
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.lightbox.js"></script>
<script src="js/templatemo_custom.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script>
function showhide()
{
var div = document.getElementById("newpost");
if (div.style.display !== "none")
{
div.style.display = "none";
}
else
{
div.style.display = "block";
}
}
</script>
</head>
<body>
<!-- logo start -->
<div class="logocontainer">
<div class="row">
<h1><a href="#">Matrix</a></h1>
<div class="clear"></div>
<div class="templatemo_smalltitle">Free HTML5 Template</div>
</div>
</div>
<!-- logo end -->
<div id="menu-container" class="main_menu">
<!-- homepage start -->
<div class="content homepage" id="menu-1">
<div class="container">
<div class="col-md-3 col-sm-6 templatemo_leftgap">
<div class="templatemo_mainservice templatemo_botgap">
<div class="templatemo_link"><a class="show-2 templatemo_page2" href="#">Services</a></div>
</div>
<div class="templatemo_mainimg"><img src="images/templatemo_home1.jpg" alt="home img 01"></div>
</div>
<div class="col-md-3 col-sm-6 templatemo_leftgap">
<div class="templatemo_mainimg templatemo_botgap templatemo_portfotopgap"><img src="images/templatemo_home2.jpg" alt="home img 02"></div>
<div class="templatemo_mainportfolio">
<div class="templatemo_link"><a class="show-3 templatemo_page3" href="#">Portfolio</a></div>
</div>
</div>
<div class="col-md-3 col-sm-6 templatemo_leftgap">
<div class="templatemo_maintesti templatemo_botgap templatemo_topgap">
<div class="templatemo_link"><a class="show-4 templatemo_page4" href="#">Testimonials</a></div>
</div>
<div class="templatemo_mainimg"><img src="images/templatemo_home3.jpg" alt="home img 03"></div>
</div>
<div class="col-md-3 col-sm-6 templatemo_leftgap">
<div class="templatemo_mainimg templatemo_botgap templatemo_topgap">
<img src="images/templatemo_home4.jpg" alt="home img 04">
</div>
<div class="templatemo_mainabout templatemo_botgap">
<div class="templatemo_link"><a class="show-5 templatemo_page5" href="#">About Us</a></div>
</div>
<div class="templatemo_maincontact">
<div class="templatemo_link"><a class="show-6 templatemo_page6" href="#">Contact</a></div>
</div>
</div>
</div>
</div>
<!-- homepage end -->
<!--services start -->
<div class="content services" id="menu-2">
<div class="container">
<div class="row templatemo_bordergapborder">
<div class="col-md-3 col-sm-12 templatemo_leftgap">
<div class="templatemo_mainimg templatemo_botgap"><img src="images/templatemo_service1.jpg" alt="service image"></div>
<div class="templatemo_mainservice templatemo_botgap">
<div class="templatemo_linkservice"><a class="show-1 templatemo_homeservice" href="#">Go Back</a></div>
</div>
</div>
<div class="templatemo_col37 col-sm-12 templatemo_leftgap">
<div class="templatemo_graybg">
<div class="templatemo_frame">
<h2>Our Services</h2>
<div class="clear"></div>
<p><a href="#">Matrix HTML5 template</a> is new metro style <a href="#">website template</a> for you and it is available for free download. Credit goes to <a rel="nofollow" href="#">Unsplash</a> for all images used in this template. Praesent ut vehicula lorem. Nulla nec tellus id ligula egestas luctus fringilla vel dui. Nulla quis quam eget purus aliquam molestie. Nunc ligula magna, viverra eu eros vitae, aliquam tempor nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br><br>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse eget laoreet nunc. Suspendisse condimentum metus neque, at adipiscing metus venenatis eu. Mauris sit amet erat laoreet, ullamcorper justo sit amet, vehicula purus. Nulla sagittis pulvinar erat, sit amet venenatis lacus fringilla vitae.<br><br>
Integer sit amet libero sed dui pretium tempor. Nam neque erat, euismod ut pulvinar in, bibendum eget mi. Phasellus porttitor purus sit amet condimentum mattis. Nulla non venenatis mauris.</p>
</div>
</div>
</div>
<div class="templatemo_col37 col-sm-12 templatemo_leftgap templatemo_topgap">
<div class="templatemo_mainimg templatemo_botgap"><img src="images/templatemo_service2.jpg" alt="service image"></div>
</div>
</div>
</div>
</div>
<!-- services end -->
<!-- portfilio start -->
<div class="portfolio" id="menu-3" style="display: none;" >
<div class="container">
<div class="col-md-3 col-sm-6 templatemo_leftgap">
<div class="templatemo_insideportfolio templatemo_botgap">
<div class="templatemo_portfoliotext">
<h2>Portfolio</h2>
<div class="clear"></div>
Suspendisse condimentum metus neque, at adipiscing metus venenatis eu. Mauris sit amet erat laoreet, ullamcorper justo sit amet, vehicula purus. Nulla sagittis pulvinar erat, sit amet venenatis lacus fringilla vitae.</div>
</div>
<div class="templatemo_portfolioback">
<div class="templatemo_link"><a class="show-1 templatemo_homeportfolio" href="#">Go Back</a></div>
</div>
</div>
<div class="col-md-3 col-sm-6 templatemo_leftgap">
<div class="templatemo_botgap templatemo_portfotopgap gallery-item">
<img src="images/portfolio/templatemo_portfolio01.jpg" alt="gallery 1">
<div class="overlay">
<a href="images/portfolio/templatemo_portfolio01.jpg" data-rel="lightbox" class="fa fa-arrows-alt"></a>
</div>
</div>
<div class="templatemo_botgap templatemo_topgap gallery-item">
<img src="images/portfolio/templatemo_portfolio02.jpg" alt="gallery 2">
<div class="overlay">
<a href="images/portfolio/templatemo_portfolio02.jpg" data-rel="lightbox" class="fa fa-arrows-alt"></a>
</div>
</div>
<div class="templatemo_botgap templatemo_topgap gallery-item">
<img src="images/portfolio/templatemo_portfolio03.jpg" alt="gallery 3">
<div class="overlay">
<a href="images/portfolio/templatemo_portfolio03.jpg" data-rel="lightbox" class="fa fa-arrows-alt"></a>
Win8风格个人网站模板
5星 · 超过95%的资源 需积分: 9 145 浏览量
2015-12-21
17:46:15
上传
评论
收藏 5.56MB RAR 举报 
Win8风格个人网站模板.rar （48个子文件） 
Matrix 
index.html 24KB images 
next.png 724B
templatemo_service1.jpg 293KB templatemo_testimonial3.jpg 343KB templatemo_home4.jpg 122KB templatemo_home1.jpg 213KB templatemo_vision.jpg 192KB
bx_loader.gif 8KB templatemo_arrow.png 339B previous.png 726B close.png 835B templatemo_testi_arrow.png 277B templatemo_testimonial2.jpg 177KB templatemo_arrow_gap.png 167B templatemo_about.jpg 146KB loading.gif 10KB portfolio templatemo_portfolio05.jpg 276KB templatemo_portfolio03.jpg 325KB templatemo_portfolio07.jpg 388KB templatemo_portfolio06.jpg 259KB templatemo_portfolio04.jpg 235KB templatemo_portfolio08.jpg 173KB templatemo_portfolio02.jpg 312KB templatemo_portfolio09.jpg 375KB templatemo_portfolio01.jpg 311KB templatemo_home2.jpg 235KB templatemo_servicebg.jpg 321B templatemo_contact1.jpg 174KB templatemo_home3.jpg 342KB templatemo_service2.jpg 227KB templatemo_team.jpg 109KB templatemo_testimonial1.jpg 161KB js 
easyResponsiveTabs.js 9KB jquery.lightbox.js 8KB templatemo_custom.js 4KB jquery-1.10.2.min.js 91KB fonts 
fontawesome-webfont.svg 197KB fontawesome-webfont.eot 37KB FontAwesome.otf 61KB fontawesome-webfont.woff 43KB fontawesome-webfont.ttf 79KB css animate.css 57KB bootstrap.min.css 100KB font-awesome.min.css 17KB templatemo_misc.css 13KB templatemo_style.css 11KB font-awesome.css 21KB easy-responsive-tabs.css 4KB资源评论
小欣雨2017-09-27感觉还不错哦- shenchng2016-06-23很久前下载的，还不错，学习下
