|
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/events-right.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:06:28 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">Events - Right 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"> Events - Right Sidebar </li> </ul> </div> </div> </div> </section> </div> <section class="ls s-py-50"> <div class="container"> <div class="d-none d-lg-block divider-70"></div> <div class="row c-gutter-60"> <main class="col-lg-7 col-xl-8"> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/08.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-6"> <div class="item-content"> <h6> <a href="event-single-right.html">Magna aliquyam erased voluptua</a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>March 12, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Consetetur sadipscing elitr</span> </p> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam et dolore magna aliquyam erat. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/01.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html"> Cupiditate ducimus ea eaque error et excepturi </a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>March 11, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Molestiae numquam officia</span> </p> <p> Cupiditate ducimus ea eaque error et excepturi ipsa ipsam, magni modi molestiae numquam officia quo quos ratione sed, similique ut voluptate. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/02.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html">Aliquam amet atque deleniti dignissimos dolor</a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>March 9, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Optio quam quod saepe</span> </p> <p> Aliquam amet, atque deleniti dignissimos dolor ducimus eaque eos error et facere ipsam iste laboriosam molestias optio quam quod saepe tempore voluptates. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/03.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html"> Ad ipsam itaque molestias quasi ratione </a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>March 4, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Quasi ratione saepe sequi</span> </p> <p> Accusantium, asperiores culpa iusto molestias reiciendis repellat voluptatum? Ad ipsam itaque molestias quasi ratione. Amet dolor laborum libero, quasi ratione saepe sequi. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/04.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html">Magna aliquyam erased voluptua</a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>March 2, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Consetetur sadipscing elitr</span> </p> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam et dolore magna aliquyam erat. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/05.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html"> Cupiditate ducimus ea eaque error et excepturi </a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>Jan 30, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Magni modi molestiae numquam</span> </p> <p> Cupiditate ducimus ea eaque error et excepturi ipsa ipsam, magni modi molestiae numquam officia quo quos ratione sed, similique ut voluptate. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/06.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html">Aliquam amet atque deleniti dignissimos dolor</a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>Jan 26, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Quod saepe tempore voluptates</span> </p> <p> Aliquam amet, atque deleniti dignissimos dolor ducimus eaque eos error et facere ipsam iste laboriosam molestias optio quam quod saepe tempore voluptates. </p> </div> </div> </div> </article> <article class="post event-post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/07.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html"> Ad ipsam itaque molestias quasi ratione </a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>Jan 20, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Itaque molestias quasi ratione</span> </p> <p> Accusantium, asperiores culpa iusto molestias reiciendis repellat voluptatum? Ad ipsam itaque molestias quasi ratione. Amet dolor laborum libero, quasi ratione saepe sequi. </p> </div> </div> </div> </article> <article class="post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/08.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html">Magna aliquyam erased voluptua</a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>March 16, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Consetetur sadipscing elitr</span> </p> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam et dolore magna aliquyam erat. </p> </div> </div> </div> </article> <article class="post event-post side-item content-padding bordered"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-5"> <div class="item-media cover-image"> <img src="images/events/01.jpg" alt=""> <div class="media-links"> <a class="abs-link" title="" href="event-single-right.html"></a> </div> </div> </div> <div class="col-xl-8 col-lg-7 col-md-7"> <div class="item-content"> <h6> <a href="event-single-right.html"> Cupiditate ducimus ea eaque error et excepturi </a> </h6> <p class="item-meta color-darkgrey"> <i class="ico icon-clock color-main"></i> <span>Jan 10, 2018</span> <i class="fa fa-map-marker color-main"></i> <span>Magni modi molestiae</span> </p> <p> Cupiditate ducimus ea eaque error et excepturi ipsa ipsam, magni modi molestiae numquam officia quo quos ratione sed, similique ut voluptate. </p> </div> </div> </div> </article> <nav class="navigation pagination" role="navigation"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"> <a class="prev page-numbers" href="events-right.html"> <i class="fa fa-chevron-left"></i> <span class="screen-reader-text">Previous page</span> </a> <a class="page-numbers" href="events-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="events-right.html"> <span class="meta-nav screen-reader-text">Page </span> 3 </a> <a class="next page-numbers" href="events-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"> <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="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="dbb2b5bdb49baea8afaebfb2f5b8b4b6">[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/events-right.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:06:28 GMT --> </html>