584 lines
39 KiB
HTML
584 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" class="wide wow-animation">
|
||
<head>
|
||
<!-- Site Title-->
|
||
<title>Classic Blog</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">Classic Blog</h1>
|
||
<ol class="breadcrumb">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="#">News</a></li>
|
||
<li>Classic Blog</li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
</header>
|
||
<!-- Page Content-->
|
||
<main class="page-content section-50 section-sm-70 section-sm-bottom-83">
|
||
<div class="shell">
|
||
<div class="range range-xs-center">
|
||
<div class="cell-md-6">
|
||
<h1 class="text-sm-left">Blog</h1>
|
||
</div>
|
||
</div>
|
||
<div class="range offset-top-25">
|
||
<div class="cell-md-6 cell-md-push-2">
|
||
<!-- Classic Thumbnail-->
|
||
<!-- Classic Gallery Carousel-->
|
||
<!-- Classic Thumbnail-->
|
||
<!-- Embed Video-->
|
||
<!-- Classic Soundcloud Player-->
|
||
|
||
<!-- Blog Classic-->
|
||
<section>
|
||
<!-- Post Classic-->
|
||
<article class="post post-classic">
|
||
<!-- Post media-->
|
||
<header class="post-media">
|
||
<div data-photo-swipe="gallery"><a class="thumbnail-classic" href="blog-post.html" target="_self">
|
||
<figure class="img-rounded"><img width="770" height="388" src="images/blog-1-770x357.jpg" alt="" class="img-rounded">
|
||
</figure></a>
|
||
</div>
|
||
</header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left offset-top-33">
|
||
<div class="unit unit-sm unit-sm-horizontal unit-sm-inverse">
|
||
<div class="unit-body">
|
||
<div class="inset-sm-left-15">
|
||
<!-- Post Meta-->
|
||
<div class="post-meta text-dark">
|
||
<time datetime="2016-01-01" class="text-base text-bold">August 25, 2016</time>
|
||
</div>
|
||
<!-- Post Title-->
|
||
<h4 class="text-bold offset-top-3"><a href="blog-post.html" class="text-dark">Why Adult Driver Education Course is important for operating a motor vehicle</a></h4>
|
||
<!-- Post Body-->
|
||
<div class="post-body offset-top-22">
|
||
<p>Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists’ responsibilities. California requires first-time driver’s license applicants to complete a six-hour Adult Driver Education Course.<a href="blog-post.html" class="btn-link btn-link-primary">Read more</a></p>
|
||
</div>
|
||
<!-- Post Tags-->
|
||
<div class="offset-top-29">
|
||
<div class="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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="unit-right offset-top-15 offset-sm-top-0">
|
||
<div class="unit unit-horizontal unit-middle unit-sm-vertical unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-3-69x69.jpg" alt=" " width="70" height="70" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<p>
|
||
<cite class="text-primary text-bold text-normal">Sandra Green</cite>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</article>
|
||
<div class="text-left">
|
||
<hr class="hr bg-gray-light divider-md offset-top-30">
|
||
</div>
|
||
<div class="offset-top-30">
|
||
<!-- Post Classic-->
|
||
<article class="post post-classic">
|
||
<!-- Post media-->
|
||
<header class="post-media">
|
||
<div data-photo-swipe="gallery"><a class="thumbnail-classic" href="blog-post.html" target="_self">
|
||
<figure class="img-rounded"><img width="770" height="388" src="images/blog-2-770x357.jpg" alt="" class="img-rounded">
|
||
</figure></a>
|
||
</div>
|
||
</header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left offset-top-33">
|
||
<div class="unit unit-sm unit-sm-horizontal unit-sm-inverse">
|
||
<div class="unit-body">
|
||
<div class="inset-sm-left-15">
|
||
<!-- Post Meta-->
|
||
<div class="post-meta text-dark">
|
||
<time datetime="2016-01-01" class="text-base text-bold">August 20, 2016 </time>
|
||
</div>
|
||
<!-- Post Title-->
|
||
<h4 class="text-bold offset-top-3"><a href="blog-post.html" class="text-dark">Congratulations on earning your instruction permits!</a></h4>
|
||
<!-- Post Body-->
|
||
<div class="post-body offset-top-22">
|
||
<p>Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.<a href="blog-post.html" class="btn-link btn-link-primary">Read more</a></p>
|
||
</div>
|
||
<!-- Post Tags-->
|
||
<div class="offset-top-29">
|
||
<div class="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">Instruction </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="unit-right offset-top-15 offset-sm-top-0">
|
||
<div class="unit unit-horizontal unit-middle unit-sm-vertical unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-4-69x69.jpg" alt=" " width="70" height="70" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<p>
|
||
<cite class="text-primary text-bold text-normal">John Nelson</cite>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
<div class="text-left">
|
||
<hr class="hr bg-gray-light divider-md offset-top-30">
|
||
</div>
|
||
<div class="offset-top-30">
|
||
<!-- Post Classic-->
|
||
<article class="post post-classic">
|
||
<!-- Post media-->
|
||
<header class="post-media">
|
||
<div data-photo-swipe="gallery"><a class="thumbnail-classic" href="blog-post.html" target="_self">
|
||
<figure class="img-rounded"><img width="770" height="388" src="images/blog-3-770x357.jpg" alt="" class="img-rounded">
|
||
</figure></a>
|
||
</div>
|
||
</header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left offset-top-33">
|
||
<div class="unit unit-sm unit-sm-horizontal unit-sm-inverse">
|
||
<div class="unit-body">
|
||
<div class="inset-sm-left-15">
|
||
<!-- Post Meta-->
|
||
<div class="post-meta text-dark">
|
||
<time datetime="2016-01-01" class="text-base text-bold">August 15, 2016</time>
|
||
</div>
|
||
<!-- Post Title-->
|
||
<h4 class="text-bold offset-top-3"><a href="blog-post.html" class="text-dark">Local state police will visit us to discuss distracted driving</a></h4>
|
||
<!-- Post Body-->
|
||
<div class="post-body offset-top-22">
|
||
<p>Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drive’s Teen Program. This presentation included interactive slides that featured actual video clips and photos of traffic crashes.<a href="blog-post.html" class="btn-link btn-link-primary">Read more</a></p>
|
||
</div>
|
||
<!-- Post Tags-->
|
||
<div class="offset-top-29">
|
||
<div class="group-xs group-tags"><a href="#" class="btn-link btn-link-primary">Driver </a><a href="#" class="btn-link btn-link-primary">Police </a><a href="#" class="btn-link btn-link-primary">Discuss</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="unit-right offset-top-15 offset-sm-top-0">
|
||
<div class="unit unit-horizontal unit-middle unit-sm-vertical unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-5-69x69.jpg" alt=" " width="70" height="70" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<p>
|
||
<cite class="text-primary text-bold text-normal">Jimmy Nelson</cite>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
<div class="text-left">
|
||
<hr class="hr bg-gray-light divider-md offset-top-30">
|
||
</div>
|
||
<div class="offset-top-30 text-lg-left inset-lg-left-65">
|
||
<!-- Classic Pagination-->
|
||
<nav>
|
||
<ul class="pagination-classic-variant-2">
|
||
<li class="disabled"><span class="mdi mdi-chevron-left"></span></li>
|
||
<li class="pagination-nav active"><span>1</span></li>
|
||
<li class="pagination-nav"><a href="#">2</a></li>
|
||
<li class="pagination-nav"><a href="#">3</a></li>
|
||
<li class="pagination-nav"><a href="#">4</a></li>
|
||
<li><a href="#" class="mdi mdi-chevron-right"></a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<div class="cell-md-3 offset-top-66 offset-md-top-0 cell-md-push-1">
|
||
<!-- Section Blog Modern-->
|
||
<aside class="text-left">
|
||
<!-- Search Form-->
|
||
<h4>Search</h4>
|
||
<div class="offset-top-25">
|
||
<!-- RD Search Form-->
|
||
<form action="search-results.html" method="GET" class="form-search rd-search">
|
||
<div class="form-group">
|
||
<label for="blog-sidebar-2-form-search-widget" class="form-label form-search-label form-label-sm">Search</label>
|
||
<input id="blog-sidebar-2-form-search-widget" type="text" name="s" autocomplete="off" class="form-search-input input-sm form-control input-sm">
|
||
</div>
|
||
<button type="submit" class="form-search-submit text-primary"><span class="mdi mdi-magnify"></span></button>
|
||
</form>
|
||
</div>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-21">
|
||
<!-- Twitter Feed-->
|
||
<h4 class="offset-top-25">Flickr</h4>
|
||
<div class="offset-top-25">
|
||
<!-- RD Flickr-->
|
||
<div data-flickr-id="47302490@N05" class="flickr">
|
||
<div data-type="flickr-item" class="flickr-item"><a href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3"><img data-image_q="src" data-title="alt" src="images/_blank.png" alt=""></a></div>
|
||
<div data-type="flickr-item" class="flickr-item"><a href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3"><img data-image_q="src" data-title="alt" src="images/_blank.png" alt=""></a></div>
|
||
<div data-type="flickr-item" class="flickr-item"><a href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3"><img data-image_q="src" data-title="alt" src="images/_blank.png" alt=""></a></div>
|
||
<div data-type="flickr-item" class="flickr-item"><a href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3"><img data-image_q="src" data-title="alt" src="images/_blank.png" alt=""></a></div>
|
||
<div data-type="flickr-item" class="flickr-item"><a href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3"><img data-image_q="src" data-title="alt" src="images/_blank.png" alt=""></a></div>
|
||
<div data-type="flickr-item" class="flickr-item"><a href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3"><img data-image_q="src" data-title="alt" src="images/_blank.png" alt=""></a></div>
|
||
</div>
|
||
</div>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-21">
|
||
<!-- Twitter Feed-->
|
||
<h4 class="offset-top-25">Twitter Feed</h4>
|
||
<div class="offset-top-25">
|
||
<div data-twitter-username="templatemonster" data-twitter-date-hours=" hours ago" data-twitter-date-minutes=" minutes ago" class="twitter">
|
||
<div data-twitter-type="tweet" class="twitter-sm offset-top-18">
|
||
<div data-date="text" class="twitter-date"></div>
|
||
<div data-tweet="text" class="twitter-text text-dark"></div>
|
||
<div data-screen_name="text" class="twitter-name offset-top-7"></div>
|
||
</div>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-21">
|
||
<div data-twitter-type="tweet" class="twitter-sm offset-top-25">
|
||
<div data-date="text" class="twitter-date"></div>
|
||
<div data-tweet="text" class="twitter-text text-dark"></div>
|
||
<div data-screen_name="text" class="twitter-name offset-top-7"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
<div class="cell-md-3 cell-lg-3 offset-top-66 offset-md-top-0 cell-md-push-3">
|
||
<!-- Section Blog Modern-->
|
||
<aside class="text-left">
|
||
<div class="range">
|
||
<div class="cell-sm-6 cell-md-12">
|
||
<!--Recent post-->
|
||
<h4>Recent posts</h4>
|
||
<div class="unit unit-horizontal offset-top-30 unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-3-69x69.jpg" width="69" height="69" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<time datetime="2016-01-01" class="text-middle text-base">August 25, 2016</time>
|
||
<p class="offset-top-10 text-bold"><a href="blog-post.html" class="text-dark">Why Adult Driver Education Course is important for operating a motor vehicle</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="unit unit-horizontal offset-top-40 unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-4-69x69.jpg" width="69" height="69" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<time datetime="2016-01-01" class="text-middle text-base">August 20, 2016</time>
|
||
<p class="offset-top-10 text-bold"><a href="blog-post.html" class="text-dark">Congratulations on earning your instruction permits!</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="unit unit-horizontal offset-top-40 unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-5-69x69.jpg" width="69" height="69" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<time datetime="2016-01-01" class="text-middle text-base">August 15, 2016</time>
|
||
<p class="offset-top-10 text-bold"><a href="blog-post.html" class="text-dark">Local state police will visit us to discuss distracted driving</a></p>
|
||
</div>
|
||
</div>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-30">
|
||
</div>
|
||
<div class="cell-sm-6 cell-md-12 offset-top-27 offset-sm-top-0 offset-md-top-27">
|
||
<!--Popular post-->
|
||
<h4>Popular posts</h4>
|
||
<div class="unit unit-horizontal offset-top-30 unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-3-69x69.jpg" width="69" height="69" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<time datetime="2016-01-01" class="text-middle text-base">August 25, 2016</time>
|
||
<p class="offset-top-10 text-bold"><a href="blog-post.html" class="text-dark">Why Adult Driver Education Course is important for operating a motor vehicle</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="unit unit-horizontal offset-top-40 unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-4-69x69.jpg" width="69" height="69" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<time datetime="2016-01-01" class="text-middle text-base">August 20, 2016</time>
|
||
<p class="offset-top-10 text-bold"><a href="blog-post.html" class="text-dark">Congratulations on earning your instruction permits!</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="unit unit-horizontal offset-top-40 unit-spacing-xs">
|
||
<div class="unit-left"><img src="images/blog-classic-5-69x69.jpg" width="69" height="69" alt="" class="img-circle"></div>
|
||
<div class="unit-body">
|
||
<time datetime="2016-01-01" class="text-middle text-base">August 15, 2016</time>
|
||
<p class="offset-top-10 text-bold"><a href="blog-post.html" class="text-dark">Local state police will visit us to discuss distracted driving</a></p>
|
||
</div>
|
||
</div>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-30">
|
||
</div>
|
||
</div>
|
||
<div class="range offset-top-27">
|
||
<div class="cell-xs-6 cell-md-12">
|
||
<!-- Category-->
|
||
<h4>Categories</h4>
|
||
<ul class="list-xs list-marked offset-top-22 big">
|
||
<li><a href="#">Drivers</a></li>
|
||
<li><a href="#">Instructors</a></li>
|
||
<li><a href="#">Courses</a></li>
|
||
<li><a href="#">Education</a></li>
|
||
<li><a href="#">Adult</a></li>
|
||
<li><a href="#">Teen</a></li>
|
||
<li><a href="#">Advanced</a></li>
|
||
</ul>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-30">
|
||
</div>
|
||
<div class="cell-xs-6 cell-md-12 offset-top-27 offset-xs-top-0 offset-md-top-27">
|
||
<!-- Archive-->
|
||
<h4>Archive</h4>
|
||
<ul class="list-xs list-marked offset-top-22 big">
|
||
<li><a href="#">August</a></li>
|
||
<li><a href="#">July</a></li>
|
||
<li><a href="#">June</a></li>
|
||
<li><a href="#">May</a></li>
|
||
<li><a href="#">April</a></li>
|
||
<li><a href="#">March</a></li>
|
||
<li><a href="#">February</a></li>
|
||
</ul>
|
||
<hr class="hr divider-sm bg-gray-light offset-top-30">
|
||
</div>
|
||
</div>
|
||
<!-- Tags-->
|
||
<h4 class="offset-top-27">Tags</h4>
|
||
<div class="offset-top-22">
|
||
<div class="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">Instruction</a><a href="#" class="btn-link btn-link-primary">Courses </a><a href="#" class="btn-link btn-link-primary">Police </a><a href="#" class="btn-link btn-link-primary">Discussion </a><a href="#" class="btn-link btn-link-primary">Adult </a><a href="#" class="btn-link btn-link-primary">Teen</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
<!-- Page Footers-->
|
||
<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> |