APP专业商用展示网页模板-HTML网站源码.zip资源-CSDN文库

共45个文件

png：20个

scss：11个

js：7个

版权申诉

HTML源码

网站源码

适配移动端

JavaScript

112 浏览量 2024-03-31 13:25:28 上传评论收藏 1.68MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

APP专业商用展示网页模板-HTML网站源码.zip （45个子文件）

APP专业商用展示网页模板-HTML网站源码

html

library.js 2KB

html5.js 2KB

respond.js 4KB

retina.js 3KB

jquery.js 94KB

min

script.min.js 956B

script.js 1KB

css

style.css 20KB

favicon.ico 1KB

scss

_header.scss 1KB

_media.scss 3KB

_sidebar.scss 53B

_reset.scss 2KB

_footer.scss 203B

_home.scss 37B

_variables.scss 539B

_content.scss 7KB

_common.scss 3KB

style.scss 180B

_mixins.scss 2KB

index.html 11KB

images

sprite@2x.png 2KB

sprite.psd 732KB

screen_couple_above_v2.png 93KB

header.jpg 637KB

screen_couple_beyond_v2.png 40KB

sprite.png 780B

touch

apple-touch-icon.png 1KB

apple-touch-icon-114x114.png 2KB

apple-touch-icon-72x72.png 1KB

apple-touch-icon-144x144.png 3KB

download_bg.jpg 170KB

upload

easy.png 191B

pin.png 567B

ico2.png 367B

settings.png 269B

screen.jpg 237KB

iPhone.png 137KB

discover.png 86KB

screen.png 128KB

ico3.png 800B

ico4.png 405B

ico5.png 504B

saturn.png 664B

ico1.png 623B

<!DOCTYPE HTML> <html> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="favicon.ico"> <title>APP Plus: Free Responsive HTML 5 Template</title> <meta name="description" content="A free responsive HTML 5 template with a clean style."> <meta name="keywords" content="free template, html 5, responsive, clean, scss"> <link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/touch/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/touch/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="144x144" href="images/touch/apple-touch-icon-144x144.png"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.4.0/css/font-awesome.min.css">  </head> <body class="no-js"> <div class="main"> <header> <div class="wrap"> <img src="upload/iPhone.png" height="532" width="252" alt="" class="header-img"> <div class="header-wrapper"> <h1>APP Plus <span>Template</span></h1> <p>With a smartphone and the right app, you can find any spot on Earth. But the best navigation apps do a lot more. Look out for that speed trap.</p> <p class="autor"><a href="#">John Doe</a></p> <div class="buttons-wrapper"> <a href="#" class="button">Download App</a> <a href="#" class="button button-stripe">Learn more</a> </div> </div>  </div>  </header> <div class="spanning"> <div class="promo clearfix"> <div class="wrap"> <div class="promo-wrapper clearfix"> <div class="promo-column"> <img src="upload/pin.png" height="32" width="24" alt=""> <h5>Places</h5> <p>Seamlessly empower fully researched growth strategies and interoperable internal sources.</p> </div> <div class="promo-column"> <img src="upload/settings.png" height="32" width="33" alt=""> <h5>Settings</h5> <p>Collaboratively administrate turnkey channels whereas virtual e-tailers an other media. </p> </div> <div class="promo-column"> <img src="upload/easy.png" height="32" width="34" alt=""> <h5>Easy</h5> <p>Interactively procrastinate high-payoff content without backward-compatible data. </p> </div> <div class="promo-column"> <img src="upload/saturn.png" height="32" width="32" alt=""> <h5>Global</h5> <p>Credibly innovate granular internal or "organic" sources whereas high standards in web-readiness. </p> </div> </div> </div>  </div>  <div class="discover clearfix"> <div class="wrap"> <div class="discover-content clearfix"> <h2>Discover</h2> <p>Human rights momentum. World problem solving turmoil, change movements environmental pursue these aspirations initiative donation. Policy dialogue, underprivileged accessibility, asylum visionary, prevention beneficiaries carbon emissions reductions empower.</p> <div class="discover-button clearfix"> <a href="#" class="button button-download"> <span class="button-download-title">Download for</span> <span class="button-download-subtitle">Apple iOS</span> </a> <a href="#" class="button button-download android"> <span class="button-download-title">Download for</span> <span class="button-download-subtitle">Android</span> </a> </div> </div> <div class="screen-couple-left wow fadeInLeftBig"> <div class="fog fog-top wow"></div> <div class="fog fog-bottom wow"></div> <img class="screen above" src="images/screen_couple_above_v2.png" alt="" height="484" width="250"/> <img class="screen beyond wow fadeInLeft" data-wow-delay="0.5s" src="images/screen_couple_beyond_v2.png" alt="" height="407" width="210" /> </div> </div>  </div>  <div class="video clearfix"> <div class="wrap"> <div class="video-title">Explore. APP Plus in action</div> <div class="video-subtitle">Just try it for yourself</div> <div class="video-block"> <iframe src="#" sandbox="" width="814" height="458" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> <div class="video-share-wrapper clearfix"> <ul class="social-list clearfix"> <li class="video-share-title">Share it with your friends:</li> <li><a href="#" class="social-twitter">via <strong>Twitter</strong></a></li> <li><a href="#" class="social-facebook">via <strong>Facebook</strong></a></li> <li><a href="#" class="social-google">via <strong>Google+</strong></a></li> </ul> </div> </div>  </div>  <div class="comments clearfix"> <div class="wrap"> <div class="tab"> <div class="box visible"> <h4>People talking about <a href="#">#APP-PLUS</a></h4> <p>Join our #APP-PLUS adventure. Meet up in London this Saturday! Spread the word and join us for fun.</p> </div> <div class="box"> <h4>Users loving <a href="#">#APP-PLUS</a></h4> <p>Joining this weekend's #APP-PLUS fun! @emmy_lemmy bring your dogs, we can make it a fun walk!</p> </div> <div class="box"> <h4>Folks enjoying <a href="#">#APP-PLUS</a></h4> <p>Nothing to fear, the new #APP-PLUS has my tiny street covered, so cool and such a powerful app.</p> </div> <ul class="tabs"> <li class="active"></li> <li></li> <li></li> </ul> <a href="#" class="tab-prev"></a> <a href="#" class="tab-next"></a> </div> </div>  <

评论收藏

内容反馈

版权申诉