<!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">
<title>Appx - Bootstrap Landing Page </title>
<!-- === CSS === -->
<link rel="stylesheet" href="bootstrap-4.1.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/ionicons.css">
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/app-css-variable.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<!--=== home ============================-->
<section id="scroll-top" class="home intro-bg-2 intro-before">
<!--=== navigation ===-->
<div class="navigation">
<nav class="navbar navbar-expand-md navbar-light fixed-top navbar-white">
<div class="container">
<a class="navbar-brand scroll-to" href="#scroll-top"><img class="navbar-logo" src="images/others/header-logo.svg" alt="Nav Logo"><span class="">Appx.</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav3" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav3">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home<i class="ion ion-android-more-vertical"></i></a>
<ul class="dropdown-menu" aria-labelledby="wnav-drop1">
<li><a class="dropdown-item" href="index-1.html">Home Page 1</a></li>
<li><a class="dropdown-item" href="index-2.html">Home page 2</a></li>
<li><a class="dropdown-item" href="index-3.html">Home Page 3</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link scroll-to" href="#feature">Features</a></li>
<li class="nav-item"><a class="nav-link scroll-to" href="#app-shot">App Shots</a></li>
<li class="nav-item"><a class="nav-link scroll-to" href="#pricing">Pricing</a></li>
<li class="nav-item"><a class="nav-link scroll-to" href="#blog">Blog</a></li>
</ul>
<form class="form-inline">
<button class="btn btn-white waves-effect waves-light"><span>Sign up</span></button>
</form>
</div>
</div>
</nav>
</div>
<!--=== intro ===-->
<div class="intro">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="intro-wrap text-right">
<div class="intro-title">Meet Appx App</div>
<div class="intro-para mt-4 mb-5">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore dolore ut magna. cursus euismod quis viverra nibh cras pulvinar.
</div>
<button class="btn btn-success waves-effect waves-light">Get Started</button>
</div>
</div>
<div class="col-lg-4 col-md-5">
<div class="intro-mobile-wrap">
<div class="owl-carousel loop-2">
<div>
<div class="content-wrap mx-auto ">
<img class="img-fluid content-fluid-img" src="images/cards/mobile-screen-1-1.png" alt="Mobile screen">
</div>
</div>
<div>
<div class="content-wrap mx-auto ">
<img class="img-fluid content-fluid-img" src="images/cards/mobile-screen-1-2.png" alt="Mobile screen">
</div>
</div>
<div>
<div class="content-wrap mx-auto ">
<img class="img-fluid content-fluid-img" src="images/cards/mobile-screen-1.png" alt="Mobile screen">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-3">
<div class="intro-buttons-wrap">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="#" class="app-btn waves-effect waves-light"><img src="images/others/btn-google-play.png" alt="App Store"></a></li>
<li class="list-inline-item"><a href="#" class="app-btn waves-effect waves-light"><img src="images/others/btn-windows-store.png" alt="App Store"></a></li>
<li class="list-inline-item"><a href="#" class="app-btn waves-effect waves-light"><img src="images/others/btn-app-store.png" alt="App Store"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--=== app setup ===-->
<section class="service pt-4 mt-5">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="service-card">
<div class="service-icon"><span>01</span></div>
<div class="service-title">Download</div>
<div class="service-para">
Lorem ipsum dolor sit amet, placerat verterem id vix, ne omnis fabulas vim, AlbucA luptatum phaedrum.
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="service-card">
<div class="service-icon"><span>02</span></div>
<div class="service-title">Install</div>
<div class="service-para">
Lorem ipsum dolor sit amet, placerat verterem id vix, ne omnis fabulas vim, AlbucA luptatum phaedrum.
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="service-card">
<div class="service-icon"><span>03</span></div>
<div class="service-title">Setup</div>
<div class="service-para">
Lorem ipsum dolor sit amet, placerat verterem id vix, ne omnis fabulas vim, AlbucA luptatum phaedrum.
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
没有合适的资源?快使用搜索试试~ 我知道了~
企业网站HTML源码-商务APP营销服务响应式网页模板-可适配移动端.zip
共70个文件
png:27个
svg:14个
js:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 140 浏览量
2024-03-23
09:42:16
上传
评论
收藏 6.17MB ZIP 举报
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
企业网站HTML源码-商务APP营销服务响应式网页模板-可适配移动端.zip (70个子文件)
企业网站HTML源码-商务APP营销服务响应式网页模板-可适配移动端
html
index-1.html 62KB
js
app.js 3KB
jquery-2.2.3.min.js 84KB
popper.min.js 19KB
owl.carousel.min.js 43KB
custom.js 3KB
materialize.min.js 177KB
index-3.html 62KB
css
custom.css 34KB
default.css 51KB
ionicons.css 57KB
app-css-variable.css 4KB
materialize.min.css 138KB
owl.carousel.min.css 3KB
index-2.html 61KB
bootstrap-4.1.1-dist
js
bootstrap.js 124KB
bootstrap.min.js 50KB
css
bootstrap.min.css 138KB
bootstrap.css 178KB
images
member
member-1.svg 67KB
member-2.svg 125KB
member-3.svg 119KB
member-4.svg 84KB
square.jpg 26KB
others
header-logo.svg 651B
header-logo-white.svg 667B
icon-3.svg 2KB
btn-google-play.png 5KB
btn-app-store.png 3KB
main-shape.svg 1KB
icon-1.svg 5KB
hero-bottom.png 7KB
hero-bottom-2.png 192KB
btn-windows-store.png 3KB
icon-2.svg 2KB
pattern-1.png 53KB
hero-bottom-3.svg 2KB
bean.svg 2KB
icon-4.svg 1KB
clients
pepsico.png 5KB
netto.png 3KB
toyota.png 5KB
santander.png 5KB
aller.png 2KB
hummel.png 3KB
bosch.png 5KB
dagrofa.png 5KB
oticon.png 5KB
cards
card-1.jpg 32KB
app-pin.png 103KB
card-3.jpg 66KB
mobile-screen-1.png 898KB
mobile-screen1-3.png 341KB
iphone-x-white.png 194KB
video-screen.jpg 61KB
card-4.jpg 109KB
app-account.png 116KB
iphone-x-white-2.png 448KB
mobile-screen-4.png 210KB
mobile-screen-1-1.png 825KB
mobile-screen-1-2.png 603KB
app-profile.png 392KB
iphone-x-white-2-1.png 665KB
app-logo.png 115KB
card-2.jpg 82KB
fonts
ionicons.ttf 184KB
ionicons.eot 118KB
ionicons.svg 328KB
ionicons.woff 66KB
materialIconFont.woff2 48KB
共 70 条
- 1
资源评论
DTcode7
- 粉丝: 8906
- 资源: 4661
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功