879 lines
54 KiB
HTML
879 lines
54 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" class="wide wow-animation">
|
||
<head>
|
||
<!-- Site Title-->
|
||
<title>Home</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">
|
||
<!-- Page Header-->
|
||
<header class="page-head page-head-center">
|
||
<!-- RD Navbar-->
|
||
<div class="rd-navbar-wrap navbar-center">
|
||
<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">
|
||
<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-dark">Drive</span> <span class="text-base veil reveal-md-block">LA Driving School</span></a></div>
|
||
</div>
|
||
<div class="rd-navbar-nav-wrap">
|
||
<!-- RD Navbar Nav-->
|
||
<ul class="rd-navbar-nav">
|
||
<li class="active"><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><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>
|
||
<!-- Slick Carousel-->
|
||
<div data-arrows="false" data-loop="false" data-dots="true" data-swipe="true" data-items="1" data-child="#child-carousel" data-for="#child-carousel" data-autoplay="true" class="slick-slider carousel-parent slick-header-parent">
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-3-1920x597.jpg" alt="" width="1920" height="597" class="img-responsive"/>
|
||
</div>
|
||
<div class="jumbotron-custom">
|
||
<div class="shell">
|
||
<div class="range range-xs-center">
|
||
<div class="cell-sm-10 cell-lg-7">
|
||
<div>
|
||
<h1 class="big text-white text-uppercase text-ebold">road test services</h1>
|
||
<h6 class="text-light text-white offset-top-15">Test your car at our driving track! Discounts available <br class="visible-lg-inline"> to all Safe Drive students.</h6>
|
||
</div>
|
||
<div class="offset-top-27">
|
||
<div class="group"><a href="about-us.html" class="btn btn-md btn-white-variant-1 letter-spacing-25">Learn More</a><a href="lessons.html" class="btn btn-md letter-spacing-25 btn-white-variant-2">Select A Course</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-4-1920x597.jpg" alt="" width="1920" height="597" class="img-responsive"/>
|
||
</div>
|
||
<div class="jumbotron-custom">
|
||
<div class="shell">
|
||
<div class="range range-xs-center">
|
||
<div class="cell-sm-10 cell-lg-8">
|
||
<div>
|
||
<h1 class="big text-white text-uppercase text-ebold">teen programs</h1>
|
||
<h6 class="text-light text-white offset-top-15">Complete Course Options (Classroom + Behind the Wheel Lessons) <br class="visible-lg-inline"> Partial Course Options (Behind the Wheel Lessons Only)</h6>
|
||
</div>
|
||
<div class="offset-top-27">
|
||
<div class="group"><a href="about-us.html" class="btn btn-md btn-white-variant-1 letter-spacing-25">Learn More</a><a href="lessons.html" class="btn btn-md letter-spacing-25 btn-white-variant-2">Select A Course</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-5-1920x597.jpg" alt="" width="1920" height="597" class="img-responsive"/>
|
||
</div>
|
||
<div class="jumbotron-custom">
|
||
<div class="shell">
|
||
<div class="range range-xs-center">
|
||
<div class="cell-sm-10 cell-lg-7">
|
||
<div>
|
||
<h1 class="big text-white text-uppercase text-ebold">adult programs</h1>
|
||
<h6 class="text-light text-white offset-top-15">Ultimate beginner, Adult beginner, Adult intermediate, <br class="visible-lg-inline"> Adult advanced, 2hr BTW + Road Test</h6>
|
||
</div>
|
||
<div class="offset-top-27">
|
||
<div class="group"><a href="about-us.html" class="btn btn-md btn-white-variant-1 letter-spacing-25">Learn More</a><a href="lessons.html" class="btn btn-md letter-spacing-25 btn-white-variant-2">Select A Course</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-6-1920x597.jpg" alt="" width="1920" height="597" class="img-responsive"/>
|
||
</div>
|
||
<div class="jumbotron-custom">
|
||
<div class="shell">
|
||
<div class="range range-xs-center">
|
||
<div class="cell-sm-10">
|
||
<div>
|
||
<h1 class="big text-white text-uppercase text-ebold">Defensive Driving Courses</h1>
|
||
<h6 class="text-light text-white offset-top-15">Defensive Driving Course 4 Hours, <br class="visible-lg-inline">Defensive Driving Course 8/6 Hours</h6>
|
||
</div>
|
||
<div class="offset-top-27">
|
||
<div class="group"><a href="about-us.html" class="btn btn-md btn-white-variant-1 letter-spacing-25">Learn More</a><a href="lessons.html" class="btn btn-md letter-spacing-25 btn-white-variant-2">Select A Course</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="child-carousel" data-for=".carousel-parent" data-arrows="false" data-loop="false" data-dots="false" data-swipe="true" data-items="1" data-xs-items="2" data-sm-items="3" data-md-items="3" data-lg-items="4" data-slide-to-scroll="1" data-autoplay="true" class="slick-slider slick-header-child">
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-3-thumb-479x231.jpg" alt="" width="479" height="231" class="img-responsive img-fullwidth"/>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-4-thumb-479x231.jpg" alt="" width="479" height="231" class="img-responsive img-fullwidth"/>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-5-thumb-479x231.jpg" alt="" width="479" height="231" class="img-responsive img-fullwidth"/>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="item-inner"><img src="images/slide-6-thumb-479x231.jpg" alt="" width="479" height="231" class="img-responsive img-fullwidth"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- Page Content-->
|
||
<main class="page-content text-center text-sm-left">
|
||
<section class="section-50 section-sm-top-85 section-sm-bottom-90 text-center">
|
||
<div class="shell">
|
||
<h1>Welcome</h1>
|
||
<p class="h6 offset-top-5">Our features</p>
|
||
<div class="range text-sm-left offset-top-25">
|
||
<div class="cell-sm-6">
|
||
<p>Since 2003, our Driving School has helped over 8,000 students achieve their goal of getting their license. In addition to our outstanding reputation, Safe Drive is the only Driving School certified by the “National Safety Council”. We have 2 convenient locations to serve our students.</p>
|
||
</div>
|
||
<div class="cell-sm-6">
|
||
<p>We offer home pick up and drop off, transportation to the DMV and provide our students with multiple vehicle options to fit their style. Most of our employees are multilingual to best cater to our customers' needs. Our staff and instructors are truly the best in California.</p>
|
||
</div>
|
||
</div>
|
||
<hr class="hr divider-lg bg-gray-light">
|
||
<div class="range range-xs-center offset-top-25">
|
||
<div class="cell-sm-6 cell-md-4">
|
||
<div class="thumbnail-max-width-270">
|
||
<div class="unit unit-sm unit-vertical unit-spacing-xs">
|
||
<div class="unit-left"><span class="icon icon-sm icon-primary icon-circle fl-great-icon-set-shield91"></span></div>
|
||
<div class="unit-body">
|
||
<div class="offset-top-10">
|
||
<h4>100% Driving <br class="visible-lg-inline"> Success</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="offset-top-25">Our driving school is aimed at providing our students with theoretical and practical knowledge.</p>
|
||
<hr class="hr divider-sm bg-gray-light">
|
||
</div>
|
||
</div>
|
||
<div class="cell-sm-6 cell-md-4">
|
||
<div class="thumbnail-max-width-270">
|
||
<div class="unit unit-sm unit-vertical unit-spacing-xs">
|
||
<div class="unit-left"><span class="icon icon-sm icon-primary icon-circle fl-great-icon-set-traffic20"></span></div>
|
||
<div class="unit-body">
|
||
<div class="offset-top-10">
|
||
<h4>Any Kind of <br class="visible-lg-inline"> Licensing Services</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="offset-top-25">Our school also provides a range of additional licensing services for our students' driving convenience.</p>
|
||
<hr class="hr divider-sm bg-gray-light">
|
||
</div>
|
||
</div>
|
||
<div class="cell-sm-6 cell-md-4">
|
||
<div class="thumbnail-max-width-270">
|
||
<div class="unit unit-sm unit-vertical unit-spacing-xs">
|
||
<div class="unit-left"><span class="icon icon-sm icon-primary icon-circle fl-great-icon-set-lifesaver8"></span></div>
|
||
<div class="unit-body">
|
||
<div class="offset-top-10">
|
||
<h4>Full Car <br class="visible-lg-inline"> Insurance</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="offset-top-25">All our students have their cars insured from any troubles that may happen during their learning.</p>
|
||
<hr class="hr divider-sm bg-gray-light">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="offset-top-33 text-center"><a href="contacts.html" class="btn btn-primary btn-custom text-bold"><span class="text-uppercase font-size-36">1</span><sup class="text-ebold big">st</sup> <span class="text-uppercase">lesson - free</span></a></div>
|
||
</div>
|
||
</section>
|
||
<section style="position:relative;" class="bg-gray-light section-bottom-50 section-sm-bottom-0">
|
||
<div class="shell">
|
||
<div class="range range-md-justify">
|
||
<div class="cell-sm-10 cell-md-5 section-top-50 section-sm-top-85 section-sm-bottom-60">
|
||
<h1>Our Cars</h1>
|
||
<div data-items="1" data-stage-padding="0" data-loop="false" data-margin="30" data-mouse-drag="false" data-nav="false" data-nav-class="["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]" data-dots="true" data-dots-custom=".owl-custom-pagination" class="owl-carousel owl-carousel-standard range-index-list offset-top-30 offset-sm-top-12">
|
||
<div class="item"><img src="images/index-01-488x325.jpg" width="488" height="325" alt="" class="veil-sm">
|
||
<div class="offset-top-20 offset-sm-top-0">
|
||
<h4 class="text-bold text-primary offset-top-2">Mitsubishi Lancer</h4>
|
||
<p class="font-size-16 offset-top-2">Instructors:</p>
|
||
<p class="font-size-16 text-bold offset-top--7"><a href="teachers-single.html">John Malkovich</a> <span>&</span> <a href="teachers-single.html">Vanessa Black</a>
|
||
</p>
|
||
<p class="offset-top-22">Mitsubishi Lancer offers a level of performance typically found in European sports cars and sport sedans that cost considerably more. Only a few cars can provide such performance and safety.</p>
|
||
<ul class="list-unstyled big text-dark offset-top-22">
|
||
<li>4 doors, 5 passengers,</li>
|
||
<li>front-wheel drive;</li>
|
||
<li>24/34 mpg city/hwy</li>
|
||
<li>2.0-liter 4-cylinder engine;</li>
|
||
<li>148 hp, 145 lb-ft;</li>
|
||
<li>5-speed manual transmission</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="item"><img src="images/index-02-488x325.jpg" width="488" height="325" alt="" class="veil-sm">
|
||
<div class="offset-top-20 offset-sm-top-0">
|
||
<h4 class="text-bold text-primary offset-top-2">Nissan Sentra</h4>
|
||
<p class="font-size-16 offset-top-2">Instructors:</p>
|
||
<p class="font-size-16 text-bold offset-top--7"><a href="teachers-single.html">John Malkovich</a> <span>&</span> <a href="teachers-single.html">Vanessa Black</a>
|
||
</p>
|
||
<p class="offset-top-22">The Nissan Sentra is a compact car with a roomy interior, impressive gas mileage, which perfectly fits students who begin to study basics of driving. The Sentra's interior offers more front- and back-row seating space than most compact sedans available today.</p>
|
||
<ul class="list-unstyled big text-dark offset-top-22">
|
||
<li>4 doors, 5 passengers, front-wheel drive</li>
|
||
<li>27/36 mpg city/hwy</li>
|
||
<li>1.8-liter 4-cylinder engine</li>
|
||
<li>130 hp, 128 lb-ft</li>
|
||
<li>6-speed manual transmission</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="item"><img src="images/index-03-488x325.jpg" width="488" height="325" alt="" class="veil-sm">
|
||
<div class="offset-top-20 offset-sm-top-0">
|
||
<h4 class="text-bold text-primary offset-top-2">Ford Focus</h4>
|
||
<p class="font-size-16 offset-top-2">Instructors:</p>
|
||
<p class="font-size-16 text-bold offset-top--7"><a href="teachers-single.html">John Malkovich</a> <span>&</span> <a href="teachers-single.html">Vanessa Black</a>
|
||
</p>
|
||
<p class="offset-top-22">A European-developed chassis gives even the base Focus a rare blend of agility and accuracy, making it enjoyable to drive even when compared with newer competitors. A 160-hp 2.0-liter four-cylinder is standard, while an optional 123-hp 1.0-liter turbo three-cylinder with auto stop/start is aimed at extra efficiency.</p>
|
||
<ul class="list-unstyled big text-dark offset-top-22">
|
||
<li>4 doors, 5 passengers, front-wheel drive</li>
|
||
<li>26/36 mpg city/hwy</li>
|
||
<li>2.0-liter 4-cylinder engine</li>
|
||
<li>160 hp, 146 lb-ft</li>
|
||
<li>5-speed manual transmission</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="item"><img src="images/index-04-488x325.jpg" width="488" height="325" alt="" class="veil-sm">
|
||
<div class="offset-top-20 offset-sm-top-0">
|
||
<h4 class="text-bold text-primary offset-top-2">Subaru Impreza</h4>
|
||
<p class="font-size-16 offset-top-2">Instructors:</p>
|
||
<p class="font-size-16 text-bold offset-top--7"><a href="teachers-single.html">John Malkovich</a> <span>&</span> <a href="teachers-single.html">Vanessa Black</a>
|
||
</p>
|
||
<p class="offset-top-22">Sensible, spacious, and trustworthy—these traits make the Impreza a perfect choice for those drivers who really care about their safety. It starts with an underpowered 148-hp four-cylinder; a five-speed manual is standard and a CVT is optional.</p>
|
||
<ul class="list-unstyled big text-dark offset-top-22">
|
||
<li>4 doors, 5 passengers, all-wheel drive</li>
|
||
<li>25/34 mpg city/hwy</li>
|
||
<li>2.0-liter 4-cylinder engine</li>
|
||
<li>148 hp, 145 lb-ft</li>
|
||
<li>5-speed manual transmission</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-custom-pagination">
|
||
<div class="range range-condensed">
|
||
<div data-owl-item="0" class="cell-xs-6"><img src="images/index-01-488x325.jpg" width="488" height="325" alt=""></div>
|
||
<div data-owl-item="1" class="cell-xs-6"><img src="images/index-02-488x325.jpg" width="488" height="325" alt=""></div>
|
||
<div data-owl-item="2" class="cell-xs-6"><img src="images/index-03-488x325.jpg" width="488" height="325" alt=""></div>
|
||
<div data-owl-item="3" class="cell-xs-6"><img src="images/index-04-488x325.jpg" width="488" height="325" alt=""></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--testimonials-->
|
||
<section class="text-center section-50 section-sm-top-80 section-sm-bottom-90">
|
||
<div class="shell">
|
||
<h1>Testimonials</h1>
|
||
<p class="h6 offset-top-5">Customer reviews</p>
|
||
<!-- Responsive-tabs-->
|
||
<div data-type="default" class="responsive-tabs horizontal-tabs offset-top-25">
|
||
<ul data-group="tabs-group-default" class="resp-tabs-list resp-tabs-list-standard tabs-group-default justify-center">
|
||
<li class="btn-link">Personalized training</li>
|
||
<li class="btn-link">Qualified instructors</li>
|
||
<li class="btn-link">Skills development</li>
|
||
</ul>
|
||
<div data-group="tabs-group-default" class="resp-tabs-container tabs-group-default">
|
||
<div class="fadeIn animated">
|
||
<!-- Owl Carousel-->
|
||
<div data-items="1" data-sm-items="2" data-md-items="4" data-stage-padding="0" data-loop="true" data-margin="30" data-mouse-drag="true" data-nav="true" data-nav-class="["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]" class="owl-carousel owl-carousel-standard">
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-01-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers aren’t thinking about driving.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Andrew B. </cite><span class="display-block">27 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-02-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>Why don’t they teach this stuff in high school?</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Paul B.</cite><span class="display-block">25 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-03-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>This class was very helpful, it gave me some new information that I haven’t thought of. I also feel that it would be a beneficial class to anyone that drives.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Jimmy E. </cite><span class="display-block">30 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-04-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>Great! Made a difference in attitude towards my driving.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Ann N. </cite><span class="display-block">21 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="fadeIn animated">
|
||
<!-- Owl Carousel-->
|
||
<div data-items="1" data-sm-items="2" data-md-items="4" data-stage-padding="0" data-loop="true" data-margin="30" data-mouse-drag="true" data-nav="true" data-nav-class="["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]" class="owl-carousel owl-carousel-standard">
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-02-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>Why don’t they teach this stuff in high school?</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Paul B.</cite><span class="display-block">25 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-01-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers aren’t thinking about driving.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Andrew B. </cite><span class="display-block">27 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-04-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>Great! Made a difference in attitude towards my driving.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Ann N. </cite><span class="display-block">21 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-03-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>This class was very helpful, it gave me some new information that I haven’t thought of. I also feel that it would be a beneficial class to anyone that drives.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Jimmy E. </cite><span class="display-block">30 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="fadeIn animated">
|
||
<!-- Owl Carousel-->
|
||
<div data-items="1" data-sm-items="2" data-md-items="4" data-stage-padding="0" data-loop="true" data-margin="30" data-mouse-drag="true" data-nav="true" data-nav-class="["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]" class="owl-carousel owl-carousel-standard">
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-02-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>Why don’t they teach this stuff in high school?</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Paul B.</cite><span class="display-block">25 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-04-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>Great! Made a difference in attitude towards my driving.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Ann N. </cite><span class="display-block">21 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-01-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers aren’t thinking about driving.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Andrew B. </cite><span class="display-block">27 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="owl-item">
|
||
<div class="thumbnail-variant-1">
|
||
<div class="img-wrap"><img src="images/testimonials-03-270x251.jpg" alt="" width="270" height="251" class="img-responsive img-rounded"/>
|
||
</div>
|
||
<div class="caption">
|
||
<div class="offset-top-10">
|
||
<blockquote class="quote-classic-boxed text-left">
|
||
<div class="quote-body">
|
||
<p>
|
||
<q>This class was very helpful, it gave me some new information that I haven’t thought of. I also feel that it would be a beneficial class to anyone that drives.</q>
|
||
</p>
|
||
<p class="offset-top-22">
|
||
<cite class="big text-bold text-base">Jimmy E. </cite><span class="display-block">30 yrs. old</span>
|
||
</p>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--blog-->
|
||
<section class="section-50 section-sm-top-85 section-sm-bottom-90 text-center bg-gray-light">
|
||
<div class="shell shell-wide">
|
||
<h1>Our Blog</h1>
|
||
<p class="h6 offset-top-5">Read the Latest News</p>
|
||
<div class="range range-xs-center offset-top-25">
|
||
<div class="cell-md-6 cell-lg-4">
|
||
<!-- Post Boxed--><a href="blog-post.html" class="reveal-block">
|
||
<div class="post post-boxed">
|
||
<!-- Post media-->
|
||
<header class="post-media"><img width="570" height="380" src="images/blog-grid-7-570x380.jpg" alt="" class="img-responsive"/></header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left">
|
||
<div class="post-tags group-xs"><span class="btn-link btn-link-primary">Driver</span><span class="btn-link btn-link-primary">Police</span><span class="btn-link btn-link-primary">Discuss</span>
|
||
</div>
|
||
<div class="post-body">
|
||
<!-- Post Title-->
|
||
<div class="post-title">
|
||
<div class="big text-bold text-white-sm">Local state police will visit us to discuss distracted driving</div>
|
||
</div>
|
||
<div class="post-meta">
|
||
<ul class="list-inline list-inline-sm p">
|
||
<li class="text-middle">by <span class="text-primary">Richard Nelson</span></li>
|
||
<li><span class="text-middle icon-md mdi mdi-clock text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-middle text-white-sm">3 days ago</time>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div></a>
|
||
</div>
|
||
<div class="range-spacer offset-top-45 offset-xs-top-30 veil-md"></div>
|
||
<div class="cell-md-6 cell-lg-4">
|
||
<!-- Post Boxed--><a href="blog-post.html" class="reveal-block">
|
||
<div class="post post-boxed">
|
||
<!-- Post media-->
|
||
<header class="post-media"><img width="570" height="380" src="images/blog-grid-8-570x380.jpg" alt="" class="img-responsive"/></header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left">
|
||
<div class="post-tags group-xs"><span class="btn-link btn-link-primary">Driver</span><span class="btn-link btn-link-primary">Education</span><span class="btn-link btn-link-primary">Kids</span>
|
||
</div>
|
||
<div class="post-body">
|
||
<!-- Post Title-->
|
||
<div class="post-title">
|
||
<div class="big text-bold text-white-sm">Training for kids coming soon</div>
|
||
</div>
|
||
<div class="post-meta">
|
||
<ul class="list-inline list-inline-sm p">
|
||
<li class="text-middle">by <span class="text-primary">Richard Nelson</span></li>
|
||
<li><span class="text-middle icon-md mdi mdi-clock text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-middle text-white-sm">7 days ago</time>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div></a>
|
||
</div>
|
||
<div class="range-spacer offset-top-45 offset-xs-top-30 veil-lg"></div>
|
||
<div class="cell-md-6 cell-lg-4">
|
||
<!-- Post Boxed--><a href="blog-post.html" class="reveal-block">
|
||
<div class="post post-boxed">
|
||
<!-- Post media-->
|
||
<header class="post-media"><img width="570" height="380" src="images/blog-grid-6-570x380.jpg" alt="" class="img-responsive"/></header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left">
|
||
<div class="post-tags group-xs"><span class="btn-link btn-link-primary">Driver</span><span class="btn-link btn-link-primary">Education</span><span class="btn-link btn-link-primary">International</span>
|
||
</div>
|
||
<div class="post-body">
|
||
<!-- Post Title-->
|
||
<div class="post-title">
|
||
<div class="big text-bold text-white-sm">How to get a CT Learner's Permit for international students</div>
|
||
</div>
|
||
<div class="post-meta">
|
||
<ul class="list-inline list-inline-sm p">
|
||
<li class="text-middle">by <span class="text-primary">Richard Nelson</span></li>
|
||
<li><span class="text-middle icon-md mdi mdi-clock text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-middle text-white-sm">9 days ago</time>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div></a>
|
||
</div>
|
||
</div>
|
||
<div class="offset-top-40 offset-sm-top-60 text-center"><a href="blog-classic-left-sidebar.html" class="btn btn-md btn-primary">View more news</a></div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer class="page-foot bg-dark section-top-50 section-md-top-85">
|
||
<section class="footer-content text-center text-sm-left">
|
||
<div class="shell">
|
||
<div class="range">
|
||
<div class="cell-xs-12 cell-sm-6 cell-lg-3">
|
||
<!-- 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></a></div>
|
||
<h6 class="big text-bold offset-top-22 text-base">Address:</h6>
|
||
<div class="offset-top-7">
|
||
<p class="text-bold">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-bold">Telephone:</span></div>
|
||
<div class="unit-body"><a href="callto:#" class="text-bold text-base">1-800-1234-567,</a></div>
|
||
</div>
|
||
<div class="unit unit-sm-horizontal unit-middle offset-top-7">
|
||
<div class="unit-left"><span class="text-bold">E-mail:</span></div>
|
||
<div class="unit-body"><a href="mailto:#" class="text-bold text-white">info@demolink.org</a></div>
|
||
</div>
|
||
</address>
|
||
</div>
|
||
<div class="cell-xs-12 cell-sm-6 cell-lg-2 offset-top-45 offset-sm-top-0">
|
||
<h4 class="big text-white">Blogroll</h4>
|
||
<div class="offset-top-30">
|
||
<ul class="list list-marked">
|
||
<li><a href="#" class="text-white">Driver</a></li>
|
||
<li><a href="#" class="text-white">Instructors</a></li>
|
||
<li><a href="#" class="text-white">Courses</a></li>
|
||
<li><a href="#" class="text-white">Education</a></li>
|
||
<li><a href="#" class="text-white">Adult</a></li>
|
||
<li><a href="#" class="text-white">Teen</a></li>
|
||
<li><a href="#" class="text-white">Advanced</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="cell-xs-12 cell-sm-6 cell-lg-3 offset-top-45 offset-lg-top-0">
|
||
<h4 class="big text-white">Recent posts</h4>
|
||
<div class="offset-top-30 inset-lg-right-50"><a href="blog-post.html" class="text-white">Why Adult Driver Education Course is important</a>
|
||
<p class="offset-top-2">
|
||
<time datetime="2016">August 25, 2016</time>
|
||
</p>
|
||
<div class="offset-top--7">
|
||
<hr class="hr divider-footer bg-gray">
|
||
</div>
|
||
<div class="offset-top-10"><a href="blog-post.html" class="text-white">Congratulations on earning your instruction permits!</a>
|
||
<p class="offset-top-2">
|
||
<time datetime="2016">August 20, 2016</time>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cell-xs-12 cell-sm-6 cell-lg-4 offset-top-35 offset-lg-top--10">
|
||
<div class="range">
|
||
<div class="cell-sm-4">
|
||
<h1 class="text-white text-bold">15</h1><span class="big text-white">years of experience</span>
|
||
</div>
|
||
<div class="cell-sm-4">
|
||
<h1 class="text-white text-bold">358</h1><span class="big text-white">students every year</span>
|
||
</div>
|
||
<div class="cell-sm-4">
|
||
<h1 class="text-white text-bold">17</h1><span class="big text-white">kinds of licenses</span>
|
||
</div>
|
||
</div>
|
||
<div class="offset-top-30 text-left">
|
||
<p>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-subscribe-footer" 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>
|
||
<div id="form-subscribe-footer" class="form-output"></div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="bg-darken section-25 offset-top-40">
|
||
<div class="shell">
|
||
<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> |