<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Roller - Responsive HTML5 Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="#css?family=Open+Sans:300,400,700" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet"><!-- FontAwesome Icons -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="responsive-menu">
<ul class="menu-holder">
<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#about"><i class="fa fa-cogs"></i>About</a></li>
<li><a href="#services"><i class="fa fa-list"></i>Services</a></li>
<li><a href="#portfolio"><i class="fa fa-briefcase"></i>Portfolio</a></li>
<li><a href="#testimonials"><i class="fa fa-comment"></i>Testimonials</a></li>
<li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li>
</ul>
</div>
<div class="templatemo-header tm-orange-bg-transparent">
<div class="templatemo-header-inner">
<div class="container">
<h1 class="templatemo-logo text-uppercase pull-left">Roller</h1>
<nav class="hidden-xs templatemo-nav pull-right text-uppercase">
<ul class="menu-holder">
<li><a href="#" class="active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="text-right visible-xs">
<a href="#" id="mobile_menu"><span class="fa fa-bars"></span></a>
</div>
</div>
</div> <!-- templatemo-header-inner -->
</div> <!-- templatemo-header -->
<section class="tm-dark-bg tm-section" id="home">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="images/templatemo-banner.png" alt="Banner" class="img-responsive center-block">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="tm-home-right">
<h1 class="tm-home-title text-uppercase">Lorem ipsum dolor</h1>
<h2 class="tm-home-subtitle tm-orange-text text-uppercase">consec stur adipiscing elit</h2>
<div class="tm-home-description">
<p>Roller HTML5 Template is free responsive layout by <span class="blue">template</span><span class="green">mo</span>. You can download, modify and apply this layout for any of your website. Credits go to <a rel="nofollow" href="#">Art Professions</a> Icon and <a rel="nofollow" href="#">Unsplash</a> for images.</p>
<p>Rvel blandit mi condimentum. Aenean finibus eros orci, eget fini noemer stbus .raesent sagittis velit eget dui accumsan pharetra.</p>
</div>
<a href="#" class="tm-home-more tm-dark-text tm-orange-bg">View More</a>
</div>
</div>
</div>
</div>
</section>
<section class="templatemo-about tm-section" id="about">
<img src="images/tm-border-black-top.png" alt="Border" class="tm-border">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<img id="member1" class="hide" src="images/team/1.jpg" alt="Member 1" width="228" height="385">
<div class="canvas-wrap">
<div class="canvas-overlay">
<div class="tm-member-info absolute-center">
<p class="member-name text-center text-uppercase">Mary</p>
<p class="member-title text-center text-uppercase">Web designer</p>
<div class="tm-member-social-info text-center">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
<canvas id="member1_canvas_overlay" width="228" height="385"></canvas>
</div>
<canvas id="member1_canvas" width="228" height="405"></canvas>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<img id="member2" class="hide" src="images/team/2.jpg" alt="Member 2" width="228" height="385">
<div class="canvas-wrap canvas-lines">
<div class="canvas-overlay">
<div class="tm-member-info absolute-center">
<p class="member-name text-center text-uppercase">Kate</p>
<p class="member-title text-center text-uppercase">Graphic designer</p>
<div class="tm-member-social-info text-center">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
<canvas id="member2_canvas_overlay" width="228" height="385"></canvas>
</div>
<canvas id="member2_canvas" width="228" height="405"></canvas>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<img id="member3" class="hide" src="images/team/3.jpg" alt="Member 3" width="228" height="385">
<div class="canvas-wrap">
<div class="canvas-overlay">
<div class="tm-member-info absolute-center">
<p class="member-name text-center text-uppercase">Jess</p>
<p class="member-title text-center text-uppercase">Web developer</p>
<div class="tm-member-social-info text-center">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
<canvas id="member3_canvas_overlay" width="228" height="385"></canvas>
</div>
<canvas id="member3_canvas" width="228" height="405"></canvas>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tm-about-right">
<h1 class="tm-about-title text-uppercase">Meet</h1>
<h2 class="tm-about-subtitle tm-orange-text text-uppercase">Our Team</h2>
<h3 class="tm-about-subtitle-2 text-uppercase">Consectetur Deostrla</h3>
<div class="tm-about-description">
<ul>
<li>Pellentesque aliquam nisi</li>
<li>Rondimentum nulla sagittis ura</li>
<li>Gconsectetur imperdiet</li>
<li>Dconsect condimentum etur</li>
<li>Praesent consectur mulla</li>
<li>Sdui accumsan pharetra</li>
<li>Dconsect condimentum etur</li>
<li>Gconsectetur imperdiet</li>
</ul>
</div>
<h3 class="tm-about-subtitle-2">Lorem Ipsums</h3>
</div>
</div>
</div>
</div>
</section> <!-- about -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<section class="templatemo-services tm-section tm-orange-bg-transparent" id="services">
<img src="images/tm-border-white-top.png" alt="Border" class="tm-border">
<div class="container text-center">
<div class="tm-pricing-table-container">
<div class="tm-pricing-table tm-dark-bg">
<h2 class="tm-pricing-header tm-orange-text text-center text-uppercase">Starter</h2>
<div class="tm-pricing-details text-center tm-light-gray-text">
<div class="price-tag">
<div class="price-tag-inner">
<span class="dollar">$</span>
<span class="price">25</span>
<span class="month text-uppercase">/month</span>
</div>
</div>
<ul class="text-center tm-light-gray-text">
<li>Pellentesque 2x</li>
<li>Raugue blandit</li>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
黄色大气个性摄影工作室bootstrap模板_黄色黑色大气个性摄影照相图片服务工作室企业响应式手机宽屏bootstrap单页跳转个人主页服装.rar (34个子文件)
02.jpg 45KB
bootstrap.min.css 107KB
2.jpg 12KB
06.jpg 49KB
10.jpg 68KB
FontAwesome.otf 84KB
templatemo_script.js 9KB
01.jpg 40KB
fontawesome-webfont.eot 55KB
1.jpg 45KB
tm-border-black-top.png 6KB
08.jpg 67KB
tm-border-white-top.png 6KB
fontawesome-webfont.woff 64KB
07.jpg 53KB
12.jpg 59KB
5.jpg 12KB
templatemo-banner.png 320KB
font-awesome.min.css 21KB
05.jpg 53KB
index.html 21KB
jquery-1.11.1.min.js 94KB
11.jpg 52KB
railway.jpg 130KB
04.jpg 48KB
fontawesome-webfont.svg 280KB
templatemo-header.jpg 115KB
fontawesome-webfont.ttf 110KB
3.jpg 11KB
09.jpg 22KB
templatemo_style.css 11KB
tm-border-black-bottom.png 6KB
03.jpg 39KB
4.jpg 11KB
共 34 条
- 1
资源评论
Q_97095639
- 粉丝: 379
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功