| Server IP : 103.6.199.200 / Your IP : 3.139.67.228 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/trackpro/m3technokraaft.trackprop.com/wwwroot/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<!-- one-page.html 42:55-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive Multipurpose HTML5 Business Template">
<meta name="author" content="Shreethemes">
<link rel="shortcut icon" href="images/favicon.ico">
<title>Alita - A Responsive Multipurpose HTML Template</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Poppins" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Magnificpopup Css -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<!-- Bootstrap core CSS -->
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="css/fontawesome.css" rel="stylesheet">
<link href="css/pe-icon-7-stroke.css" rel="stylesheet">
<!--Slider-->
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<link rel="stylesheet" href="css/owl.theme.css"/>
<link rel="stylesheet" href="css/owl.transitions.css"/>
<link rel="stylesheet" href="css/slick.css"/>
<link rel="stylesheet" href="css/slick-theme.css"/>
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/menu-small.css" rel="stylesheet">
<link href="css/default.css" rel="stylesheet">
</head>
<body>
<!-- Loader -->
<div id="preloader">
<div id="status">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div>
<!-- Navigation Bar-->
<nav class="navbar navbar-expand-lg fixed-top navbar-custom sticky sticky-dark">
<div class="container">
<!-- LOGO -->
<a class="navbar-brand logo" href="index-2.html">
<!-- <img src="images/logo.png" alt="missing_logo" height="20"> -->
Alita
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<i class="mdi mdi-menu"></i>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto navbar-center" id="mySidenav">
<li class="nav-item active">
<a href="#home" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#service" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="#work" class="nav-link">Work</a>
</li>
<li class="nav-item">
<a href="#client" class="nav-link">Client</a>
</li>
<li class="nav-item">
<a href="#price" class="nav-link">Pricing</a>
</li>
<li class="nav-item">
<a href="#team" class="nav-link">Team</a>
</li>
<li class="nav-item">
<a href="#blog" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link last-elements">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navigation Bar-->
<!-- HOME START-->
<section class="bg-home" style="background-image: url('images/home/bg-home-8.jpg');" id="home">
<div class="bg-overlay"></div>
<div class="home-center">
<div class="home-desc-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="title-heading text-center">
<h1 class="">Welcome to Alita</h1>
<p class="text-white-50 mx-auto">On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HOME END-->
<!-- ABOUT US START -->
<section class="section" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>About Us</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="about-op mt-30">
<div class="img">
<img src="images/services/img-1.jpg" alt="service_img" class="img-fluid">
</div>
<div class="about-op-head">
<h4>What We Offer?</h4>
<p class="text-muted mb-0">Nor again is there anyone who loves or pursues which is said to have originated or desires to obtain pain of itself.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="about-op mt-30">
<div class="img">
<img src="images/services/img-2.jpg" alt="service_img" class="img-fluid">
</div>
<div class="about-op-head">
<h4>Our Goal</h4>
<p class="text-muted mb-0">It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, which looks reasonable.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="about-op mt-30">
<div class="img">
<img src="images/services/img-3.jpg" alt="service_img" class="img-fluid">
</div>
<div class="about-op-head">
<h4>Our Mission</h4>
<p class="text-muted mb-0">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below to generate Lorem Ipsum for those interested.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ABOUT US END -->
<!-- CTA START -->
<section class="section bg-cta-img" style="background-image: url('images/home/bg-home-2.jpg');">
<div class="bg-overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="cta-heading text-center text-white">
<h3>Trending ideas and inventions always make us feel proud</h3>
<div class="spacer-15"></div>
<p class="mx-auto cta_details text-white-50">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="watch-video text-center">
<div class="project-video">
<div class="project-video-border">
<div class="project-video-icon">
<a href="https://www.youtube.com/watch?v=ToizAqT4Fw0" class="video-play-icon text-white text-center" title="Watch Now"><i class="mdi mdi-play play-icon play h2 mb-0 mx-auto"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA START -->
<!-- SERVICES START -->
<section class="section" id="service">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Services</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="onepage-services mt-4">
<ul class="nav nav-tabs nav-fill" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active show" id="planning-tab" data-toggle="tab" href="#planning" role="tab" aria-controls="planning" aria-selected="false">
<div class="onepage-services-icon">
<i class="pe-7s-rocket"></i>
</div>
<p class="mb-0 text-uppercase mt-3">Planning</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="interior-tab" data-toggle="tab" href="#interior" role="tab" aria-controls="interior" aria-selected="true">
<div class="onepage-services-icon">
<i class="pe-7s-wallet"></i>
</div>
<p class="mb-0 text-uppercase mt-3">Interior</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="decoration-tab" data-toggle="tab" href="#decoration" role="tab" aria-controls="decoration" aria-selected="false">
<div class="onepage-services-icon">
<i class="pe-7s-light"></i>
</div>
<p class="mb-0 text-uppercase mt-3">Decoration</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="exclusively-tab" data-toggle="tab" href="#exclusively" role="tab" aria-controls="exclusively" aria-selected="false">
<div class="onepage-services-icon">
<i class="pe-7s-crop"></i>
</div>
<p class="mb-0 text-uppercase mt-3">Exclusively</p>
</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade active show" id="planning" role="tabpanel" aria-labelledby="planning-tab">
<div class="row mt-5">
<div class="col-lg-6">
<div class="interior-services-info mt-4">
<h4>Responsive Layout</h4>
<p class="text-muted mt-4">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<p class="text-muted">Pursues or desires to obtain pain of becaus pain but because occasionally undertakes laborious physical exercise advantage from it?</p>
<div class="mt-4">
<a href="#" class="btn btn-custom">Read More <i class="mdi mdi-arrow-right pl-2"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="onepage-services-img mt-4">
<img src="images/services/img-3.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="interior" role="tabpanel" aria-labelledby="interior-tab">
<div class="row mt-5">
<div class="col-lg-6">
<div class="interior-services-info mt-4">
<h4>Premium Sliders</h4>
<p class="text-muted mt-4">Teachings of the great explorer the master builder of human happiness rejects dislikes or avoids pleasure itself because pleasur but because those pursue pleasure rationally encounter consequences that are extremely painful again is there anyone who loves or circumstances occur which toil and pain procure him some great pleasure take a trivial example which exercise.</p>
<p class="text-muted">Pursues or desires to obtain pain of becaus pain but because occasionally undertakes laborious physical exercise advantage from it?</p>
<div class="mt-4">
<a href="#" class="btn btn-custom">Read More <i class="mdi mdi-arrow-right pl-2"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="onepage-services-img mt-4">
<img src="images/services/img-4.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="decoration" role="tabpanel" aria-labelledby="decoration-tab">
<div class="row mt-5">
<div class="col-lg-6">
<div class="interior-services-info mt-4">
<h4>Clean Modern Code</h4>
<p class="text-muted mt-4">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p class="text-muted">Pursues or desires to obtain pain of becaus pain but because occasionally undertakes laborious physical exercise advantage from it?</p>
<div class="mt-4">
<a href="#" class="btn btn-custom">Read More <i class="mdi mdi-arrow-right pl-2"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="onepage-services-img mt-4">
<img src="images/services/img-5.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="exclusively" role="tabpanel" aria-labelledby="exclusively-tab">
<div class="row mt-5">
<div class="col-lg-6">
<div class="interior-services-info mt-4">
<h4>Fast processing</h4>
<p class="text-muted mt-4">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<p class="text-muted">Pursues or desires to obtain pain of becaus pain but because occasionally undertakes laborious physical exercise advantage from it?</p>
<div class="mt-4">
<a href="#" class="btn btn-custom">Read More <i class="mdi mdi-arrow-right pl-2"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="onepage-services-img mt-4">
<img src="images/services/img-6.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SERVICES END -->
<!-- WORK START -->
<section class="section bg-light" id="work">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Portfolio</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto">
<ul class="col container-filter mt-30 portfolioFilter list-unstyled mb-0 text-center" id="filter">
<li><a class="categories active" data-filter="*">All</a></li>
<li><a class="categories" data-filter=".natural">Natural</a></li>
<li><a class="categories" data-filter=".creative">Creative</a></li>
<li><a class="categories" data-filter=".personal">Personal</a></li>
<li><a class="categories" data-filter=".photography">Photography</a></li>
</ul>
</div>
</div>
</div>
<div class="container-fluid mt-30">
<div class="port portfolio-masonry">
<div class="portfolioContainer row">
<div class="col-lg-3 col-md-6 natural personal p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-1.jpg" title="Business Post">
<img src="images/work/port-1.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 creative personal photography p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-2.jpg" title="Business Post">
<img src="images/work/port-2.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 natural creative p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-3.jpg" title="Business Post">
<img src="images/work/port-3.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 personal photography p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-4.jpg" title="Business Post">
<img src="images/work/port-4.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 creative photography p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-5.jpg" title="Business Post">
<img src="images/work/port-5.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 natural creative p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-6.jpg" title="Business Post">
<img src="images/work/port-6.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 natural photography p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-7.jpg" title="Business Post">
<img src="images/work/port-7.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 natural personal p-0">
<div class="portfolio-box mt-0 mb-0">
<a class="mfp-image" href="images/work/port-8.jpg" title="Business Post">
<img src="images/work/port-8.jpg" class="img-fluid" alt="member-image">
<div class="portfolio-overlay">
<div class="portfolio-box-detail">
<p>Project Name</p>
<h4>Client Name</h4>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- end portfoliocontainer-->
</div>
<div class="row">
<div class="col-md-12">
<div class="text-center mt-30">
<a href="work-col-three.html" class="btn btn-custom">See More <i class="fas fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- WORK END -->
<!-- CLIENTS START -->
<section class="section" id="client">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Testimonial</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<div id="owl-demo" class="owl-carousel">
<div class="testi-box">
<div class="text-center">
<div class="client-drow mt-30 p-3 pt-0">
<img src="images/client/img-1.jpg" alt="" class="img-fluid img-thumbnail testi-img rounded-circle">
<div class="testi-content mt-2">
<div class="client-name">
<h4>Harvey Rose</h4>
<p class="mb-0">Founder</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Quisque eget turpis volutpat, posuere ipsum sed, hendrerit nisi. Mauris posuere ipsum sed, hendrerit nisi. Mauris ac placerat dui. Fusce venenatis porta ipsum, et aliquet lacus posuere sed. Etiam efficitur a ligula at condimentum.</p>
<div class="review-star">
<ul class="list-unstyled">
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star-half-alt"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="testi-box">
<div class="text-center">
<div class="client-drow mt-30 p-3 pt-0">
<img src="images/client/img-2.jpg" alt="" class="img-fluid img-thumbnail testi-img rounded-circle">
<div class="testi-content mt-2">
<div class="client-name">
<h4>Norman Watson</h4>
<p class="mb-0">C.E.O</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Quisque eget turpis volutpat, posuere ipsum sed, hendrerit nisi. Mauris posuere ipsum sed, hendrerit nisi. Mauris ac placerat dui. Fusce venenatis porta ipsum, et aliquet lacus posuere sed. Etiam efficitur a ligula at condimentum.</p>
<div class="review-star">
<ul class="list-unstyled">
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star-half-alt"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="testi-box">
<div class="text-center">
<div class="client-drow mt-30 p-3 pt-0">
<img src="images/client/img-3.jpg" alt="" class="img-fluid img-thumbnail testi-img rounded-circle">
<div class="testi-content mt-2">
<div class="client-name">
<h4>Nancy Nunez</h4>
<p class="mb-0">Adviser</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Quisque eget turpis volutpat, posuere ipsum sed, hendrerit nisi. Mauris posuere ipsum sed, hendrerit nisi. Mauris ac placerat dui. Fusce venenatis porta ipsum, et aliquet lacus posuere sed. Etiam efficitur a ligula at condimentum.</p>
<div class="review-star">
<ul class="list-unstyled">
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star-half-alt"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="testi-box">
<div class="text-center">
<div class="client-drow mt-30 p-3 pt-0">
<img src="images/client/img-4.jpg" alt="" class="img-fluid img-thumbnail testi-img rounded-circle">
<div class="testi-content mt-2">
<div class="client-name">
<h4>Nancy Nunez</h4>
<p class="mb-0">Adviser</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Quisque eget turpis volutpat, posuere ipsum sed, hendrerit nisi. Mauris posuere ipsum sed, hendrerit nisi. Mauris ac placerat dui. Fusce venenatis porta ipsum, et aliquet lacus posuere sed. Etiam efficitur a ligula at condimentum.</p>
<div class="review-star">
<ul class="list-unstyled">
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star-half-alt"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="testi-box">
<div class="text-center">
<div class="client-drow mt-30 p-3 pt-0">
<img src="images/client/img-5.jpg" alt="" class="img-fluid img-thumbnail testi-img rounded-circle">
<div class="testi-content mt-2">
<div class="client-name">
<h4>Nancy Nunez</h4>
<p class="mb-0">Adviser</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Quisque eget turpis volutpat, posuere ipsum sed, hendrerit nisi. Mauris posuere ipsum sed, hendrerit nisi. Mauris ac placerat dui. Fusce venenatis porta ipsum, et aliquet lacus posuere sed. Etiam efficitur a ligula at condimentum.</p>
<div class="review-star">
<ul class="list-unstyled">
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star-half-alt"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="testi-box">
<div class="text-center">
<div class="client-drow mt-30 p-3 pt-0">
<img src="images/client/img-6.jpg" alt="" class="img-fluid img-thumbnail testi-img rounded-circle">
<div class="testi-content mt-2">
<div class="client-name">
<h4>Nancy Nunez</h4>
<p class="mb-0">Adviser</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Quisque eget turpis volutpat, posuere ipsum sed, hendrerit nisi. Mauris posuere ipsum sed, hendrerit nisi. Mauris ac placerat dui. Fusce venenatis porta ipsum, et aliquet lacus posuere sed. Etiam efficitur a ligula at condimentum.</p>
<div class="review-star">
<ul class="list-unstyled">
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star"></i></li>
<li class="list-inline-item"><i class="fas fa-star-half-alt"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-12">
<div class="slider autoplay">
<div><img src="images/client/partner-1.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-2.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-3.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-4.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-5.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-1.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-2.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-3.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-4.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
<div><img src="images/client/partner-5.png" class="mx-auto d-block img-fluid" alt="img-missing"></div>
</div>
</div>
</div>
</div>
</section>
<!-- CLIENTS END -->
<!-- COUNTER START -->
<section class="section bg-counter" style="background-image: url('images/home/bg-home-8.jpg');">
<div class="bg-overlay"></div>
<div class="container">
<div class="row" id="counter">
<div class="col-lg-3 col-md-3">
<div class="text-center counter-funfact p-4 mt-3 text-white">
<i class="pe-7s-wristwatch counter-icon"></i>
<h2 class="counter-value" data-count="654">4</h2>
<p class="counter-name mb-0">Working Hours</p>
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="text-center counter-funfact p-4 mt-3 text-white">
<i class="pe-7s-note2 counter-icon"></i>
<h2 class="counter-value" data-count="640">10</h2>
<p class="counter-name mb-0">Projects</p>
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="text-center counter-funfact p-4 mt-3 text-white">
<i class="pe-7s-users counter-icon"></i>
<h2 class="counter-value" data-count="238">201</h2>
<p class="counter-name mb-0">Clients</p>
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="text-center counter-funfact p-4 mt-3 text-white">
<i class="pe-7s-wine counter-icon"></i>
<h2 class="counter-value" data-count="532">2</h2>
<p class="counter-name mb-0">Tea Cup</p>
</div>
</div>
</div>
</div>
</section>
<!-- COUNTER END -->
<!-- PRICE START -->
<section class="section bg-light" id="price">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Pricing Table</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-4">
<div class="pricing-table-wraper mt-30 text-center">
<div class="pricing-table-custom">
<h4>Super Options</h4>
<ul class="list-availability list-unstyled">
<li>Calls</li>
<li>Support</li>
<li>Hosting</li>
<li>Pages</li>
<li>Emial Support</li>
<li>Social Intigration</li>
<li>Storage Space</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="pricing-table-wraper mt-30">
<div class="pricing-table">
<div class="pricing-header">
<h4 class="text-uppercase">Reguler</h4>
<div class="price"><span><sup>$</sup>32.89</span><span>/Mo</span></div>
</div>
<div class="pricing-body">
<ul class="list list-unstyled">
<li>Limited Calls</li>
<li><span class="fas fa-times ban"></span></li>
<li>Free Hosting</li>
<li>10 Pages</li>
<li><span class="fas fa-times ban"></span></li>
<li><span class="fas fa-times ban"></span></li>
<li>1GB</li>
<li><i class="pe-7s-rocket"></i></li>
</ul>
</div>
<div>
<a href="#" class="btn btn-custom">Read More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="pricing-table-wraper mt-30">
<div class="pricing-table">
<div class="lable">
<h6 class="best mb-0 text-uppercase">Designer Plan</h6>
</div>
<div class="pricing-header">
<h4 class="text-uppercase">Business</h4>
<div class="price"><span><sup>$</sup>76.89</span><span>/Mo</span></div>
</div>
<div class="pricing-body">
<ul class="list list-unstyled">
<li>Unlimited Calls</li>
<li><span class="fas fa-check check"></span></li>
<li>Free Hosting</li>
<li>100 Pages</li>
<li><span class="fas fa-times ban"></span></li>
<li><span class="fas fa-check check"></span></li>
<li>10GB</li>
<li><i class="pe-7s-shield"></i></li>
</ul>
</div>
<div>
<a href="#" class="btn btn-custom">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- PRICE START -->
<!-- TEAM START -->
<section class="section" id="team">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Team Members</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="team-box mt-30">
<div class="team-box-img">
<img src="images/team/image-1.jpg" alt="" class="img-fluid">
</div>
<div class="team-info text-center">
<h3 class="mb-0">Patricia Beegle</h3>
<small class="text-muted">CEO/Founder</small>
</div>
<div class="team-members-overlay">
<div class="text-center mt-2">
<ul class="list-unstyled team-icon">
<li class="list-inline-item"><a href="#"><i class="fab fa-apple"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team-box mt-30">
<div class="team-box-img">
<img src="images/team/image-2.jpg" alt="" class="img-fluid">
</div>
<div class="team-info text-center">
<h3 class="mb-0">Samuel Shelton</h3>
<small class="text-muted">Co-Founder</small>
</div>
<div class="team-members-overlay">
<div class="text-center mt-2">
<ul class="list-unstyled team-icon">
<li class="list-inline-item"><a href="#"><i class="fab fa-apple"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team-box mt-30">
<div class="team-box-img">
<img src="images/team/image-3.jpg" alt="" class="img-fluid">
</div>
<div class="team-info text-center">
<h3 class="mb-0">Anthony Goodrich</h3>
<small class="text-muted">Project Manager</small>
</div>
<div class="team-members-overlay">
<div class="text-center mt-2">
<ul class="list-unstyled team-icon">
<li class="list-inline-item"><a href="#"><i class="fab fa-apple"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team-box mt-30">
<div class="team-box-img">
<img src="images/team/image-4.jpg" alt="" class="img-fluid">
</div>
<div class="team-info text-center">
<h3 class="mb-0">Gertrude Childs</h3>
<small class="text-muted">Developer</small>
</div>
<div class="team-members-overlay">
<div class="text-center mt-2">
<ul class="list-unstyled team-icon">
<li class="list-inline-item"><a href="#"><i class="fab fa-apple"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-6 col-md-3">
<div class="skill-chart text-center">
<div class="skills chart" data-percent="45">
<div class="pie-chart-value">45%</div>
<canvas height="120" width="120"></canvas></div>
<h6 class="text-muted mt-3 mb-2">Strategy</h6>
</div>
</div>
<div class="col-6 col-md-3">
<div class="skill-chart text-center">
<div class="skills chart" data-percent="58">
<div class="pie-chart-value">58%</div>
<canvas height="120" width="120"></canvas></div>
<h6 class="text-muted mt-3 mb-2">Teamwork</h6>
</div>
</div>
<div class="col-6 col-md-3">
<div class="skill-chart text-center">
<div class="skills chart" data-percent="72">
<div class="pie-chart-value">72%</div>
<canvas height="120" width="120"></canvas></div>
<h6 class="text-muted mt-3 mb-2">Creativity</h6>
</div>
</div>
<div class="col-6 col-md-3">
<div class="skill-chart text-center">
<div class="skills chart" data-percent="85">
<div class="pie-chart-value">85%</div>
<canvas height="120" width="120"></canvas></div>
<h6 class="text-muted mt-3 mb-2">Investments</h6>
</div>
</div>
</div>
</div>
</section>
<!-- TEAM END -->
<!-- FAQ START -->
<section class="section bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 col-md-8">
<div class="ml-lg-4">
<div class="faq-content mt-30">
<div class="accordion" id="accordionExample">
<div class="card">
<a data-toggle="collapse" href="#collapseOne" class="faq" aria-expanded="true" aria-controls="collapseOne">
<div class="card-header" id="headingOne">
<h4 class="mb-0 faq-question"> Why we are the best in financial compny ? </h4>
</div>
</a>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<p class="text-muted mb-0 faq-ans">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
</div>
<div class="card">
<a data-toggle="collapse" href="#collapseTwo" class="faq collapsed" aria-expanded="false" aria-controls="collapseTwo">
<div class="card-header" id="headingTwo">
<h4 class="mb-0 faq-question"> Why choose us ? </h4>
</div>
</a>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<p class="text-muted mb-0 faq-ans">There are many variations of passages of Lorem Ipsum available, but the majority, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
</div>
<div class="card">
<a data-toggle="collapse" href="#collapsethree" class="faq collapsed" aria-expanded="false" aria-controls="collapsethree">
<div class="card-header" id="headingthree">
<h4 class="mb-0 faq-question"> Our Mission </h4>
</div>
</a>
<div id="collapsethree" class="collapse" aria-labelledby="headingthree" data-parent="#accordionExample">
<div class="card-body">
<p class="text-muted mb-0 faq-ans">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which believable.</p>
</div>
</div>
</div>
<div class="card">
<a data-toggle="collapse" href="#collapsefour" class="faq collapsed" aria-expanded="false" aria-controls="collapsefour">
<div class="card-header" id="headingfour">
<h4 class="mb-0 faq-question"> Our Goal </h4>
</div>
</a>
<div id="collapsefour" class="collapse" aria-labelledby="headingfour" data-parent="#accordionExample">
<div class="card-body">
<p class="text-muted mb-0 faq-ans">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, look even slightly believable.</p>
</div>
</div>
</div>
<div class="card mb-0">
<a data-toggle="collapse" href="#collapsefive" class="faq collapsed" aria-expanded="false" aria-controls="collapsefive">
<div class="card-header" id="headingfive">
<h4 class="mb-0 faq-question"> Financial Condition </h4>
</div>
</a>
<div id="collapsefive" class="collapse" aria-labelledby="headingfive" data-parent="#accordionExample">
<div class="card-body">
<p class="text-muted mb-0 faq-ans">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="faq-img mt-sm-30">
<img src="images/faq-2.png" class="img-fluid mx-auto d-block" alt="faq-img">
</div>
</div>
</div>
</div>
</section>
<!-- FAQ END -->
<!-- SUBSCRIBE START -->
<section class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<h5 class="text-center text-uppercase">Subscribe To Get In Touch</h5>
<div class="spacer-15"></div>
<p class="text-muted text-center">Tell us about your project story and project brief</p>
<div class="text-center subcribe-form">
<form action="#">
<input name="email" type="email" placeholder="Email" id="email2" required="">
<button type="submit" class="btn btn-custom">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- SUBSCRIBE END -->
<!-- BLOG START -->
<section class="section bg-light" id="blog">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Our Blog</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<article class="post bg-white mt-30">
<div class="post-preview">
<a href="#"><img src="images/blog/blog-1.jpg" alt="" class="img-fluid mx-auto d-block"></a>
</div>
<div class="post-header">
<h4 class="post-title"><a href="#"> The business woman hard work</a></h4>
<ul class="post-meta">
<li><i class="mdi mdi-calendar"></i> <small>Fab 01, 2019</small></li>
<li><i class="mdi mdi-tag-text-outline"></i>
<a href="#"> <small>Branding</small></a></li>
</ul>
<div class="post-content">
<p class="text-muted">These cases are perfectly simple and easy to distinguish. In a free hour, when nothing prevents our being able to do what we like best.</p>
</div>
<span class="bar"></span>
<div class="post-footer">
<div class="likes">
<ul class="post-meta">
<li><a href="#"><i class="far fa-heart mr-1"></i> <small>29</small></a></li>
<li><a href="#"> <i class="far fa-comment mr-1"></i>
<small>40</small></a>
</li>
</ul>
</div>
<div class="post-more"><a href="#">Read More <i class="mdi mdi-arrow-right"></i></a></div>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post bg-white mt-30">
<div class="post-preview">
<a href="#"><img src="images/blog/blog-2.jpg" alt="" class="img-fluid mx-auto d-block"></a>
</div>
<div class="post-header">
<h4 class="post-title"><a href="#">Business adviser analyzing financial</a></h4>
<ul class="post-meta">
<li><i class="mdi mdi-calendar"></i> <small>Fab 01, 2019</small></li>
<li><i class="mdi mdi-tag-text-outline"></i>
<a href="#"> <small>Media</small></a></li>
</ul>
<div class="post-content">
<p class="text-muted">These cases are perfectly simple and easy to distinguish. In a free hour, when nothing prevents our being able to do what we like best.</p>
</div>
<span class="bar"></span>
<div class="post-footer">
<div class="likes">
<ul class="post-meta">
<li><a href="#"><i class="far fa-heart mr-1"></i> <small>29</small></a></li>
<li><a href="#"> <i class="far fa-comment mr-1"></i>
<small>40</small></a>
</li>
</ul>
</div>
<div class="post-more"><a href="#">Read More <i class="mdi mdi-arrow-right"></i></a></div>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post bg-white mt-30">
<div class="post-preview">
<a href="#"><img src="images/blog/blog-3.jpg" alt="" class="img-fluid mx-auto d-block"></a>
</div>
<div class="post-header">
<h4 class="post-title"><a href="#">The progress work of the company</a></h4>
<ul class="post-meta">
<li><i class="mdi mdi-calendar"></i> <small>Fab 01, 2019</small></li>
<li><i class="mdi mdi-tag-text-outline"></i>
<a href="#"> <small>Tree</small></a></li>
</ul>
<div class="post-content">
<p class="text-muted">These cases are perfectly simple and easy to distinguish. In a free hour, when nothing prevents our being able to do what we like best.</p>
</div>
<span class="bar"></span>
<div class="post-footer">
<div class="likes">
<ul class="post-meta">
<li><a href="#"><i class="far fa-heart mr-1"></i> <small>29</small></a></li>
<li><a href="#"> <i class="far fa-comment mr-1"></i>
<small>40</small></a>
</li>
</ul>
</div>
<div class="post-more"><a href="#">Read More <i class="mdi mdi-arrow-right"></i></a></div>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- BLOG END -->
<!-- CONTACT START -->
<section class="section" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Get In Touch</h3>
<div class="spacer-15"></div>
<p class="text-muted mb-0">Donec sodales sagittis magna. Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
<div class="spacer-30"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="map video-app-box mt-30">
<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d6030.418742494061!2d-111.34563870463673!3d26.01036670629853!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2smx!4v1471908546569" style="border: 0" allowfullscreen></iframe>
</div>
</div>
<!-- col end -->
<div class="col-md-6">
<div class="custom-form mt-30">
<div id="message"></div>
<form method="post" action="https://alita.netlify.com/layouts/php/contact.php" name="contact-form" id="contact-form">
<div class="row">
<div class="col-md-6">
<div class="form-group app-label">
<input name="name" id="name" type="text" class="form-control" placeholder="Your name :">
</div>
</div>
<div class="col-md-6">
<div class="form-group app-label">
<input name="email" id="email" type="email" class="form-control" placeholder="Your email :">
</div>
</div>
<div class="col-md-12">
<div class="form-group app-label">
<input name="subject" id="subject" class="form-control" placeholder="Your subject :">
</div>
</div>
<div class="col-md-12">
<div class="form-group app-label">
<textarea name="comments" id="comments" rows="3" class="form-control" placeholder="Enter message :"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<input type="submit" id="submit" name="send" class="submitBnt btn btn-custom w-100" value="Send Message">
<div id="simple-msg"></div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="row mt-lg-5 mt-md-3 mt-sm-30">
<div class="col-lg-3 col-md-6">
<div class="contact-details text-center mt-30 p-20">
<div class="contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="spacer-15"></div>
<div class="contact-head">
<p class="mb-0 info-title">Location</p>
<p class="mb-0"><a href="#" class="text-muted">3179 Raccoon Run, WA 98109</a></p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="contact-details text-center mt-30 p-20">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="spacer-15"></div>
<div class="contact-head">
<p class="mb-0 info-title">Email</p>
<p class="mb-0"><a href="#" class="text-muted">youremailid@gmail.com</a></p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="contact-details text-center mt-30 p-20">
<div class="contact-icon">
<i class="fas fa-globe"></i>
</div>
<div class="spacer-15"></div>
<div class="contact-head">
<p class="mb-0 info-title">Website</p>
<p class="mb-0"><a href="#" class="text-muted">www.yourdomain.com</a></p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="contact-details text-center mt-30 p-20">
<div class="contact-icon">
<i class="fas fa-phone"></i>
</div>
<div class="spacer-15"></div>
<div class="contact-head">
<p class="mb-0 info-title">Call</p>
<p class="mb-0">012-345-6789</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACT END -->
<!-- FOOTER START -->
<footer class="footer">
<div class="section-two">
<div class="container">
<!--Footer Info -->
<div class="row footer-info">
<div class="col-lg-3 col-md-12 col-sm-12">
<div class="">
<a href="index-2.html" class="logo">
<img src="images/logo-white.png" alt="missing_logo" height="20">
</a>
</div>
<p class="text-footer-clr mt-3">These cases are perfectly simple and easy to free hour, when nothing prevents distinguish.</p>
<div>
<ul class="list-unstyled social-icon">
<li class="list-inline-item"><a href="#"><i class="fab fa-apple"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4">
<div class="footer-head">
<h5 class="text-light">Company</h5>
</div>
<div class="footer-item mt-3">
<ul class="list-unstyled">
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> About us</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Services</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Portfolio</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> News</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> FAQ</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4">
<div class="footer-head">
<h5 class="text-light">Useful</h5>
</div>
<div class="footer-item mt-3">
<ul class="list-unstyled">
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Accounts</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Sales & Support</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Orders Track</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Download Center</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4">
<div class="footer-head">
<h5 class="text-light">Additional</h5>
</div>
<div class="footer-item mt-3">
<ul class="list-unstyled">
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Portfolio</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Contact Us</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Blog</a></li>
<li><a href="#"><i class="fas fa-chevron-right mr-2"></i> Help Center</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="footer-head">
<h5 class="text-light">Newsletter</h5>
</div>
<div class="footer-news mt-3">
<p class="text-footer-clr">Subscribe to our email newsletter to receive useful articles and special offers.</p>
<div class="subscribed-form">
<div class="subcribed-form">
<form action="#">
<input name="email" type="email" placeholder="Your Email" id="email" required="">
<button type="submit" class=""><span class="fab fa-telegram-plane"></span></button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Info -->
</div>
</div>
<hr>
<!-- Copyright Bar -->
<section class="section-30">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="text-center">
<p class="copy-rights text-white mb-0"><a href="https://www.templateshub.net" target="_blank">Templates Hub</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- End Copyright Bar -->
</footer>
<!-- FOOTER END -->
<!-- Back to top -->
<a href="#" class="back-to-top" id="back-to-top">
<i class="mdi mdi-chevron-up"> </i>
</a>
<!-- Back to top -->
<!-- js placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scrollspy.min.js"></script>
<!-- easing -->
<script src="js/jquery.easing.min.js"></script>
<!-- Portfolio -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/portfolio-filter.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<script src="js/owlcarousel.init.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/slick.init.js"></script>
<!-- VIDEO ICON -->
<script src="js/magnific.init.js"></script>
<!-- COUNTER -->
<script src="js/counter.init.js"></script>
<!-- CONTACT -->
<script src="js/contact.js"></script>
<!-- Easypie Chart -->
<script src="js/jquery.easypiechart.min.js"></script>
<!-- Custom -->
<script src="js/app.js"></script>
<!-- Pie Chart -->
<script>
$(function() {
$('.chart').easyPieChart({
//your configuration goes here
});
});
</script>
</body>
<!-- one-page00-->
</html>