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">
<head>
<meta charset="utf-8">
<meta name="author" content="Sumon Rahman">
<meta name="description" content="">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<meta name="author" content="Sumon Rahman" />
<meta name="description" content="" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Title -->
<title>Appy App Landing Template.</title>
<!-- 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" />
<!-- Plugin-CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css" />
<link rel="stylesheet" href="css/linearicons.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="css/animate.css" />
<!-- Main-Stylesheets -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<!--[if lt IE 9]>
<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">
<div class="container-fluid">
<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>
</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 class="collapse navbar-collapse" id="primary_menu">
<ul class="nav navbar-nav mainmenu">
@@ -70,18 +76,20 @@
<div class="row">
<div class="col-xs-12 hidden-sm col-md-5">
<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>
</div>
<div class="col-xs-12 col-md-7">
<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="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 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>
@@ -93,13 +101,21 @@
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<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>
<h5 class="title">About Appy</h5>
<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>
<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>
@@ -112,20 +128,33 @@
<div class="row">
<div class="col-xs-12 col-md-6">
<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>
<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="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 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-md-6">
<figure class="mobile-image">
<img src="images/progress-phone.png" alt="">
<img src="images/progress-phone.png" alt="" />
</figure>
</div>
</div>
@@ -138,24 +167,40 @@
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="video-photo">
<img src="images/video-image.jpg" alt="">
<a href="https://www.youtube.com/watch?v=ScrDhTsX0EQ" class="popup video-button">
<img src="images/play-button.png" alt="">
<img src="images/video-image.jpg" alt="" />
<a
href="https://www.youtube.com/watch?v=ScrDhTsX0EQ"
class="popup video-button"
>
<img src="images/play-button.png" alt="" />
</a>
</div>
</div>
<div class="col-xs-12 col-md-5 col-md-offset-1">
<div class="space-60 hidden visible-xs"></div>
<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>
<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="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 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>
@@ -204,7 +249,7 @@
</div>
<div class="hidden-xs hidden-sm col-md-4">
<figure class="mobile-image">
<img src="images/feature-image.png" alt="Feature Photo">
<img src="images/feature-image.png" alt="Feature Photo" />
</figure>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
@@ -254,51 +299,69 @@
<div class="team-slide">
<div class="team-box">
<div class="team-image">
<img src="images/team-1.png" alt="">
<img src="images/team-1.png" alt="" />
</div>
<h4>Ashekur Rahman</h4>
<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 class="team-box">
<div class="team-image">
<img src="images/team-2.jpg" alt="">
<img src="images/team-2.jpg" alt="" />
</div>
<h4>Ashekur Rahman</h4>
<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 class="team-box">
<div class="team-image">
<img src="images/team-3.jpg" alt="">
<img src="images/team-3.jpg" alt="" />
</div>
<h4>Ashekur Rahman</h4>
<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 class="team-box">
<div class="team-image">
<img src="images/team-1.png" alt="">
<img src="images/team-1.png" alt="" />
</div>
<h4>Ashekur Rahman</h4>
<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 class="team-box">
<div class="team-image">
<img src="images/team-2.jpg" alt="">
<img src="images/team-2.jpg" alt="" />
</div>
<h4>Ashekur Rahman</h4>
<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 class="team-box">
<div class="team-image">
<img src="images/team-3.jpg" alt="">
<img src="images/team-3.jpg" alt="" />
</div>
<h4>Ashekur Rahman</h4>
<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>
@@ -312,34 +375,44 @@
<div class="row">
<div class="col-xs-12 col-sm-6 gallery-slider">
<div class="gallery-slide">
<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-3.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-2.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-2.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-1.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-1.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-4.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-3.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-3.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-2.jpg" alt="" /></div>
<div class="item"><img src="images/gallery-3.jpg" alt="" /></div>
</div>
</div>
<div class="col-xs-12 col-sm-5 col-lg-3">
<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>
<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 class="space-20"></div>
<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 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>
@@ -351,16 +424,26 @@
<div class="row">
<div class="col-xs-12 col-sm-6">
<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>
<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 class="space-20"></div>
<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 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 class="col-xs-12 col-sm-6 col-md-5 col-md-offset-1">
<div class="space-60 hidden visible-xs"></div>
@@ -369,7 +452,10 @@
<i class="lnr lnr-clock"></i>
</div>
<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 class="space-50"></div>
<div class="service-box wow fadeInUp" data-wow-delay="0.2s">
@@ -377,7 +463,10 @@
<i class="lnr lnr-laptop-phone"></i>
</div>
<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 class="space-50"></div>
<div class="service-box wow fadeInUp" data-wow-delay="0.2s">
@@ -385,7 +474,10 @@
<i class="lnr lnr-cog"></i>
</div>
<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>
@@ -398,16 +490,25 @@
<div class="row">
<div class="col-xs-12 col-sm-6 hidden-sm">
<figure class="mobile-image">
<img src="images/download-image.png" alt="">
<img src="images/download-image.png" alt="" />
</figure>
</div>
<div class="col-xs-12 col-md-6 section-padding">
<h3 class="white-color">Download The App</h3>
<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>
<a href="#" class="bttn-white sq"><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>
<a href="#" class="bttn-white sq"
><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>
@@ -442,7 +543,8 @@
</ul>
</div>
<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 class="price-footer">
<a href="#" class="bttn-white">Purchase</a>
@@ -466,7 +568,8 @@
</ul>
</div>
<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 class="price-footer">
<a href="#" class="bttn-white">Purchase</a>
@@ -490,7 +593,8 @@
</ul>
</div>
<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 class="price-footer">
<a href="#" class="bttn-white">Purchase</a>
@@ -518,19 +622,39 @@
<div class="toggole-boxs">
<h3>Faq first question goes here?</h3>
<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>
<h3>About freewuent question goes here?</h3>
<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>
<h3>Why more question goes here?</h3>
<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>
<h3>What question goes here?</h3>
<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>
@@ -539,19 +663,39 @@
<div class="toggole-boxs">
<h3>Faq second question goes here?</h3>
<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>
<h3>Third faq question goes here?</h3>
<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>
<h3>Why more question goes here?</h3>
<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>
<h3>Seventh frequent question here?</h3>
<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>
@@ -568,8 +712,16 @@
<h3 class="blue-color">Subscribe for More Features</h3>
<div class="space-20"></div>
<form id="mc-form">
<input 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>
<input
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>
</form>
</div>
@@ -597,7 +749,10 @@
<div class="box-icon">
<span class="lnr lnr-map-marker"></span>
</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 class="space-30 hidden visible-xs"></div>
</div>
@@ -606,7 +761,10 @@
<div class="box-icon">
<span class="lnr lnr-phone-handset"></span>
</div>
<p>+65 93901336 <br /> +65 93901337</p>
<p>
+65 93901336 <br />
+65 93901337
</p>
</div>
<div class="space-30 hidden visible-xs"></div>
</div>
@@ -615,7 +773,9 @@
<div class="box-icon">
<span class="lnr lnr-envelope"></span>
</div>
<p>[email protected] <br /> [email protected]
<p>
[email protected] <br />
[email protected]
</p>
</div>
</div>
@@ -628,7 +788,17 @@
<div class="row">
<div class="col-xs-12 col-md-5">
<!-- 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. -->
<div class="space-30 hidden visible-xs"></div>
</div>
@@ -664,5 +834,4 @@
<!--Main-active-JS-->
<script src="js/main.js"></script>
</body>
</html>