<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>Home</title>
<link rel="icon" href="favicon.png" type="image/png">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
</head>
<body>
<!--Header_section-->
<header id="header_wrapper">
<div class="container">
<div class="header_box">
<div class="logo"><a href="#"><img src="img/logo.png" alt="logo"></a></div>
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div id="main-nav" class="collapse navbar-collapse navStyle">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#hero_section" class="scroll-link">Home</a></li>
<li><a href="#service" class="scroll-link">Services</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#Portfolio" class="scroll-link">Portfolio</a></li>
<li><a href="#clients" class="scroll-link">Clients</a></li>
<li><a href="#team" class="scroll-link">Team</a></li>
<li><a href="#contact" class="scroll-link">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--Header_section-->
<!--Hero_Section-->
<section id="hero_section" class="top_cont_outer">
<div class="hero_wrapper">
<div class="container">
<div class="hero_section">
<div class="row">
<div class="col-md-12">
<div class="top_left_cont zoomIn wow animated">
<h2>SUCCESS of your <br> <strong>Business</strong></h2>
<div class="underline"></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting<br/> The industry's standard dummy.</p>
<a href="#service" class="read_more2">Find out more</a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Hero_Section-->
<!--Service-->
<section id="service">
<div class="container">
<h2>Services</h2>
<div class="service_wrapper">
<div class="row">
<div class="col-lg-4">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="fa fa-android"></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">Android</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
</div>
<div class="col-lg-4">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="fa fa-apple"></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">Apple IOS</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
</div>
<div class="col-lg-4">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-html5"></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">Design</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Service-->
<section id="aboutUs"><!--Aboutus-->
<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
<div class="container">
<h2>About Us</h2>
<h6>Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum</h6>
<div class="inner_section">
<div class="row">
<div class="col-lg-12 about-us">
<div class="row">
<div class="col-md-6">
<h3>Our Business</h3>
<p>
Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum gravida tortor orci ipsum grectetur.sem quisci ipsum gravida tortor orci ipsum grectetur. <br/> <br/>
Lorem ipsum dolor sit ametbi sagittis, orci ipsum gravida tortor. Lorem ipssum gravida tortor. Lorem ipssum gravida tortor. Lorem ipssum gravida tortor. Lorem ipssum gravida tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum gravida tortor orci ipsum gravida tortor. Lorem ipsum dolor sit amet, consectetur. <br/> <br/>
Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div><!-- /.col-md-6 -->
<div class="col-md-6">
<h3>We Design Awesome Web Apps</h3>
<p>
Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum gravida tortor orci ipsum gravida tortor. Lorem ipsum dolor sit amet, consectetur.
</p>
<ul class="about-us-list">
<li class="points">Consectetur Morbi sagittis, sem quisci ipsum gravida tortor</li>
<li class="points">Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida </li>
<li class="points">Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci gravida </li>
<li class="points">Sagittis, sem quis lacinia faucibus, orci ipsum gravida </li>
<li class="points">Ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci</li>
</ul><!-- /.about-us-list -->
<div class="about-us-link">
<a href="#" class="read_more">Read More</a>
</div><!-- /.about-us-link -->
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
</div><!-- /.col-lg-12 -->
</div>
</div>
</div>
</div>
</section>
<!--Aboutus-->
<!-- Portfolio -->
<section id="Portfolio" class="content">
<!-- Container -->
<div class="container portfolio_title">
<!-- Title -->
<div class="section-title">
<h2>Portfolio</h2>
</div>
<!--/Title -->
</div>
<!-- Container -->
<div class="portfolio-top"></div>
<!-- Portfolio Filters -->
<div class="portfolio">
<div id="filters" class="sixteen columns">
<ul class="clearfix">
<li><a id="all" href="#" data-filter="*" class="active">
<h5>All</h5>
</a></li>
<li><a class="" href="#" data-filter=".prototype">
<h5>Prototype</h5>
</a></li>
<li><a class="" href="#" data-filter=".design">
<h5>Design</h5>
</a></li>
<li><a class="" href="#" data-filter=".android">
<h5>Android</h5>
</a></li>
<li><a class="" href="#" data-filter=".appleIOS">
<h5>Apple IOS</h5>
</a></li>
<li><a class="" href="#" data-filter=".web">
<h5>Web App</h5>
</a></li>
</ul>
</div>
<!--/Portfolio Filters -->
<!-- Portfolio Wrapper -->
没有合适的资源?快使用搜索试试~ 我知道了~
HTML5大气扁平单页网站模板是一款适合设计类网站模板下载 .rar
共52个文件
jpg:13个
js:12个
png:11个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 61 浏览量
2022-11-20
09:16:50
上传
评论
收藏 1.71MB RAR 举报
温馨提示
HTML5大气扁平单页网站模板是一款适合设计类网站模板下载。.rar
资源推荐
资源详情
资源评论
收起资源包目录
HTML5大气扁平单页网站模板是一款适合设计类网站模板下载。.rar (52个子文件)
HTML5大气扁平单页网站模板是一款适合设计类网站模板下载。
moban1211
css
bootstrap.min.css 111KB
animate.css 68KB
font-awesome.css 28KB
animation.css 2KB
style.css 33KB
img
client_logo5.png 17KB
portfolio_pic3.jpg 65KB
client_logo1.png 17KB
portfolio_pic8.jpg 126KB
slide-1.jpg 96KB
portfolio_pic4.jpg 67KB
client_logo2.png 16KB
portfolio_pic6.jpg 86KB
team_pic3.jpg 39KB
lap.png 351KB
client_logo3.png 17KB
portfolio_pic5.jpg 97KB
client_logo4.png 18KB
portfolio_pic7.jpg 119KB
portfolio_pic2.jpg 75KB
team_pic2.jpg 30KB
logo.png 16KB
twitter_bird.png 1KB
portfolio_pic1.jpg 149KB
team_pic1.jpg 29KB
about-img.jpg 65KB
fonts
fontawesome-webfont.eot 71KB
fontawesome-webfont.woff 82KB
FontAwesome.otf 73KB
fontawesome-webfont.svg 248KB
fontawesome-webfont.ttf 138KB
index.html 20KB
js
jquery-scrolltofixed.js 20KB
html5shiv.js 2KB
respond-1.1.0.min.js 6KB
bootstrap.min.js 35KB
jquery-1.11.0.min.js 94KB
jquery.nav.js 7KB
custom.js 4KB
wow.js 12KB
fancybox
fancybox_loading.gif 4KB
blank.gif 43B
jquery.fancybox.pack.js 23KB
fancybox_overlay.png 1003B
fancybox_loading_402x.gif 14KB
fancybox_sprite.png 1KB
Descr.WD3 863B
fancybox_sprite_402x.png 6KB
jquery.fancybox.css 6KB
html5element.js 315B
jquery.easing.1.3.js 8KB
jquery.isotope.js 43KB
共 52 条
- 1
资源评论
reg183
- 粉丝: 1811
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功