|
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/blog-left.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:06:06 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 --> <div class="header_absolute ds cover-background"> <!--topline section visible only on small screens|--> <section class="page_topline ds c-my-10 s-overlay"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-sm-5 text-left"> <span class="social-icons"> <a href="#" class="fa fa-facebook " title="facebook"></a> <a href="#" class="fab fa-youtube " title="youtube"></a> <a href="#" class="fab fa-linkedin-in " title="linkedin"></a> <a href="#" class="fa fa-twitter " title="twitter"></a> <a href="#" class="fa fa-google " title="google"></a> </span> </div> <div class="col-12 col-sm-7 text-right"> <ul class="small-text"> <li> <p class="phone_number"><span>Questions?</span><a href="tel:855374-6211">(855) 374-6211</a></p> </li> <li> <span> <a class="phone_modal_button" href="#sign_in_modal"><span class="ico icon-profile"></span></a> </span> </li> <li> <a class="email_modal_button" href="#mail_modal"><span class="ico icon-icon"></span></a> </li> <li> <a href="#"><span class="ico icon-comments"></span></a> </li> </ul> </div> </div> </div> </section> <!--eof topline--> <!-- header with two Bootstrap columns - left for logo and right for navigation and includes (search, social icons, additional links and buttons etc --> <header class="page_header ds justify-nav-end"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-3 col-lg-4 col-md-5 col-11"> <a href="index-2.html" class="logo"> <img src="images/logo.png" alt=""> </a> </div> <div class="col-xl-9 col-lg-8 col-md-7 col-1"> <div class="nav-wrap"> <!-- main nav start --> <nav class="top-nav"> <ul class="nav sf-menu"> <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 nav --> <!--hidding includes on small devices. They are duplicated in topline--> <ul class="top-includes d-none d-xl-block"> <li> <!--modal search--> <span> <a href="#" class="search_modal_button"> <i class="fa fa-search"></i> </a> </span> </li> </ul> </div> </div> </div> </div> <!-- header toggler --> <span class="toggle_menu"><span></span></span> </header> <section class="page_title padding-mobile cs s-pt-59 s-pb-94"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="bold">Blog with Left Sidebar</h1> <ul class="breadcrumb"> <li class="breadcrumb-item"> <a href="index-2.html">Home</a> </li> <li class="breadcrumb-item"> <a href="#">Pages</a> </li> <li class="breadcrumb-item active"> Blog with Left Sidebar </li> </ul> </div> </div> </div> </section> </div> <section class="ls s-py-50"> <div class="container"> <div class="divider-30 divider-lg-100"></div> <div class="row"> <div class="col-lg-12 blog_slider"> <section class="page_slider"> <div class="flexslider"> <ul class="slides"> <li class="cs"> <img src="images/slide01.jpg" alt=""> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="intro_layers_wrapper"> <div class="intro_layers"> <div class="intro_layer" data-animation="fadeInRight"> <h4 class="text-lowercase fw-100"> Your </h4> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h2 class="text-uppercase"> Success </h2> </div> <div class="intro_layer" data-animation="fadeInLeft"> <p class="text-uppercase">Solutions</p> </div> </div> <!-- eof .intro_layers --> </div> <!-- eof .intro_layers_wrapper --> </div> <!-- eof .col-* --> </div><!-- eof .row --> </div><!-- eof .container --> </li> <li class="cs"> <img src="images/slide02.jpg" alt=""> <div class="container"> <div class="row"> <div class="col-md-12 text-right"> <div class="intro_layers_wrapper"> <div class="intro_layers"> <div class="intro_layer" data-animation="fadeInRight"> <h4 class="text-lowercase"> Best </h4> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h2 class="text-uppercase"> Solutions </h2> </div> <div class="intro_layer" data-animation="fadeInLeft"> <p class="text-uppercase">For Business</p> </div> </div> <!-- eof .intro_layers --> </div> <!-- eof .intro_layers_wrapper --> </div> <!-- eof .col-* --> </div><!-- eof .row --> </div><!-- eof .container --> </li> <li class="cs"> <img src="images/slide03.jpg" alt=""> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <div class="intro_layers_wrapper intro_text_bottom"> <div class="intro_layers"> <div class="intro_layer" data-animation="fadeInRight"> <h4 class="text-lowercase"> Business </h4> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h2 class="text-uppercase"> Growth </h2> </div> <div class="intro_layer" data-animation="fadeInLeft"> <p class="text-uppercase">Methodics</p> </div> </div> <!-- eof .intro_layers --> </div> <!-- eof .intro_layers_wrapper --> </div> <!-- eof .col-* --> </div><!-- eof .row --> </div><!-- eof .container --> </li> <li class="cs"> <img src="images/slide04_800.jpg" alt=""> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <div class="intro_layers_wrapper intro_text_top"> <div class="intro_layers"> <div class="intro_layer" data-animation="fadeInRight"> <h4 class="text-lowercase"> let's </h4> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h3 class="text-uppercase"> Growth </h3> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h3 class="text-uppercase"> With </h3> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h3 class="text-uppercase"> Us </h3> </div> <div class="intro_layer" data-animation="fadeInLeft"> <p class="text-uppercase">Ideas</p> </div> </div> <!-- eof .intro_layers --> </div> <!-- eof .intro_layers_wrapper --> </div> <!-- eof .col-* --> </div><!-- eof .row --> </div><!-- eof .container --> </li> <li class="cs"> <img src="images/slide04_800.jpg" alt=""> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="intro_layers_wrapper intro_text_top"> <div class="intro_layers"> <div class="intro_layer" data-animation="fadeInRight"> <h4 class="text-lowercase"> let's </h4> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h2 class="text-uppercase"> Growth </h2> </div> <div class="intro_layer" data-animation="fadeInLeft"> <h3 class="text-uppercase"> With Us </h3> </div> </div> <!-- eof .intro_layers --> </div> <!-- eof .intro_layers_wrapper --> </div> <!-- eof .col-* --> </div><!-- eof .row --> </div><!-- eof .container --> </li> </ul> </div> <!-- eof flexslider --> </section> </div> </div> <div class="row c-gutter-60"> <main class="col-lg-7 col-xl-8 order-lg-2"> <article class="text-md-left vertical-item content-padding post type-post status-publish format-standard has-post-thumbnail sticky"> <i class="fa fa-thumb-tack" aria-hidden="true"></i> <div class="item-media post-thumbnail"> <a href="blog-single-left.html"> <img src="images/gallery/02.jpg" alt=""> </a> </div><!-- .post-thumbnail --> <div class="item-content"> <header class="entry-header"> <h3 class="entry-title"> <a href="blog-single-left.html" rel="bookmark"> Ready For A Safe, Fun Driving Experience? </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias et magni maxime mollitia reprehenderit repudiandae sint velit vero voluptas.</p> </div><!-- .entry-content --> <div class="entry-meta"> <!--<span class="screen-reader-text">Posted on</span>--> <a href="blog-single-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">18 Mar 19 </time> </a> <span class="byline"> <span class="author vcard"> <!--<span class="screen-reader-text">Author </span>--> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> <a class="read_more" href="blog-single-left.html" rel="bookmark"> Read more </a> </div> <!-- .entry-meta --> </div><!-- .item-content --> </article><!-- #post-## --> <article class="text-md-left vertical-item post type-post status-publish format-video has-post-thumbnail"> <div class="item-media post-thumbnail"> <div class="embed-responsive embed-responsive-3by2"> <a href="https://www.youtube.com/embed/mcixldqDIEQ" class="embed-placeholder"> <img src="images/gallery/07.jpg" alt=""> </a> </div> <!-- <iframe width="1000" height="460" src="https://www.youtube.com/embed/mcixldqDIEQ" allowfullscreen></iframe> --> </div><!-- .post-thumbnail --> <div class="item-content"> <header class="entry-header"> <h3 class="entry-title"> <a href="blog-single-video-left.html" rel="bookmark"> Teen Driver Statistics On Car Accidents </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias et magni maxime mollitia reprehenderit repudiandae sint velit vero voluptas.</p> </div><!-- .entry-content --> <div class="entry-meta"> <a href="blog-single-video-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">March 18, 2018 </time> </a> <span class="byline"> <span class="author vcard"> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> <a class="read_more" href="blog-single-left.html" rel="bookmark">Read more</a> </div> <!-- .entry-meta --> </div><!-- .item-content --> </article><!-- #post-## --> <article class="text-md-left vertical-item post type-post status-publish gallery has-post-thumbnail"> <div class="item-media post-thumbnail"> <div class="owl-carousel" data-loop="true" data-margin="0" data-nav="true" data-dots="false" data-themeclass="entry-thumbnail-carousel" data-center="false" data-items="1" data-autoplay="true" data-responsive-xs="1" data-responsive-sm="1" data-responsive-md="1" data-responsive-lg="1"> <div class="item"> <img src="images/gallery/13.jpg" alt="image"> </div> <div class="item"> <img src="images/gallery/01.jpg" alt="image"> </div> <div class="item"> <img src="images/gallery/02.jpg" alt="image"> </div> </div><!-- .owl-thumbnail --> </div><!-- .post-thumbnail --> <div class="item-content"> <header class="entry-header"> <h3 class="entry-title"> <a href="blog-single-left.html" rel="bookmark"> How to Get the Best Deal on a New Car </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias et magni maxime mollitia reprehenderit repudiandae sint velit vero voluptas.</p> </div><!-- .entry-content --> <div class="entry-meta"> <a href="blog-single-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">18 Mar 19 </time> </a> <span class="byline"> <span class="author vcard"> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> <a class="read_more" href="blog-single-left.html" rel="bookmark">Read more</a> </div> <!-- .entry-meta --> </div><!-- .item-content --> </article><!-- #post-## --> <article class="cover-image ds s-overlay post type-post status-publish format-status has-post-thumbnail"> <div class="post-thumbnail"> <a href="blog-single-left.html"> <img src="images/gallery/05.jpg" alt=""> </a> </div><!-- .post-thumbnail --> <header class="entry-header"> <img src="images/team/02.jpg" class="avatar" alt=""> <h3 class="entry-title"> <a href="blog-single-left.html" rel="bookmark"> Sample Post Format: Status </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <p>WordPress, how do I love thee? Let me count the ways (in 140 characters or less).</p> </div><!-- .entry-content --> <div class="entry-meta"> <a href="blog-single-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">11 Mar 19 </time> </a> <span class="byline"> <span class="author vcard"> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> </div> <!-- .entry-meta --> </article><!-- #post-## --> <article class="post type-post status-publish format-link ds ms"> <div class="item-content"> <header class="entry-header"> <h3 class="entry-title"> <a href="blog-single-left.html" rel="bookmark"> How to Get the Best Deal on a New Car </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <a href="https://themeforest.net/" class="links-maincolor fs-20">https://themeforest.net/</a> </div><!-- .entry-content --> <div class="entry-meta"> <a href="blog-single-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">12 Mar 19</time> </a> <span class="byline"> <span class="author vcard"> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> </div> <!-- .entry-meta --> </div><!-- .item-content --> </article><!-- #post-## --> <article class="text-md-left vertical-item post type-post status-publish format-chat has-post-thumbnail"> <div class="item-media post-thumbnail"> <a href="blog-single-left.html"> <img src="images/gallery/02.jpg" alt=""> </a> </div><!-- .post-thumbnail --> <div class="item-content"> <header class="entry-header"> <h3 class="entry-title"> <a href="blog-single-left.html" rel="bookmark">Vehicle Theft Protection Guidelines </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <p><strong>Abbott</strong>: Strange as it may seem, they give ball players nowadays very peculiar names.</p> <p><strong>Costello</strong>: Funny names?</p> <p><strong>Abbott</strong>: Nicknames, nicknames. Now, on the St. Louis team we have Who’s on first, What’s on second, I Don’t Know is on third–</p> <p><strong>Costello</strong>: That’s what I want to find out. I want you to tell me the names of the fellows on the St. Louis team.</p> </div><!-- .entry-content --> <!-- .entry-meta --> </div><!-- .item-content --> </article><!-- #post-## --> <article class="cover-image ds s-overlay post type-post status-publish format-quote has-post-thumbnail"> <div class="post-thumbnail"> <a href="blog-single-left.html"> <img src="images/gallery/11.jpg" alt=""> </a> </div><!-- .post-thumbnail --> <header class="entry-header"> <img src="images/team/02.jpg" class="avatar" alt=""> <i class="fa fa-quote-left color-main"></i> <!-- .entry-meta --> </header> <!-- .entry-header --> <div class="entry-content"> <blockquote> <p>Post format: Quote. Only one thing is impossible for God: To find any sense in any copyright law on the planet.</p> <div class="entry-meta"> <a href="blog-single-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">11 Mar 19</time> </a> <span class="byline"> <span class="author vcard"> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> </div> </blockquote> </div><!-- .entry-content --> </article><!-- #post-## --> <article class="text-md-left vertical-item content-padding post type-post status-publish format-standard has-post-thumbnail"> <div class="item-content"> <header class="entry-header"> <h3 class="entry-title"> <a href="blog-single-left.html" rel="bookmark"> Ready For A Safe, Fun Driving Experience? </a> </h3> </header> <!-- .entry-header --> <div class="entry-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias et magni maxime mollitia reprehenderit repudiandae sint velit vero voluptas.</p> </div><!-- .entry-content --> <div class="entry-meta"> <!--<span class="screen-reader-text">Posted on</span>--> <a href="blog-single-left.html" rel="bookmark"> <time class="entry-date published updated" datetime="2018-03-18T15:15:12+00:00">18 Mar 19 </time> </a> <span class="byline"> <span class="author vcard"> <!--<span class="screen-reader-text">Author </span>--> <a class="url fn n" href="blog-left.html">John Adamov</a> </span> </span> <a class="read_more" href="blog-single-left.html" rel="bookmark"> Read more </a> </div> <!-- .entry-meta --> </div><!-- .item-content --> </article><!-- #post-## --> <nav class="navigation pagination " role="navigation"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"> <a class="prev page-numbers" href="blog-right.html"> <i class="fa fa-chevron-left"></i> <span class="screen-reader-text">Previous page</span> </a> <a class="page-numbers" href="blog-right.html"> <span class="meta-nav screen-reader-text">Page </span> 1 </a> <span class="page-numbers current"> <span class="meta-nav screen-reader-text">Page </span> 2 </span> <a class="page-numbers" href="blog-right.html"> <span class="meta-nav screen-reader-text">Page </span> 3 </a> <a class="next page-numbers" href="blog-right.html"> <span class="screen-reader-text">Next page</span> <i class="fa fa-chevron-right"></i> </a> </div> </nav> </main> <aside class="col-lg-5 col-xl-4 order-lg-1"> <div class="p-30 ls cs"> <div class="widget widget_search"> <h3 class="widget-title">Search</h3> <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> <div class="widget widget_tag_cloud"> <h3 class="widget-title">Tags</h3> <div class="tagcloud"> <a href="blog-right.html" class="tag-cloud-link"> Corporate </a> <a href="blog-right.html" class="tag-cloud-link"> Business </a> <a href="blog-right.html" class="tag-cloud-link"> Entertainment </a> <a href="blog-right.html" class="tag-cloud-link"> Innovations </a> <a href="blog-right.html" class="tag-cloud-link"> News </a> <a href="blog-right.html" class="tag-cloud-link"> Knowledge </a> </div> </div> <div> <div class="widget widget_recent_posts"> <h3 class="widget-title">Popular Posts</h3> <ul class="list-unstyled"> <li class="media"> <a class="media-image" href="blog-single-right.html"> <img src="images/events/01.jpg" alt=""> </a> <div class="media-body"> <h4> <a href="blog-single-right.html">Eod tempor invidunt labore dolore magna</a> </h4> <p class="item-meta"> Dec 18, 2018 </p> </div> </li> <li class="media"> <a class="media-image" href="blog-single-right.html"> <img src="images/events/02.jpg" alt=""> </a> <div class="media-body"> <h4> <a href="blog-single-right.html">Aliquyam erat, sed voluptua vero eos </a> </h4> <p class="item-meta"> Nov 22, 2018 </p> </div> </li> <li class="media"> <a class="media-image" href="blog-single-right.html"> <img src="images/events/03.jpg" alt=""> </a> <div class="media-body"> <h4> <a href="blog-single-right.html">Et justo duo dolores et ea rebum</a> </h4> <p class="item-meta"> Nov 12, 2018 </p> </div> </li> </ul> </div> </div> <div> <div class="widget widget_instagram"> <h3 class="widget-title">Instagram</h3> <div class="instafeed"></div> </div> </div> <div class="widget widget_post_tabs small-tabs"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" href="#widget-tab4" role="tab" data-toggle="tab">Recent</a> </li> <li class="nav-item"> <a class="nav-link" href="#widget-tab5" role="tab" data-toggle="tab">Popular</a> </li> <li class="nav-item"> <a class="nav-link" href="#widget-tab6" role="tab" data-toggle="tab">Rated</a> </li> </ul> <!-- Tab panes --> <div class="tab-content top-color-border no-border"> <div class="tab-pane fade show active" id="widget-tab4"> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/01.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Consetetur elitr</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/02.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Lorem sadipscing elitr</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/03.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Elitr onsetetur sadip</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> </div><!-- eof tab --> <div class="tab-pane fade" id="widget-tab5"> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/03.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Elitr onsetetur sadip</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/01.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Consetetur elitr</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/02.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Lorem sadipscing elitr</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> </div><!-- eof tab --> <div class="tab-pane fade" id="widget-tab6"> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/01.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Consetetur elitr</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/03.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Elitr onsetetur sadip</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> <div class="vertical-item"> <div class="item-media"> <img src="images/gallery/02.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="blog-single-left.html"></a> </div> </div> <div class="item-content"> <h4> <a href="blog-single-right.html">Lorem sadipscing elitr</a> </h4> <p class="item-meta"> By <a href="blog-right.html">Admin</a> on <a href="blog-single-right.html">Jan 18, 2018</a> </p> </div> </div> </div><!-- eof tab --> </div><!-- eof tab-content --> </div><!-- eof widget --> </aside> <div class="divider-30 divider-lg-100"></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="31585f575e714442454455581f525e5c">[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/blog-left.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:06:07 GMT --> </html>