<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Boxify</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Peter Finlan" />
<!-- Bootstrap -->
<script src="js/modernizr.custom.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jquery.fancybox.css" rel="stylesheet">
<link href="css/flickity.css" rel="stylesheet" >
<link href="css/animate.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='#css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/styles.css" rel="stylesheet">
<link href="css/queries.css" rel="stylesheet">
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- open/close -->
<header>
<section class="hero">
<div class="texture-overlay"></div>
<div class="container">
<div class="row nav-wrapper">
<div class="col-md-6 col-sm-6 col-xs-6 text-left">
<a href="#"><img src="img/logo-white.png" alt="Boxify Logo"></a>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
<p>MENU</p><a id="trigger-overlay" class="nav_slide_button nav-toggle" href="#"><span></span></a>
</div>
</div>
<div class="row hero-content">
<div class="col-md-12">
<h1 class="animated fadeInDown">An Exclusive, Premium HTML5 & CSS3 Template by Peter Finlan, for Codrops.</h1>
<a href="http://sc.chinaz.com" class="use-btn animated fadeInUp">Use it for free</a> <a href="#about" class="learn-btn animated fadeInUp">Learn more <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</section>
</header>
<section class="video" id="about">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1><a href="http://sc.chinaz.com" class="youtube-media"><i class="fa fa-play-circle-o"></i> Watch the Video</a></h1>
</div>
</div>
</div>
</section>
<section class="features-intro">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 nopadding features-intro-img">
<div class="features-bg">
<div class="texture-overlay"></div>
<div class="features-img wp1">
<img src="img/html5-logo.png" alt="HTML5 Logo">
</div>
</div>
</div>
<div class="col-md-6 nopadding">
<div class="features-slider">
<ul class="slides" id="featuresSlider">
<li>
<h1>The Fore-front of Design & Technology</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p><a href="#features" class="arrow-btn">Find out why this freebie rocks! <i class="fa fa-long-arrow-right"></i></a></p>
</li>
<li>
<h1>Multi-Purpose User Centric Design</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p><a href="http://sc.chinaz.com" class="arrow-btn">Find out why this freebie rocks! <i class="fa fa-long-arrow-right"></i></a></p>
</li>
<li>
<h1>Made with Love, Released for Free</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p><a href="http://sc.chinaz.com" class="arrow-btn">Find out why this freebie rocks! <i class="fa fa-long-arrow-right"></i></a></p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="features-list" id="features">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-4 feature-1 wp2">
<div class="feature-icon">
<i class="fa fa-desktop"></i>
</div>
<div class="feature-content">
<h1>Responsive</h1>
<p>Built using HTML5/CSS3 and jQuery, and built using one of the world's most powerful CSS frameworks available, Bootstrap.</p>
<a href="http://sc.chinaz.com" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a>
</div>
</div>
<div class="col-md-4 feature-2 wp2 delay-05s">
<div class="feature-icon">
<i class="fa fa-flash"></i>
</div>
<div class="feature-content">
<h1>Multi-Purpose</h1>
<p>Perfect if you run your own start-up, product or service. Boxify can showcase your business converting your visits to income.</p>
<a href="http://sc.chinaz.com" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a>
</div>
</div>
<div class="col-md-4 feature-3 wp2 delay-1s">
<div class="feature-icon">
<i class="fa fa-heart"></i>
</div>
<div class="feature-content">
<h1>Absolutely Free</h1>
<p>As aways, download Boxify for free exclusively from Codrops. If you love Boxify and want to thank me, simply <a href="http://sc.chinaz.com/">buy me a beer</a>. </p>
<a href="http://sc.chinaz.com" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="showcase">
<div class="showcase-wrap">
<div class="texture-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="device wp3">
<div class="device-content">
<div class="showcase-slider">
<ul class="slides" id="showcaseSlider">
<li>
<img src="img/screen1.jpg" alt="Device Content Image">
</li>
<li>
<img src="img/screen2.jpg" alt="Device Content Image">
</li>
<li>
<img src="img/screen3.jpg" alt="Device Content Image">
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<h1>Showcase your Product or Service</h1>
<p>Lorem ipsum dolor sit amet, consectetur a
没有合适的资源?快使用搜索试试~ 我知道了~
浅蓝色会议专题网站模板是一款html5模板,适合团队会议专题模板下载。.rar
共80个文件
jpg:29个
png:21个
js:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 39 浏览量
2021-11-06
12:36:31
上传
评论
收藏 3.79MB RAR 举报
温馨提示
浅蓝色会议专题网站模板是一款html5模板,适合团队会议专题模板下载。
资源推荐
资源详情
资源评论
收起资源包目录
浅蓝色会议专题网站模板是一款html5模板,适合团队会议专题模板下载。.rar (80个子文件)
浅蓝色会议专题网站模板是一款html5模板,适合团队会议专题模板下载。
moban857
js
waypoints.min.js 8KB
toucheffects.js 2KB
jquery-1.8.3.min.js 91KB
bootstrap.min.js 28KB
flickity.pkgd.min.js 39KB
modernizr-2.6.2.min.js 15KB
jquery.fitvids.js 3KB
jquery.fancybox.pack.js 23KB
retina.js 6KB
modernizr.custom.js 8KB
min
.DS_Store 6KB
toucheffects-min.js 888B
scripts-min.js 1KB
scripts.js 2KB
img
[email protected] 10KB
codrops-logo.png 1KB
06-screenshot.jpg 40KB
blank.gif 43B
[email protected] 12KB
hero.jpg 410KB
01-screenshot.jpg 51KB
showcase-bg-fixed-01.jpg 184KB
features-intro.jpg 105KB
fancybox_loading.gif 4KB
screen3.jpg 276KB
screen1.jpg 185KB
hero-01.jpg 279KB
html5-logo.png 558B
fancybox_overlay.png 77B
logo-blue.png 834B
feature-1.png 1KB
grid.png 74B
showcase-bg.jpg 211KB
fancybox_sprite.png 1KB
device-bg.jpg 90KB
screen2.jpg 123KB
03-screenshot.jpg 51KB
08-screenshot.jpg 43KB
avatar.png 3KB
02-screenshot.jpg 63KB
device-content-img.jpg 467KB
quote-logo.png 806B
logo-white.png 834B
04-screenshot.jpg 73KB
large
02.jpg 79KB
06.jpg 59KB
01.jpg 70KB
08.jpg 52KB
07.jpg 83KB
05.jpg 66KB
04.jpg 95KB
03.jpg 66KB
features-intro-01.jpg 65KB
cross.png 206B
bg_play_pause.png 357B
07-screenshot.jpg 62KB
feature-3.png 2KB
avatar.jpg 16KB
feature-2.png 2KB
05-screenshot.jpg 63KB
iphone-skeleton.png 32KB
showcase-bg-fixed.jpg 350KB
css
.DS_Store 6KB
bootstrap.min.css 98KB
animate.css 68KB
flickity.css 2KB
lightbox.css 4KB
styles.css 24KB
queries.css 1KB
jquery.fancybox.css 5KB
index.html 14KB
fonts
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
共 80 条
- 1
资源评论
半抹灯芯
- 粉丝: 74
- 资源: 1075
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 206693250008_R01C02_Grn.idat
- 瞳孔跟踪-基于OpenCV+网络摄像头的瞳孔跟踪算法实现-附项目源码+流程教程-优质项目分享.zip
- ModStartCMS v8.4.0 框架稳定性持续迭代,修复部分已知问题
- bleder 教室学校学生教育室办公室考试
- 人脸检测-使用OpenCV实现的动漫+漫画人脸检测算法-附项目源码-优质项目实战.zip
- 道路贴图,材质材料免费
- 人脸检测-基于OpenCV+Node.js+WebSockets实现的实时人脸检测应用-附项目源码-优质项目实战.zip
- 一些常见的MySQL死锁案例-mysql-deadlocks-master(源代码+案例+图解说明)
- UE4动画烘焙器-ue4.27
- 新建文件夹.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功