<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Mobile Application HTML5 Template">
<title>Mobster - One page app template</title>
<link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
<link rel="stylesheet" href="./css/maicons.css">
<link rel="stylesheet" href="./vendor/animate/animate.css">
<link rel="stylesheet" href="./vendor/owl-carousel/css/owl.carousel.min.css">
<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/mobster.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark navbar-floating">
<div class="container">
<a class="navbar-brand" href="#">
<img src="./favicon-light.png" alt="" width="40">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ml-auto mt-3 mt-lg-0">
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="index.html">Homepage 1</a>
<a class="dropdown-item active" href="index-2.html">Homepage 2</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="updates.html">What's New</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="ml-auto my-2 my-lg-0">
<button class="btn btn-primary rounded-pill">Download Now</button>
</div>
</div>
</div>
</nav>
<div class="page-hero-section bg-image hero-home-2" style="background-image: url(./img/bg_hero_2.svg);">
<div class="hero-caption">
<div class="container fg-white h-100">
<div class="row align-items-center h-100">
<div class="col-lg-6 wow fadeInUp">
<div class="badge badge-soft mb-2">#1 Finances App on 2020</div>
<h1 class="mb-4 fw-normal">Best app for your modern lifestyle</h1>
<p class="mb-4">Mobster has features to view and manage <br>
our finances, such as transfer, and statistics.</p>
<a href="#" class="btn btn-dark">Get Started</a>
</div>
<div class="col-lg-6 d-none d-lg-block wow zoomIn">
<div class="img-place mobile-preview shadow floating-animate">
<img src="./img/app_showcase.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-section no-scroll">
<div class="container">
<h2 class="text-center wow fadeIn">Our Main Features</h2>
<div class="row justify-content-center mt-5">
<div class="col-lg-10">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 py-3 wow fadeInLeft">
<div class="card card-body border-0 text-center shadow pt-5">
<div class="svg-icon mx-auto mb-4">
<img src="./img/icons/payment.png" alt="">
</div>
<h5 class="fg-gray">Secure Payment</h5>
<p class="fs-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint voluptates esse, sunt reprehenderit</p>
</div>
</div>
<div class="col-md-6 col-lg-4 py-3 wow fadeInUp">
<div class="card card-body border-0 text-center shadow pt-5">
<div class="svg-icon mx-auto mb-4">
<img src="./img/icons/customizable.png" alt="">
</div>
<h5 class="fg-gray">Easily Customizable</h5>
<p class="fs-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint voluptates esse, sunt reprehenderit</p>
</div>
</div>
<div class="col-md-6 col-lg-4 py-3 wow fadeInRight">
<div class="card card-body border-0 text-center shadow pt-5">
<div class="svg-icon mx-auto mb-4">
<img src="./img/icons/concept.png" alt="">
</div>
<h5 class="fg-gray">Powerful Concept</h5>
<p class="fs-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint voluptates esse, sunt reprehenderit</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-section no-scroll">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 wow fadeIn">
<div class="img-place">
<img src="./img/app_preview_4.png" alt="">
</div>
</div>
<div class="col-lg-5 pl-lg-5 wow fadeInUp">
<h2 class="mb-4">All kind of business tools integration</h2>
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia repellendus illo, possimus magni cumque, voluptatem et necessitatibus consequatur perspiciatis laborum temporibus sint dolorem porro, eaque quo sequi. Tempora, voluptates quibusdam?</p>
<a href="#" class="btn btn-outline-primary rounded-pill">See Addons</a>
</div>
</div>
</div>
</div>
<div class="page-section">
<div class="container">
<div class="row">
<div class="col-lg-4 py-3">
<div class="iconic-list">
<div class="iconic-item wow fadeInUp">
<div class="iconic-content">
<h5>Powerful Features</h5>
<p class="fs-small">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
<div class="iconic-md iconic-text bg-warning fg-white rounded-circle">
<span class="mai-analytics"></span>
</div>
</div>
<div class="iconic-item wow fadeInUp">
<div class="iconic-content">
<h5>Fully Secured</h5>
<p class="fs-small">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
<div class="iconic-md iconic-text bg-info fg-white rounded-circle">
<span class="mai-shield-checkmark"></span>
</div>
</div>
<div class="iconic-item wow fadeInUp">
<div class="iconic-content">
<h5>Easy Monitoring</h5>
<p class="fs-small">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
<div class="iconic-md iconic-text bg-indigo fg-white rounded-circle">
<span class="mai-desktop-outline"></span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 py-3 wow zoomIn">
<div class="img-place mobile-preview shadow">
<img src="./img/app_preview_2.png" alt="">
</div>
</div>
<div class="col-lg-4 py-3">
<div class="iconic-list">
<div class="iconic-item wow fadeInUp">
<div class="iconic-md iconic-text bg-warning fg-white rounded-circle">
<span class="mai-speedometer-outline"></span>
企业级网站源码-IT数字商务展示网页模板-响应式适配移动端.zip （70个子文件） 
企业级网站源码-IT数字商务展示网页模板-响应式适配移动端 html 
updates.html 12KB js 
google-maps.js 393B bootstrap.bundle.min.js 79KB mobster.js 198B highlight.pack.js 49KB jquery-3.5.1.min.js 87KB img 
hero_mini.svg 7KB bg_hero_2.svg 5KB pricing_pattern_grayscale.svg 2KB pricing_pattern.svg 2KB person 
person_1.png 7KB person_2.png 11KB person_3.png 9KB app_preview_2.png 174KB app_preview_3.png 211KB pattern_2.svg 692B pattern_1.svg 2KB bg_hero_1.svg 4KB app_showcase.svg 11KB clients cleaning_service.png 15KB global_tv.png 4KB net_sport_tv.png 5KB creative_photo.png 10KB spa_beauty.png 5KB trivier_group.png 14KB alter_sport.png 19KB news_digital_tv.png 5KB app_preview_1.png 188KB app_preview_4.png 134KB blogs 
pascal-brandle-1170709-unsplash (Copy).jpg 584KB blog_1.jpg 142KB blog_6.jpg 110KB blog_4.jpg 123KB blog_3.jpg 188KB blog_5.jpg 158KB blog_2.jpg 290KB illustration_contact.svg 57KB icons promotion.svg 4KB support.svg 4KB payment.png 4KB coins.svg 7KB customizable.png 4KB concept.png 4KB rocket.svg 5KB laptop.svg 3KB testimony.svg 4KB bg_testimonials.jpg 190KB css maicons.css 43KB mobster.css 48KB bootstrap.css 175KB theme.css 19KB vendor owl-carousel js owl.carousel.min.js 43KB css owl.carousel.min.css 3KB wow wow.min.js 8KB animate animate.css 76KB stickyfill stickyfill.min.js 6KB perfect-scrollbar js perfect-scrollbar.min.js 18KB css perfect-scrollbar.css 3KB index-2.html 24KB index.html 17KB contact.html 9KB about.html 11KB blog-details.html 18KB blog.html 16KB favicon-light.png 3KB fonts maicons.svg 725KB maicons.eot 263KB maicons.ttf 263KB maicons.woff 263KB favicon.png 5KB资源评论
