蓝色宽屏手机APP官网模板，支持6种不同样式切换，单页模板素材。_html网站模板_网页源码移动端前端_H5模板

共120个文件

png：60个

jpg：20个

js：18个

网站模板

197 浏览量 2023-08-05 10:51:26 上传评论收藏 4.5MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色宽屏手机APP官网模板，支持6种不同样式切换，单页模板素材。_html网站模板_网页源码移动端前端_H5模板_自适.rar （120个子文件）

bootstrap.min.css 108KB

style.css 94KB

animate.min.css 51KB

ionicons.min.css 50KB

color.css 9KB

jquery.fancybox.css 5KB

slick-theme.css 3KB

slick.css 2KB

no-js.css 945B

ie-older.css 735B

ionicons.eot 118KB

fancybox_loading@2x.gif 14KB

fancybox_loading.gif 6KB

loader.gif 4KB

fancybox_blank.gif 43B

index.html 33KB

1.jpg 1.39MB

2.jpg 256KB

1.jpg 255KB

1.jpg 174KB

3.jpg 168KB

5.jpg 163KB

4.jpg 137KB

2.jpg 105KB

4.jpg 101KB

2.jpg 77KB

3.jpg 73KB

feature-6.jpg 59KB

6.jpg 59KB

feature-7.jpg 56KB

3.jpg 50KB

1.jpg 46KB

3.jpg 27KB

1.jpg 20KB

2.jpg 17KB

4.jpg 17KB

jquery-1.11.3.min.js 94KB

slick.min.js 40KB

bootstrap.min.js 36KB

jquery.fancybox.pack.js 23KB

script.js 11KB

response.min.js 9KB

waypoints.min.js 8KB

smoothscroll.js 7KB

jquery-migrate-1.2.1.min.js 7KB

parallax.min.js 6KB

jquery.easing.min.js 5KB

jquery.fancybox-media.js 5KB

respond.min.js 4KB

jquery.fitvids.js 3KB

jquery.placeholder.min.js 3KB

html5.js 2KB

jquery.counterup.min.js 1KB

jquery.imgpreload.min.js 915B

feature-3.png 229KB

feature-2.png 110KB

feature-5.png 88KB

bg-header-overlay.png 79KB

bg-header-overlay.png 77KB

feature-8.png 74KB

bg-header-overlay.png 72KB

bg-testimonials-carousel.png 65KB

bg-header-overlay.png 59KB

bg-header-overlay.png 57KB

feature-1.png 50KB

bg-header-slider.png 43KB

ie-bg-header-slider-992.png 27KB

ie-bg-header-slider-768.png 26KB

bg-footer.png 24KB

bg-footer.png 23KB

bg-footer.png 22KB

feature-4.png 17KB

logo_footer.png 8KB

fancybox_sprite@2x.png 6KB

btn-playstore.png 6KB

btn-appstore.png 6KB

logo.png 5KB

4.png 5KB

2.png 4KB

1.png 4KB

3.png 2KB

icon-play.png 2KB

testimonial-rate-overlay.png 1KB

fancybox_sprite.png 1KB

testimonial-rate-bg.png 1KB

border-post-heading.png 1016B

fancybox_overlay.png 1003B

共 120 条

<!DOCTYPE html>     <html lang="en"> <head>  <title>Home</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="">  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Asap:400,400i,700" rel="stylesheet" type="text/css">  <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/ionicons.min.css"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/slick-theme.css"> <link rel="stylesheet" href="css/jquery.fancybox.css"> <link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="css/style.css">         <noscript><link rel="stylesheet" href="css/no-js.css"></noscript>  <link rel="shortcut icon" href="images/favicon.ico"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> </head> <body>  <header id="header">  <nav id="navigation" class="navbar scrollspy">  <div class="container"> <div class="navbar-brand"> <a href="index.html"><img src="images/logo.png" alt="Logo"></a>  </div> <ul class="nav navbar-nav"> <li><a href="#header" class="smooth-scroll">Home</a></li> <li><a href="#features" class="smooth-scroll">Features</a></li> <li><a href="#testimonials" class="smooth-scroll">Testimonials</a></li> <li><a href="#screenshots" class="smooth-scroll">Screenshots</a></li> <li><a href="#pricing" class="smooth-scroll">Pricing</a></li> <li class="menu-btn"><a href="page.html">Page</a></li> </ul> </div>  </nav>   <div class="header-content">  <div class="container">  <div class="row header-row"> <div class="col-sm-7 col-md-8 col-lg-7"> <div class="header-txt"> <h1>Meet Bestapp<br>The new world for chat</h1> <p>According to the needs and habits we make Bestapp. Applications used to handle your chat with family, friends and community. That we made with the latest technology and love!</p> </div> <div class="header-btn"> <a href="#" class="btn-custom">Learn More</a> <a href="#download" class="btn-custom btn-border btn-icon smooth-scroll"><i class="ion ion-ios-cloud-download-outline"></i> Download App</a> </div> </div> <div class="col-sm-5 col-md-4 col-lg-offset-1 header-img"> <div class="carousel-slider header-slider animation" data-animation="animation-fade-in-down"> <div><img src="images/content/sliders/1.jpg" alt="Image 1"></div> <div><img src="images/content/sliders/2.jpg" alt="Image 2"></div> <div><img src="images/content/sliders/3.jpg" alt="Image 3"></div> <div><img src="images/content/sliders/4.jpg" alt="Image 4"></div> </div> </div> </div>  </div>  </div>  <div class="header-bg" style="background-image:url(images/content/bg/1.jpg);"> <div class="header-bg-overlay"></div> </div> </header>   <div id="features" class="section-wrap padding-top100">  <div class="container"> <div class="post-heading-center"> <p>About Bestapp</p> <h2>Create a new chat with our Features</h2> </div>  <div class="row padding-bottom20"> <div class="col-sm-4">  <div class="affa-feature-icon"> <i class="ion ion-android-chat"></i> <h4>Chat Group</h4> <p>Vivamus interdum hendrerit eleifend metus pharetrae enim interdum dolor lacinia eget felis.</p> <a href="#" class="link-more">Learn More</a> </div> </div> <div class="col-sm-4">  <div class="affa-feature-icon"> <i class="ion ion-ios-locked-outline"></i> <h4>Encrypted</h4> <p>Vivamus interdum hendrerit eleifend metus pharetrae enim interdum dolor lacinia eget felis.</p> <a href="#" class="link-more">Learn More</a> </div> </div> <div class="col-sm-4">  <div class="affa-feature-icon"> <i class="ion ion-ios-cloud-outline"></i> <h4>Cloud System</h4> <p>Vivamus interdum hendrerit eleifend metus pharetrae enim interdum dolor lacinia eget felis.</p> <a href="#" class="link-more">Learn More</a> </div> </div> </div>  <div class="text-center"> <a href="#" class="btn-custom btn-border">See All Features</a> </div> </div>   <div class="container-wrap container-padding100"> <div class="container"> <div class="row"> <div class="col-md-6 col-lg-5 col-txt text-center-sm text-center-xs margin-bottom40-sm margin-bottom40-xs"> <div class="post-heading-left"> <h2><strong>Auto Sync</strong> with All device<br>of you</h2> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Duis aute irure dolor in reprehenderit.</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> </div> </div> <div class="col-pull-right"> <figure class="img-layers3 img-pull-left"> <div class="img-layer-lg"> <img src="images/content/landing/feature-1.png" alt="Image Large" class="animation" data-animation="animation-fade-in-right"> </div> <div class="img-layer-md"> <img src="images/content/landing/feature-2.png" alt="Image Mediun" class="animation" data-animation="animation-fade-in-left" data-delay="300"> </div> <div class="img-layer-sm"> <img src="images/content/landing/feature-3.png" alt="Image Small" class="animation" data-animation="animation-fade-in-down" data-delay="600"> </div> </figure> </div> </div>   <div class="container-padding10060 bg-color">  <div class="container">  <div class="row"> <div class="col-sm-8 col-md-5 col-sm-offset-2 col-md-offset-0 margin-bottom20"> <figure class="img-layers img-layer-right-front"> <div class="img-layer-left"> <img src="images/content/landing/feature-4.png"

评论收藏

内容反馈