|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/dts/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <!-- Mirrored from html.modernwebtemplates.com/drively/header-side-slide.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:06:43 GMT --> <head> <title>Drively - Bootstrap 4 premium MultePage HTML template</title> <meta charset="utf-8"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/animations.css"> <link rel="stylesheet" href="css/regular.min.css"> <link rel="stylesheet" href="css/brands.min.css"> <link rel="stylesheet" href="css/solid.min.css"> <link rel="stylesheet" href="css/fontawesome.min.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/main.css" class="color-switcher-link"> <script src="js/vendor/modernizr-custom.js"></script> <!--[if lt IE 9]> <script src="js/vendor/html5shiv.min.js"></script> <script src="js/vendor/respond.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <![endif]--> </head> <body> <!--[if lt IE 9]> <div class="bg-danger text-center">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" class="color-main">upgrade your browser</a> to improve your experience.</div> <![endif]--> <div class="preloader"> <div class="preloader_image"></div> </div> <!-- search modal --> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="search_modal"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="widget widget_search"> <form method="get" class="searchform search-form" action="https://html.modernwebtemplates.com/"> <div class="form-group"> <input type="text" value="" name="search" class="form-control" placeholder="Search keyword" id="modal-search-input"> </div> <button type="submit" class="btn">Search</button> </form> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="mail_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-md-12 col-lg-6"> <form class="contact-form c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Email</span> Us</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="name" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="email">Email address<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="email" class="form-control" placeholder="Email"> </div> <div class="form-group has-placeholder"> <label for="message">Message</label> <textarea aria-required="true" rows="6" cols="45" name="message" id="message" class="form-control" placeholder="Message"></textarea> </div> </div> </div> <div class="row mt-30"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_form_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> </div> </form> </div> <div class="col-md-12 col-lg-6"> <img src="images/email-modal.jpg" alt=""> </div> </div> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="sign_up_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-12 col-sm-6"> <form class="contact-form sign-in c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Sign Up</span> / Sign In</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="signupname" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="password">Password<span class="required">*</span></label> <input type="password" aria-required="true" size="30" value="" name="password" id="signuppassword" class="form-control" placeholder="Password"> </div> <div class="form-group has-placeholder"> <label for="email">Email<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="signupemail" class="form-control" placeholder="Email"> </div> <div> <input type="checkbox" class="checkbox" id="signupcheckbox" /> <label for="signupcheckbox">I agree with all the text in the agreement</label> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_signupform_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> <a class="phone_modal_button sign_up_modal close-modal" data-dismiss="modal" aria-label="Close" href="#sign_in_modal"><span aria-hidden="true">I am already Member</span></a> </div> </form> </div> <div class="col-12 col-sm-6 d-none d-sm-block"> <img src="images/sing-in-modal.jpg" alt=""> </div> </div> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="sign_in_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-12 col-sm-6"> <form class="contact-form sign-in c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Sign In</span> / Sign Up</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="signname" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="password">Password<span class="required">*</span></label> <input type="password" aria-required="true" size="30" value="" name="password" id="password" class="form-control" placeholder="Password"> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_signinform_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> <a class="sign_up_modal close-modal" data-dismiss="modal" aria-label="Close" href="#sign_up_modal"><span aria-hidden="true">Forgot Password?</span></a> </div> </form> </div> <div class="col-12 col-sm-6 d-none d-sm-block"> <img src="images/sing-in-modal.jpg" alt=""> </div> </div> </div> </div> <!-- Unyson messages modal --> <div class="modal fade" tabindex="-1" role="dialog" id="messages_modal"> <div class="fw-messages-wrap ls p-normal"> <!-- Uncomment this UL with LI to show messages in modal popup to your user: --> <!-- <ul class="list-unstyled"> <li>Message To User</li> </ul> --> </div> </div><!-- eof .modal --> <!-- wrappers for visual page editor and boxed version of template --> <div id="canvas"> <div id="box_wrapper"> <!-- template sections --> <header class="page_header_side header_slide ds"> <span class="toggle_menu toggle_menu_side header-slide"><span></span></span> <div class="scrollbar-macosx"> <div class="side_header_inner"> <div class="header-side-menu"> <!-- main side nav start --> <nav class="mainmenu_side_wrapper"> <ul class="nav menu-click"> <li class="active"> <a href="index.html">Home</a> <ul> <li> <a href="index.html">MultiPage</a> </li> <li> <a href="index_static.html">Static Intro</a> </li> <li> <a href="index_singlepage.html">Single Page</a> </li> </ul> </li> <li> <a href="about.html">Pages</a> <ul> <li> <a href="about.html">About</a> </li> <!-- features --> <li> <a href="shortcodes_iconbox.html">Shortcodes</a> <ul> <li> <a href="shortcodes_typography.html">Typography</a> </li> <li> <a href="shortcodes_buttons.html">Buttons</a> </li> <li> <a href="shortcodes_iconbox.html">Icon Boxes</a> </li> <li> <a href="shortcodes_progress.html">Progress</a> </li> <li> <a href="shortcodes_tabs.html">Tabs & Collapse</a> </li> <li> <a href="shortcodes_bootstrap.html">Bootstrap Elements</a> </li> <li> <a href="shortcodes_animation.html">Animation</a> </li> <li> <a href="shortcodes_icons.html">Template Icons</a> </li> <li> <a href="shortcodes_socialicons.html">Social Icons</a> </li> </ul> </li> <!-- eof shortcodes --> <li> <a href="services.html">Our Services</a> <ul> <li> <a href="services.html">Services 1</a> </li> <li> <a href="services2.html">Services 2</a> </li> <li> <a href="services3.html">Services 3</a> </li> <li> <a href="service-single.html">Single Service</a> </li> </ul> </li> <li> <a href="pricing.html">Pricing</a> </li> <!-- shop --> <li> <a href="shop-right.html">Shop</a> <ul> <li> <a href="shop-account-dashboard.html">Account</a> <ul> <li> <a href="shop-account-details.html">Account details</a> </li> <li> <a href="shop-account-addresses.html">Addresses</a> </li> <li> <a href="shop-account-address-edit.html">Edit Address</a> </li> <li> <a href="shop-account-orders.html">Orders</a> </li> <li> <a href="shop-account-order-single.html">Single Order</a> </li> <li> <a href="shop-account-downloads.html">Downloads</a> </li> <li> <a href="shop-account-password-reset.html">Password Reset</a> </li> <li> <a href="shop-account-login.html">Login/Logout</a> </li> </ul> </li> <li> <a href="shop-right.html">Right Sidebar</a> </li> <li> <a href="shop-left.html">Left Sidebar</a> </li> <li> <a href="shop-product-right.html">Product Right Sidebar</a> </li> <li> <a href="shop-product-left.html">Product Left Sidebar</a> </li> <li> <a href="shop-cart.html">Cart</a> </li> <li> <a href="shop-checkout.html">Checkout</a> </li> <li> <a href="shop-order-received.html">Order Received</a> </li> </ul> </li> <!-- eof shop --> <!-- blog --> <li> <a href="blog-right.html">Blog</a> <ul> <li> <a href="blog-right.html">Right Sidebar</a> </li> <li> <a href="blog-left.html">Left Sidebar</a> </li> <li> <a href="blog-full.html">No Sidebar</a> </li> <li> <a href="blog-grid.html">Blog Grid</a> </li> <li> <a href="blog-single-right.html">Post</a> <ul> <li> <a href="blog-single-right.html">Right Sidebar</a> </li> <li> <a href="blog-single-left.html">Left Sidebar</a> </li> <li> <a href="blog-single-full.html">No Sidebar</a> </li> </ul> </li> <li> <a href="blog-single-video-right.html">Video Post</a> <ul> <li> <a href="blog-single-video-right.html">Right Sidebar</a> </li> <li> <a href="blog-single-video-left.html">Left Sidebar</a> </li> <li> <a href="blog-single-video-full.html">No Sidebar</a> </li> </ul> </li> </ul> </li> <!-- eof blog --> <!-- gallery --> <li> <a href="gallery-image.html">Gallery</a> <ul> <!-- Gallery image only --> <li> <a href="gallery-image.html">Image Only</a> <ul> <li> <a href="gallery-image-2-cols.html">2 columns</a> </li> <li> <a href="gallery-image.html">3 columns</a> </li> <li> <a href="gallery-image-4-cols-fullwidth.html">4 columns fullwidth</a> </li> </ul> </li> <!-- eof Gallery image only --> <!-- Gallery with title --> <li> <a href="gallery-title.html">Image With Title</a> <ul> <li> <a href="gallery-title-2-cols.html">2 columns</a> </li> <li> <a href="gallery-title.html">3 column</a> </li> <li> <a href="gallery-title-4-cols-fullwidth.html">4 columns fullwidth</a> </li> </ul> </li> <!-- eof Gallery with title --> <!-- Gallery with excerpt --> <li> <a href="gallery-excerpt.html">Image with Excerpt</a> <ul> <li> <a href="gallery-excerpt-2-cols.html">2 columns</a> </li> <li> <a href="gallery-excerpt.html">3 column</a> </li> <li> <a href="gallery-excerpt-4-cols-fullwidth.html">4 columns fullwdith</a> </li> </ul> </li> <!-- eof Gallery with excerpt --> <li> <a href="gallery-tiled.html">Tiled Gallery</a> </li> <!-- Gallery item --> <li> <a href="gallery-single.html">Gallery Item</a> <ul> <li> <a href="gallery-single.html">Style 1</a> </li> <li> <a href="gallery-single2.html">Style 2</a> </li> </ul> </li> <!-- eof Gallery item --> </ul> </li> <!-- eof Gallery --> <li> <a href="shortcodes_widgets_default.html">Widgets</a> <ul> <li> <a href="shortcodes_widgets_default.html">Default Widgets</a> </li> <li> <a href="shortcodes_widgets_shop.html">Shop Widgets</a> </li> <li> <a href="shortcodes_widgets_custom.html">Custom Widgets</a> </li> </ul> </li> <!-- events --> <li> <a href="events-left.html">Events</a> <ul> <li> <a href="events-left.html">Left Sidebar</a> </li> <li> <a href="events-right.html">Right Sidebar</a> </li> <li> <a href="events-full.html">Full Width</a> </li> <li> <a href="event-single-left.html">Single Event</a> <ul> <li> <a href="event-single-left.html">Left Sidebar</a> </li> <li> <a href="event-single-right.html">Right Sidebar</a> </li> <li> <a href="event-single-full.html">Full Width</a> </li> </ul> </li> </ul> </li> <!-- eof events --> <li> <a href="team.html">Team</a> <ul> <li> <a href="team.html">Team List</a> </li> <li> <a href="team-single.html">Team Member</a> </li> </ul> </li> <li> <a href="comingsoon.html">Comingsoon</a> </li> <li> <a href="package.html">Package</a> </li> <li> <a href="courses.html">Courses</a> <ul> <li> <a href="courses.html">Courses</a> </li> <li> <a href="courses-single.html">Single course</a> </li> </ul> </li> <li> <a href="404.html">404</a> </li> </ul> </li> <!-- eof pages --> <li> <a href="how-it-works.html">How it works</a> </li> <li> <a href="#">Features</a> <div class="mega-menu"> <ul class="mega-menu-row"> <li class="mega-menu-col"> <a href="#">Headers</a> <ul> <li> <a href="header1.html">Header Type 1</a> </li> <li> <a href="header2.html">Header Type 2</a> </li> <li> <a href="header3.html">Header Type 3</a> </li> <li> <a href="header4.html">Header Type 4</a> </li> <li> <a href="header5.html">Header Type 5</a> </li> <li> <a href="header6.html">Header Type 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="#">Side Menus</a> <ul> <li> <a href="header-side.html">Push Left</a> </li> <li> <a href="header-side-right.html">Push Right</a> </li> <li> <a href="header-side-slide.html">Slide Left</a> </li> <li> <a href="header-side-slide-right.html">Slide Right</a> </li> <li> <a href="header-side-sticked.html">Sticked Left</a> </li> <li> <a href="header-side-sticked-right.html">Sticked Right</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="title1.html">Title Sections</a> <ul> <li> <a href="title1.html">Title section 1</a> </li> <li> <a href="title2.html">Title section 2</a> </li> <li> <a href="title3.html">Title section 3</a> </li> <li> <a href="title4.html">Title section 4</a> </li> <li> <a href="title5.html">Title section 5</a> </li> <li> <a href="title6.html">Title section 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="footer1.html#footer">Footers</a> <ul> <li> <a href="footer1.html#footer">Footer Type 1</a> </li> <li> <a href="footer2.html#footer">Footer Type 2</a> </li> <li> <a href="footer3.html#footer">Footer Type 3</a> </li> <li> <a href="footer4.html#footer">Footer Type 4</a> </li> <li> <a href="footer5.html#footer">Footer Type 5</a> </li> <li> <a href="footer6.html#footer">Footer Type 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="copyright1.html#copyright">Copyright</a> <ul> <li> <a href="copyright1.html#copyright">Copyright 1</a> </li> <li> <a href="copyright2.html#copyright">Copyright 2</a> </li> <li> <a href="copyright3.html#copyright">Copyright 3</a> </li> <li> <a href="copyright4.html#copyright">Copyright 4</a> </li> <li> <a href="copyright5.html#copyright">Copyright 5</a> </li> <li> <a href="copyright6.html#copyright">Copyright 6</a> </li> </ul> </li> </ul> </div> <!-- eof mega menu --> </li> <!-- eof features --> <li> <a href="faq.html">FAQ</a> <ul> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="faq2.html">FAQ 2</a> </li> </ul> </li> <!-- contacts --> <li> <a href="contact.html">Contact</a> <ul> <li> <a href="contact.html">Contact 1</a> </li> <li> <a href="contact2.html">Contact 2</a> </li> <li> <a href="contact3.html">Contact 3</a> </li> <li> <a href="contact4.html">Contact 4</a> </li> </ul> </li> <!-- eof contacts --> </ul> </nav> <!-- eof main side nav --> </div> <div class="text-center"> <span class="social-icons"> <a href="#" class="fa fa-facebook color-icon border-icon rounded-icon" title="facebook"></a> <a href="#" class="fab fa-youtube color-icon border-icon rounded-icon" title="youtube"></a> <a href="#" class="fab fa-linkedin-in color-icon border-icon rounded-icon" title="linkedin"></a> <a href="#" class="fa fa-twitter color-icon border-icon rounded-icon" title="twitter"></a> <a href="#" class="fa fa-google color-icon border-icon rounded-icon" title="google"></a> </span> </div> <div class="widget widget_search"> <form role="search" method="get" class="search-form" action="https://html.modernwebtemplates.com/"> <label for="search-form-widget"> <span class="screen-reader-text">Search for:</span> </label> <input type="search" id="search-form-widget" class="search-field" placeholder="Search" value="" name="search"> <button type="submit" class="search-submit"> <span class="screen-reader-text">Search</span> </button> </form> </div> <div class="widget widget_icons_list links-maincolor"> <ul class="list-unstyled"> <li class="icon-inline"> <div class="icon-styled color-darkgrey icon-top fs-14"> <i class="fa fa-map-marker"></i> </div> <p>90000, New Str. 123, Los Angeles, CA</p> </li> <li class="icon-inline"> <div class="icon-styled color-darkgrey icon-top fs-14"> <i class="fa fa-phone"></i> </div> <p>1-800-123-4567</p> </li> <li class="icon-inline"> <div class="icon-styled color-darkgrey icon-top fs-14"> <i class="fa fa-envelope"></i> </div> <p> <a href="#"><span class="__cf_email__" data-cfemail="5d38303c34311d38253c302d3138733e3230">[email protected]</span></a> </p> </li> </ul> </div> </div> </div> </header> <section class="page_topline ds ms s-py-5 c-my-5"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 text-lg-left text-center d-none d-lg-block"> <p><strong class="color-darkgrey">Welcome to our site! Check our services and gain success!</strong></p> </div> <div class="col-lg-6 text-lg-right text-center"> <ul class="top-includes border-divided small-text"> <li> <span> <a class="phone_modal_button" href="#sign_in_modal"><span class="ico icon-profile"></span></a> </span> </li> <li> <span> <a href="#"><i class="fa fa-lock"></i> Register</a> </span> </li> </ul> </div> </div> </div> </section> <!-- header with three Bootstrap columns - left for logo, center for navigation and right for includes--> <header class="page_header ds c-my-5"> <div class="container"> <div class="row align-items-center"> <div class="col-5 col-sm-5"> <a href="index-2.html" class="logo"> <img src="images/logo.png" alt=""> </a> </div> <div class="col-7 col-sm-7 text-center text-sm-right"> <ul class="top-includes"> <li> <span class="social-icons"> <a href="#" class="fa fa-facebook color-icon border-icon rounded-icon" title="facebook"></a> <a href="#" class="fab fa-youtube color-icon border-icon rounded-icon" title="youtube"></a> <a href="#" class="fab fa-linkedin-in color-icon border-icon rounded-icon" title="linkedin"></a> <a href="#" class="fa fa-twitter color-icon border-icon rounded-icon" title="twitter"></a> <a href="#" class="fa fa-google color-icon border-icon rounded-icon" title="google"></a> </span> </li> </ul> </div> </div> </div> </header> <section class="page_title cs s-parallax s-overlay gradientradial-background s-py-25"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="bold">Side Slide Header</h1> <ul class="breadcrumb"> <li class="breadcrumb-item"> <a href="index-2.html">Home</a> </li> <li class="breadcrumb-item"> <a href="#">Headers</a> </li> <li class="breadcrumb-item active"> Side Slide Header </li> </ul> </div> </div> </div> </section> <section class="ls s-py-50 c-gutter-60"> <div class="container"> <div class="row"> <div class="d-none d-lg-block divider-70"></div> <main class="col-lg-7 col-xl-8"> <div class="vertical-item content-padding text-center"> <div class="item-media"> <img src="images/gallery/04.jpg" alt=""> </div> <div class="item-content"> <h2> Lorem Ipsum Dolor </h2> <p class="excerpt"> Aspernatur dicta harum odio odit perferendis quasi quis repellendus. Alias, aut corporis earum explicabo iure labore non porro quae recusandae, tempora voluptas! </p> <p> Consectetur adipisicing elit. A alias architecto deserunt laborum magnam neque obcaecati qui saepe totam velit. Aliquam at cum doloremque exercitationem harum illum obcaecati pariatur porro. </p> <p> Consectetur adipisicing elit. A alias architecto deserunt laborum magnam neque obcaecati qui saepe totam velit. Aliquam at cum doloremque exercitationem harum illum obcaecati pariatur porro. </p> <p> Consectetur adipisicing elit. A alias architecto deserunt laborum magnam neque obcaecati qui saepe totam velit. Aliquam at cum doloremque exercitationem harum illum obcaecati pariatur porro. </p> </div> </div> </main> <aside class="col-lg-5 col-xl-4 "> <div class="widget widget_categories"> <h3 class="widget-title">Categories</h3> <ul> <li class="cat-item"> <a href="blog-right.html">Corporate</a> (12) <ul class="children"> <li class="cat-item"> <a href="blog-right.html">Business </a> (1) </li> </ul> </li> <li class="cat-item"> <a href="blog-right.html">Entertainment</a> (21) </li> <li class="cat-item"> <a href="blog-right.html">Innovations</a> (18) </li> <li class="cat-item"> <a href="blog-right.html">News</a> (43) </li> <li class="cat-item"> <a href="blog-right.html">Knowledge </a> (8) </li> </ul> </div> </aside> <div class="d-none d-lg-block divider-70"></div> </div> </div> </section> <footer class="page_footer ds s-pt-77 s-pb-60 c-gutter-60"> <div class="container"> <div class="row"> <div class="divider-20 d-none d-xl-block"></div> <div class="col-md-6 col-xl-4 animate" data-animation="fadeInUp"> <div class="widget widget_text "> <img src="images/logo.png" alt=""> <p>The Leader in Defensive Driving, Traffic School & Drivers Education for both Teens and Adults.</p> <p class="copyright"><i>Example.com Copyright <span class="copyright_year">©2019</span></i></p> </div> </div> <div class="col-md-6 col-xl-2 animate" data-animation="fadeInUp"> <div class="widget widget_working_hours"> <h3>Company</h3> <ul class="list-not-style"> <li> <a href="#">About us</a> </li> <li> <a href="#">Courses</a> </li> <li> <a href="#">Instructors</a> </li> <li> <a href="#">Pricing</a> </li> <li> <a href="#">Contact us</a> </li> </ul> </div> </div> <div class="col-md-6 col-xl-3 animate" data-animation="fadeInUp"> <div class="widget widget_icons_list"> <h3>Contacts</h3> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="ico icon-facebook-placeholder-for-locate-places-on-maps"></i> </div> <p class="media-body">USA, 3280 Cabell Avenue Alexandria, VA 22301</p> </div> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="ico icon-phone-receiver"></i> </div> <p class="media-body">Tel.: +1 703-518-6099</p> </div> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="fa fa-envelope"></i> </div> <p class="media-body"> <a href="#"><span class="__cf_email__" data-cfemail="2841464e47685d5b5c5d4c41064b4745">[email protected]</span></a> </p> </div> </div> </div> <div class="col-md-6 col-xl-3 animate" data-animation="fadeInUp"> <div class="widget widget_mailchimp"> <h3 class="widget-title">Subscribe</h3> <p> Get latest updates and offers </p> <form class="signup" action="https://html.modernwebtemplates.com/"> <label for="mailchimp_email"> <span class="screen-reader-text">Subscribe:</span> </label> <input id="mailchimp_email" name="email" type="email" class="form-control mailchimp_email" placeholder="Enter Your E-mail"> <button type="submit" class="search-submit"> <span class="screen-reader-text">Subscribe</span> </button> <div class="response"></div> </form> </div> <div class="row c-gutter-30"> <div class="col-sm-12 col-xl-6"> <a href="#" class="fa fa-facebook" title="facebook"><span>facebook</span></a> <a href="#" class="fa fa-twitter" title="twitter"><span>twitter</span></a> </div> <div class="col-sm-12 col-xl-6"> <a href="#" class="fab fa-linkedin-in" title="linkedin"><span>linkedin</span></a> <a href="#" class="fa fa-google" title="google"><span>google</span></a> </div> </div> </div> </div> </div> </footer> </div><!-- eof #box_wrapper --> </div><!-- eof #canvas --> <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/compressed.js"></script> <script src="js/main.js"></script> <script src="js/switcher.js"></script> </body> <!-- Mirrored from html.modernwebtemplates.com/drively/header-side-slide.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:06:43 GMT --> </html>