手机APP应用设计网站模板是一款绿色风格的html手机应用APP官方网站模板下载。.rar资源-CSDN文库

共24个文件

png：13个

js：4个

css：3个

版权申诉

网页模板

149 浏览量 2023-04-27 13:42:02 上传评论收藏 1.87MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

手机APP应用设计网站模板是一款绿色风格的html手机应用APP官方网站模板下载。.rar （24个子文件）

手机APP应用设计网站模板是一款绿色风格的html手机应用APP官方网站模板下载。

chahua3511

jquery.easing.min.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.min.js 94KB

css

style.css 24KB

owl.carousel.css 8KB

bootstrap.css 118KB

index.html 14KB

images

img-1.jpg 16KB

mbl-app.png 164KB

ab-1.png 63KB

img-3.png 89KB

logo.png 2KB

hand-iphone.png 113KB

dow-app.png 199KB

bg.jpg 494KB

move-top.png 779B

Screen2.png 157KB

menu-icon.png 514B

Screen3.png 196KB

Screen1.png 299KB

img-2.jpg 13KB

ab-2.png 64KB

ab-3.png 57KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></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 type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/jquery.easing.min.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>   <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 id="home" class="header"> <div class="top-header"> <div class="logo"> <a href="#"><img src="images/logo.png" alt=""></a> </div>  <nav class="top-nav"> <ul class="top-nav"> <li class="active"><a href="#home" class="scroll">Home </a></li> <li><a href="#about" class="scroll">about</a></li> <li><a href="#features" class="scroll">features</a></li> <li><a href="#reviewes" class="scroll">reviewes</a></li> <li><a href="#screenhot" class="scroll">screenshot</a></li> <li><a href="#demo" class="scroll">demo</a></li> <li><a href="#download" class="scroll">download</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> <a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a> </nav> <div class="clearfix"> </div> </div> </div>   <div class="banner"> <div class="container"> <div class="banner-info"> <div class=" col-md-6 appp"> <img src="images/mbl-app.png" alt=""> </div> <div class="col-md-6 banner-text"> <h1>MOBAPP</h1> <p> This is last slide. Here your text about your project.Here your text about your project. Also attach attractive picture to smartphone screen! Good luck!</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="about" class="about"> <div class="container"> <div class="gallery-head text-center"> <h3>ABOUT MY TEMPLATE</h3> <p>I hope my template will be good start for your new projects. In my project you find PSD, all images and Muse project. Flat style and nice colors with parallax effects. Enjoy it.</p> </div> <div class="row text-center"> <div class="col-md-4 about_grid"> <img src="images/ab-1.png" alt=""> </div> <div class="col-md-4 about_grid"> <img src="images/ab-2.png" alt=""> </div> <div class="col-md-4 about_grid"> <img src="images/ab-3.png" alt=""> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="feature" class="features"> <div class="container"> <h3>Features</h3> <div class="Feature"> <div class=" col-md-6 feature-text"> <h2>Cool marketing slogan Great call to action with nice and clean button</h2> <p>A slogan is a memorable motto or phrase used in a political, commercial, religious, and other context as a repetitive expression of an idea or purpose.</p> <a class="slide-btn" href="#">GET IT</a> </div> <div class="col-md-6 hand-app"> <img src="images/hand-iphone.png" alt=""> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="reviews" class="Reviews"> <div class="container"> <div class="review-head text-center"> <h3>Reviews</h3> </div> <div class="row revies-content text-center"> <div class="review_grid"> <div class="col-md-4 review-img1"> <img src="images/img-1.jpg" alt=""> </div> <div class="col-md-8 review-text"> <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitorcongue dui porttitor leoadipiscing consequat accumsan."</p> <span>USER NAME </span> </div> <div class="clearfix"> </div> </div> <div class="review_grid"> <div class="col-md-4 review-img2"> <img src="images/img-2.jpg" alt=""> </div> <div class="col-md-8 review-text"> <p>"Nunc ullamcorper consequat blandit. Ut nibh neque, Donec congue dui porttitor leo varius vitae mollis vel, consectetur et eros".</p> <span>USER NAME</span> </div> <div class="clearfix"> </div> </div> <div class="review_grid"> <div class="col-md-4 review-img3"> <img src="images/img-3.png" alt=""> </div> <div class="col-md-8 review-text"> <p>"Nunc ullamcorper consequat blandit. Donec congue dui porttitor leo Ut nibh neque, varius vitae mollis vel, consectetur et eros."</p> <span>USER NAME </span> </div> <div class="clearfix"> </div> </div> <a class="review-btn" href="#">READ MORE</a> </div> <div class="clearfix"> </div> </div> </div>   <div id="screenhot" class="slider"> <div class="container">  <h3>SCREENSHOT</h3> <div class="test-monials">  <div class="sreen-gallery-cursual">  <link href="css/owl.carousel.css" rel="stylesheet"> <script src="js/owl.carousel.js"></script> <script> $(document).ready(function() { $("#owl-demo").owlCarousel({ items : 1, lazyLoad : true, autoPlay : true, navigation : false, navigationText : false, pagination : true, }); }); </script>   <div id="owl-demo" class="owl-carousel"> <div class="item"> <div class="test-monial"> <img src="images/Screen1.png" class="img-responsive" alt=""/> </div> </div> <div class="item"> <div class="te

评论收藏

内容反馈

版权申诉