<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Workforce by templatemo</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/templatemo-style.css">
</head>
<body data-spy="scroll" data-offset="50" data-target=".navbar-collapse">
<div class="preloader">
<div class="sk-spinner sk-spinner-rotating-plane"></div>
</div>
<nav class="navbar navbar-fixed-top custom-navbar" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Workforce</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="smoothScroll">Home</a></li>
<li><a href="#service" class="smoothScroll">Services</a></li>
<li><a href="#about" class="smoothScroll">About</a></li>
<li><a href="#portfolio" class="smoothScroll">Portfolio</a></li>
<li><a href="#contact" class="smoothScroll">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- start home -->
<section id="home">
<div class="overlay">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/slider/1.jpg" alt="Slide 1">
<div class="slider-caption">
<div class="templatemo_homewrapper">
<h3 class="wow bounceIn">web design and development</h3>
<h1 class="wow bounce">Digital Studio</h1>
<h2>
<span class="wow fadeIn" data-wow-delay="0.3s">WEB,</span>
<span class="wow fadeIn" data-wow-delay="0.6s">MOBILE,</span>
<span class="wow fadeIn" data-wow-delay="0.9s">UX DESIGN</span>
</h2>
<a href="#portfolio" class="smoothScroll templatemo-slider-btn btn btn-default">Learn More</a>
</div>
</div>
</li>
<li>
<img src="images/slider/2.jpg" alt="Slide 2">
<div class="slider-caption">
<div class="templatemo_homewrapper">
<h2>CSS Flexbox</h2>
<h1>Flex Slider</h1>
<h3>Work on all modern browsers, IE 10+</h3>
<a href="#about" class="smoothScroll templatemo-slider-btn btn btn-default">Meet Our Team</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- end home -->
<!-- start service -->
<section id="service">
<div class="container">
<div class="row">
<div class="col-md-12 text-center wow bounceIn">
<h2>Services</h2>
<hr>
<h4>we specialize in web and mobile</h4>
</div>
<div class="col-md-6 col-sm-6">
<div class="media">
<div class="media-object media-left wow fadeIn" data-wow-delay="0.6s">
<i class="fa fa-laptop"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Web Design</h3>
<p>Workforce responsive template is a mobile friendly website design with animated transitions. You may download and modify this layout for your websites.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="media">
<div class="media-object media-left wow fadeIn" data-wow-delay="0.6s">
<i class="fa fa-android"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Mobile App</h3>
<p>Please tell your friends about templatemo.com website. Thank you. Credit goes to <a rel="nofollow" href="https://pixabay.com" target="_blank">Pixabay</a> for images used in this template.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="media">
<div class="media-object media-left wow fadeIn" data-wow-delay="0.6s">
<i class="fa fa-paper-plane"></i>
</div>
<div class="media-body">
<h3 class="media-heading">SEO Marketing</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="media">
<div class="media-object media-left wow fadeIn" data-wow-delay="0.6s">
<i class="fa fa-html5"></i>
</div>
<div class="media-body">
<h3 class="media-heading">HTML5 & CSS3</h3>
<p>This is based on Bootstrap v3.3.4 layout. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end service -->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div>
<!-- start divider -->
<div class="divider">
<div class="overlay">
<div class="container">
<div class="row">
<div class="divider-des">
<h3 class="text-uppercase">The best minimal business one page ever</h3>
<p>It is fully responsive, clean, modern, creative, and minimal.</p>
<button class="btn btn-default text-uppercase">Download</button>
</div>
</div>
</div>
</div>
</div>
<!-- end divider -->
<!-- start about -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12 wow bounceIn">
<h2>About</h2>
<hr>
<h4>a little about our company...</h4>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 wow fadeInLeft templatemo-about-left" data-wow-delay="0.3s">
<h3 class="about-title">Studio History</h3>
<p>Phasellus tempus malesuada congue. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida. Ut tristique hendrerit bibendum. Suspendisse euismod sit amet quam et luctus.</p>
<p>Nulla viverra diam sed justo vehicula, non venenatis massa gravida. Nunc efficitur et quam non tempor. Nullam nec nisl eget est ultrices elementum nec vel nisl. Cras vestibulum nisl vel justo tempor, ut lacinia est accumsan.</p>
</div>
<div class="col-md-6 col-sm-6 wow fadeInRight" data-wow-delay="0.3s">
<span class="text-uppercase">BOOTSTRAP 100%</span>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
<span class="text-uppercase">HTML5 & CSS3 90%</span>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
</div>
<span class="text-uppercase">Wordpress 65%</span>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%;"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
<div class="about-wrapper">
<img src="images/team-img-1.png" class="img-responsive" alt="about img">
<h3>Cindy Davis</h3>
<h5>Founder & Director</h5>
</div>
</div>
<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
870web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (32个子文件)
870
js
imagesloaded.min.js 3KB
bootstrap.min.js 35KB
isotope.js 37KB
jquery.flexslider.js 53KB
smoothscroll.js 4KB
wow.min.js 7KB
custom.js 2KB
jquery.js 91KB
1.jpg 115KB
css
bootstrap.min.css 115KB
font-awesome.min.css 23KB
animate.min.css 45KB
templatemo-style.css 13KB
index.html 15KB
images
portfolio-img-4.jpg 82KB
team-img-3.png 154KB
team-img-2.png 188KB
portfolio-img-2.jpg 67KB
divider-bg.jpg 279KB
portfolio-img-6.jpg 110KB
portfolio-img-5.jpg 86KB
portfolio-img-3.jpg 190KB
portfolio-img-1.jpg 74KB
team-img-1.png 153KB
slider
2.jpg 204KB
1.jpg 107KB
fonts
FontAwesome.otf 92KB
fontawesome-webfont.eot 59KB
fontawesome-webfont.woff 70KB
fontawesome-webfont.woff2 55KB
fontawesome-webfont.svg 306KB
fontawesome-webfont.ttf 119KB
共 32 条
- 1
资源评论
2201_75761617
- 粉丝: 20
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功