<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
<![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>Karma - Free HTML5 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="author" content="templatemo">
<meta charset="UTF-8">
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
<!-- CSS Bootstrap & Custom -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="slider/flexslider.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
<!-- Modernizr -->
<script src="slider/modernizr.js"></script>
<!-- HTML 5 shim for IE backwards compatibility -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="row">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2 col-sm-2 col-xs-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand"><img src="images/templatemo_logo.png" alt="karma"></a>
</div>
</div>
<div class="col-md-10 col-sm-10 col-xs-12">
<div class="navbar-collapse collapse menu">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#about"><i class="fa fa-user"></i>About Us</a></li>
<li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
<li><a href="#portfolio"><i class="fa fa-briefcase"></i>Portfolio</a></li>
<li><a href="#blog"><i class="fa fa-pencil"></i>Blog</a></li>
<li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</div><!-- /.row -->
</div>
</nav>
<div class="container" id="home">
<div class="row">
<div class="col col-md-12">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/templatemo_slide_1.jpg" alt="slide 1" />
<p class="flex-caption">Mauris quis sapien sed mauris gravida congue. Fusce convallis felis non lectus facilisis, vel consequat felis dictum.</p>
</li>
<li>
<img src="images/templatemo_slide_2.jpg" alt="slide 2" />
<p class="flex-caption">Proin porttitor urna et enim semper lobortis eu vitae diam. Fusce rutrum consequat dolor. Quisque ante leo, scelerisque nec faucibus.</p>
</li>
<li>
<img src="images/templatemo_slide_3.jpg" alt="slide 3" />
<p class="flex-caption">Quisque gravida ac nisl nec ultrices. Mauris tincidunt magna vitae feugiat tincidunt. Donec elit arcu, accumsan quis sagittis vitae, porttitor et velit.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<section id="about">
<div class="outer_container">
<div class="container">
<div class="row">
<div class="col col-md-5 col-sm-12"><h1>About us</h1></div>
<div class="col col-md-7 col-sm-12 center-row" id="about_content">
<div class="row center">
<div class="col col-md-4 col-sm-12 templatemo_ceo">
<img src="images/templatemo_image_02.jpg" alt="Linda" class="center-block img-circle img-responsive">
<p>Linda, CEO</p>
</div>
<div class="col col-md-8 col-sm-12">
<p>Karma is <a href="#">free HTML5 template</a> based on Bootstrap responsive framework. Feel free to use this layout for any website.</p>
<p>Vestibulum ac enim.Vestibulum at mollis justo, eu elementum nisi. Sed consequat odio eget nunc tristique venenatis. Nullam non eros molestie, tristique libero ut, lacinia diam.</p>
<p>Integer hendrerit nibh at aliquam tincidunt. Duis auctor congue arcu eget congue. Vestibulum tristique sollicitudin est, non porttitor est viverra quis.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="team">
<div class="outer_container">
<div class="container">
<div class="row">
<div class="col col-md-5 col-md-push-7 col-sm-12"><h1>Our Team</h1></div>
<div class="col col-md-7 col-md-pull-5 col-sm-12 center-row" id="team_content">
<div class="row center">
<div class="col col-md-4 col-sm-4 col-xs-4">
<img src="images/templatemo_image_01.jpg" alt="Nancy" class="img-circle img-responsive">
<p>Nancy</p>
<p>Manager</p>
</div>
<div class="col col-md-4 col-sm-4 col-xs-4">
<img src="images/templatemo_image_03.jpg" alt="Mary" class="img-circle img-responsive">
<p>Mary</p>
<p>Designer</p>
</div>
<div class="col col-md-4 col-sm-4 col-xs-4">
<img src="images/templatemo_image_04.jpg" alt="Helen" class="img-circle img-responsive">
<p>Helen</p>
<p>Artist</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services">
<div class="outer_container">
<div class="container">
<div class="row">
<div class="col col-md-5 col-sm-12 col-xs-12">
<h1>Services</h1>
</div>
<div class="col-md-2 col-sm-2 col-xs-2">
<div class="services_buttons">
<ul id="services_tabs">
<li class="icon-button active" data-target="#pencil"><i class="fa fa-pencil" style="vertical-align: middle"></i></li>
<li class="icon-button" data-target="#cog"><i class="fa fa-cog"></i></li>
<li class="icon-button" data-target="#signal"><i class="fa fa-signal"></i></li>
</ul>
</div>
</div>
<div class="col col-md-5 col-sm-10 col-xs-10 center-row" id="services_content">
<div class="arrow-left"></div>
<div class="arrow-box center-row">
<div class="tab-content center">
<div class="tab-pane fade in active" id="pencil">
<h3>Web Design</h3>
<p>Donec vehicula lectus ac ultrices aliquam. Pellentesque aliquam erat justo, nec auctor sem vulputate vitae. Praesent varius neque in dolor cursus dictum. Donec dignissim nibh nec adipiscing vehicula.</p>
<p><a href="#">Mobile website template</a> is ready to use for your website. Quisque euismod enim et dignissim dictum. Vivamus eu tortor pharetra, mollis orci eget, pulvinar n
【漂亮大气-PC端英文网站-响应式html5-整站模板】灰色宽屏花草植物bootstrap企业网站(运行html文件可看效果).zip （38个子文件） 
【漂亮大气-PC端英文网站-响应式html5-整站模板】灰色宽屏花草植物bootstrap企业网站(运行html文件可看效果) tpmo_403_karma js 
templatemo_custom.js 1KB jquery.min.js 94KB jquery.singlePageNav.js 6KB bootstrap js bootstrap.min.js 28KB css bootstrap.min.css 100KB css font-awesome.min.css 17KB templatemo_style.css 15KB
index.html 20KB images 
templatemo_image_05.jpg 56KB templatemo_image_02.jpg 25KB
templatemo_logo.png 2KB templatemo_image_06_sm.jpg 33KB templatemo_slide_2.jpg 59KB templatemo_slide_3_sm.jpg 28KB templatemo_image_07_sm.jpg 38KB templatemo_slide_1.jpg 71KB templatemo_image_03.jpg 30KB templatemo_slide_1_sm.jpg 32KB templatemo_slide_3.jpg 40KB logo_PNG_source.png 52KB templatemo_image_05_sm.jpg 39KB templatemo_slide_2_sm.jpg 36KB left_arrow.png 1KB templatemo_image_04.jpg 35KB templatemo_image_01.jpg 31KB templatemo_image_06.jpg 248KB slider flexslider.css 5KB jquery.flexslider.js 51KB modernizr.js 10KB fonts flexslider-icon.woff 1KB flexslider-icon.eot 2KB flexslider-icon.ttf 2KB
flexslider-icon.svg 2KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
fanxbl957
- 粉丝: 8730
最新资源
- 大数据时代下计算机网络信息安全问题探讨.docx
- 中国在国际煤炭市场定价格局中的地位与策略-基于贸易网络核心一边缘结构分析.docx
- JEE架构办公自动化系统设计方案与实现.doc
- 卫星通信接收技术知识.doc
- 项目管理中的第三方监控.docx
- 人工智能带来的伦理与社会挑战.docx
- vb学生宿舍管理系统设计方案.doc
- 数据库课程设计参考模版.doc
- 提取二值化指纹图像中特征数据算法研究分析报告.doc
- 大数据检测在公安信息安全中的应用.docx
- 提高路桥施工项目管理水平的措施探讨.docx
- 《不要沉迷于网络游戏》教案.doc
- 大数据时代档案信息化建设措施.docx
- Fortran结构化程序设计.ppt
- 图像处理与影视后期课程教学大纲.docx
- 搭上电子商务快车的传统机械制造企业-河南黎明重工科技股份有限公司发展态势分析与展望.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
