| Server IP : 103.6.199.200 / Your IP : 3.143.214.226 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-modals26-->
<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">Modals</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>Modals</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>Modal Style One</h4>
<span class="bar"></span>
<div class="mt-4">
<!-- Button HTML (to Trigger Modal) -->
<a href="#myModal" class="btn btn-custom" data-toggle="modal">Launch Demo Modal</a>
<!-- Modal HTML -->
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Confirmation</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class=" clearfix"></div>
</div>
<div class="modal-body">
<p>Do you want to save changes you made to document before closing?</p>
<p class="text-warning"><small>If you don't save, your changes will be lost.</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-custom">Save changes</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-5">
<h4>Modals Size</h4>
<span class="bar"></span>
<div class="mt-4">
<!-- Large modal -->
<button class="btn btn-custom" data-toggle="modal" data-target="#largeModal">Large modal</button>
<div id="largeModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Large Modal</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p>Add the <code>.modal-lg</code> class on <code>.modal-dialog</code> to create this large modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-custom">OK</button>
</div>
</div>
</div>
</div>
<!-- Small modal -->
<button class="btn btn-custom" data-toggle="modal" data-target="#smallModal">Small modal</button>
<div id="smallModal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Small Modal</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p>Add the <code>.modal-sm</code> class on <code>.modal-dialog</code> to create this small modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-custom">OK</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-5">
<h4>Modal Forms</h4>
<span class="bar"></span>
<div class="mt-4">
<!-- Button HTML (to Trigger Modal) -->
<button type="button" class="btn btn-custom" data-toggle="modal" data-target="#myModal1" data-title="Feedback">Feedback</button>
<button type="button" class="btn btn-custom" data-toggle="modal" data-target="#myModal1" data-title="Report Error">Report Error</button>
<button type="button" class="btn btn-custom" data-toggle="modal" data-target="#myModal1" data-title="Contact Us">Contact Us</button>
<!-- Modal HTML -->
<div id="myModal1" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal Window</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<label for="recipient-name" class="control-label">Email:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-custom">Send</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-5">
<h4>Adjustable Modal</h4>
<span class="bar"></span>
<div class="mt-4">
<div class="alert alert-info fade in">
<a href="#" class="close" data-dismiss="alert">×</a>
<strong>Note!</strong> Also try this example without using the .modal('handleUpdate') method (simply comment out the line no-13), you will see the modal is jumping to the left side if viewport scrollbar is appear due to loading of huge amount of content inside the modal while it is open.
</div>
<!-- Button HTML (to Trigger Modal) -->
<input type="button" data-toggle="modal" data-target="#myModal2" class="btn btn-lg btn-custom" value="Show Adjustable Modal">
<!-- Modal HTML -->
<div id="myModal2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Re-adjustable Modal</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p><button type="button" class="btn btn-link show-text">Click me to load lots of text in this modal.</button></p>
<div class="lots-of-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum id metus ac nisl bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet sagittis. In tincidunt orci sit amet elementum vestibulum. Vivamus fermentum in arcu in aliquam. Quisque aliquam porta odio in fringilla. Vivamus nisl leo, blandit at bibendum eu, tristique eget risus. Integer aliquet quam ut elit suscipit, id interdum neque porttitor. Integer faucibus ligula.</p>
<p>Integer pulvinar leo id risus pellentesque vestibulum. Sed diam libero, sodales eget sapien vel, porttitor bibendum enim. Donec sed nibh vitae lorem porttitor blandit in nec ante. Pellentesque vitae metus ipsum. Phasellus sed nunc ac sem malesuada condimentum. Etiam in aliquam lectus. Nam vel sapien diam. Donec pharetra id arcu eget blandit. Proin imperdiet mattis augue in porttitor. Quisque tempus enim id lobortis feugiat. Suspendisse tincidunt risus quis dolor fringilla blandit. Ut sed sapien at purus lacinia porttitor. Nullam iaculis, felis a pretium ornare, dolor nisl semper tortor, vel sagittis lacus est consequat eros. Sed id pretium nisl. Curabitur dolor nisl, laoreet vitae aliquam id, tincidunt sit amet mauris.</p>
<p>Quisque pharetra velit id velit iaculis pretium. Nullam a justo sed ligula porta semper eu quis enim. Pellentesque pellentesque, metus at facilisis hendrerit, lectus velit facilisis leo, quis volutpat turpis arcu quis enim. Nulla viverra lorem elementum interdum ultricies. Suspendisse accumsan quam nec ante mollis tempus. Morbi vel accumsan diam, eget convallis tellus. Suspendisse potenti.</p>
<p>Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget nisi a mi suscipit tincidunt. Ut tempus dictum risus. Pellentesque viverra sagittis quam at mattis. Suspendisse potenti. Aliquam sit amet gravida nibh, facilisis gravida odio. Phasellus auctor velit at lacus blandit, commodo iaculis justo viverra. Etiam vitae est arcu. Mauris vel congue dolor. Aliquam eget mi mi. Fusce quam tortor, commodo ac dui quis, bibendum viverra erat. Maecenas mattis lectus enim, quis tincidunt dui molestie euismod. Curabitur et diam tristique, accumsan nunc eu, hendrerit tellus.</p>
<p>Suspendisse a orci facilisis, dignissim tortor vitae, ultrices mi. Vestibulum a iaculis lacus. Phasellus vitae convallis ligula, nec volutpat tellus. Vivamus scelerisque mollis nisl, nec vehicula elit egestas a. Sed luctus metus id mi gravida, faucibus convallis neque pretium. Maecenas quis sapien ut leo fringilla tempor vitae sit amet leo. Donec imperdiet tempus placerat. Pellentesque pulvinar ultrices nunc sed ultrices. Morbi vel mi pretium, fermentum lacus et, viverra tellus. Phasellus sodales libero nec dui convallis, sit amet fermentum sapien auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed eu elementum nibh, quis varius libero.</p>
<p>Phasellus vitae suscipit justo. Mauris pharetra feugiat ante id lacinia. Etiam faucibus mauris id tempor egestas. Duis luctus turpis at accumsan tincidunt. Phasellus risus risus, volutpat vel tellus ac, tincidunt fringilla massa. Etiam hendrerit dolor eget ante rutrum adipiscing. Cras interdum ipsum mattis, tempus mauris vel, semper ipsum. Duis sed dolor ut enim lobortis pellentesque ultricies ac ligula. Pellentesque convallis elit nisi, id vulputate ipsum ullamcorper ut. Cras ac pulvinar purus, ac viverra est. Suspendisse potenti. Integer pellentesque neque et elementum tempus. Curabitur bibendum in ligula ut rhoncus.</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-custom" data-dismiss="modal">Ok, I got it</button>
</div>
</div>
</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>
<script>
$(document).ready(function(){
$("#myModal1").on('show.bs.modal', function(event){
var button = $(event.relatedTarget); // Button that triggered the modal
var titleData = button.data('title'); // Extract value from data-* attributes
$(this).find('.modal-title').text(titleData + ' Form');
});
});
$(document).ready(function(){
$(".show-text").click(function(){
$('#myModal2').find(".lots-of-text").toggle();
$('#myModal2').modal('handleUpdate');
});
});
</script>
</body>
<!-- elements-modals26-->
</html>