1314js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板

共78个文件

jpg：30个

png：21个

js：12个

网站模板

css样式

前台源码

163 浏览量 2023-08-03 10:39:53 上传评论收藏 3.81MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

1314js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （78个子文件）

1314

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

1.jpg 64KB

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 25KB

queries.css 1KB

jquery.fancybox.css 5KB

index.html 15KB

fonts

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

<!DOCTYPE html>     <html class="no-js">  <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 by Peter Finlan</title> <meta name="description" content="A free HTML5/CSS3 template made exclusively for Codrops by Peter Finlan" /> <meta name="keywords" content="html5 template, css3, one page, animations, agency, portfolio, web design" /> <meta name="author" content="Peter Finlan" />  <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='http://fonts.useso.com/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">  <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="" />    </head> <body>   <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="#codrops/?p=22554" 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="#codrops/?p=22554" 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="#codrops/?p=22554" 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="#codrops/?p=22554" 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="#codrops/?p=22554" 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://peterfinlan.com/">buy me a beer</a>. </p> <a href="#codrops/?p=22554" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a> </div> </div> </div> </div> </div> </section> <div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div> <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>

评论收藏

内容反馈