<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US"> <![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="noIE" lang="en-US">
<!--<![endif]-->
<head>
<title>Avada Plus</title>
<!-- meta -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no"/>
<!-- google fonts -->
<link href='#css?family=Raleway:500,300' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='#css?family=PT+Sans'>
<link href='#css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="#css?family=Droid+Serif:regular,bold"/>
<!-- css -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css" media="screen"/>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.js"></script>
<![endif]-->
<!--[if IE 8]>
<script src="assets/js/selectivizr.js"></script>
<![endif]-->
</head>
<body>
<header class="top-header">
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-5 col-sm-4 header-logo">
<br>
<a href="index.html"> <h1 class="logo">Avada <span class="logo-head">Plus</span></h1></a>
</div>
<div class="col-md-8 col-md-offset-1 col-xs-7">
<nav class="navbar navbar-default">
<div class="container-fluid nav-bar">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-def" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#wrapper"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#about"><i class="fa fa-bookmark"></i> About</a>
</li>
<li>
<a href="#portfolio"><i class="fa fa-bookmark"></i> Portfolio</a>
</li>
<li>
<a href="#services"><i class="fa fa-tasks"></i> Service</a>
</li>
<li>
<a href="#blog"><i class="fa fa-wordpress"></i> Blog</a>
</li>
<li>
<a href="#testimonials"><i class="fa fa-thumbs-up"></i> Testimonial</a>
</li>
</ul>
</div><!-- /navbar-collapse -->
</div><!-- / .container-fluid -->
</nav>
</div>
</div>
</div>
</header>
<div id="wrapper">
<div id="header" class="content-block">
<!-- <section class="top clearfix">
<div class="pull-left">
<h1><a class="logo" href="index.html">Avada <span class="logo-head">Plus</span></a></h1>
</div>
<! <div class="pull-right">
<a class="toggleDrawer" href="#"><i class="fa fa-bars fa-2x"></i></a>
</div> -->
</section>
<section class="center">
<div class="slogan">
SLIM & STYLISH
</div>
<div class="secondary-slogan">
The Avada plus Theme By ThemeWagon.
</div>
</section>
</div><!-- header -->
<!-- About us -->
<div id="about" class="about-us">
<div class="container about-sec">
<header class="block-heading cleafix">
<div class="title-page">
<p class="main-header">About us</p>
<p class="sub-header">Make sure you know about us</p>
</div>
</header>
<div class="divide50"></div>
<div class="row">
<div class="col-md-4 text-center">
<div class="aboutus-item">
<i class="aboutus-icon fa fa-plane"></i>
<h4 class="aboutus-title">Great Transport</h4>
<p class="aboutus-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni voluptatum et, alias vero, reprehenderit doloremque neque dignissimos voluptas.</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="aboutus-item">
<i class="aboutus-icon fa fa-usd"></i>
<h4 class="aboutus-title">Not Expensive</h4>
<p class="aboutus-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni voluptatum et, alias vero, reprehenderit doloremque neque dignissimos voluptas.</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="aboutus-item">
<i class="aboutus-icon fa fa-cutlery"></i>
<h4 class="aboutus-title">Delicious Food</h4>
<p class="aboutus-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni voluptatum et, alias vero, reprehenderit doloremque neque dignissimos voluptas.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /About us -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<div class="content-block" id="portfolio">
<div class="container portfolio-sec">
<header class="block-heading cleafix">
<a href="#" class="btn btn-o btn-lg pull-right">View All</a>
<div class="title-page">
<p class="main-header">Our Latest Works </p>
<p class="sub-header">Take a look at some of our recent products</p>
</div>
</header>
<section class="block-body">
<div class="row">
<div class="col-sm-4">
<a href="#" class="recent-work" style="background-image:url(assets/images/rain_1-320x240.jpg)">
<span class="btn btn-o-white">Lorem Rocks</span>
</a>
</div>
<div class="col-sm-4">
<a href="#" class="recent-work" style="background-image:url(assets/images/min_icons_thumb1-320x240.jpg)">
<span class="btn btn-o-white">Lorem Rocks</span>
</a>
</div>
<div class="col-sm-4">
<a href="#" class="recent-work" style="background-image:url(assets/images/flat_icons_thumb.jpg)">
<span class="btn btn-o-white">Lorem Rocks</span>
</a>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<a href="#" class="recent-work" style="background-image:url(assets/images/wood-320x240.jpg)">
<span class="btn btn-o-white">Lorem Rocks</span>
</a>
</div>
<div class="col-sm-4">
<a href="#" class="recent-work" style="background-image:url(assets/images/bike-320x240.jpg)">
<span class="btn btn-o-white">Lorem Rocks</span>
</a>
</div>
<div class="col-sm-4">
<a href="#" class="recent-work" style="background-image:url(assets/images/six_1-320x240.jpg)">
<span class="btn btn-o-white">Lorem Roc
灰色平面设计作品案例单页bootstrap响应式扁平化手机fixedcss3动画宽屏简洁ui大图背景.rar
需积分: 0 94 浏览量
2023-09-10
10:37:46
上传
评论
收藏 1.81MB RAR 举报
平面设计作品案例单页模板下载_灰色平面设计作品案例单页bootstrap响应式扁平化手机fixedcss3动画宽屏简洁ui大图背景.rar （50个子文件） 
style.css 13KB
05_150x150.png 39KB bootstrap.js 65KB bootstrap.min.css 114KB jquery.scrollTo.min.js 2KB 01_200x200.png 63KB
road-1000x600.jpg 118KB 04_150x150.png 41KB FontAwesome.otf 92KB testimonial_11-190x190.jpg 10KB six_1-320x240.jpg 23KB testimonial_22-190x190.jpg 11KB 04_200x200.png 70KB html5.js 2KB fontawesome-webfont.eot 59KB mac_glasses1-1000x600.jpg 82KB testimonial_31-190x190.jpg 7KB min_icons_thumb1-320x240.jpg 7KB newsletter-bg.png 36KB img2.jpg 32KB 02_150x150.png 38KB bike-320x240.jpg 23KB arrow_down.png 704B flat_icons_thumb.jpg 14KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB blue_mac2.jpg 42KB img1.jpg 28KB 05_200x200.png 67KB font-awesome.min.css 23KB 03_150x150.png 39KB respond.js 10KB jquery.actual.min.js 1KB selectivizr.js 18KB img3.jpg 97KB 03_200x200.png 66KB
index.html 18KB traffic.jpg 132KB bike_water1-1000x600.jpg 101KB
fontawesome-webfont.svg 306KB smoothscroll.js 6KB 02_200x200.png 64KB fontawesome-webfont.ttf 119KB rain_1-320x240.jpg 25KB header-bg.jpg 67KB jquery-2.1.3.min.js 82KB 01_150x150.png 39KB wood-320x240.jpg 24KB script.js 2KB jquery-migrate-1.2.1.min.js 7KB资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
