<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Bootstrap, Landing page, Template, Registration, Landing">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Grayrids">
<title>Proton - Bootstrap 4 Template</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/line-icons.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- Header Section Start -->
<header id="home" class="hero-area-2">
<div class="overlay"></div>
<nav class="navbar navbar-expand-md bg-inverse fixed-top scrolling-navbar">
<div class="container">
<a href="index.html" class="navbar-brand"><img src="img/logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<i class="lni-menu"></i>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto w-100 justify-content-end">
<li class="nav-item">
<a class="nav-link page-scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#app-features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#screenshots">Screenshots</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#testimonial">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#pricing">Plans</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#download">Download</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#map-area">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row space-100">
<div class="col-lg-7 col-md-12 col-xs-12">
<div class="contents">
<h2 class="head-title">Get Your App Landing Page <br> With Proton Template</h2>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse unde blanditiis nostrum mollitia aliquam sed. Numquam ipsum unde repellendus similique autem non ab quibusdam enim provident distinctio! Fugit tenetur, iusto.</p>
<div class="header-button">
<a href="#" class="btn btn-border-filled">Learn More</a>
<a href="#" class="btn btn-border">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-5 col-md-12 col-xs-12">
<div class="intro-img">
<img src="img/intro-mobile.png" alt="">
</div>
</div>
</div>
</div>
</header>
<!-- Header Section End -->
<!-- features Section Start -->
<div id="app-features" class="section">
<div class="container">
<div class="section-header">
<p class="btn btn-subtitle wow fadeInDown" data-wow-delay="0.2s">features</p>
<h2 class="section-title wow fadeIn" data-wow-delay="0.2s">Amazing Features</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-12 col-xs-12">
<div class="content-left text-right">
<div class="box-item left">
<span class="icon">
<i class="lni-leaf"></i>
</span>
<div class="text">
<h4>User Friendly</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing typesting industry text.</p>
</div>
</div>
<div class="box-item left">
<span class="icon">
<i class="lni-dashboard"></i>
</span>
<div class="text">
<h4>Super Fast Speed</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing typesting industry text.</p>
</div>
</div>
<div class="box-item left">
<span class="icon">
<i class="lni-headphone-alt"></i>
</span>
<div class="text">
<h4>24/7 Support</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing typesting industry text.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-xs-12">
<div class="show-box">
<img src="img/features/app.png" alt="">
</div>
</div>
<div class="col-lg-4 col-md-12 col-xs-12">
<div class="content-right text-left">
<div class="box-item right">
<span class="icon">
<i class="lni-shield"></i>
</span>
<div class="text">
<h4>Secure</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing typesting industry text.</p>
</div>
</div>
<div class="box-item right">
<span class="icon">
<i class="lni-star-filled"></i>
</span>
<div class="text">
<h4>Awesome Rating</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing typesting industry text.</p>
</div>
</div>
<div class="box-item right">
<span class="icon">
<i class="lni-cup"></i>
</span>
<div class="text">
<h4>Award Winning</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing typesting industry text.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- features Section End -->
<!-- Start Video promo Section -->
<section class="video-promo section">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="video-promo-content text-center">
<a href="https://www.youtube.com/watch?v=yP6kdOZHids" class="video-popup"><i class="lni-film-play"></i></a>
<h2 class="mt-3 wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Watch Video</h2>
</div>
</div>
</div>
</div>
</section>
<!-- End Video Promo Section -->
<!-- Features Section Start -->
<div id="features-two" class="section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="img-thumb wow fadeInLeft" data-wow-delay="0.3s">
<
APP应用功能服务网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
78 浏览量
2024-04-01
15:37:02
上传
评论
收藏 2.49MB ZIP 举报
APP应用功能服务网页模板-适配移动端设备-HTML网页源码.zip （83个子文件） 
APP应用功能服务网页模板-适配移动端设备-HTML网页源码 html js 
jquery.vide.js 12KB jquery.mixitup.js 50KB waypoints.min.js 8KB wow.js 6KB bootstrap.min.js 50KB jquery.easing.min.js 5KB nivo-lightbox.js 14KB main.js 5KB popper.min.js 19KB jquery.magnific-popup.min.js 20KB jquery.counterup.min.js 1KB owl.carousel.js 52KB jquery-min.js 82KB jquery.nav.js 5KB scrolling-nav.js 620B img about 
img2.jpg 31KB img1.jpg 33KB img3.jpg 27KB features img2.jpg 20KB
app.png 31KB img2.png 67KB img1.jpg 38KB img1.png 48KB team team4.jpg 6KB team3.jpg 7KB team2.jpg 10KB team1.jpg 7KB portfolio img6.jpg 138KB img2.jpg 135KB img5.jpg 115KB img4.jpg 157KB img1.jpg 110KB img3.jpg 120KB screenshot img-4.png 11KB img-3.png 11KB img-5.png 10KB img-6.png 8KB img-2.png 8KB img-1.png 11KB logo.png 2KB logo.psd 46KB clients img3.png 943B img4.png 2KB img2.png 1KB img1.png 3KB img5.png 3KB mac.png 67KB intro-mobile.png 105KB blog img2.jpg 17KB img1.jpg 22KB img3.jpg 8KB author.png 7KB bg bg-counter.png 102KB testimonial img3.png 8KB img4.png 9KB img2.png 10KB img1.png 13KB img5.png 9KB intro.png 54KB macbook.png 55KB slider img-1.jpg 52KB bg-1.jpg 94KB bg-2.jpg 63KB img-2.jpg 81KB img-3.jpg 53KB bg-3.jpg 59KB screens img-1.jpg 45KB img-2.jpg 59KB img-3.jpg 47KB css bootstrap.min.css 138KB main.css 48KB nivo-lightbox.css 6KB owl.carousel.css 2KB line-icons.css 14KB responsive.css 9KB magnific-popup.css 7KB animate.css 68KB owl.theme.css 2KB
index.html 37KB fonts LineIcons.eot 99KB LineIcons.ttf 99KB LineIcons.woff 99KB
LineIcons.svg 380KB资源评论
