523 lines
38 KiB
HTML
523 lines
38 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" class="wide wow-animation">
|
||
<head>
|
||
<!-- Site Title-->
|
||
<title>Single Post</title>
|
||
<meta name="format-detection" content="telephone=no">
|
||
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta charset="utf-8">
|
||
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
||
<!-- Stylesheets-->
|
||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<!--[if lt IE 10]>
|
||
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
|
||
<script src="js/html5shiv.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body>
|
||
<!-- Page-->
|
||
<div class="page text-center">
|
||
<header class="page-head bg-typography">
|
||
<!-- RD Navbar-->
|
||
<div class="rd-navbar-wrap navbar-transparent">
|
||
<nav class="rd-navbar" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fullwidth" data-lg-layout="rd-navbar-static" data-device-layout="rd-navbar-fixed" data-sm-device-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fullwidth" data-lg-device-layout="rd-navbar-static" data-lg-stick-up-offset="70px">
|
||
<button data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit" class="rd-navbar-collapse-toggle"><span></span></button>
|
||
<div class="bg-black">
|
||
<div class="rd-navbar-top-panel bg-black">
|
||
<div><a href="callto:#" class="text-base text-bold text-top"><span class="mdi mdi-phone text-middle"></span> <span class="text-middle">1 (800) 123 1234</span></a><span class="inset-md-left-20 text-middle">USA, LOS ANGELES,901 East E Street, Wilmington, CA 90744</span></div>
|
||
<div>
|
||
<ul class="list-inline list-inline-xs">
|
||
<li><a href="#" class="icon icon-white fa-facebook"></a></li>
|
||
<li><a href="#" class="icon icon-white fa-google-plus"></a></li>
|
||
<li><a href="#" class="icon icon-white fa-linkedin"></a></li>
|
||
<li><a href="#" class="icon icon-white fa-twitter"></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="rd-navbar-inner">
|
||
<!-- RD Navbar Panel-->
|
||
<div class="rd-navbar-panel">
|
||
<!-- RD Navbar Toggle-->
|
||
<button data-rd-navbar-toggle=".rd-navbar-nav-wrap" type="submit" class="rd-navbar-toggle"><span></span></button>
|
||
<!-- RD Navbar Brand-->
|
||
<div class="rd-navbar-brand"><a href="index.html" class="brand-name"><span class="h4 text-bold text-primary">Safe</span> <span class="h4 text-bold text-white">Drive</span> <span class="text-base veil reveal-md-block reveal-xl-inline-block">LA Driving School</span></a></div>
|
||
</div>
|
||
<div class="rd-navbar-nav-wrap">
|
||
<!-- RD Navbar Nav-->
|
||
<ul class="rd-navbar-nav">
|
||
<li><a href="./">Home</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="index.html">Home 1</a></li>
|
||
<li><a href="index-header-center.html">Home 2</a></li>
|
||
<li><a href="index-header-hamburger.html">Home 3</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="about-us.html">About</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="cars.html">Our cars</a></li>
|
||
<li><a href="faq.html">FAQs</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="lessons.html">Lessons</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="lessons-single.html">Lessons Single Page</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="teachers.html">Teachers</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="teachers-single.html">Teacher profile</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">Pages</a>
|
||
<!-- RD Navbar Megamenu-->
|
||
<ul class="rd-navbar-megamenu">
|
||
<li>
|
||
<p>News</p>
|
||
<ul>
|
||
<li><a href="blog-classic-right-sidebar.html">Classic Blog</a></li>
|
||
<li><a href="blog-grid.html">Grid Blog</a></li>
|
||
<li><a href="blog-masonry.html">Masonry Blog</a></li>
|
||
<li><a href="blog-modern.html">Modern Blog</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="blog-post.html">Single Post</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<p>Elements</p>
|
||
<ul>
|
||
<li><a href="typography.html">Typography</a></li>
|
||
<li><a href="tabs-accordion.html">Tabs & Accordions</a></li>
|
||
<li><a href="grid.html">Grid</a></li>
|
||
<li><a href="buttons.html">Buttons</a></li>
|
||
<li><a href="forms.html">Forms</a></li>
|
||
<li><a href="progress-bars.html">Progress Bars</a></li>
|
||
<li><a href="tables.html">Tables</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<p>Pages</p>
|
||
<ul>
|
||
<li><a href="event.html">Events Calendar</a></li>
|
||
<li><a href="appointment.html">Book (Appointment)</a></li>
|
||
<li><a href="careers.html">Careers</a></li>
|
||
<li><a href="pricing.html">Pricing</a></li>
|
||
<li><a href="services.html">Services</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="services-single.html">Services Single Page</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<p>Pages</p>
|
||
<ul>
|
||
<li><a href="404.html">404 page</a></li>
|
||
<li><a href="503.html">503 page</a></li>
|
||
<li><a href="maintenance.html">Maintenance (Under Construction)</a></li>
|
||
<li><a href="coming-soon.html">Coming Soon</a></li>
|
||
<li><a href="login.html">Login Page</a></li>
|
||
<li><a href="register.html">Register Page</a></li>
|
||
<li><a href="search-results.html">Search Results</a></li>
|
||
<li><a href="site-map.html">Site Map</a></li>
|
||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="testimonials.html">Testimonials</a></li>
|
||
<li><a href="links.html">Links</a></li>
|
||
<li class="active"><a href="#">News</a>
|
||
<ul class="rd-navbar-dropdown">
|
||
<li><a href="blog-classic-right-sidebar.html">Classic Blog With Right Sidebar</a></li>
|
||
<li><a href="blog-classic-left-sidebar.html">Classic Blog With Left Sidebar</a></li>
|
||
<li><a href="blog-classic-both-sidebar.html">Classic Blog With Both Sidebars</a></li>
|
||
<li><a href="blog-grid.html"> Grid Blog</a></li>
|
||
<li><a href="blog-grid-2col.html"> Grid Blog Two Columns</a></li>
|
||
<li><a href="blog-grid-3col.html"> Grid Blog Three Columns</a></li>
|
||
<li><a href="blog-masonry.html">Masonry Blog</a></li>
|
||
<li><a href="blog-masonry-2col.html">Masonry Blog Two Columns</a></li>
|
||
<li><a href="blog-masonry-3col.html">Masonry Blog Three Columns</a></li>
|
||
<li><a href="blog-modern.html"> Modern Blog</a></li>
|
||
<li><a href="blog-modern-right.html"> Modern Blog Right</a></li>
|
||
<li><a href="blog-modern-left-sidebar.html"> Modern Blog With Left Sidebar</a></li>
|
||
<li><a href="blog-post.html">Blog Post</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contacts.html">Locations</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
<section class="section-top-64 section-bottom-48 section-md-top-105 section-md-bottom-120 inset-left-15 inset-right-15">
|
||
<div class="shell text-sm-right">
|
||
<h1 class="big text-uppercase text-ebold">Single Post</h1>
|
||
<ol class="breadcrumb">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="#">News</a></li>
|
||
<li>Single Post</li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
</header>
|
||
<!-- Page Content-->
|
||
<main class="page-content">
|
||
<!-- Classic Thumbnail-->
|
||
<!-- Classic Gallery Carousel-->
|
||
<!-- Classic Thumbnail-->
|
||
<!-- Embed Video-->
|
||
<!-- Classic Soundcloud Player-->
|
||
<!-- Blog Default Single-->
|
||
<section class="section-50 section-sm-top-70 section-sm-bottom-105 text-sm-left">
|
||
<div class="shell">
|
||
<div class="range range-xs-center">
|
||
<div class="cell-sm-4 cell-lg-4">
|
||
<div class="thumbnail-variant-1 section-top-0 img-thumbnail-classic"><img src="images/teacher-01-370-316.jpg" alt="" width="316" class="img-responsive img-fullwidth img-rounded"/>
|
||
<div class="caption">
|
||
<div class="group-lg">
|
||
<div class="big text-bold text-top">John Malkovich<span class="text-regular display-block">(head instructor)</span></div>
|
||
<ul class="list-inline list-inline-xxs offset-top-20">
|
||
<li><a href="#" class="icon icon-circle icon-social icon-xxs icon-primary fa-facebook"></a></li>
|
||
<li><a href="#" class="icon icon-circle icon-social icon-xxs icon-primary fa-google-plus"></a></li>
|
||
<li><a href="#" class="icon icon-circle icon-social icon-xxs icon-primary fa-linkedin"></a></li>
|
||
<li><a href="#" class="icon icon-circle icon-social icon-xxs icon-primary fa-twitter"></a></li>
|
||
</ul>
|
||
</div><a href="blog-classic.html" class="btn btn-primary btn-xs offset-top-20">All posts</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cell-sm-8 cell-lg-8">
|
||
<!-- Post Wide-->
|
||
<article class="post post-default text-left">
|
||
<!-- Post Header-->
|
||
<div class="header post-header">
|
||
<!-- Post Meta-->
|
||
<ul class="post-controls list-inline list-inline-sm">
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-clock"></span>
|
||
<time datetime="2016-01-01" class="text-base text-middle">March 7, 2016</time>
|
||
</li>
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-share"> </span><a href="#" class="text-base text-middle">12</a></li>
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-heart-outline"> </span><a href="#" class="text-base text-middle">54</a>
|
||
</li>
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-comment-multiple-outline"> </span><span class="text-base text-middle">4</span></li>
|
||
</ul>
|
||
<!-- Post Meta-->
|
||
<h1 class="post-title text-sbold">Which Class Is Right For You?</h1>
|
||
<!-- Post Media-->
|
||
</div>
|
||
<!-- PostContent-->
|
||
<section class="post-content offset-top-41">
|
||
<p class="offset-top-20">So you're ready to get started with Safe Drive, congratulations! Did you know that you are required by law to take a driver's education course before you can get your license? (If you didn't, now you do!) Now, you do have a few different options when it comes to deciding which course you should take, so let's go over them and see what fits you best.</p>
|
||
<p class="offset-top-20">First up is our <a href='#' class='text-underline'> Full Driver's Education Program.</a> This is our general recommendation for everyone, because it gives you the most comprehensive education available. This course will cover everything you need to become a safe and confident driver. Not only does this package include 30 hours of classroom time (don't worry - they're broken down into easy-to-digest 2 hour blocks), but it also comes with <a href='#' class='text-underline'>8 hours of private driving lessons.</a> In addition, most insurance carriers offer a discount to students who complete this course. Students usually find that with this discount, the course pays for itself in less than a year!</p>
|
||
<p class="offset-top-20">Next comes our <a href='#' class='text-underline'>8 Hour Safe Driving Course.</a> This is the fastest way to complete your driver's ed requirement. It's a basic overview of safe driving skills, and does include the required Parent Class. However, it DOES NOT include private driving lessons. To get a license, you must log 40 hours of driving experience, so with this option you'll either have to complete that on your own with a Qualified Trainer, or <a href='#' class='text-underline'>book a lesson</a> with a driving school, like us!</p>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section><img src="images/bg-post-1-1923x628.jpg" alt="" width="1923" height="628" class="img-responsive img-fullwidth"/>
|
||
</section>
|
||
<section class="section-50 section-sm-90">
|
||
<div class="shell">
|
||
<div class="range range-xs-center range-sm-right">
|
||
<div class="cell-lg-9 text-sm-left">
|
||
<h4>Conclusion</h4>
|
||
<p class="offset-top-25">Finally, you can choose either of the above options and <a href='#' class='text-underline'>add Private Driving Lessons</a> as you see fit. Want to take the 8 Hour Safe Driving Course but also need some practice with an instructor? No problem, you can add a Private Driving Lesson at any time. Already finished your Safe Drive's Education Program and included driving lessons but still want more practice? Great! You can add as many driving lessons as you need. We'll do whatever we can to make sure you're prepared to get your license and get on the road safely.</p>
|
||
<div class="offset-top-27">
|
||
<div class="group-sm"><a href="#" class="btn btn-facebook btn-md btn-icon btn-icon-left"><span class="icon icon-xs fa-facebook"></span>Facebook</a><a href="#" class="btn btn-twitter btn-md btn-icon btn-icon-left"><span class="icon icon-xs fa-twitter"></span>Twitter</a><a href="#" class="btn btn-google-plus btn-md btn-icon btn-icon-left"><span class="icon icon-xs fa-google-plus"></span>Google +</a></div>
|
||
</div>
|
||
<div class="offset-top-27">
|
||
<p class="text-sm-left group-xs group-tags"><a href="#" class="btn-link btn-link-primary">Driver</a><a href="#" class="btn-link btn-link-primary">Education</a><a href="#" class="btn-link btn-link-primary">Course</a>
|
||
</p>
|
||
</div>
|
||
<hr class="hr bg-gray-light divider-md offset-top-30">
|
||
<h4 class="offset-top-30 text-left">Related posts</h4>
|
||
<div class="range offset-top-30">
|
||
<div class="cell-sm-6">
|
||
<!-- Post Widget-->
|
||
<article class="post widget-post text-left"><a href="#">
|
||
<div class="unit unit-horizontal unit-spacing-xs unit-top">
|
||
<div class="unit-left"><img width="69" height="69" src="images/blog-classic-3-69x69.jpg" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<div class="post-meta"><span class="icon icon-xxs mdi mdi-arrow-right"></span>
|
||
<time datetime="2016-01-01" class="text-base">August 25, 2016</time>
|
||
</div>
|
||
<div class="post-title offset-top-5">
|
||
<p class="text-bold text-dark">Why Adult Driver Education Course is important for operating a motor vehicle</p>
|
||
</div>
|
||
</div>
|
||
</div></a></article>
|
||
<div class="offset-top-40">
|
||
<!-- Post Widget-->
|
||
<article class="post widget-post text-left"><a href="#">
|
||
<div class="unit unit-horizontal unit-spacing-xs unit-top">
|
||
<div class="unit-left"><img width="69" height="69" src="images/blog-classic-4-69x69.jpg" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<div class="post-meta"><span class="icon icon-xxs mdi mdi-arrow-right"></span>
|
||
<time datetime="2016-01-01" class="text-base">August 20, 2016</time>
|
||
</div>
|
||
<div class="post-title offset-top-5">
|
||
<p class="text-bold text-dark">Congratulations on earning your instruction permits!</p>
|
||
</div>
|
||
</div>
|
||
</div></a></article>
|
||
</div>
|
||
</div>
|
||
<div class="cell-sm-6 offset-top-40 offset-sm-top-0">
|
||
<!-- Post Widget-->
|
||
<article class="post widget-post text-left"><a href="#">
|
||
<div class="unit unit-horizontal unit-spacing-xs unit-top">
|
||
<div class="unit-left"><img width="69" height="69" src="images/blog-classic-5-69x69.jpg" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<div class="post-meta"><span class="icon icon-xxs mdi mdi-arrow-right"></span>
|
||
<time datetime="2016-01-01" class="text-base">August 15, 2016</time>
|
||
</div>
|
||
<div class="post-title offset-top-5">
|
||
<p class="text-bold text-dark">Local state police will visit us to discuss distracted driving</p>
|
||
</div>
|
||
</div>
|
||
</div></a></article>
|
||
<div class="offset-top-40">
|
||
<!-- Post Widget-->
|
||
<article class="post widget-post text-left"><a href="#">
|
||
<div class="unit unit-horizontal unit-spacing-xs unit-top">
|
||
<div class="unit-left"><img width="69" height="69" src="images/blog-classic-3-69x69.jpg" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<div class="post-meta"><span class="icon icon-xxs mdi mdi-arrow-right"></span>
|
||
<time datetime="2016-01-01" class="text-base">August 10, 2016</time>
|
||
</div>
|
||
<div class="post-title offset-top-5">
|
||
<p class="text-bold text-dark">Some of the worst drivers are right here in California</p>
|
||
</div>
|
||
</div>
|
||
</div></a></article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr class="hr bg-gray-light divider-md offset-top-33">
|
||
<div id="comments"></div>
|
||
<h4 class="offset-top-25 text-left">Comments</h4>
|
||
<div class="offset-top-30">
|
||
<!-- Box Comment-->
|
||
<div class="box-comment text-left box-comment-outboxed">
|
||
<div class="media">
|
||
<div class="media-left"><img src="images/blog-classic-3-69x69.jpg" alt="Rita Black" width="69" height="69" class="box-comment-img img-circle"></div>
|
||
<div class="media-body">
|
||
<div class="inset-sm-left-20">
|
||
<header class="box-comment-header unit unit-vertical unit-spacing-md unit-md unit-md-horizontal unit-md-inverse unit-md-middle unit-md-align-right">
|
||
<div class="unit-left unit-grow-1">
|
||
<ul class="box-comment-meta list-inline list-inline-sm">
|
||
<li><span class="box-comment-icon mdi mdi-clock icon-xs text-middle text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-bold text-middle">March 7, 9:14</time>
|
||
</li>
|
||
<li><a href="#like" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-thumb-up-outline"></span> like</a></li>
|
||
<li><a href="#reply" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-comment-multiple-outline"></span> reply</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="unit-body">
|
||
<div class="box-comment-title">Rita Black</div>
|
||
</div>
|
||
</header>
|
||
<section class="box-comment-body">
|
||
<p>Thanks for an interesting article! Your driving school is one of the most known in our region, and I’m glad that my son learns to drive at Safe Drive.</p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Box Comment-->
|
||
<div class="box-comment text-left box-comment-outboxed">
|
||
<div class="media">
|
||
<div class="media-left"><img src="images/blog-classic-6-69x69.jpg" alt="John Nelson" width="69" height="69" class="box-comment-img img-circle"></div>
|
||
<div class="media-body">
|
||
<div class="inset-sm-left-20">
|
||
<header class="box-comment-header unit unit-vertical unit-spacing-md unit-md unit-md-horizontal unit-md-inverse unit-md-middle unit-md-align-right">
|
||
<div class="unit-left unit-grow-1">
|
||
<ul class="box-comment-meta list-inline list-inline-sm">
|
||
<li><span class="box-comment-icon mdi mdi-clock icon-xs text-middle text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-bold text-middle">March 7, 9:20</time>
|
||
</li>
|
||
<li><a href="#like" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-thumb-up-outline"></span> like</a></li>
|
||
<li><a href="#reply" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-comment-multiple-outline"></span> reply</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="unit-body">
|
||
<div class="box-comment-title">John Nelson</div>
|
||
</div>
|
||
</header>
|
||
<section class="box-comment-body">
|
||
<p>Completely agree with you! Their new driving courses are especially useful for adult beginners in driving. That’s exactly what I need now.</p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Box Comment-->
|
||
<div class="box-comment text-left box-comment-outboxed">
|
||
<div class="media">
|
||
<div class="media-left"><img src="images/blog-classic-8-69x69.jpg" alt="Jack Johnson" width="69" height="69" class="box-comment-img img-circle"></div>
|
||
<div class="media-body">
|
||
<div class="inset-sm-left-20">
|
||
<header class="box-comment-header unit unit-vertical unit-spacing-md unit-md unit-md-horizontal unit-md-inverse unit-md-middle unit-md-align-right">
|
||
<div class="unit-left unit-grow-1">
|
||
<ul class="box-comment-meta list-inline list-inline-sm">
|
||
<li><span class="box-comment-icon mdi mdi-clock icon-xs text-middle text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-bold text-middle">March 7, 9:25 </time>
|
||
</li>
|
||
<li><a href="#like" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-thumb-up-outline"></span> like</a></li>
|
||
<li><a href="#reply" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-comment-multiple-outline"></span> reply</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="unit-body">
|
||
<div class="box-comment-title">Jack Johnson</div>
|
||
</div>
|
||
</header>
|
||
<section class="box-comment-body">
|
||
<p>I would like to add something. Safe Drive’s instructors also write interesting articles about driving issues that happen on the road.</p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Box Comment-->
|
||
<div class="box-comment text-left box-comment-outboxed">
|
||
<div class="media">
|
||
<div class="media-left"><img src="images/blog-classic-7-69x69.jpg" alt="Sara Green" width="69" height="69" class="box-comment-img img-circle"></div>
|
||
<div class="media-body">
|
||
<div class="inset-sm-left-20">
|
||
<header class="box-comment-header unit unit-vertical unit-spacing-md unit-md unit-md-horizontal unit-md-inverse unit-md-middle unit-md-align-right">
|
||
<div class="unit-left unit-grow-1">
|
||
<ul class="box-comment-meta list-inline list-inline-sm">
|
||
<li><span class="box-comment-icon mdi mdi-clock icon-xs text-middle text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-bold text-middle">March 7, 9:30 </time>
|
||
</li>
|
||
<li><a href="#like" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-thumb-up-outline"></span> like</a></li>
|
||
<li><a href="#reply" class="text-base text-bold text-middle"><span class="box-comment-icon icon-xs text-middle text-primary mdi mdi-comment-multiple-outline"></span> reply</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="unit-body">
|
||
<div class="box-comment-title">Sara Green</div>
|
||
</div>
|
||
</header>
|
||
<section class="box-comment-body">
|
||
<p>This post is really useful! Thank you for sharing this information, now I know what course to choose for my further driving education.</p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr class="hr bg-gray-light divider-md offset-top-33">
|
||
<h4 class="offset-top-22 offset-lg-top-88 text-left">Leave a comment</h4>
|
||
<form data-form-output="form-contact-me" data-form-type="contact" method="post" action="bat/rd-mailform.php" class="rd-mailform offset-top-20 text-left form-comment">
|
||
<div class="form-group">
|
||
<label for="comment-message" class="form-label"></label>
|
||
<textarea id="comment-message" data-constraints="@Required" style="height: 170px" class="form-control"></textarea>
|
||
</div>
|
||
<div class="group-sm text-center text-lg-right offset-top-30">
|
||
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<!-- Page Footer-->
|
||
<footer class="page-foot bg-gray-light section-50 section-md-top-80 section-md-bottom-60">
|
||
<section class="footer-content text-center text-sm-left">
|
||
<div class="shell">
|
||
<div class="range border-left-cell">
|
||
<div class="cell-xs-12 cell-sm-4 cell-lg-3 cell-lg-push-1">
|
||
<!-- RD Navbar Brand-->
|
||
<div class="rd-navbar-brand"><a href="index.html" class="brand-name"><span class="h4 text-bold text-primary">Safe</span> <span class="h4 text-bold text-dark">Drive</span></a></div>
|
||
<h6 class="big text-base text-bold offset-top-17">Address:</h6>
|
||
<div class="offset-top-7">
|
||
<p class="text-bold text-dark">4578 Marmora St, <br class="visible-lg-inline"> San Francisco D04 89GR.</p>
|
||
</div>
|
||
<address class="offset-top-7">
|
||
<div class="unit unit-sm-horizontal unit-middle">
|
||
<div class="unit-left"><span class="text-dark text-bold">Telephone:</span></div>
|
||
<div class="unit-body"><a href="callto:#" class="text-dark text-bold">1-800-1234-567</a><span class="text-dark text-bold">,</span></div>
|
||
</div>
|
||
<div class="unit unit-sm-horizontal unit-middle offset-top-7">
|
||
<div class="unit-left"><span class="text-dark text-bold">E-mail:</span></div>
|
||
<div class="unit-body"><a href="mailto:#" class="text-bold">info@demolink.org</a></div>
|
||
</div>
|
||
</address>
|
||
</div>
|
||
<div class="cell-xs-12 cell-sm-8 cell-lg-5 offset-top-45 offset-sm-top-0 cell-lg-push-3">
|
||
<h6 class="big text-bold">Newsletter</h6>
|
||
<div class="offset-top-30 text-left">
|
||
<p class="text-bold">Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.</p>
|
||
</div>
|
||
<div class="offset-top-15">
|
||
<form data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php" class="rd-mailform form-subscribe form-inline-flex-xs">
|
||
<div class="form-group">
|
||
<input placeholder="" type="email" name="email" data-constraints="@Required @Email" class="form-control">
|
||
</div>
|
||
<button type="submit" class="btn btn-md btn-primary">Subscribe</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="cell-xs-12 cell-sm-6 cell-lg-4 offset-top-30 offset-lg-top-0 cell-lg-push-2">
|
||
<div class="group-sm"><img src="images/footer-01-100x93.jpg" alt="" width="100" height="93"/><img src="images/footer-02-100x93.jpg" alt="" width="100" height="93"/><img src="images/footer-03-100x93.jpg" alt="" width="100" height="93"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr class="hr offset-top-40">
|
||
</div>
|
||
<div class="shell offset-top-40">
|
||
<p class="text-bold text-sm-left">SafeDrive © <span id="copyright-year"></span> <a href="privacy.html" class="text-base">Privacy Policy</a></p>
|
||
</div>
|
||
</section>
|
||
</footer>
|
||
</div>
|
||
<!-- Global Mailform Output-->
|
||
<div id="form-output-global" class="snackbars"></div>
|
||
<!-- PhotoSwipe Gallery-->
|
||
<div tabindex="-1" role="dialog" aria-hidden="true" class="pswp">
|
||
<div class="pswp__bg"></div>
|
||
<div class="pswp__scroll-wrap">
|
||
<div class="pswp__container">
|
||
<div class="pswp__item"></div>
|
||
<div class="pswp__item"></div>
|
||
<div class="pswp__item"></div>
|
||
</div>
|
||
<div class="pswp__ui pswp__ui--hidden">
|
||
<div class="pswp__top-bar">
|
||
<div class="pswp__counter"></div>
|
||
<button title="Close (Esc)" class="pswp__button pswp__button--close"></button>
|
||
<button title="Share" class="pswp__button pswp__button--share"></button>
|
||
<button title="Toggle fullscreen" class="pswp__button pswp__button--fs"></button>
|
||
<button title="Zoom in/out" class="pswp__button pswp__button--zoom"></button>
|
||
<div class="pswp__preloader">
|
||
<div class="pswp__preloader__icn">
|
||
<div class="pswp__preloader__cut">
|
||
<div class="pswp__preloader__donut"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||
<div class="pswp__share-tooltip"></div>
|
||
</div>
|
||
<button title="Previous (arrow left)" class="pswp__button pswp__button--arrow--left"></button>
|
||
<button title="Next (arrow right)" class="pswp__button pswp__button--arrow--right"></button>
|
||
<div class="pswp__caption">
|
||
<div class="pswp__caption__cent"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Java script-->
|
||
<script src="js/core.min.js"></script>
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html> |