<!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: Free HTML5/CSS3 Template</title>
<meta name="description" content="A free HTML5/CSS3 template made exclusively for Codrops" />
<meta name="keywords" content="html5 template, css3, one page, animations, agency, portfolio, web design" />
<meta name="author" content="" />
<!-- 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="https://cdn.staticfile.org/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//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 created exlusively for Codrops.</h1>
<a href="#" 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="# 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="#" 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="#" 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="#" 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="#" 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="#">buy me a beer</a>. </p>
<a href="#" 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 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>
HTML+CSS+JS+JQ+Bootstrap的单页产品形象展示网页.7z （77个子文件） 
【web课设】单页产品形象展示网页-HTML源码 html js 
waypoints.min.js 8KB toucheffects.js 2KB 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 toucheffects-min.js 888B scripts-min.js 1KB scripts.js 2KB img 
avatar@2x.png 10KB codrops-logo.png 1KB
06-screenshot.jpg 40KB
blank.gif 43B fancybox_loading@2x.gif 12KB hero.jpg 410KB 01-screenshot.jpg 51KB showcase-bg-fixed-01.jpg 184KB features-intro.jpg 105KB fancybox_loading.gif 4KB logo-blue@2x.png 2KB html5-logo@2x.png 1KB screen3.jpg 276KB screen1.jpg 185KB fancybox_sprite@2x.png 6KB hero-01.jpg 279KB codrops-logo@2x.png 3KB 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@2x.png 2KB 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 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资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- 39-0305一元矩阵w偏导-1080P 高清-AVC.mp4
- Comsol光子晶体板谷态.pdf
- Comsol光子晶体板EP.pdf
- Comsol光子晶体板模式识别：全模型方法与半模型方法对比.pdf
- COMSOL光子晶体波导法诺共振.pdf
- COMSOL光子晶体光纤：有效折射率、模式色散及有效模式面积计算.pdf
- COMSOL光子晶体光纤：有效折射率、模式色散、有效模式面积计算.pdf
- 43-0309对数线性回归与广义线性回归-1080P 高清-AVC.mp4
- 42-0308求导没推给个例子-1080P 高清-AVC.mp4
- Comsol光子晶体光纤模式分析及其fsm mode计算.pdf
- COMSOL光子晶体连续域束缚态远场偏振计算：含K空间能带Q值模型及Matlab脚本及相关文献.pdf
- COMSOL光子晶体光纤及反谐振光纤：计算有效折射率、模场及多种损耗分析.pdf
- COMSOL光子晶体六边形晶格简约第一布里渊区能带.pdf
- COMSOL光子晶体能带计算的复现.pdf
- Comsol光子晶体能带求解：含一维和二维色散材料的光子晶体计算.pdf
- 44-0310对数或逻辑线性回归-1080P 高清-AVC.mp4
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
