<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<!--====== Title ======-->
<title>Appi - Bootstrap 5 HTML5 App Landing Page Template</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--====== Favicon Icon ======-->
<link
rel="shortcut icon"
href="assets/images/favicon.png"
type="image/png"
/>
<!--====== Animate CSS ======-->
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
<link rel="stylesheet" href="assets/css/swiper.min.css" />
<!--====== Glightbox CSS ======-->
<link rel="stylesheet" href="assets/css/glightbox.min.css" />
<!--====== Line Icons CSS ======-->
<link rel="stylesheet" href="assets/css/lineicons.css" />
<!--====== Bootstrap CSS ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!--====== Style CSS ======-->
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please
<a href="https://browsehappy.com/">upgrade your browser</a> to improve
your experience and security.
</p>
<![endif]-->
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader">
<div class="spinner">
<div class="spinner-container">
<div class="spinner-rotator">
<div class="spinner-left">
<div class="spinner-circle"></div>
</div>
<div class="spinner-right">
<div class="spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== PRELOADER PART ENDS ======-->
<!--====== HEADER PART START ======-->
<header class="header_area">
<div id="header_navbar" class="header_navbar">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img id="logo" src="assets/images/logo.svg" alt="Logo" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="toggler-icon"> </span>
<span class="toggler-icon"> </span>
<span class="toggler-icon"> </span>
</button>
<div
class="collapse navbar-collapse sub-menu-bar"
id="navbarSupportedContent"
>
<ul id="nav" class="navbar-nav ms-auto">
<li class="nav-item">
<a class="page-scroll active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#feature">Feature</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#how-work">How Work</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#screenshots">Screenshots</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#download">Download</a>
</li>
</ul>
</div>
<!-- navbar collapse -->
</nav>
<!-- navbar -->
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!-- header navbar -->
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== HERO PART START ======-->
<section
id="home"
class="hero-area bg_cover"
style="background: url('assets/images/hero-bg.png')"
>
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6">
<div class="hero-content">
<h2 class="wow fadeInUp" data-wow-delay=".2s">
Create Landing Page<br />for App or Software
</h2>
<p class="wow fadeInUp" data-wow-delay=".4s">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam.
</p>
<div class="hero-btns">
<a
href="javascript:void(0)"
class="main-btn btn-hover wow fadeInUp"
data-wow-delay=".45s"
>Download Now</a
>
<a
href="javascript:void(0)"
class="watch-btn glightbox wow fadeInUp"
data-wow-delay=".5s"
>
<i class="lni lni-play"> </i>
<span>Watch How It Works</span>
</a>
</div>
</div>
<div class="counter-up">
<div class="single-counter wow fadeInUp" data-wow-delay=".2s">
<span id="secondo" class="countup" cup-end="120"> </span>
<span>Downloads</span>
</div>
<div class="single-counter wow fadeInUp" data-wow-delay=".3s">
<span id="secondo" class="countup" cup-end="35"> </span>
<span>Users</span>
</div>
<div class="single-counter wow fadeInUp" data-wow-delay=".4s">
<span id="secondo" class="countup" cup-end="7" cup-append="K">
</span>
<span>Reviews</span>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="hero-img">
<img
src="assets/images/features-image-2.png"
alt=""
class="wow fadeInRight"
data-wow-delay=".2s"
/>
<img
src="assets/images/features-image-1.png"
alt=""
class="img-screen screen-1 wow fadeInUp"
data-wow-delay=".25s"
/>
<img
src="assets/images/features-image-2.png"
alt=""
class="img-screen screen-2 wow fadeInUp"
data-wow-delay=".3s"
/>
<img
src="assets/images/features-image-2.png"
alt=""
class="img-screen screen-3 wow fadeInUp"
data-wow-delay=".35s"
/>
</div>
</div>
</div>
</div>
</section>
<!--====== HERO PART END ======-->
<section id=feature class="feature-area pt-120">
<div class=container>
<div class=section-title>
<h2 class="mb-60 wow fadeInUp" data-wow-delay=.2s> Awesome App <br />
Features </h2>
</div>
<div class=row>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="single-feature item-1 wow fadeInUp" data-wow-delay=.2s>
<div class="feature-icon icon-style gradient-1"> <i class="lni lni-protection"> </i> </div
APP软件功能界面展示网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
77 浏览量
2024-04-01
15:36:57
上传
评论
收藏 6.26MB ZIP 举报
APP软件功能界面展示网页模板-适配移动端设备-HTML网页源码.zip （46个子文件） 
APP软件功能界面展示网页模板-适配移动端设备-HTML网页源码 html assets js 
main.js 3KB glightbox.min.js 44KB bootstrap.bundle.min.js 77KB swiper.min.js 137KB count-up.min.js 2KB wow.min.js 8KB tiny-slider.js 64KB css style.css 35KB bootstrap.min.css 159KB lineicons.css 26KB style.css.map 54KB tiny-slider.css 2KB animate.css 76KB glightbox.min.css 14KB swiper.min.css 13KB images 
screen-1.png 16KB
video-bg.svg 240KB download-img.svg 46KB screen-3.png 16KB download-bg.svg 1005B screen-active@2x.png 3KB testimonial-bg.svg 670B screen-active.png 2KB logo.svg 8KB screen-4.png 18KB video-frame.png 97KB dots-shape.svg 5KB footer-bg.png 9KB features-image-2.png 38KB screen-2.png 6KB testimonial-2.png 2KB hero-bg.png 13KB screen-11.png 19KB features-image-1.png 39KB ss-line.svg 369B cta-right-img.svg 62KB testimonial-3.png 2KB testimonial-1.png 2KB favicon.png 2KB video 
Free App Landing Page Template - AppLand.mp4 5.15MB fonts LineIcons.eot 136KB LineIcons.ttf 136KB LineIcons.woff 75KB LineIcons.woff2 61KB LineIcons.svg 580KB
index.html 50KB资源评论
DTcode7
- 粉丝: 7094
- 资源: 4499
最新资源
- 本地镜像源配置脚本本地镜像源配置脚本
- 与spoon配套使用的jdk
- 基于单片机的便携式粮食水分测试仪的研究
- 测绘基坑支护工程变形监测报告1.pdf
- 基于PHP+swoole实现的微信机器人，依赖vbot和微信网页版的功能，帮助管理微信群/聊天/踢人等+源码+开发文档+运行教程
- com.xunmeng.pinduoduo_Release_cd290ca9_ARM64.apk
- 2788727d-25a0-41b2-b6b4-265d193edb95.doc
- 基于AVR单片机的伺服电机系统研究
- Lab-Electronic Craft Practicum-2-Simulation of a Single Tube Com
- 贪吃蛇基于TypeScript
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
