<!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 响应式 扁平化 手机 css3动画 宽屏 简洁 ui 大图背景
共50个文件
jpg:18个
png:12个
js:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 185 浏览量
2022-11-20
11:43:39
上传
评论
收藏 1.82MB RAR 举报
温馨提示
标题中的“平面设计作品案例单页模板下载”表明这是一个与网页设计相关的资源,特别是针对平面设计师的。模板通常包括预设的布局、色彩方案、图形元素等,方便设计师快速创建和展示他们的作品案例。Bootstrap是一个流行的开源前端框架,用于构建响应式网站,这意味着无论在桌面还是移动设备上,页面都能自适应并保持良好的用户体验。 描述中提到了“bootstrap响应式”,这强调了该模板是基于Bootstrap框架,并且具备响应式设计,能够根据用户使用的设备自动调整布局。"扁平化"设计是一种现代设计趋势,它摒弃了过多的装饰和立体感,追求简洁明快的界面。"手机"和"fixed"暗示此模板不仅考虑了电脑端,还优化了移动端的显示,"fixed"可能是指某些元素在滚动时仍能固定在屏幕某个位置。"css3动画"意味着该模板可能包含一些利用CSS3新特性实现的动态效果,如过渡、动画和变形,以提升用户体验。"宽屏"表示模板适合大屏幕展示,而"简洁ui"则意味着用户界面设计简单直观,易于导航。"大图背景"表明模板可能有一个占据整个屏幕的图像作为背景,这可以增强视觉冲击力。 文件名称进一步证实了上述信息,所有关键词都在描述中出现,确认这是一个关于平面设计作品展示的单页模板,具有响应式、扁平化、CSS3动画和大图背景等特点。 综合这些信息,我们可以理解这个压缩包文件提供了一个适用于平面设计师的网站模板,该模板使用了Bootstrap框架以实现响应式布局,适应不同设备;采用了扁平化设计风格,保持了简洁的用户界面;通过CSS3动画增加了交互性;并利用大图背景提升视觉效果。对于设计师来说,这样的模板能帮助他们快速创建专业且吸引人的在线作品集,特别是在移动设备上的表现尤为出色。
资源推荐
资源详情
资源评论
收起资源包目录
平面设计作品案例单页模板下载_灰色 平面 设计 作品 案例 单页 bootstrap 响应式 扁平化 手机 fixed css3动画 宽屏 简洁 ui 大图背景.rar (50个子文件)
平面设计作品案例单页模板下载_灰色 平面 设计 作品 案例 单页 bootstrap 响应式 扁平化 手机 fixed css3动画 宽屏 简洁 ui 大图背景
twts_2_et
assets
css
bootstrap.min.css 114KB
font-awesome.min.css 23KB
style.css 13KB
images
05_150x150.png 39KB
min_icons_thumb1-320x240.jpg 7KB
blue_mac2.jpg 42KB
traffic.jpg 132KB
bike-320x240.jpg 23KB
img1.jpg 28KB
04_200x200.png 70KB
testimonial_11-190x190.jpg 10KB
img2.jpg 32KB
testimonial_22-190x190.jpg 11KB
bike_water1-1000x600.jpg 101KB
04_150x150.png 41KB
six_1-320x240.jpg 23KB
header-bg.jpg 67KB
05_200x200.png 67KB
03_200x200.png 66KB
mac_glasses1-1000x600.jpg 82KB
rain_1-320x240.jpg 25KB
wood-320x240.jpg 24KB
road-1000x600.jpg 118KB
02_200x200.png 64KB
arrow_down.png 704B
02_150x150.png 38KB
newsletter-bg.png 36KB
flat_icons_thumb.jpg 14KB
testimonial_31-190x190.jpg 7KB
01_200x200.png 63KB
img3.jpg 97KB
01_150x150.png 39KB
03_150x150.png 39KB
fonts
fontawesome-webfont.eot 59KB
fontawesome-webfont.woff 70KB
FontAwesome.otf 92KB
fontawesome-webfont.svg 306KB
fontawesome-webfont.woff2 55KB
fontawesome-webfont.ttf 119KB
js
respond.js 10KB
smoothscroll.js 6KB
html5.js 2KB
jquery.scrollTo.min.js 2KB
jquery-2.1.3.min.js 82KB
jquery-migrate-1.2.1.min.js 7KB
selectivizr.js 18KB
bootstrap.js 65KB
jquery.actual.min.js 1KB
script.js 2KB
index.html 18KB
共 50 条
- 1
资源评论
reg183
- 粉丝: 1840
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功