HTML+CSS+JS+JQ+Bootstrap的红色APP发布展示响应式网页模板.7z

共55个文件

css：13个

jpg：13个

js：8个

网页源码

HTML

需积分: 5 78 浏览量 2024-06-28 18:10:27 上传评论收藏 2.29MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS+JQ+Bootstrap的红色APP发布展示响应式网页模板.7z （55个子文件）

[web前端]&[课程设计]&[网站源码]-红色APP发布展示响应式网页模板

html

bootstrap.js 54KB

ekko-lightbox-min.js 11KB

bootstrap.min.js 28KB

jquery.sticky.js 6KB

owl.carousel.min.js 23KB

wow.min.js 6KB

custom.js 6KB

jquery.js 91KB

css

bootstrap.min.css 99KB

bootstrap-theme.css.map 37KB

owl.carousel.css 1KB

bootstrap-theme.css 15KB

font-awesome.css 26KB

bootstrap.css.map 240KB

animate.css 71KB

bootstrap.css 120KB

font-awesome.min.css 21KB

bootstrap-theme.min.css 13KB

animate.min.css 52KB

styles.css 19KB

owl.theme.css 2KB

index.html 21KB

images

featured-app.png 70KB

img6.jpg 20KB

feature2-image.png 156KB

logo.png 20KB

img2.jpg 318KB

img5.jpg 106KB

client.jpg 23KB

img4.jpg 36KB

bg.jpg 24KB

img1.jpg 236KB

img7.jpg 20KB

img3.jpg 93KB

img8.jpg 109KB

img.jpg 210KB

client2.jpg 24KB

header-phone.png 151KB

header-phone - Copy.png 178KB

client3.jpg 22KB

fonts

icon-7-stroke

css

pe-icon-7-stroke.css 8KB

helper.css 4KB

fonts

Pe-icon-7-stroke.eot 45KB

Pe-icon-7-stroke.svg 135KB

Pe-icon-7-stroke.woff 30KB

Pe-icon-7-stroke.ttf 44KB

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 55KB

fontawesome-webfont.woff 64KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

<!DOCTYPE html> <html> <head> <title>Fine Best App Landing Page for Mobile Apps</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content="Bootstrap, Landing page, Responsive, Businnes, Portfolio, Corporate"> <meta name="Author" content="WebThemez">  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="fonts/icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet" media="screen"> <link href="css/owl.theme.css" rel="stylesheet"> <link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet" media="screen">  <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Alegreya+Sans:100,300,400,700' rel='stylesheet' type='text/css'>  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body data-spy="scroll" data-target="#navbar-scroll"> <div id="top"></div>  <div id="menu"> <nav class="navbar-wrapper navbar-default" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-themers"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand site-name" href="#top"><img src="images/logo.png" alt="logo"></a> </div> <div id="navbar-scroll" class="collapse navbar-collapse navbar-themers navbar-right"> <ul class="nav navbar-nav"> <li><a href="#top">Home</a></li> <li><a href="#intro">About</a></li> <li><a href="#feature">Features</a></li> <li><a href="#screenshot">Screenshots</a></li> <li><a href="#clients">Clients</a></li> <li><a href="#package">Package</a></li> <li><a href="#download">Download</a></li> </ul> </div> </div> </nav> </div> <div class="fullscreen landing parallax banner" data-img-width="2000" data-img-height="1325" data-diff="100"> <div class="overlay"> <div class="container"> <div class="row"> <div class="col-md-6"> <h1 class="wow fadeInLeft"> App Landing Page </h1> <div class="landing-text wow fadeInLeft"> <p>Lorem Ipsum is simply dummy text of the printing and type setting industry consectetur adipisicing elit, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing tempor incididunt!</p> </div>  <div class="head-btn wow fadeInLeft"> <a href="#" class="btn-primary app-store"> <i class="fa fa-apple"></i> <span> App Store</span> </a> <a href="#" class="btn-primary play-market"> <i class="fa fa-android"></i> <span> Google Play</span> </a> </div> </div>  <div class="col-md-6"> <img src="images/header-phone.png" alt="phone" class="header-phone img-responsive wow fadeInRight"> </div> </div> </div> </div> </div>  <div id="intro"> <div class="container"> <div class="row">  <div class="col-md-6 feature-2-pic wow fadeInLeft"> <img src="images/feature2-image.png" alt="image" class="img-responsive"> </div>  <div class="col-md-6 wow fadeInRight"> <h2>Learn how to make your app marketing efficient</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset. </p> <div class="btn-section"><a href="#download" class="btn-default">Download Now</a></div> </div> </div> </div> </div>  <div id="feature"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1 col-sm-12 text-center feature-title">  <h2>Our Amazing beautiful features</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p> </div> </div> <div class="row row-feat"> <div class="col-md-12">  <div class="col-sm-4 feat-list"> <i class="fa fa-paint-brush wow fadeInUp"></i> <div class="inner"> <h4>Fully Customizable</h4> <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature. </p> </div> </div>  <div class="col-sm-4 feat-list"> <i class="fa fa-rss wow fadeInUp" data-wow-delay="0.2s"></i> <div class="inner"> <h4>Responsive Design</h4> <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature.</p> </div> </div>  <div class="col-sm-4 feat-list"> <i class="fa fa-recycle wow fadeInUp" data-wow-delay="0.4s"></i> <div class="inner"> <h4>Amazing Design</h4> <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature.</p> </div> </div> </div> </div> </div> </div> <section id="features"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 wow fadeInRight animated" data-wow-delay=".8s" style="visibility: visible; animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-name: fadeInRight; -webkit-animation-name: fadeInRight;"> <h2 class="title">Our Focused on Feature</h2> <div class="feature-item"> <div class="media"> <div class="pull-left icon" href="#"> <i class="fa fa-paint-brush"></i> </div> <div class="media-body"> <h4 class="media-heading">Reliable and Secure Platform</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisici ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com</p> </div> </div> </div> <div class="feature-item"> <div class="media"> <div class="pull-left icon" href="#"> <i class="fa fa-rss"></i> </div> <div class="media-body"> <h4 class="media-heading">Everything is perfectly orgainized</h4> <p>Aipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</p> </div> </div> </div> <

评论收藏

内容反馈