Server IP : 103.6.199.200 / Your IP : 3.145.92.98 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-images26--> <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">Images</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>Images</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- HOME END--> <!-- --> <section class="section"> <div class="container"> <div class="row"> <div class="col-md-8"> <div> <h4>Image Rounded</h4> <span class="bar"></span> <div class="mt-4"> <div class="row"> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid img-rounded" alt="Rounded Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid img-rounded" alt="Rounded Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid img-rounded" alt="Rounded Image"> </div> </div> </div> </div> <div class="mt-5"> <h4>Image Circle</h4> <span class="bar"></span> <div class="mt-4"> <div class="row"> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid rounded-circle" alt="Circular Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid rounded-circle" alt="Circular Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid rounded-circle" alt="Circular Image"> </div> </div> </div> </div> <div class="mt-5"> <h4>Image Thumbnail</h4> <span class="bar"></span> <div class="mt-4"> <div class="row"> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid img-thumbnail" alt="Circular Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid img-thumbnail" alt="Circular Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid img-thumbnail" alt="Circular Image"> </div> </div> </div> </div> <div class="mt-5"> <h4>Image Square</h4> <span class="bar"></span> <div class="mt-4"> <div class="row"> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid" alt="Rounded Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid" alt="Rounded Image"> </div> <div class="col-md-4"> <img src="images/team/co-1.jpg" class="img-fluid" alt="Rounded Image"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-4"> <div class="ml-lg-4"> <h4 class="text-uppercase">Elements</h4> <span class="bar"></span> <div class="element-sidebar"> <ul class="list-unstyled"> <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> <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-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> <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> <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> </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-images26--> </html>