<!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磁贴个人相册模板下载_黑色 漂亮 精品 图片 展示 摄影 相片 个人 相册 bootstrap 仿flash 工作室 小清晰 产品 服务 企业 交互 案例 设计 展示 手机 响应式 responsive.rar （48个子文件） 
黑色漂亮仿win8磁贴个人相册模板下载_黑色 漂亮 精品 图片 展示 摄影 相片 个人 相册 bootstrap 仿flash 工作室 小清晰 产品 服务 企业 交互 案例 设计 展示 手机 响应式 responsive tpmo_405_matrix js 
easyResponsiveTabs.js 9KB templatemo_custom.js 4KB jquery.lightbox.js 8KB jquery-1.10.2.min.js 91KB css bootstrap.min.css 100KB font-awesome.css 21KB animate.css 57KB font-awesome.min.css 17KB templatemo_misc.css 13KB easy-responsive-tabs.css 4KB templatemo_style.css 11KB
index.html 24KB images 
templatemo_servicebg.jpg 321B
templatemo_testi_arrow.png 277B templatemo_home1.jpg 213KB templatemo_team.jpg 109KB previous.png 726B templatemo_testimonial3.jpg 343KB templatemo_about.jpg 146KB portfolio templatemo_portfolio03.jpg 325KB templatemo_portfolio01.jpg 311KB templatemo_portfolio09.jpg 375KB templatemo_portfolio04.jpg 235KB templatemo_portfolio07.jpg 388KB templatemo_portfolio02.jpg 312KB templatemo_portfolio05.jpg 276KB templatemo_portfolio06.jpg 259KB templatemo_portfolio08.jpg 173KB
loading.gif 10KB templatemo_testimonial1.jpg 161KB templatemo_service1.jpg 293KB templatemo_home4.jpg 122KB next.png 724B templatemo_arrow.png 339B templatemo_arrow_gap.png 167B templatemo_vision.jpg 192KB bx_loader.gif 8KB templatemo_testimonial2.jpg 177KB close.png 835B templatemo_home3.jpg 342KB templatemo_contact1.jpg 174KB templatemo_home2.jpg 235KB templatemo_service2.jpg 227KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
紫微前端
- 粉丝: 4481
- 资源: 871
最新资源
- DIN 17178-1986 特殊要求细晶粒结构钢焊接.pdf
- DIN 17174-1985 低温用焊接钢管.pdf
- DIN 17178-1986 中文版 特殊要求细晶粒结构钢焊接圆形钢管 交货技术条件.pdf
- DIN 32676-2001 饮食业、化工业和医药业用配件.不锈钢管夹具接头.焊接式(德文原版).pdf
- DIN 28181-1985 管束式热交换器的焊接钢管.尺寸.尺寸偏差和材料.pdf
- DIN 86037-1-1995 铜镍合金管道的活套法兰和焊接凸肩.第1部分组装.pdf
- DIN 86037-2-1995 铜镍合金管道的活套法兰和焊接凸肩.第2部分焊接凸肩.pdf
- DIN 46234-1980 非焊接接线端.铜导线用无绝缘套管环形连接.pdf
- DIN 86037-3-1995 铜镍合金管道的活套法兰和焊接凸肩.第3部分活套法兰.pdf
- DIN 86088-1996 铜镍合金制管道焊接异型件.三通.pdf
- DIN EN 499-1995 焊料.非合金钢和细粒钢的手动金属电弧焊接用涂剂焊条.分类.pdf
- DIN 86057-1976 管闷头连接件用法兰（套环）的焊接.pdf
- DIN EN 1011-1-2002 中文版 焊接.焊接金属材料的建议.第1部分电弧焊接通则.pdf
- DIN EN 1043-1-1996 金属材料焊接的破坏试验 硬度测试 第1部分：电弧焊接连接件的硬度试验.pdf
- DIN EN 1435-2002 焊缝的无损检验.焊接接头的X光照相检验.pdf
- DIN EN 1708-1-1999 中文版 焊接—钢焊接接头的基本细节 第1部分：承压构件.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
