黄色风格手机APP官网模板是一款黄色大气风格的手机APP应用官网网站模板下载。_html网站模板_网页源码移动端前端

共44个文件

png：26个

jpg：7个

js：6个

网站模板

162 浏览量 2023-08-05 16:35:29 上传评论收藏 535KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

黄色风格手机APP官网模板是一款黄色大气风格的手机APP应用官网网站模板下载。_html网站模板_网页源码移动端前端_.rar （44个子文件）

黄色风格手机APP官网模板是一款黄色大气风格的手机APP应用官网网站模板下载。

chahua3378

jquery.magnific-popup.js 45KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.min.js 94KB

css

style.css 21KB

owl.carousel.css 8KB

popuo-box.css 4KB

bootstrap.css 118KB

index.html 26KB

images

brand-logo3.png 3KB

brand-logo2.png 2KB

team-member1.jpg 20KB

arrow-2.png 327B

heart-icon.png 479B

quit-people.jpg 22KB

testmonials.png 569B

team-social.png 1KB

top-slider-pagenate.png 478B

icon1.png 2KB

logo.png 2KB

social-icons.png 3KB

divice-in-hand.png 262KB

play-btn.png 819B

brand-logo1.png 2KB

msg-icon.png 534B

feature-icons-l.png 4KB

team-member.jpg 9KB

team-member2.jpg 16KB

team-member3.jpg 17KB

btn-icons.png 1KB

brand-logo4.png 3KB

slide.jpg 8KB

screen.png 10KB

divice-half.png 24KB

feature-icons-r.png 5KB

screen-coursuals.png 890B

divice.png 41KB

team-member4.jpg 11KB

fav.png 660B

arrow1.png 266B

to-top1.png 639B

nav-icon.png 392B

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link rel="shortcut icon" href="images/fav.png" />  <script src="js/jquery.min.js"></script>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  <link href="css/style.css" rel='stylesheet' type='text/css' />  <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script>     <script> $(function() { var pull = $('#pull'); menu = $('nav ul'); menuHeight = menu.height(); $(pull).on('click', function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeAttr('style'); } }); }); </script>  </head> <body>   <div class="header-section">  <div id="home" class="header"> <div class="container"> <div class="top-header"> <div class="logo"> <a href="#"><img src="images/logo.png" title="logo" /></a> </div>  <nav class="top-nav"> <ul class="top-nav"> <li class="active"><a href="#home" class="scroll">Home </a></li> <li class="page-scroll"><a href="#fea" class="scroll">FEATURES</a></li> <li class="page-scroll"><a href="#gallery" class="scroll">Gallery</a></li> <li class="page-scroll"><a href="#about" class="scroll">About </a></li> <li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll">Contact</a></li> </ul> <a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a> </nav> <div class="clearfix"> </div> </div> </div> </div>    <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>   <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <img src="images/slide.jpg" alt=""> <div class="caption text-center"> <div class="slide-text-info"> <h1>Introducing <span>Umbrella.</span></h1> <h2>Made to modify and use anywhere</h2> <div class="slide-text"> <ul> <li><span> </span>Sed ut perspiciatis unde omnis </li> <li><span> </span>Iste natus error sit voluptatem accusantium </li> <li><span> </span>doloremque laudantium</li> </ul> </div> <div class="clearfix"> </div> <div class="big-btns"> <a class="download" href="#"><label> </label>Download</a> <a class="view" href="#"><label> </label>Vew Gallery</a> </div> </div> </div> </li> <li> <img src="images/slide.jpg" alt=""> <div class="caption text-center"> <div class="slide-text-info"> <h1>Introducing <span>Amazing app.</span></h1> <h2>Made to modify and use anywhere</h2> <div class="slide-text"> <ul> <li><span> </span>Sed ut perspiciatis unde omnis </li> <li><span> </span>Iste natus error sit voluptatem accusantium </li> <li><span> </span>doloremque laudantium</li> </ul> </div> <div class="clearfix"> </div> <div class="big-btns"> <a class="download" href="#"><label> </label>Download</a> <a class="view" href="#"><label> </label>Vew Gallery</a> </div> </div> </div> </li> <li> <img src="images/slide.jpg" alt=""> <div class="caption text-center"> <div class="slide-text-info"> <h1>Introducing <span>Best app.</span></h1> <h2>Made to modify and use anywhere</h2> <div class="slide-text"> <ul> <li><span> </span>Sed ut perspiciatis unde omnis </li> <li><span> </span>Iste natus error sit voluptatem accusantium </li> <li><span> </span>doloremque laudantium</li> </ul> </div> <div class="clearfix"> </div> <div class="big-btns"> <a class="download" href="#"><label> </label>Download</a> <a class="view" href="#"><label> </label>Vew Gallery</a> </div> </div> </div> </li> <li> <img src="images/slide.jpg" alt=""> <div class="caption text-center"> <div class="slide-text-info"> <h1>Introducing <span>Amazing app.</span></h1> <h2>Made to modify and use anywhere</h2> <div class="slide-text"> <ul> <li><span> </span>Sed ut perspiciatis unde omnis </li> <li><span> </span>Iste natus error sit voluptatem accusantium </li> <li><span> </span>doloremque laudantium</li> </ul> </div> <div class="clearfix"> </div> <div class="big-btns"> <a class="download" href="#"><label> </label>Download</a> <a class="view" href="#"><label> </label>Vew Gallery</a> </div> </div> </div> </li> </ul> </div> <div class="clearfix"> </div>  <div class="divice-demo"> <img src="images/divice-in-hand.png" title="demo" /> </div>   </div>   <div id="fea" class="features"> <div class="container"> <div class="section-head text-center"> <h3><span class="frist"> </span>AMAZING FEATURES<span class="second"> </span></h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p> </div> <!----feature

评论收藏

内容反馈