渐变绿色APP手机应用开发公司网站模板__H5模板_自适应响应式源码.rar资源-CSDN文库

共67个文件

png：45个

jpg：9个

js：8个

网站模板

125 浏览量 2023-08-05 15:14:39 上传评论收藏 1.52MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

渐变绿色APP手机应用开发公司网站模板_渐变绿色手机应用 app 应用开发 it科技互联网单页 bootst站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar （67个子文件）

渐变绿色APP手机应用开发公司网站模板_渐变绿色手机应用 app 应用开发 it科技互联网单页 bootstrap 手机响应式服务 lightbox 自适应图片宽屏展示案件设计扁平化

cpts_117_cfx

jquery.magnific-popup.js 45KB

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

jquery.min.js 92KB

css

style.css 45KB

popuo-box.css 7KB

bootstrap.css 118KB

index.html 27KB

images

spoti-1.png 4KB

plus.png 1KB

row.png 664B

2.jpg 39KB

banner-2.jpg 10KB

banner-1.jpg 9KB

facebook1.png 1KB

in2.png 1KB

10.png 94KB

crunch-1.png 3KB

9.png 172KB

3.png 2KB

crunch.png 3KB

arrow.png 1KB

refresh.png 383B

menu.png 511B

in1.png 1KB

banner.jpg 98KB

logo.png 764B

1.jpg 34KB

in3.png 1KB

line.png 3KB

twi1.png 1KB

sp.png 3KB

micro-1.png 3KB

twi.png 1KB

1.png 2KB

face.png 1KB

1.psd 31KB

micro.png 3KB

11.png 96KB

refresh1.png 396B

5.jpg 52KB

sprite.png 11KB

twitter.png 2KB

6.png 91KB

twitter-1.png 3KB

footer-logo.png 603B

face1.png 1KB

img-sprite.png 3KB

spoti.png 4KB

facebook.png 2KB

ph.png 56KB

5.png 234KB

4.png 82KB

11.jpg 12KB

8.png 114KB

dollor.png 877B

7.png 134KB

twitter-logo.png 3KB

3.jpg 34KB

twitter1.png 1KB

2.png 846B

in.png 2KB

4.jpg 39KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='#css?family=Gentium+Basic:400,700,400italic,700italic' rel='stylesheet' type='text/css'>  <script src="js/jquery.min.js"></script>   <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Buje Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </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>  </head> <body>  <div id="home" class="banner"> <div class="container"> <div class="head-logo"> <a href="#"><img src="images/logo.png" alt=" "></a> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt="" /></span> <ul class="nav1"> <li><a href="#home" class="scroll">HOME</a></li> <li><a href="#service" class="scroll">SERVICE</a></li> <li><a href="#about" class="scroll">ABOUT</a></li> <li><a href="#portfolio" class="scroll">PORTFOLIO</a></li> <li><a href="#blog" class="scroll">BLOG</a></li> <li><a href="#pricing" class="scroll">PRICING</a></li> <li><a href="#contact" class="scroll">CONTACT</a></li> <div class="clearfix"> </div> </ul> </div> <div class="clearfix"> </div> <div class="banner-info"> <h2>WE DELIVER</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <span>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim</span> <span>cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id </span>est laborum.</p> <form> <input type="text" placeholder="ENTER YOUR EMAIL" required=" "> <input type="submit" value="SUBMIT"> <div class="clearfix"> </div> </form> </div> <div class="banner-icons"> <ul> <li><a href="#" class="facebook"> </a></li> <li><a href="#" class="twitter"> </a></li> <li><a href="#" class="in"> </a></li> </ul> </div> </div> </div> <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>  <div id="service" class="service"> <div class="container"> <div class="service-top"> <h3>Service</h3> </div> <div class="service-grids"> <div class="service-grid1"> <div class="fig1"> <span> </span> </div> <h3>Fully Customizable</h3> <p>Ut enim ad minim cupidatat non proident, sunt in <span>culpa qui officia deserunt mollit anim id est labo-</span>rum.</p> </div> <div class="service-grid"> <div class="fig2"> <span> </span> </div> <h3>Quality Design</h3> <p>Ut enim ad minim cupidatat non proident, sunt in <span>culpa qui officia deserunt mollit anim id est labo-</span>rum.</p> </div> <div class="service-grid2"> <div class="fig3"> <span> </span> </div> <h3>Great Support</h3> <p>Ut enim ad minim cupidatat non proident, sunt in <span>culpa qui officia deserunt mollit anim id est labo-</span>rum.</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="about" class="service-bottom"> <div class="container"> <div class="smith"> <div class="service-bottom-left"> <img src="images/5.jpg" alt=" " /> </div> <div class="service-bottom-right"> <h2>MICHAEL SMITH</h2> <h3>Designer</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <span>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim</span> veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com-<span>modo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse</span> cillum dolore eu fugiat nulla pariatur anim id est laborum</p> <div class="banner1-icons"> <ul> <li><a href="#" class="facebook1"> </a></li> <li><a href="#" class="twitter1"> </a></li> <li><a href="#" class="in1"> </a></li> </ul> </div> <div class="bar"> <p>SKILLS</p> </div> <div class="bar1"> <p>84%</p> </div> <div class="clearfix"> </div> <div class="skills"> <div class="skill1" style="width:75%"> </div> </div> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="development"> <div class="container"> <div class="development-text"> <h2>APP DEVELOPMENT</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <span>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </span>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com-<span>modo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse </span>cillum dolore eu fugiat nulla pariatur anim id est laborum</p> <a href="#">LEARN MORE</a> </div> </div> </div>   <div id="portfolio" class="portfolio"> <div class="portfolio-text"> <h3>Portfolio</h3> </div> <ul id="filters" class="clearfix"> <li><span class="filter active" data-filter="app card icon logo web">All</span></li> <li><span class="filter" data-filter="app">Web</span></li> <li><span class="filter" data-filter="card">Mobile</span></li> <li><span class="filter" data-filter="icon">Design</span></li> <li><span class="filter" data-filter="web">Typeography</span></li> </ul> <div id="portfoliolist"> <div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"> <img src="images/4.png" class="img-responsive" /> <div class="b-wrapper"> <ul class="b-animate b-from-left b-delay03 "> <li><span>PROJECT TITLE</span></li> </ul> </div> </a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app web" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="#small-dialog1" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"> <img src="images/11.png" class="img-responsive" /> <div class="b-wrapper"> <ul class="b-animate b-from-left b-del

评论收藏

内容反馈