| Server IP : 103.6.199.200 / Your IP : 52.15.136.223 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">
<!-- business-2.html 42:37-->
<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.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-->
<div class="tagline hidden-md">
<div class="container">
<div class="float-left">
<div class="phone">
<i class="fas fa-phone"></i> +1 123 456 78 90
</div>
</div>
<div class="float-right">
<ul class="top_socials">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest"></i></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- Navigation Bar-->
<header id="topnav" class="defaultscroll fixed-top navbar-sticky sticky">
<div class="container">
<!-- Logo container-->
<div>
<a href="index-2.html" class="logo">
<img src="images/logo.png" alt="missing_logo" height="20">
</a>
</div>
<!-- End Logo container-->
<div class="menu-extras">
<div class="menu-item">
<!-- Mobile menu toggle-->
<a class="navbar-toggle">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</div>
</div>
<div id="navigation">
<!-- Navigation Menu-->
<ul class="navigation-menu">
<li class="has-submenu">
<a href="#">Home</a><span class="menu-arrow"></span>
<ul class="submenu">
<li class="has-submenu"><a href="javascript:void(0)">Business</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="index-2.html">Business one</a></li>
<li><a href="business-2.html">Business Two</a></li>
<li><a href="business-3.html">Business Three</a></li>
<li><a href="business-4.html">Business Four</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Agency</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="agency-1.html">Agency One</a></li>
<li><a href="agency-2.html">Agency Two</a></li>
<li><a href="agency-3.html">Agency Three</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Landing Page</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="landing-1.html">Landing One</a></li>
<li><a href="landing-2.html">Landing Two</a></li>
<li><a href="landing-3.html">Landing Three</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Resume</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="resume-1.html">Resume one</a></li>
<li><a href="resume-2.html">Resume Two</a></li>
</ul>
</li>
<li><a href="one-page.html">One Page</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">About</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="about.html">About</a></li>
<li><a href="history.html">History</a></li>
<li class="has-submenu"><a href="javascript:void(0)">Services</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="service.html">Services</a></li>
<li><a href="service-image.html">Service With Image</a></li>
<li><a href="service-detail.html">Single Service</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Team Members</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="team-grid.html">Grid Teams</a></li>
<li><a href="team-list.html">List Teams</a></li>
<li><a href="team-detail.html">Single Team</a></li>
</ul>
</li>
<li class="has-submenu"><a href="javascript:void(0)">Work</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="work-col-three.html">Three Column Portfolio</a></li>
<li><a href="work-col-four.html">Four Column Portfolio</a></li>
<li><a href="work-col-six.html">Six Column Portfolio</a></li>
<li><a href="work-single.html">Single Portfolio</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Pages</a>
<span class="menu-arrow"></span>
<ul class="submenu megamenu">
<li>
<ul>
<li><a href="faq.html"><b class="mdi mdi-chevron-right"></b> FAQ's</a></li>
<li><a href="price.html"><b class="mdi mdi-chevron-right"></b> Pricing Table</a></li>
<li><a href="privacy.html"><b class="mdi mdi-chevron-right"></b> Privacy Policy</a></li>
<li><a href="login.html"><b class="mdi mdi-chevron-right"></b> Log In</a></li>
<li><a href="signup.html"><b class="mdi mdi-chevron-right"></b> Sign Up</a></li>
<li><a href="forgot-password.html"><b class="mdi mdi-chevron-right"></b> Forgot Password</a></li>
</ul>
</li>
<li>
<ul>
<li><a href="working-process.html"><b class="mdi mdi-chevron-right"></b> Work Process</a></li>
<li><a href="contact.html"><b class="mdi mdi-chevron-right"></b> Contact Us</a></li>
<li><a href="blank-page.html"><b class="mdi mdi-chevron-right"></b> Blank Page</a></li>
<li><a href="coming-soon.html"><b class="mdi mdi-chevron-right"></b> Coming soon</a></li>
<li><a href="404.html"><b class="mdi mdi-chevron-right"></b> 404! Error</a></li>
<li><a href="500.html"><b class="mdi mdi-chevron-right"></b> 500! Error</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Blog</a>
<span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-left.html">Left Sidebar</a></li>
<li><a href="blog-right.html">Right Sidebar</a></li>
<li><a href="blog-single.html">Single BLog</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Elements</a>
<span class="menu-arrow"></span>
<ul class="submenu megamenu">
<li>
<ul>
<li><a href="elements-accordions.html"><b class="mdi mdi-chevron-right"></b> Accordion</a></li>
<li><a href="elements-alert.html"><b class="mdi mdi-chevron-right"></b> Alert</a></li>
<li><a href="elements-button.html"><b class="mdi mdi-chevron-right"></b> Button</a></li>
<li><a href="elements-blockquote.html"><b class="mdi mdi-chevron-right"></b> Blockquote</a></li>
<li><a href="elements-bg.html"><b class="mdi mdi-chevron-right"></b> Backgroud Color</a></li>
<li><a href="elements-breadcrumbs.html"><b class="mdi mdi-chevron-right"></b> Breadcrumbs</a></li>
<li><a href="elements-boxed.html"><b class="mdi mdi-chevron-right"></b> Boxed</a></li>
<li><a href="elements-cta.html"><b class="mdi mdi-chevron-right"></b> Call To Action</a></li>
<li><a href="elements-dropcap.html"><b class="mdi mdi-chevron-right"></b> Dropcap</a></li>
</ul>
</li>
<li>
<ul>
<li><a href="elements-dropdown.html"><b class="mdi mdi-chevron-right"></b> Dropdown</a></li>
<li><a href="elements-funfactors.html"><b class="mdi mdi-chevron-right"></b> Fun Factors</a></li>
<li><a href="elements-form-inputs.html"><b class="mdi mdi-chevron-right"></b> Form Inputs</a></li>
<li><a href="elements-grid-structure.html"><b class="mdi mdi-chevron-right"></b> Grid Structure</a></li>
<li><a href="elements-gallery.html"><b class="mdi mdi-chevron-right"></b> Gallery</a></li>
<li><a href="elements-highlights.html"><b class="mdi mdi-chevron-right"></b> Highlights</a></li>
<li><a href="elements-material-icons.html"><b class="mdi mdi-chevron-right"></b> Material Icons</a></li>
<li><a href="elements-pe-7-icons.html"><b class="mdi mdi-chevron-right"></b> Pe-7 Icons </a></li>
<li><a href="elements-fontawesome.html"><b class="mdi mdi-chevron-right"></b> Font Awesome Icons </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="elements-images.html"><b class="mdi mdi-chevron-right"></b> Images</a></li>
<li><a href="elements-labels.html"><b class="mdi mdi-chevron-right"></b> Labels</a></li>
<li><a href="elements-lightbox.html"><b class="mdi mdi-chevron-right"></b> Lightbox</a></li>
<li><a href="elements-modals.html"><b class="mdi mdi-chevron-right"></b> Modals</a></li>
<li><a href="elements-progress-bar.html"><b class="mdi mdi-chevron-right"></b> Progress Bar</a></li>
<li><a href="elements-parallax.html"><b class="mdi mdi-chevron-right"></b> Parallax</a></li>
<li><a href="elements-pagination.html"><b class="mdi mdi-chevron-right"></b> Pagination</a></li>
</ul>
</li>
<li>
<ul>
<li><a href="elements-tab.html"><b class="mdi mdi-chevron-right"></b> Tab</a></li>
<li><a href="elements-tooltip-popovers.html"><b class="mdi mdi-chevron-right"></b> Tooltip & Popovers</a></li>
<li><a href="elements-typography.html"><b class="mdi mdi-chevron-right"></b> Typography</a></li>
<li><a href="elements-tables.html"><b class="mdi mdi-chevron-right"></b> Tables</a></li>
<li><a href="elements-timeline.html"><b class="mdi mdi-chevron-right"></b> Timeline</a></li>
<li><a href="elements-testimonials.html"><b class="mdi mdi-chevron-right"></b> Testimonials</a></li>
<li><a href="elements-video.html"><b class="mdi mdi-chevron-right"></b> Video</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown d-none d-md-inline-block">
<a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="fas fa-search noti-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-search">
<div>
<form role="search" class="navbar-form">
<input type="text" placeholder="Search..." name="s" class="form-control search-bar">
<a href="#" class="btn-search"><i class="fa fa-search"></i></a>
</form>
</div>
</div>
</li>
</ul>
<!-- End navigation menu-->
</div>
</div>
</header>
<!-- End Navigation Bar-->
<!-- HOME START-->
<section class="home-slider">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 p-0">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" style="background-image:url('images/home/bg-home-2.jpg');">
<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="">Growing Business</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-outline-white">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item" style="background-image:url('images/home/bg-home-3.jpg');">
<div class="bg-overlay"></div>
<div class="home-center">
<div class="home-desc-center">
<div class="container">
<div class="row justify-content-start">
<div class="col-lg-8">
<div class="title-heading text-left">
<h1 class="">We Provide Business Solutions</h1>
<p class="text-white-50 ml-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-outline-white">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item" style="background-image:url('images/home/bg-home-5.jpg');">
<div class="bg-overlay"></div>
<div class="home-center">
<div class="home-desc-center">
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-8">
<div class="title-heading text-right">
<h1 class="">Creative Thinkers</h1>
<p class="text-white-50 mr-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-outline-white">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- HOME END-->
<!-- ABOUT US START -->
<section class="section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6">
<div class="about-pic">
<img src="images/about/about-page.jpg" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-7 col-md-6">
<div class="about-section mt-sm-30 ml-lg-3">
<h4 class="text-uppercase">We're knowledgeable about making benefits higher</h4>
<div class="spacer-15"></div>
<p class="text-muted">Why I say old chap that is, spiffing tomfoolery lost the plot plastered starkers tosser, say no biggie brolly bleeding super. The full monty Elizabeth nice one quaint butty give us a bell easy peasy gutted mate smashing, crikey cracking goal bobby James Bond knackered spiffing young delinquent down the pub bodge, bugger all mate old cor blimey guvnor what a load of rubbish.!</p>
<div class="mt-30">
<a href="#" class="btn btn-custom">read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ABOUT US END -->
<!-- SERVICES 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 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 -->
<!-- CTA & PROCESS BAR START -->
<section class="section bg-cta-img">
<div class="bg-overlay"></div>
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="cta-heading text-right 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-right">
<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>
</div>
<div class="col-md-6">
<div class="ml-lg-3">
<div class="faq-chart-section text-white">
<h4>We maintain best & optimum results</h4>
<div class="spacer-15"></div>
<p class="text-white-50">There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<div class="skill-bar mt-4">
<div class="tab-pane fade" id="skill" role="tabpanel">
<div class="skill text-white">
<div>
<h6 class="text-white text-uppercase mb-2">Investments</h6>
<div class="progress">
<div class="progress-bar" style="width:90%;">
<div class="progress-value text-white h6">93%</div>
</div>
</div>
</div>
<div class="mt-4">
<h6 class="text-white text-uppercase mb-2">Monitor</h6>
<div class="progress">
<div class="progress-bar" style="width:70%;">
<div class="progress-value text-white h6">71%</div>
</div>
</div>
</div>
<div class="mt-4">
<h6 class="text-white text-uppercase mb-2">Innovative</h6>
<div class="progress">
<div class="progress-bar" style="width:83%;">
<div class="progress-value text-white h6">83%</div>
</div>
</div>
</div>
<div class="mt-4">
<h6 class="text-white text-uppercase mb-2">Profitability</h6>
<div class="progress">
<div class="progress-bar" style="width:95%;">
<div class="progress-value text-white h6">95%</div>
</div>
</div>
</div>
<div class="mt-4">
<h6 class="text-white text-uppercase mb-2">Management</h6>
<div class="progress">
<div class="progress-bar" style="width:85%;">
<div class="progress-value text-white h6">85%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA & PROCESS BAR END -->
<!-- WORK 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 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">
<div class="text-center">
<ul class="col container-filter mt-30 portfolioFilter list-unstyled mb-0" id="filter">
<li><a class="categories active" data-filter="*">All</a></li>
<li><a class="categories" data-filter=".marketing">Marketing</a></li>
<li><a class="categories" data-filter=".finance">Finance</a></li>
<li><a class="categories" data-filter=".account">Accounting</a></li>
<li><a class="categories" data-filter=".part">Partners</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="port portfolio-masonry mt-3">
<div class="portfolioContainer row">
<div class="col-lg-3 col-md-6 part">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-1.jpg" title="Business Post">
<img src="images/work/work-1.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 part">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-2.jpg" title="Business Post">
<img src="images/work/work-2.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 account">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-3.jpg" title="Business Post">
<img src="images/work/work-3.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 account">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-4.jpg" title="Business Post">
<img src="images/work/work-4.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 marketing">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-5.jpg" title="Business Post">
<img src="images/work/work-5.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 marketing">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-6.jpg" title="Business Post">
<img src="images/work/work-6.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 finance">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-7.jpg" title="Business Post">
<img src="images/work/work-7.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 finance">
<div class="portfolio-box">
<a class="mfp-image" href="images/work/work-8.jpg" title="Business Post">
<img src="images/work/work-8.jpg" class="img-fluid" alt="work-image">
</a>
<div class="gallary-title text-center">
<h6><a href="work-single.html">Project Name</a></h6>
<span class="text-muted">Catagories</span>
</div>
</div>
</div>
</div>
</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 -->
<!-- TESTIMONIAL START-->
<section class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-title text-center">
<h3>Happy Client's Says</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-2">
<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 p-2">
<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 p-2">
<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>
</div>
</div>
</div>
</section>
<!-- TESTIMONIAL END -->
<!-- COUNTER START -->
<section class="section bg-counter">
<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 -->
<!-- TEAM 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 Team</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">Shophie Cassidy</h3>
<small class="text-muted">CEO/Founder</small>
<div class="text-center mt-3">
<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-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">Steve Mitchell</h3>
<small class="text-muted">Project Manager</small>
<div class="text-center mt-3">
<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-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">William Beck</h3>
<small class="text-muted">Web Designer</small>
<div class="text-center mt-3">
<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-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">Lisa Mark</h3>
<small class="text-muted">Graphics Designer</small>
<div class="text-center mt-3">
<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-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">
<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 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 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 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 -->
<!-- PARTNER START -->
<section class="section-two bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 p-0">
<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>
<!-- PARTNER END -->
<!-- CONTACT START -->
<section class="section-two bg-custom">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="text-center">
<h5 class="text-light text-uppercase font-22">Do You Want To Work With Alita ?</h5>
<div class="spacer-30"></div>
<div>
<a href="contact.html" class="btn btn-custom-white">Contact Us</a>
</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>
<!-- 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>
<!--custom script-->
<script src="js/app.js"></script>
</body>
<!-- business-2.html 42:39-->
</html>