| Server IP : 103.6.199.200 / Your IP : 3.147.13.220 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">
<!-- history01-->
<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/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="bg-half" style="background-image: url('images/home/bg-history.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-12">
<div class="page-next-level text-white">
<h4 class="text-uppercase">Company History</h4>
<div class="page-next"> <a href="index-2.html">Home</a> <i class="mdi mdi-chevron-right"></i> <a href="#">Pages</a> <i class="mdi mdi-chevron-right"></i> <span>History</span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HOME END-->
<section class="section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8">
<div class="section-title">
<h3>Company History & Timeline</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 class="history mt-30">
<div class="history-box">
<i class="icon fab fa-atlassian"></i>
<label class="">1950</label>
<span>Found</span>
<h5>Company founding</h5>
<p class="text-muted mb-0">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="history-box-icon">
<i class="fab fa-atlassian"></i>
</div>
</div>
<div class="history-box">
<i class="icon fas fa-handshake"></i>
<label class="">1966</label>
<span>Partnership</span>
<h5>Partnership with Nurani Pvt. ltd.</h5>
<p class="text-muted mb-0">But 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 of the great explorer of the truth, the master-builder of human happiness.</p>
<div class="history-box-icon">
<i class="fas fa-handshake"></i>
</div>
</div>
<div class="history-box">
<i class="icon fas fa-trophy"></i>
<label class="">1980</label>
<span>Achievement</span>
<h5>International conference awward</h5>
<p class="text-muted mb-0">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 in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
<div class="history-box-icon">
<i class="fas fa-trophy"></i>
</div>
</div>
<div class="history-box">
<i class="icon fas fa-shield-alt"></i>
<label class="">1985</label>
<span>Secuirty</span>
<h5>Leader in secuirty business</h5>
<p class="text-muted mb-0">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, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame .</p>
<div class="history-box-icon">
<i class="fas fa-shield-alt"></i>
</div>
</div>
<div class="history-box">
<i class="icon fas fa-hand-rock"></i>
<label class="">1992</label>
<span>Branch</span>
<h5>Open New Branch</h5>
<p class="text-muted mb-0">These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</p>
<div class="history-box-icon">
<i class="fas fa-hand-rock"></i>
</div>
</div>
<div class="history-box">
<i class="icon fas fa-globe-americas"></i>
<label class="">1999</label>
<span>Global</span>
<h5>Globally everywhere</h5>
<p class="text-muted mb-0">But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection.</p>
<div class="history-box-icon">
<i class="fas fa-globe-americas"></i>
</div>
</div>
<div class="history-box">
<i class="icon fas fa-hands"></i>
<label class="">2010</label>
<span>Branches</span>
<h5>Open Three More Branches</h5>
<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. 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>
<div class="history-box-icon">
<i class="fas fa-hands"></i>
</div>
</div>
</div>
</div>
<!-- SIDEBAR -->
<div class="col-lg-4 col-md-4">
<!-- SEARCH -->
<div class="sidebar p-30">
<div class="text-center">
<div id="search-2" class="widget widget-search mb-0">
<form role="search" method="get" id="searchform" class="searchform">
<div>
<input type="text" value="" name="s" id="s" placeholder="Search...">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form>
</div>
</div>
</div>
<!-- SEARCH -->
<!-- Categories widget-->
<div class="sidebar p-30">
<div class="widget widget_categories">
<h4 class="text-uppercase text-center">Categories</h4>
<ul class="list-unstyled">
<li class="mb-2"><a href="#">Consulting</a> <span class="float-right">(40)</span></li>
<li class="mb-2"><a href="#">Finance</a> <span class="float-right">(08)</span></li>
<li class="mb-2"><a href="#">Marketing</a> <span class="float-right">(11)</span></li>
<li><a href="#">Services</a> <span class="float-right">(21)</span></li>
</ul>
</div>
</div>
<!-- Categories widget-->
<!-- TAG -->
<div class="sidebar p-30">
<div class="widget">
<h4 class="text-uppercase text-center">Tags</h4>
<div class="text-center tagcloud">
<a href="#">Consulting</a>
<a href="#">Finance</a>
<a href="#">Marketing</a>
<a href="#">Services</a>
<a href="#">Portfolio</a>
<a href="#">Fashion</a>
<a href="#">Lifestyle</a>
<a href="#">Travel</a>
<a href="#">Blog</a>
<a href="#">Video</a>
<a href="#">Audio</a>
</div>
</div>
</div>
<!-- TAG -->
<!-- Recent Post -->
<div class="sidebar p-30">
<div class="widget">
<h4 class="text-uppercase text-center">Recent Blog Post</h4>
<div class="slider single">
<div>
<a href="#"><img src="images/blog/blog-1.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">The business woman hard work</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-2.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Business adviser analyzing financial</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-3.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">The progress work of the company</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-4.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Various Sources of Expand Business</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-5.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">How to Maintain Your Business?</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-6.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Discussion Business Meeting</h4></a>
</div>
<div>
<a href="#"><img src="images/blog/blog-7.jpg" class="mx-auto d-block img-fluid" alt="img-missing"></a>
<div class="spacer-15"></div>
<a href="#"><h4 class="pr-2 pl-2">Analysis of Last Year Financial Report</h4></a>
</div>
</div>
</div>
</div>
<!-- Recent Post -->
<!-- FOLLOW -->
<div class="sidebar p-30">
<div class="widget">
<h4 class="text-uppercase text-center">Subscribe & Follow</h4>
<ul class="list-unstyled social-icon text-center">
<li class="list-inline-item"><a href="#"><i class="mdi mdi-facebook"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-twitter"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-dribbble"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-whatsapp"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="mdi mdi-behance"></i></a></li>
</ul>
</div>
</div>
<!-- FOLLOW -->
</div>
<!-- SIDEBAR -->
</div>
</div>
</section>
<!-- 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 -->
<!-- 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>
<!-- Carousel -->
<script src="js/slick.min.js"></script>
<script src="js/slick.init.js"></script>
<!--custom script-->
<script src="js/app.js"></script>
</body>
<!-- history04-->
</html>