<!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
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
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
共 46 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功