| Server IP : 103.6.199.200 / Your IP : 3.144.103.20 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">
<!-- landing-1.html 42:50-->
<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="#service" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="#work" class="nav-link">Portfolio</a>
</li>
<li class="nav-item">
<a href="#client" class="nav-link">Testimonial</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 last-elements">Blog</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link last-elements">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- HOME START-->
<section class="bg-home" style="background-image: url('images/home/landing-1.jpg');" id="home">
<div class="bg-overlay"></div>
<div class="home-center">
<div class="home-desc-center">
<div class="container title-perticle">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="title-heading text-center">
<h3 class="text-white-50 text-uppercase font-20">Welcome To Alita</h3>
<h1>Make your business more profitable</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 class="mt-3">
<a href="#" class="btn btn-custom mr-3">Contact Us</a>
<a href="#" class="btn btn-custom-white">Download CV</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HOME END-->
<!-- FEATURES START -->
<section class="section bg-light">
<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 Features</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 align-items-center features-four">
<div class="col-sm-6">
<div class="features-box">
<h4 class="font-20">Global Partner</h4>
<div class="spacer-15"></div>
<p class="text-muted mb-0">I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings.</p>
</div>
</div>
<div class="col-sm-6 text-center">
<img src="images/feature/global-partner.svg" width="350" class="img-fluid mt-sm-30" alt="img">
</div>
</div>
<div class="row align-items-center features-four">
<div class="col-sm-6 text-center">
<img src="images/feature/partners.svg" width="350" class="img-fluid mt-sm-30" alt="img">
</div>
<div class="col-sm-6">
<div class="features-box">
<h4 class="font-20 mt-sm-30">Trusted Partner</h4>
<div class="spacer-15"></div>
<p class="text-muted mb-0">The great explorer of the truth, the master-builder of human happiness by the readable content of a page when looking at its layout.It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
<div class="row align-items-center features-four">
<div class="col-sm-6">
<div class="features-box">
<h4 class="font-20">Financial Analysis</h4>
<div class="spacer-15"></div>
<p class="text-muted mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.It is a long established fact that a reader will be distracted.</p>
</div>
</div>
<div class="col-sm-6 text-center">
<img src="images/feature/finance.svg" width="350" class="img-fluid mt-sm-30" alt="img">
</div>
</div>
</div>
</section>
<!-- FEATURES END -->
<!-- CTA START -->
<section class="section bg-cta-img" style="background-image: url('images/home/landing-1.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 END -->
<!-- SERVICES START -->
<section class="section bg-light" 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>Our 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-4">
<div class="service-two mt-30 p-20 text-center">
<div class="service-icon">
<i class="fas fa-chalkboard-teacher"></i>
</div>
<div class="service-head">
<h4>Fast processing</h4>
<p class="text-muted mb-0">There are many variations of passages of Ipsum available praesentium alteration in some form.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-two mt-30 p-20 text-center">
<div class="service-icon">
<i class="fas fa-hand-holding-heart"></i>
</div>
<div class="service-head">
<h4>Premium Sliders</h4>
<p class="text-muted mb-0">Contrary to popular belief, it has roots in a piece of classical blanditiis praesentium Latin literature.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-two mt-30 p-20 text-center">
<div class="service-icon">
<i class="fas fa-wrench"></i>
</div>
<div class="service-head">
<h4>Free Support</h4>
<p class="text-muted mb-0">On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-two mt-30 p-20 text-center">
<div class="service-icon">
<i class="fab fa-digital-ocean"></i>
</div>
<div class="service-head">
<h4>Clean Modern Code</h4>
<p class="text-muted mb-0">Denounce with righteous indignation said to have originated of the print and typesetting industry.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-two mt-30 p-20 text-center">
<div class="service-icon">
<i class="fas fa-layer-group"></i>
</div>
<div class="service-head">
<h4>Flexible Layouts</h4>
<p class="text-muted mb-0">Indignation is simply dumy text which is said to have originated of the print so beguiled and demoralized.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-two mt-30 p-20 text-center">
<div class="service-icon">
<i class="fab fa-sketch"></i>
</div>
<div class="service-head">
<h4>Modern Design</h4>
<p class="text-muted mb-0">So beguiled is simply dumy text which is said to have originated of the print indignation said to have originated.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SERVICES END -->
<!-- COUNTER START -->
<section class="section bg-counter" style="background-image: url('images/home/landing-1.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 left-border 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 left-border 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 left-border 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 -->
<!-- WORK START -->
<section class="section" 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>Our 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">
<div class="port portfolio-masonry mt-4">
<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 -->
<!-- FAQ START -->
<section class="section pb-0 bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4">
<div class="faq-img">
<img src="images/faq.png" class="img-fluid mx-auto d-block" alt="faq-img">
</div>
</div>
<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>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ 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>Our 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">
<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>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</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">
<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>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt</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">
<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">
<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>Mark Hammond</h4>
<p class="mb-0">Designer</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</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">
<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>Esther Regan</h4>
<p class="mb-0">Accounts</p>
</div>
<p class="user-review text-center text-muted"><i class="mdi mdi-format-quote-open"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt</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">
<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>Robert Bowman</h4>
<p class="mb-0">Developer</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 -->
<!-- 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>Our Pricing</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-4 col-md-6">
<div class="mt-30 pricing-plan-box p-30 bg-white">
<div class="pricing-header text-center">
<div class="price-name">
<h4 class="text-uppercase mb-0">Starter</h4>
<div class="pricing-devider mx-auto"></div>
</div>
<div class="price-tag-heading mt-3 mb-3">
<h3 class=""><sub>$</sub>9<span>/month</span></h3>
</div>
</div>
<div class="list-price-features mb-0">
<p><i class="mdi mdi-check icon-success-color"></i> Additional Features</p>
<p><i class="mdi mdi-check icon-success-color"></i>Maximum Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>24/7 Pve Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>Custom Domain</p>
<p><i class="mdi mdi-check icon-success-color"></i>Free Email Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>Single User</p>
</div>
<div class="text-center">
<a href="#" class="btn btn-custom">Choose Plan</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="mt-30 pricing-plan-box p-30 active">
<div class="lable">
<h6 class="best mb-0 text-uppercase">Best Plan</h6>
</div>
<div class="pricing-header text-center">
<div class="price-name">
<h4 class="text-white text-uppercase mb-0">Professional</h4>
<div class="pricing-devider bg-white mx-auto"></div>
</div>
<div class="price-tag-heading mt-3 mb-3">
<h3 class="text-white"><sub>$</sub>19<span>/month</span></h3>
</div>
</div>
<div class="list-price-features text-white mb-0">
<p><i class="mdi mdi-check icon-success-color"></i>Additional Features</p>
<p><i class="mdi mdi-check icon-success-color"></i>Maximum Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>24/7 Pve Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>Custom Domain</p>
<p><i class="mdi mdi-check icon-success-color"></i>Free Email Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>Single User</p>
</div>
<div class="text-center">
<a href="#" class="btn btn-custom-white">Choose Plan</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="mt-30 pricing-plan-box p-30 bg-white">
<div class="pricing-header text-center">
<div class="price-name">
<h4 class="text-uppercase mb-0">Ultra</h4>
<div class="pricing-devider mx-auto"></div>
</div>
<div class="price-tag-heading mt-3 mb-3">
<h3 class=""><sub>$</sub>39<span>/month</span></h3>
</div>
</div>
<div class="list-price-features mb-0">
<p><i class="mdi mdi-check icon-success-color"></i> Additional Features</p>
<p><i class="mdi mdi-check icon-success-color"></i>Maximum Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>24/7 Pve Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>Custom Domain</p>
<p><i class="mdi mdi-check icon-success-color"></i>Free Email Support</p>
<p><i class="mdi mdi-check icon-success-color"></i>Single User</p>
</div>
<div class="text-center">
<a href="#" class="btn btn-custom">Choose Plan</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- PRICE END -->
<!-- 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>Our 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>
</section>
<!-- TEAM 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 -->
<section class="footer-three bg-dark">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-6">
<div class="copy-rights text-sm-left">
<p class="mb-0"><a href="https://www.templateshub.net" target="_blank">Templates Hub</a></p>
</div>
</div>
<div class="col-sm-6">
<div class="footer-menu text-sm-right ab-sm-15">
<ul class="list-unstyled social-icon mb-0">
<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>
</div>
</section>
<!-- 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>
<!--custom script-->
<script src="js/app.js"></script>
</body>
<!-- landing-1.html 42:51-->
</html>