绿色响应式app应用项目官网模板下载_绿色响应式app应用项目安桌iosboostrap手机单页

共35个文件

css：10个

png：9个

js：6个

178 浏览量 2023-08-05 15:52:56 上传评论收藏 1.02MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

绿色响应式app应用项目官网模板下载_绿色响应式 app 应用项目安桌 ios boostrap 手机单页_h.rar （35个子文件）

绿色响应式app应用项目官网模板下载_绿色响应式 app 应用项目安桌 ios boostrap 手机单页

btts_10_su

assets

bootstrap.js 59KB

jquery.easing.min.js 5KB

jquery-1.11.1.js 276KB

style-switcher.js 2KB

custom.js 2KB

scrollReveal.js 11KB

img

44.png 41KB

phone.png 226KB

11.png 27KB

grey_wash_wall.png 46KB

stardust.png 9KB

app-store.png 3KB

google-play.png 4KB

33.png 63KB

22.png 57KB

css

custom.css 4KB

font-awesome.css 25KB

themes

green.css 1KB

blue.css 1KB

grey-bk.css 1KB

black-bk.css 1KB

red.css 1KB

yellow.css 1KB

bootstrap.css 135KB

style-switcher.css 2KB

fonts

FontAwesome.otf 73KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 71KB

fontawesome-webfont.woff 82KB

fontawesome-webfont.svg 248KB

fontawesome-webfont.ttf 138KB

index.html 22KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="" /> <meta name="author" content="" />  <title>Responsive App Selling Page - Appzy </title>  <link href="assets/css/bootstrap.css" rel="stylesheet" />  <link href="assets/css/font-awesome.css" rel="stylesheet" />  <link href="assets/css/custom.css" rel="stylesheet" />  <link id="mainCSS" href="assets/css/themes/green.css" rel="stylesheet" />  <link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Signika&subset=latin,latin-ext' rel='stylesheet' type='text/css' />  <link href="assets/css/style-switcher.css" rel="stylesheet" /> </head> <body> <div class="switcher" style="left:-150px;"> <a id="switch-panel" class="hide-panel" style="text-decoration:none;"> <i class="fa fa-plus " ></i> </a> <span class="span-text">Colour Background</span> <ul class="colors-list"> <li><a title="Blue" id="blue" class="blue" ></a></li> <li><a title="Green" id="green" class="green" ></a></li> <li><a title="Yellow" id="yellow" class="yellow" ></a></li> <li><a title="Red" id="red" class="red" ></a></li> </ul> <span class="span-text">Image Background</span> <ul class="colors-list-bk"> <li><a title="Black Background" id="black-bk" >BLACK</a></li> <li><a title="Grey Background" id="grey-bk" >GREY</a></li> </ul> </div>  <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#home-sec">BINARY APP</a> </div> <div class="navbar-collapse collapse move-me"> <ul class="nav navbar-nav navbar-right"> <li><a href="#home-sec">HOME</a></li> <li><a href="#dev-sec">DEVELOPERS</a></li> <li><a href="#about-sec">ABOUT</a></li> <li><a href="#price-sec">PRICING</a></li> <li><a href="#contact-sec">CONTACT</a></li> </ul> </div> </div> </div> <div id="home-sec" class="container"> <div class="row row-pad clr-white"> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12"> <img src="assets/img/phone.png" class="img-responsive main-img" data-scroll-reveal="enter from the left after 0.1s" /> </div> <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12"> <h1 data-scroll-reveal="enter from the right after 0.1s"><strong>Binary App Showcase </strong></h1> <p data-scroll-reveal="enter from the bottom after 0.2s"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit. Nulla facilisi. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <h1 data-scroll-reveal="enter from the bottom after 0.4s"><strong>Specifications :</strong></h1> <br /> <div id="specifications" class="carousel slide" style="min-height: 270px;" data-ride="carousel" data-scroll-reveal="enter from the bottom after 0.6s"> <div class="carousel-inner"> <div class="item active"> <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> <i class="fa fa-bolt icon-round"></i> </a> <div class="media-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit. </div> </li> <li class="media"> <a class="pull-left" href="#"> <i class="fa fa-code icon-round"></i> </a> <div class="media-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit. </div> </li> </ul> </div> <div class="item a"> <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> <i class="fa fa-gavel icon-round"></i> </a> <div class="media-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit. </div> </li> <li class="media"> <a class="pull-left" href="#"> <i class="fa fa-history icon-round"></i> </a> <div class="media-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit. </div> </li> </ul> </div> <div class="item "> <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> <i class="fa fa-info icon-round"></i> </a> <div class="media-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit. </div> </li> <li class="media"> <a class="pull-left" href="#"> <i class="fa fa-recycle icon-round"></i> </a> <div class="media-body">

评论收藏

内容反馈