732 lines
49 KiB
HTML
732 lines
49 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-default">
|
||
<!-- 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 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>
|
||
<!-- Swiper-->
|
||
<div data-height="" data-min-height="500px" data-simulate-touch="false" data-direction="vertical" class="swiper-container swiper-slider">
|
||
<div class="swiper-wrapper">
|
||
<div data-slide-bg="images/slide-1.jpg" class="swiper-slide">
|
||
<div class="swiper-slide-caption"></div>
|
||
</div>
|
||
<div data-slide-bg="images/slide-2.jpg" class="swiper-slide">
|
||
<div class="swiper-slide-caption"></div>
|
||
</div>
|
||
</div>
|
||
<div class="jumbotron-custom">
|
||
<div class="shell">
|
||
<div class="range range-xs-center section-md-top-60 section-lg-top-30">
|
||
<div class="cell-md-9 text-md-right">
|
||
<div>
|
||
<h1 class="big text-white text-uppercase text-ebold">Drive a car with us</h1>
|
||
<h6 class="text-light text-white offset-top-15">Learn How to Be a Safe Driver for Life</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>
|
||
</header>
|
||
<!-- Page Content-->
|
||
<main class="page-content text-center text-sm-left">
|
||
<section class="section-50 section-sm-95">
|
||
<div class="shell">
|
||
<div class="range">
|
||
<div class="cell-sm-6 cell-md-4 section-md-top-40">
|
||
<div class="unit unit-sm unit-sm-horizontal unit-spacing-xs text-sm-left">
|
||
<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-15">Our driving school is aimed at providing our students with theoretical and practical knowledge, which guarantees their future success on the road.</p>
|
||
<div class="unit unit-sm unit-sm-horizontal unit-spacing-xs text-sm-left offset-top-45 offset-sm-top-85">
|
||
<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-15">Our school also provides a range of additional licensing services for our students' driving convenience. It helps to avoid any problems with driving license.</p>
|
||
</div>
|
||
<div class="cell-sm-6 cell-md-4 section-md-top-40">
|
||
<div class="unit unit-sm unit-sm-horizontal unit-spacing-xs text-sm-left">
|
||
<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-15">All our students have their cars insured from any troubles that may happen during their learning as well as actual driving in the city or in the country.</p>
|
||
<div class="unit unit-sm unit-sm-horizontal unit-spacing-xs text-sm-left offset-top-45 offset-sm-top-85">
|
||
<div class="unit-left"><span class="icon icon-sm icon-primary icon-circle fl-great-icon-set-bell44"></span></div>
|
||
<div class="unit-body">
|
||
<div class="offset-top-10">
|
||
<h4>Experienced <br class="visible-lg-inline"> Instructors</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="offset-top-15">Safe Drive is a team of highly experienced instructors who will be glad to teach and help you or answer your questions about driving.</p>
|
||
</div>
|
||
<div class="cell-md-4 offset-top-45 offset-md-top-0">
|
||
<div class="form-booking-variant-1 services-new">
|
||
<div class="services-label"><span class="text-uppercase">Free</span></div>
|
||
<h3 class="text-white text-center"><span class="text-ebold text-uppercase">Book</span> <span class="text-ebold text-uppercase font-size-36">1</span><sup class="text-bold big">st</sup> <span class="text-bold text-uppercase">lesson</span>
|
||
</h3>
|
||
<!-- RD Mailform-->
|
||
<form data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php" class="rd-mailform offset-top-27">
|
||
<div class="form-group">
|
||
<div class="input-group input-group-sm"><span class="input-group-addon input-group-addon-inverse"><span class="input-group-icon mdi mdi-account"></span></span>
|
||
<input id="login-your-login" placeholder="Enter your name" type="text" name="login" data-constraints="@Required" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-group input-group-sm"><span class="input-group-addon input-group-addon-inverse"><span class="input-group-icon mdi mdi-email"></span></span>
|
||
<input id="login-your-email" placeholder="Your email" type="email" name="email" data-constraints="@Email @Required" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-group input-group-sm"><span class="input-group-addon input-group-addon-inverse"><span class="input-group-icon mdi mdi-phone"></span></span>
|
||
<input id="contact-phone" placeholder="Your phone" type="text" name="phone" data-constraints="@Required @Numeric" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="form-group select-custom">
|
||
<!--Select 2-->
|
||
<select data-placeholder="Lesson type" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter">
|
||
<option>Lesson type</option>
|
||
<option value="2">Demo Item 1-1</option>
|
||
<option value="3">Demo Item 1-2</option>
|
||
<option value="4">Demo Item 1-2</option>
|
||
<option value="5">Demo Item 2-1</option>
|
||
<option value="6">Demo Item 2-2</option>
|
||
<option value="7">Demo Item 2-3</option>
|
||
</select>
|
||
</div>
|
||
<div class="offset-top-35">
|
||
<button type="submit" class="btn btn-white-variant-2 btn-md btn-fullwidth text-uppercase letter-spacing-100">Book online now!</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- services-->
|
||
<section class="bg-dark">
|
||
<div class="range range-condensed range-xs-middle range-xs-center">
|
||
<div class="cell-sm-6 cell-md-4">
|
||
<div class="cars-module cars-module-index cars-bg-05 text-center">
|
||
<h1 class="text-light text-white">New Teen Drivers</h1>
|
||
<p class="text-white text-bold big">Complete Course Options</p>
|
||
<p class="text-white text-bold big">Partial Course Options</p>
|
||
<p class="text-white text-bold big">Teen Starter Courses</p>
|
||
<div class="offset-top-21">
|
||
<hr class="hr bg-white divider-sm">
|
||
</div>
|
||
<div class="offset-top-33"><a href="lessons.html" class="btn btn-md btn-dark">Read more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="cell-sm-6 cell-md-4">
|
||
<div class="cars-module cars-module-index cars-bg-06 text-center">
|
||
<h1 class="text-light text-white">New Adult Drivers</h1>
|
||
<p class="text-white text-bold big">Ultimate Beginner</p>
|
||
<p class="text-white text-bold big">Adult Beginner</p>
|
||
<p class="text-white text-bold big">Adult Intermediate</p>
|
||
<div class="offset-top-21">
|
||
<hr class="hr bg-white divider-sm">
|
||
</div>
|
||
<div class="offset-top-33"><a href="lessons.html" class="btn btn-md btn-dark">Read more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="cell-xs-8 cell-sm-6 cell-md-4">
|
||
<div class="inset-left-25 inset-lg-left-55 section-35">
|
||
<ul class="list list-marked-border h6">
|
||
<li><a href="#">Extreme</a></li>
|
||
<li><a href="#">Court</a></li>
|
||
<li><a href="#">Winter driving</a></li>
|
||
<li><a href="#">Defensive driving</a></li>
|
||
<li><a href="#">Rehabilitation</a></li>
|
||
<li><a href="#">International driver education</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--our team-->
|
||
<section class="section-50 section-sm-top-85 section-sm-bottom-90">
|
||
<div class="shell">
|
||
<h1>Our Team</h1>
|
||
<p class="h6 offset-top-5">Best driving instructors in LA</p>
|
||
<div class="offset-top-30"></div>
|
||
<!-- Slick Carousel-->
|
||
<div data-arrows="false" data-loop="false" data-dots="false" data-swipe="true" data-items="1" data-child="#child-carousel" data-for="#child-carousel" class="slick-slider carousel-parent carousel-slick-standard">
|
||
<div class="item">
|
||
<div class="range">
|
||
<div class="cell-sm-10">
|
||
<div class="thumbnail-variant-1 team-horizontal">
|
||
<div class="unit unit-sm-horizontal unit-spacing-md">
|
||
<div class="unit-left">
|
||
<div class="img-wrap"><img src="images/teacher-index-07-470x384.jpg" alt="" width="470" height="384" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="unit-body"><span class="big text-dark">Head instructor</span>
|
||
<h4><a href="teachers-single.html" class="text-dark">John Malkovich</a></h4>
|
||
<p class="offset-top-25 text-bold">John has a goal - to provide our students with a great driving experience. Students enjoy his real driving experience and learn from John’s exceptional instruction. His intense Driving Instruction allows students to learn skills they will need.</p>
|
||
<p class="offset-top-18">He holds a Cert 4 in Driver Instruction for teaching in both Automatic and Manual cars. His Specialities include: teaching every topic for Safe Driving for Life. </p>
|
||
<ul class="list-inline list-inline-xxs offset-top-27">
|
||
<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 class="offset-top-33"><a href="teachers-single.html" class="btn btn-md btn-primary btn-icon btn-icon-right"><span class="icon icon-xs mdi mdi-chevron-right"></span><span>Contact with John</span></a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="range">
|
||
<div class="cell-sm-10">
|
||
<div class="thumbnail-variant-1 team-horizontal">
|
||
<div class="unit unit-sm-horizontal unit-spacing-md">
|
||
<div class="unit-left">
|
||
<div class="img-wrap"><img src="images/teacher-index-02-470x384.jpg" alt="" width="470" height="384" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="unit-body"><span class="big text-dark">Teen Instructor</span>
|
||
<h4><a href="teachers-single.html" class="text-dark">Samantha Johnson </a></h4>
|
||
<p class="offset-top-25 text-bold">Samantha decided to become trained as a driving instructor 10 years ago. Her skills and professionalism allow her to help young learner drivers.</p>
|
||
<p class="offset-top-18">Samantha teaches them to become safer drivers on the roads of our city, state, and country. Today she is one of the most valuable instructors of Safe Drive. </p>
|
||
<ul class="list-inline list-inline-xxs offset-top-27">
|
||
<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 class="offset-top-33"><a href="teachers-single.html" class="btn btn-md btn-primary btn-icon btn-icon-right"><span class="icon icon-xs mdi mdi-chevron-right"></span><span>Contact with John</span></a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="range">
|
||
<div class="cell-sm-10">
|
||
<div class="thumbnail-variant-1 team-horizontal">
|
||
<div class="unit unit-sm-horizontal unit-spacing-md">
|
||
<div class="unit-left">
|
||
<div class="img-wrap"><img src="images/teacher-index-08-470x384.jpg" alt="" width="470" height="384" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="unit-body"><span class="big text-dark">Adult Instructor</span>
|
||
<h4><a href="teachers-single.html" class="text-dark">Richard Jackson</a></h4>
|
||
<p class="offset-top-25 text-bold">Richard Jackson is a trained driving instructor who has more than 5 years of experience in teaching adult learners who come to our driving school to receive necessary advice or education.</p>
|
||
<p class="offset-top-18">He received Level 4 Certificate in Driving Instruction and became one of AED accredited drivers. He is also qualified as a Coach for the RMS Safer Driver Course.</p>
|
||
<ul class="list-inline list-inline-xxs offset-top-27">
|
||
<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 class="offset-top-33"><a href="teachers-single.html" class="btn btn-md btn-primary btn-icon btn-icon-right"><span class="icon icon-xs mdi mdi-chevron-right"></span><span>Contact with John</span></a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="range">
|
||
<div class="cell-sm-10">
|
||
<div class="thumbnail-variant-1 team-horizontal">
|
||
<div class="unit unit-sm-horizontal unit-spacing-md">
|
||
<div class="unit-left">
|
||
<div class="img-wrap"><img src="images/teacher-index-09-470x384.jpg" alt="" width="470" height="384" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="unit-body"><span class="big text-dark">Teen Instructor</span>
|
||
<h4><a href="teachers-single.html" class="text-dark">Martha Green</a></h4>
|
||
<p class="offset-top-25 text-bold">Martha is one of our youngest instructors who joined Safe Drive’s team in 2012. However, her dedication and experience in driving education often serve as an example to other instructors of our school.</p>
|
||
<p class="offset-top-18">She has a Cert 4 Driver Trainer qualification and is an RMS certified Teen Driver Assessor.</p>
|
||
<ul class="list-inline list-inline-xxs offset-top-27">
|
||
<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 class="offset-top-33"><a href="teachers-single.html" class="btn btn-md btn-primary btn-icon btn-icon-right"><span class="icon icon-xs mdi mdi-chevron-right"></span><span>Contact with John</span></a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="child-carousel" data-for=".carousel-parent" data-arrows="true" data-loop="false" data-dots="false" data-swipe="true" data-items="1" data-xs-items="2" data-sm-items="3" data-md-items="4" data-lg-items="4" data-slide-to-scroll="1" class="slick-slider carousel-slick-standard-child offset-top-30">
|
||
<div class="item">
|
||
<div class="img-rounded"><img src="images/teacher-thumbnail-1-270x233.jpg" alt="" width="270" height="233" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="img-rounded"><img src="images/teacher-thumbnail-2-270x233.jpg" alt="" width="270" height="233" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="img-rounded"><img src="images/teacher-thumbnail-3-270x233.jpg" alt="" width="270" height="233" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="img-rounded"><img src="images/teacher-thumbnail-4-270x233.jpg" alt="" width="270" height="233" class="img-responsive img-rounded"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="position:relative;" class="offset-top-30 offset-sm-top--66 text-sm-left text-md-right"><a href="teachers.html" class="btn btn-md btn-primary">View all team</a></div>
|
||
</div>
|
||
</section>
|
||
<!-- cars-->
|
||
<section style="position:relative;" class="bg-dark 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 class="text-white">Our Cars</h1>
|
||
<div data-items="1" data-stage-padding="0" data-loop="false" data-margin="30" data-mouse-drag="false" data-nav="true" 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 owl-carousel-navigation-left 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"><span class="list-index-counter text-light h6 text-base offset-top-20 offset-sm-top-0"></span>
|
||
<h4 class="text-white offset-top-22"><span>Business class sedan</span> <span class="text-regular">(2 cars)</span>
|
||
</h4>
|
||
<p>This stylish compact sedan is offered in various trims. Despite its humble beginnings as an average economy car, it can accelerate and corner with all but the fastest production cars on the market. Finding a well-kept used example may be tough, but certainly worth the effort. Moreover, this sedan is a perfect option for driving beginners.</p>
|
||
<div class="offset-top-21">
|
||
<hr class="hr bg-white divider-sm">
|
||
</div>
|
||
<div class="offset-top-15 offset-sm-top-27">
|
||
<p class="big text-white">Instructors:</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-bold big"><a href="teachers-single.html">John Malkovich</a> <span class="text-base">&</span> <a href="teachers-single.html">Vanessa Black</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item"><img src="images/index-02-488x325.jpg" width="488" height="325" alt="" class="veil-sm"><span class="list-index-counter text-light h6 text-base offset-top-20 offset-sm-top-0"></span>
|
||
<h4 class="text-white offset-top-22"><span>Luxury car</span> <span class="text-regular">(1 car)</span>
|
||
</h4>
|
||
<p>Luxury cars are considered the peak of driving comfort and they aspire to provide the most rewarding sensation of motoring. Based on the oddity and expense of early automobiles, the luxury car category was actually one of the first vehicle types established. One key element of a luxury car is their higher cost to conventional automobiles.</p>
|
||
<div class="offset-top-21">
|
||
<hr class="hr bg-white divider-sm">
|
||
</div>
|
||
<div class="offset-top-15 offset-sm-top-27">
|
||
<p class="big text-white">Instructors:</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-bold big"><a href="teachers-single.html">John Malkovich</a> <span class="text-base">&</span> <a href="teachers-single.html">Nick Nelson</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item"><img src="images/index-03-488x325.jpg" width="488" height="325" alt="" class="veil-sm"><span class="list-index-counter text-light h6 text-base offset-top-20 offset-sm-top-0"></span>
|
||
<h4 class="text-white offset-top-22"><span>Coupe</span> <span class="text-regular">(1 car)</span>
|
||
</h4>
|
||
<p>Considered sporty and personal, our coupes represent style, safety, and performance. Derived from the days when horse-driven carriages were popular, the term coupe was initially applied to closed carriages without rear-facing seats. Interiors of coupes have received specific design focus with time. These cars are perfect for drivers with some experience.</p>
|
||
<div class="offset-top-21">
|
||
<hr class="hr bg-white divider-sm">
|
||
</div>
|
||
<div class="offset-top-15 offset-sm-top-27">
|
||
<p class="big text-white">Instructors:</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-bold big"><a href="teachers-single.html">Martha Green</a> <span class="text-base">&</span> <a href="teachers-single.html">Samantha Johnson</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item"><img src="images/index-04-488x325.jpg" width="488" height="325" alt="" class="veil-sm"><span class="list-index-counter text-light h6 text-base offset-top-20 offset-sm-top-0"></span>
|
||
<h4 class="text-white offset-top-22"><span>Crossovers</span> <span class="text-regular">(3 cars)</span>
|
||
</h4>
|
||
<p>A diverse vehicle type, a crossover features the height of a truck-based vehicle built on a car-like unibody frame. The term 'crossover' vehicle was adopted in the late 1990s and was soon heavily adapted. For motorists, the appeal of the crossover vehicle is a large cargo area and a higher overall ride height than a standard sedan.</p>
|
||
<div class="offset-top-21">
|
||
<hr class="hr bg-white divider-sm">
|
||
</div>
|
||
<div class="offset-top-15 offset-sm-top-27">
|
||
<p class="big text-white">Instructors:</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-bold big"><a href="teachers-single.html">Richard Jackson</a> <span class="text-base">&</span> <a href="teachers-single.html">Jack Tompson</a>
|
||
</p>
|
||
</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>
|
||
<!--blog-->
|
||
<section class="section-50 section-sm-top-85 section-sm-bottom-90">
|
||
<div class="shell">
|
||
<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-sm-6 cell-lg-4">
|
||
<!-- Post Modern-->
|
||
<article class="post post-modern post-modern-2 bg-white">
|
||
<!-- Post Tags-->
|
||
<div class="group-xs group-tags"><a href="#" class="btn btn-sm btn-primary">News</a>
|
||
</div>
|
||
<!-- Post media-->
|
||
<header class="post-media"><img width="371" height="306" src="images/index-blog-1-371x306.jpg" alt="" class="img-responsive img-cover"/>
|
||
</header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left">
|
||
<div class="post-meta"><span class="text-middle icon-md mdi mdi-clock text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-middle text-bold">07.25.2016</time>
|
||
</div>
|
||
<!-- Post Title-->
|
||
<div class="post-title">
|
||
<h4 class="offset-top-10"><a href="blog-post.html" class="text-dark">Meet the Instructor</a></h4>
|
||
</div>
|
||
<!-- Post Body-->
|
||
<div class="post-body offset-top-24">
|
||
<p>We are glad to announce that Safe Drive’s team has increased by one more experienced instructor - Jim Johnson. His qualification makes him one of the most...</p>
|
||
</div>
|
||
<ul class="list-inline list-inline-md offset-top-25">
|
||
<li style="max-width:180px" class="border-right">
|
||
<div class="unit unit-horizontal unit-spacing-xs unit-middle">
|
||
<div class="unit-left"><img src="images/blog-classic-3-69x69.jpg" alt="" width="69" height="69" class="img-circle"/>
|
||
</div>
|
||
<div class="unit-body">
|
||
<p>
|
||
<cite class="text-bold text-normal text-dark">Sara Johnson</cite>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-comment-multiple-outline"> </span><a href="blog-post.html" class="text-middle text-bold"><span class="text-dark">3 comments</span></a></li>
|
||
</ul>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
<div class="cell-sm-6 cell-lg-4 offset-top-45 offset-sm-top-0">
|
||
<!-- Post Modern-->
|
||
<article class="post post-modern post-modern-3">
|
||
<!-- Post Tags-->
|
||
<div class="group-xs group-tags"><a href="#" class="btn btn-sm btn-primary">News</a>
|
||
</div>
|
||
<!-- Post media-->
|
||
<header class="post-media"><img width="371" height="620" src="images/index-blog-3-370x620.jpg" alt="" class="img-responsive img-cover"/>
|
||
</header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left">
|
||
<!-- Post Title-->
|
||
<div class="post-title">
|
||
<h4><a href="blog-post.html" class="text-white">New Practice Method</a></h4>
|
||
</div>
|
||
<ul class="list-inline list-inline-md offset-top-15">
|
||
<li style="max-width:180px" class="border-right post-meta"><span class="text-middle icon-md mdi mdi-clock text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-middle text-bold text-white">07.25.2016</time>
|
||
</li>
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-comment-multiple-outline"> </span><span class="text-dark text-middle text-bold text-white">3 comments</span></li>
|
||
</ul>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
<div class="cell-sm-6 cell-lg-4 offset-top-45 offset-lg-top-0">
|
||
<!-- Post Modern-->
|
||
<article class="post post-modern post-modern-2 bg-white">
|
||
<!-- Post Tags-->
|
||
<div class="group-xs group-tags"><a href="#" class="btn btn-sm btn-primary">News</a>
|
||
</div>
|
||
<!-- Post media-->
|
||
<header class="post-media"><img width="371" height="306" src="images/index-blog-2-371x306.jpg" alt="" class="img-responsive img-cover"/>
|
||
</header>
|
||
<!-- Post content-->
|
||
<section class="post-content text-left">
|
||
<div class="post-meta"><span class="text-middle icon-md mdi mdi-clock text-primary"></span>
|
||
<time datetime="2016-01-01" class="text-middle text-bold">07.25.2016</time>
|
||
</div>
|
||
<!-- Post Title-->
|
||
<div class="post-title">
|
||
<h4 class="offset-top-10"><a href="blog-post.html" class="text-dark">Auto Insurance</a></h4>
|
||
</div>
|
||
<!-- Post Body-->
|
||
<div class="post-body offset-top-24">
|
||
<p>Auto insurance protects you against financial loss if you have an accident. It is a contract between you and the insurance company. You agree to pay the premium and the insurance...</p>
|
||
</div>
|
||
<ul class="list-inline list-inline-md offset-top-25">
|
||
<li style="max-width:180px" class="border-right">
|
||
<div class="unit unit-horizontal unit-spacing-xs unit-middle">
|
||
<div class="unit-left"><img src="images/blog-classic-3-69x69.jpg" alt="" width="69" height="69" class="img-circle"/>
|
||
</div>
|
||
<div class="unit-body">
|
||
<p>
|
||
<cite class="text-bold text-normal text-dark">Sara Johnson</cite>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li><span class="text-middle icon-md icon-primary mdi mdi-comment-multiple-outline"> </span><a href="blog-post.html" class="text-middle text-bold"><span class="text-dark">3 comments</span></a></li>
|
||
</ul>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
<div class="offset-top-40 offset-sm-top-60 text-center"><a href="blog-classic.html" class="btn btn-md btn-primary">View more news</a></div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<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>
|
||
<!-- {%FOOTER_LINK}-->
|
||
</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> |