talksik/Tinder-for-Jobs
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
talksik
2020-07-09 13:49:57 -07:00
parent 34d785d050
commit c7012fc3f8
1 changed files with 725 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+267 -98
View File
@@ -1,28 +1,27 @@
<!doctype html> <!DOCTYPE html>
<html class="no-js" lang="zxx"> <html class="no-js" lang="zxx">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="author" content="Sumon Rahman"> <meta name="author" content="Sumon Rahman" />
<meta name="description" content=""> <meta name="description" content="" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Title --> <!-- Title -->
<title>Appy App Landing Template.</title> <title>Appy App Landing Template.</title>
<!-- Place favicon.ico in the root directory --> <!-- Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="shortcut icon" type="image/ico" href="images/favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="images/favicon.ico" />
<!-- Plugin-CSS --> <!-- Plugin-CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.carousel.min.css" />
<link rel="stylesheet" href="css/linearicons.css"> <link rel="stylesheet" href="css/linearicons.css" />
<link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/animate.css" />
<!-- Main-Stylesheets --> <!-- Main-Stylesheets -->
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="css/responsive.css"> <link rel="stylesheet" href="css/responsive.css" />
<script src="js/vendor/modernizr-2.8.3.min.js"></script> <script src="js/vendor/modernizr-2.8.3.min.js"></script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
@@ -39,12 +38,19 @@
<nav class="mainmenu-area" data-spy="affix" data-offset-top="200"> <nav class="mainmenu-area" data-spy="affix" data-offset-top="200">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#primary_menu"> <button
type="button"
class="navbar-toggle"
data-toggle="collapse"
data-target="#primary_menu"
>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="#"><img src="images/logo.png" alt="Logo"></a> <a class="navbar-brand" href="#"
><img src="images/logo.png" alt="Logo"
/></a>
</div> </div>
<div class="collapse navbar-collapse" id="primary_menu"> <div class="collapse navbar-collapse" id="primary_menu">
<ul class="nav navbar-nav mainmenu"> <ul class="nav navbar-nav mainmenu">
@@ -70,18 +76,20 @@
<div class="row"> <div class="row">
<div class="col-xs-12 hidden-sm col-md-5"> <div class="col-xs-12 hidden-sm col-md-5">
<figure class="mobile-image wow fadeInUp" data-wow-delay="0.2s"> <figure class="mobile-image wow fadeInUp" data-wow-delay="0.2s">
<img src="images/header-mobile.png" alt=""> <img src="images/header-mobile.png" alt="" />
</figure> </figure>
</div> </div>
<div class="col-xs-12 col-md-7"> <div class="col-xs-12 col-md-7">
<div class="space-80 hidden-xs"></div> <div class="space-80 hidden-xs"></div>
<h1 class="wow fadeInUp" data-wow-delay="0.4s">Start your amazing stuff through appy.</h1> <h1 class="wow fadeInUp" data-wow-delay="0.4s">Tinder for jobs.</h1>
<div class="space-20"></div> <div class="space-20"></div>
<div class="desc wow fadeInUp" data-wow-delay="0.6s"> <div class="desc wow fadeInUp" data-wow-delay="0.6s">
<p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p> <p>Find local jobs and start your first shift tomorrow.</p>
</div> </div>
<div class="space-20"></div> <div class="space-20"></div>
<a href="#" class="bttn-white wow fadeInUp" data-wow-delay="0.8s"><i class="lnr lnr-download"></i>Download App</a> <a href="#" class="bttn-white wow fadeInUp" data-wow-delay="0.8s"
><i class="lnr lnr-download"></i>Download App</a
>
</div> </div>
</div> </div>
</div> </div>
@@ -93,13 +101,21 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1"> <div class="col-xs-12 col-md-10 col-md-offset-1">
<div class="page-title text-center"> <div class="page-title text-center">
<img src="images/about-logo.png" alt="About Logo"> <img src="images/about-logo.png" alt="About Logo" />
<div class="space-20"></div> <div class="space-20"></div>
<h5 class="title">About Appy</h5> <h5 class="title">About Appy</h5>
<div class="space-30"></div> <div class="space-30"></div>
<h3 class="blue-color">A beautiful app for consectetur adipisicing elit, sed do eiusmod tempor incididunt ut mollit anim id est laborum. Sedut perspiciatis unde omnis. </h3> <h3 class="blue-color">
A beautiful app for consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut mollit anim id est laborum. Sedut
perspiciatis unde omnis.
</h3>
<div class="space-20"></div> <div class="space-20"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do
eiusmod tempor incididunt ut labore et laborused sed do eiusmod
tempor incididunt ut labore et laborused.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -112,20 +128,33 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<div class="page-title section-padding"> <div class="page-title section-padding">
<h5 class="title wow fadeInUp" data-wow-delay="0.2s">Our Progress</h5> <h5 class="title wow fadeInUp" data-wow-delay="0.2s">
Our Progress
</h5>
<div class="space-10"></div> <div class="space-10"></div>
<h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">Grat Application Ever</h3> <h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">
Grat Application Ever
</h3>
<div class="space-20"></div> <div class="space-20"></div>
<div class="desc wow fadeInUp" data-wow-delay="0.6s"> <div class="desc wow fadeInUp" data-wow-delay="0.6s">
<p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do
eiusmod tempor incididunt ut labore et laborused sed do
eiusmod tempor incididunt ut labore et laborused.
</p>
</div> </div>
<div class="space-50"></div> <div class="space-50"></div>
<a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a> <a
href="#"
class="bttn-default wow fadeInUp"
data-wow-delay="0.8s"
>Learn More</a
>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<figure class="mobile-image"> <figure class="mobile-image">
<img src="images/progress-phone.png" alt=""> <img src="images/progress-phone.png" alt="" />
</figure> </figure>
</div> </div>
</div> </div>
@@ -138,24 +167,40 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<div class="video-photo"> <div class="video-photo">
<img src="images/video-image.jpg" alt=""> <img src="images/video-image.jpg" alt="" />
<a href="https://www.youtube.com/watch?v=ScrDhTsX0EQ" class="popup video-button"> <a
<img src="images/play-button.png" alt=""> href="https://www.youtube.com/watch?v=ScrDhTsX0EQ"
class="popup video-button"
>
<img src="images/play-button.png" alt="" />
</a> </a>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-5 col-md-offset-1"> <div class="col-xs-12 col-md-5 col-md-offset-1">
<div class="space-60 hidden visible-xs"></div> <div class="space-60 hidden visible-xs"></div>
<div class="page-title"> <div class="page-title">
<h5 class="title wow fadeInUp" data-wow-delay="0.2s">VIDEO FEATURES</h5> <h5 class="title wow fadeInUp" data-wow-delay="0.2s">
VIDEO FEATURES
</h5>
<div class="space-10"></div> <div class="space-10"></div>
<h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">Grat Application Ever</h3> <h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">
Grat Application Ever
</h3>
<div class="space-20"></div> <div class="space-20"></div>
<div class="desc wow fadeInUp" data-wow-delay="0.6s"> <div class="desc wow fadeInUp" data-wow-delay="0.6s">
<p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do
eiusmod tempor incididunt ut labore et laborused sed do
eiusmod tempor incididunt ut labore et laborused.
</p>
</div> </div>
<div class="space-50"></div> <div class="space-50"></div>
<a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a> <a
href="#"
class="bttn-default wow fadeInUp"
data-wow-delay="0.8s"
>Learn More</a
>
</div> </div>
</div> </div>
</div> </div>
@@ -204,7 +249,7 @@
</div> </div>
<div class="hidden-xs hidden-sm col-md-4"> <div class="hidden-xs hidden-sm col-md-4">
<figure class="mobile-image"> <figure class="mobile-image">
<img src="images/feature-image.png" alt="Feature Photo"> <img src="images/feature-image.png" alt="Feature Photo" />
</figure> </figure>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-4"> <div class="col-xs-12 col-sm-6 col-md-4">
@@ -254,51 +299,69 @@
<div class="team-slide"> <div class="team-slide">
<div class="team-box"> <div class="team-box">
<div class="team-image"> <div class="team-image">
<img src="images/team-1.png" alt=""> <img src="images/team-1.png" alt="" />
</div> </div>
<h4>Ashekur Rahman</h4> <h4>Ashekur Rahman</h4>
<h6 class="position">Art Dirrector</h6> <h6 class="position">Art Dirrector</h6>
<p>Lorem ipsum dolor sit amet, conseg sed do eiusmod temput laborelaborus ed sed do eiusmod tempo.</p> <p>
Lorem ipsum dolor sit amet, conseg sed do eiusmod temput
laborelaborus ed sed do eiusmod tempo.
</p>
</div> </div>
<div class="team-box"> <div class="team-box">
<div class="team-image"> <div class="team-image">
<img src="images/team-2.jpg" alt=""> <img src="images/team-2.jpg" alt="" />
</div> </div>
<h4>Ashekur Rahman</h4> <h4>Ashekur Rahman</h4>
<h6 class="position">Art Dirrector</h6> <h6 class="position">Art Dirrector</h6>
<p>Lorem ipsum dolor sit amet, conseg sed do eiusmod temput laborelaborus ed sed do eiusmod tempo.</p> <p>
Lorem ipsum dolor sit amet, conseg sed do eiusmod temput
laborelaborus ed sed do eiusmod tempo.
</p>
</div> </div>
<div class="team-box"> <div class="team-box">
<div class="team-image"> <div class="team-image">
<img src="images/team-3.jpg" alt=""> <img src="images/team-3.jpg" alt="" />
</div> </div>
<h4>Ashekur Rahman</h4> <h4>Ashekur Rahman</h4>
<h6 class="position">Art Dirrector</h6> <h6 class="position">Art Dirrector</h6>
<p>Lorem ipsum dolor sit amet, conseg sed do eiusmod temput laborelaborus ed sed do eiusmod tempo.</p> <p>
Lorem ipsum dolor sit amet, conseg sed do eiusmod temput
laborelaborus ed sed do eiusmod tempo.
</p>
</div> </div>
<div class="team-box"> <div class="team-box">
<div class="team-image"> <div class="team-image">
<img src="images/team-1.png" alt=""> <img src="images/team-1.png" alt="" />
</div> </div>
<h4>Ashekur Rahman</h4> <h4>Ashekur Rahman</h4>
<h6 class="position">Art Dirrector</h6> <h6 class="position">Art Dirrector</h6>
<p>Lorem ipsum dolor sit amet, conseg sed do eiusmod temput laborelaborus ed sed do eiusmod tempo.</p> <p>
Lorem ipsum dolor sit amet, conseg sed do eiusmod temput
laborelaborus ed sed do eiusmod tempo.
</p>
</div> </div>
<div class="team-box"> <div class="team-box">
<div class="team-image"> <div class="team-image">
<img src="images/team-2.jpg" alt=""> <img src="images/team-2.jpg" alt="" />
</div> </div>
<h4>Ashekur Rahman</h4> <h4>Ashekur Rahman</h4>
<h6 class="position">Art Dirrector</h6> <h6 class="position">Art Dirrector</h6>
<p>Lorem ipsum dolor sit amet, conseg sed do eiusmod temput laborelaborus ed sed do eiusmod tempo.</p> <p>
Lorem ipsum dolor sit amet, conseg sed do eiusmod temput
laborelaborus ed sed do eiusmod tempo.
</p>
</div> </div>
<div class="team-box"> <div class="team-box">
<div class="team-image"> <div class="team-image">
<img src="images/team-3.jpg" alt=""> <img src="images/team-3.jpg" alt="" />
</div> </div>
<h4>Ashekur Rahman</h4> <h4>Ashekur Rahman</h4>
<h6 class="position">Art Dirrector</h6> <h6 class="position">Art Dirrector</h6>
<p>Lorem ipsum dolor sit amet, conseg sed do eiusmod temput laborelaborus ed sed do eiusmod tempo.</p> <p>
Lorem ipsum dolor sit amet, conseg sed do eiusmod temput
laborelaborus ed sed do eiusmod tempo.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -312,34 +375,44 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6 gallery-slider"> <div class="col-xs-12 col-sm-6 gallery-slider">
<div class="gallery-slide"> <div class="gallery-slide">
<div class="item"><img src="images/gallery-1.jpg" alt=""></div> <div class="item"><img src="images/gallery-1.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-2.jpg" alt=""></div> <div class="item"><img src="images/gallery-2.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-3.jpg" alt=""></div> <div class="item"><img src="images/gallery-3.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-4.jpg" alt=""></div> <div class="item"><img src="images/gallery-4.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-1.jpg" alt=""></div> <div class="item"><img src="images/gallery-1.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-2.jpg" alt=""></div> <div class="item"><img src="images/gallery-2.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-3.jpg" alt=""></div> <div class="item"><img src="images/gallery-3.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-1.jpg" alt=""></div> <div class="item"><img src="images/gallery-1.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-2.jpg" alt=""></div> <div class="item"><img src="images/gallery-2.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-3.jpg" alt=""></div> <div class="item"><img src="images/gallery-3.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-4.jpg" alt=""></div> <div class="item"><img src="images/gallery-4.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-1.jpg" alt=""></div> <div class="item"><img src="images/gallery-1.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-2.jpg" alt=""></div> <div class="item"><img src="images/gallery-2.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-3.jpg" alt=""></div> <div class="item"><img src="images/gallery-3.jpg" alt="" /></div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-5 col-lg-3"> <div class="col-xs-12 col-sm-5 col-lg-3">
<div class="page-title"> <div class="page-title">
<h5 class="white-color title wow fadeInUp" data-wow-delay="0.2s">Screenshots</h5> <h5 class="white-color title wow fadeInUp" data-wow-delay="0.2s">
Screenshots
</h5>
<div class="space-10"></div> <div class="space-10"></div>
<h3 class="white-color wow fadeInUp" data-wow-delay="0.4s">Screenshot 01</h3> <h3 class="white-color wow fadeInUp" data-wow-delay="0.4s">
Screenshot 01
</h3>
</div> </div>
<div class="space-20"></div> <div class="space-20"></div>
<div class="desc wow fadeInUp" data-wow-delay="0.6s"> <div class="desc wow fadeInUp" data-wow-delay="0.6s">
<p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do
eiusmod tempor incididunt ut labore et laborused sed do eiusmod
tempor incididunt ut labore et laborused.
</p>
</div> </div>
<div class="space-50"></div> <div class="space-50"></div>
<a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a> <a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s"
>Learn More</a
>
</div> </div>
</div> </div>
</div> </div>
@@ -351,16 +424,26 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<div class="page-title"> <div class="page-title">
<h5 class="title wow fadeInUp" data-wow-delay="0.2s">Our features</h5> <h5 class="title wow fadeInUp" data-wow-delay="0.2s">
Our features
</h5>
<div class="space-10"></div> <div class="space-10"></div>
<h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">Aour Approach of Design is Prety Simple and Clear</h3> <h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">
Aour Approach of Design is Prety Simple and Clear
</h3>
</div> </div>
<div class="space-20"></div> <div class="space-20"></div>
<div class="desc wow fadeInUp" data-wow-delay="0.6s"> <div class="desc wow fadeInUp" data-wow-delay="0.6s">
<p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do
eiusmod tempor incididunt ut labore et laborused sed do eiusmod
tempor incididunt ut labore et laborused.
</p>
</div> </div>
<div class="space-50"></div> <div class="space-50"></div>
<a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a> <a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s"
>Learn More</a
>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-5 col-md-offset-1"> <div class="col-xs-12 col-sm-6 col-md-5 col-md-offset-1">
<div class="space-60 hidden visible-xs"></div> <div class="space-60 hidden visible-xs"></div>
@@ -369,7 +452,10 @@
<i class="lnr lnr-clock"></i> <i class="lnr lnr-clock"></i>
</div> </div>
<h4>Easy Notifications</h4> <h4>Easy Notifications</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor.
</p>
</div> </div>
<div class="space-50"></div> <div class="space-50"></div>
<div class="service-box wow fadeInUp" data-wow-delay="0.2s"> <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
@@ -377,7 +463,10 @@
<i class="lnr lnr-laptop-phone"></i> <i class="lnr lnr-laptop-phone"></i>
</div> </div>
<h4>Fully Responsive</h4> <h4>Fully Responsive</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor.
</p>
</div> </div>
<div class="space-50"></div> <div class="space-50"></div>
<div class="service-box wow fadeInUp" data-wow-delay="0.2s"> <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
@@ -385,7 +474,10 @@
<i class="lnr lnr-cog"></i> <i class="lnr lnr-cog"></i>
</div> </div>
<h4>Editable Layout</h4> <h4>Editable Layout</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -398,16 +490,25 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6 hidden-sm"> <div class="col-xs-12 col-sm-6 hidden-sm">
<figure class="mobile-image"> <figure class="mobile-image">
<img src="images/download-image.png" alt=""> <img src="images/download-image.png" alt="" />
</figure> </figure>
</div> </div>
<div class="col-xs-12 col-md-6 section-padding"> <div class="col-xs-12 col-md-6 section-padding">
<h3 class="white-color">Download The App</h3> <h3 class="white-color">Download The App</h3>
<div class="space-20"></div> <div class="space-20"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam possimus eaque magnam eum praesentium unde.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quibusdam possimus eaque magnam eum praesentium unde.
</p>
<div class="space-60"></div> <div class="space-60"></div>
<a href="#" class="bttn-white sq"><img src="images/apple-icon.png" alt="apple icon"> Apple Store</a> <a href="#" class="bttn-white sq"
<a href="#" class="bttn-white sq"><img src="images/play-store-icon.png" alt="Play Store Icon"> Play Store</a> ><img src="images/apple-icon.png" alt="apple icon" /> Apple
Store</a
>
<a href="#" class="bttn-white sq"
><img src="images/play-store-icon.png" alt="Play Store Icon" />
Play Store</a
>
</div> </div>
</div> </div>
</div> </div>
@@ -442,7 +543,8 @@
</ul> </ul>
</div> </div>
<div class="price-rate"> <div class="price-rate">
<sup>&#36;</sup> <span class="rate">0</span> <small>/Month</small> <sup>&#36;</sup> <span class="rate">0</span>
<small>/Month</small>
</div> </div>
<div class="price-footer"> <div class="price-footer">
<a href="#" class="bttn-white">Purchase</a> <a href="#" class="bttn-white">Purchase</a>
@@ -466,7 +568,8 @@
</ul> </ul>
</div> </div>
<div class="price-rate"> <div class="price-rate">
<sup>&#36;</sup> <span class="rate">49</span> <small>/Month</small> <sup>&#36;</sup> <span class="rate">49</span>
<small>/Month</small>
</div> </div>
<div class="price-footer"> <div class="price-footer">
<a href="#" class="bttn-white">Purchase</a> <a href="#" class="bttn-white">Purchase</a>
@@ -490,7 +593,8 @@
</ul> </ul>
</div> </div>
<div class="price-rate"> <div class="price-rate">
<sup>&#36;</sup> <span class="rate">99</span> <small>/Month</small> <sup>&#36;</sup> <span class="rate">99</span>
<small>/Month</small>
</div> </div>
<div class="price-footer"> <div class="price-footer">
<a href="#" class="bttn-white">Purchase</a> <a href="#" class="bttn-white">Purchase</a>
@@ -518,19 +622,39 @@
<div class="toggole-boxs"> <div class="toggole-boxs">
<h3>Faq first question goes here?</h3> <h3>Faq first question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
<h3>About freewuent question goes here?</h3> <h3>About freewuent question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
<h3>Why more question goes here?</h3> <h3>Why more question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
<h3>What question goes here?</h3> <h3>What question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -539,19 +663,39 @@
<div class="toggole-boxs"> <div class="toggole-boxs">
<h3>Faq second question goes here?</h3> <h3>Faq second question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
<h3>Third faq question goes here?</h3> <h3>Third faq question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
<h3>Why more question goes here?</h3> <h3>Why more question goes here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
<h3>Seventh frequent question here?</h3> <h3>Seventh frequent question here?</h3>
<div> <div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -568,8 +712,16 @@
<h3 class="blue-color">Subscribe for More Features</h3> <h3 class="blue-color">Subscribe for More Features</h3>
<div class="space-20"></div> <div class="space-20"></div>
<form id="mc-form"> <form id="mc-form">
<input type="email" class="control" placeholder="Enter your email" required="required" id="mc-email"> <input
<button class="bttn-white active" type="submit"><span class="lnr lnr-location"></span> Subscribe</button> type="email"
class="control"
placeholder="Enter your email"
required="required"
id="mc-email"
/>
<button class="bttn-white active" type="submit">
<span class="lnr lnr-location"></span> Subscribe
</button>
<label class="mt10" for="mc-email"></label> <label class="mt10" for="mc-email"></label>
</form> </form>
</div> </div>
@@ -597,7 +749,10 @@
<div class="box-icon"> <div class="box-icon">
<span class="lnr lnr-map-marker"></span> <span class="lnr lnr-map-marker"></span>
</div> </div>
<p>8-54 Paya Lebar Square <br /> 60 Paya Lebar Roa SG, Singapore</p> <p>
8-54 Paya Lebar Square <br />
60 Paya Lebar Roa SG, Singapore
</p>
</div> </div>
<div class="space-30 hidden visible-xs"></div> <div class="space-30 hidden visible-xs"></div>
</div> </div>
@@ -606,7 +761,10 @@
<div class="box-icon"> <div class="box-icon">
<span class="lnr lnr-phone-handset"></span> <span class="lnr lnr-phone-handset"></span>
</div> </div>
<p>+65 93901336 <br /> +65 93901337</p> <p>
+65 93901336 <br />
+65 93901337
</p>
</div> </div>
<div class="space-30 hidden visible-xs"></div> <div class="space-30 hidden visible-xs"></div>
</div> </div>
@@ -615,7 +773,9 @@
<div class="box-icon"> <div class="box-icon">
<span class="lnr lnr-envelope"></span> <span class="lnr lnr-envelope"></span>
</div> </div>
<p>[email protected] <br /> [email protected] <p>
[email protected] <br />
[email protected]
</p> </p>
</div> </div>
</div> </div>
@@ -628,7 +788,17 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-5"> <div class="col-xs-12 col-md-5">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
<span>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="lnr lnr-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></span> <span
>Copyright &copy;
<script>
document.write(new Date().getFullYear());
</script>
All rights reserved | This template is made with
<i class="lnr lnr-heart" aria-hidden="true"></i> by
<a href="https://colorlib.com" target="_blank"
>Colorlib</a
></span
>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
<div class="space-30 hidden visible-xs"></div> <div class="space-30 hidden visible-xs"></div>
</div> </div>
@@ -664,5 +834,4 @@
<!--Main-active-JS--> <!--Main-active-JS-->
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html> </html>