added more preview pages and more templates

This commit is contained in:
2026-07-21 07:10:03 -05:00
parent c6119ffdf5
commit b19fdee30d
3726 changed files with 651487 additions and 6169 deletions
@@ -0,0 +1,7 @@
mixin grid-col(name)
div(style="height: 40px; background: #f0f0f0; font: 700 11px/40px monospace;") #{name}
//- Jpg image
mixin jpg(name,class_img)
- var size = name.split('-').pop().split('x');
img(src='images/' + name + '.jpg', alt='', width=size[0], height=size[1], class=class_img)
@@ -0,0 +1,76 @@
- var fonts = "//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800"
- var html_class = "wide wow-animation"
include _mixins
block variables
doctype html
html(lang="en" class="#{html_class}")
head
// Site Title
block title
title Home
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}")
link(rel="stylesheet" href="css/style.css")
= "\n\t\t"
<!--[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.")
script(src="js/html5shiv.min.js")
= "\n\t\t"
<![endif]-->
body
// Page
div(class="page text-center")
block page
// Global Mailform Output
#form-output-global.snackbars
// PhotoSwipe Gallery
.pswp(tabindex="-1" role="dialog" aria-hidden="true")
.pswp__bg
.pswp__scroll-wrap
.pswp__container
.pswp__item
.pswp__item
.pswp__item
.pswp__ui.pswp__ui--hidden
.pswp__top-bar
.pswp__counter
button.pswp__button.pswp__button--close(title="Close (Esc)")
button.pswp__button.pswp__button--share(title="Share")
button.pswp__button.pswp__button--fs(title="Toggle fullscreen")
button.pswp__button.pswp__button--zoom(title="Zoom in/out")
.pswp__preloader
.pswp__preloader__icn
.pswp__preloader__cut
.pswp__preloader__donut
.pswp__share-modal.pswp__share-modal--hidden.pswp__single-tap
.pswp__share-tooltip
button.pswp__button.pswp__button--arrow--left(title="Previous (arrow left)")
button.pswp__button.pswp__button--arrow--right(title="Next (arrow right)")
.pswp__caption
.pswp__caption__cent
// Java script
script(src="js/core.min.js")
script(src="js/script.js")
@@ -0,0 +1,167 @@
-
var elements = {
"btn": {
"header_h_el_1": "Buttons",
"header_h_el_2": "Choose your Style",
"p_el_1": "Easily insert buttons and call-to-actions in any page, use amazing custom options to spice up your pages.",
"h_el_1": "Button Sizes",
"h_el_2": "Button Shapes",
"h_el_3": "Buttons with icons",
"h_el_4": "Buttons with shadow",
"p_el_2": "4 different sizes: super, large, default and small.",
"p_el_3": "4 different shapes: default, round, square and circle.",
"p_el_4": "Buttons are fully integrated with 900+ icons.",
"p_el_5": "Enhance your buttons with a shadow effect."
},
"forms": {
"header_h_el_1": "Forms",
"header_h_el_2": "Interface elements",
"h_el_1": "Login form",
"h_el_2": "Contact us",
"h_el_3": "Newsletter",
"p_el_1": "Create your contact form in seconds. With CF you can manage multiple contact forms easly.",
"p_el_2": "Sign up for our newsletter to get the latest news and special offers."
},
"prog_bar": {
"header_h_el_1": "Progress Bars, Skills Bars, Counters",
"header_h_el_2": "interface elements",
"h_el_1": "Counters",
"h_el_2": "skills bars",
"h_el_3": "progress bars",
"p_el_1": "Additional information about our company",
"p_el_2": "students",
"p_el_3": "cars",
"p_el_4": "partners",
"p_el_5": "instructors",
"p_el_6": "Teen Programs",
"p_el_7": "Adult Instruction",
"p_el_8": "Stick Shift Lessons",
"p_el_9": "Laser Removal",
"p_el_10": "See below what we are good at most",
"p_el_11": "People Like Us",
"p_el_12": "Tattoos",
"p_el_13": "Happy Clients",
"p_el_14": "Tattoos",
},
"tables": {
"header_h_el_1": "Tables",
"header_h_el_2": "Choose your Style",
"h_el_1": "Table Styles",
"p_el_1": "Simple, minimalist and creative - we will turn the craziest idea into reality. ",
"tr_1_el_1": "Column 1",
"tr_1_el_2": "Column 2",
"tr_1_el_3": "Column 3",
"tr_1_el_4": "Column 4",
"tr_2_el_1": "Item #1",
"tr_2_el_2": "Description",
"tr_2_el_3": "Subtotal:",
"tr_2_el_4": "$1.00",
"tr_3_el_1": "Item #1",
"tr_3_el_2": "Description",
"tr_3_el_3": "Discount:",
"tr_3_el_4": "$2.00",
"tr_4_el_1": "Item #1",
"tr_4_el_2": "Description",
"tr_4_el_3": "Shipping:",
"tr_4_el_4": "$3.00",
"tr_5_el_1": "Item #1",
"tr_5_el_2": "Description",
"tr_5_el_3": "Tax:",
"tr_5_el_4": "$4.00",
"tr_6_el_1": "All items",
"tr_6_el_2": "Description",
"tr_6_el_3": "Your Total:",
"tr_6_el_4": "$10.00",
},
"tabs": {
"header_h_el_1": "Tabs & accordions",
"header_h_el_2": "elements design",
"h_el_1": "Tabs",
"p_el_1": "With a nice modern and intuitive interface you can control contents to be contained and organised within a single frame.",
"h_el_2": "Horizontal Tabs",
"h_el_3": "Vertical Tabs",
"h_el_4": "Accordion",
"p_el_2": "Our tattoo salon is a home for talented tattoo artists ready to turn your body into a canvas with beautiful pictures on it.To get your body inked in our tattoo salon, you may contact us via contact form on our website, or by phone. We welcome appointments, as well as walk-ins. ",
"p_el_3": "Welcome to Tattoo Studio! Our focus is to break the image of the stereotypical tattoo parlour, while still remaining true to the roots of a traditional tattoo shop. Our tattoo salon is a home for talented tattoo artists ready to turn your body into a canvas with beautiful pictures on it. To get your body inked in our tattoo salon, you may contact us via contact form on our website, or by phone. We welcome appointments, as well as walk-ins. We have gathered the best team of tattoo artists who work full time in our salon, and we have fantastic guest artists visiting our shop.",
"p_el_4": "Our mission is to provide you with quality and original tattoo art using advanced sterilization techniques, produced in a comfortable and safe environment by professionals.Our team of tattoo artists represents true professionalism and dedication in everything that concerns high-quality and durable tattoos.",
"p_el_5": "We offer an inclusive selection of products and client-focused service to go beyond meeting your needs and instead, exceeding your expectations! Our team of professionals are experienced and prepared to customize your policies to fit your situation and lifestyle.",
"ac_h_el_1": "how do i know if The tattoo shop is clean?",
"ac_h_el_2": "HOW ARE TATTOOS PRICED?",
"ac_h_el_3": "CAN I HAVE A DRINK BEFORE I GET TATTOOED?",
"ac_h_el_4": "WHAT AREA OF THE BODY IS HARDEST TO HEAL?",
"ac_p_el_1": "Cleanliness is of the utmost importance. Take a look around; do you like what you see? Trust your eyes and your instincts. If you have any doubts run, dont walk, to the nearest exit. Better safe than sorry. Ask if there is an autoclave on premises and if so, do they spore test? The answer to both questions should be yes and they should be able to show you proof. The artists supplies should be single-use disposable and the artist should change their gloves frequently during the tattoo process. ",
"ac_p_el_2": "We price our tattoos at roughly $100-150 per hour (industry standard) and have a $70 minimum. Artists prefer payment in cash. We also accept Visa, Mastercard and debit cards. Once we have a drawing, a size and location we can give you a price quote. ",
"ac_p_el_3": "It is illegal and ill advised to get tattooed while under the influence of alcohol. Contrary to popular belief, alcohol will not make your experience any better. It actually makes the process more difficult for you as well as the artist and raises the risk of complications. Other drugs, including Marijuana, can also have a negative impact on the process.",
"ac_p_el_4": "Blood flow is an integral part of the healing process so the closer to the heart the better the healing. Healing of the lower legs and feet can take longer based on that fact. Another significant factor in healing is friction. Tattoos on the torso where clothing constricts and where pivotal movement is constant can lead to longer heal times and complications. ",
},
"grid": {
"header_h_el_1": "Grid",
"header_h_el_2": "Choose your Style",
"p_el_1": "A responsive fluid grid system that appropriately scales up to 12 columns with gorgeous options full-width and boxed options.",
"h_el_1": "Full-Width Grid System",
"h_el_2": "Boxed Grid System",
"p_el_8": "Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely intuitive and user-friendly. You will always know where you are now and will be able to skip from one page to another with a single mouse click. We use only trusted, verified content, so you can believe every word we are saying. We are always happy to greet the new visitors on our site. Our blog and social media accounts are available to encourage communication and connection between clients and personnel and tell you more about us in the informal environments where we can have a dialogue instead of just a narrative like that. ",
"p_el_9": "Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. ",
"p_el_10": "Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. ",
"p_el_11": "Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about ",
"p_el_12": "Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a ",
"p_el_13": "Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely intuitive and user-friendly. You will always know where you are now and will be able to skip from one page to another with a single mouse click. We use only trusted, verified content, so you "
},
"typography": {
"header_h_el_1": "Typography",
"header_h_el_2": "text decoration",
"h_el_1": "Heading 1",
"h_el_2": "Heading 2",
"h_el_3": "Heading 3",
"h_el_4": "Heading 4",
"h_el_5": "Heading 5",
"h_el_6": "Heading 6",
"h_el_7": "Blockquote",
"h_el_8": "Text Formatting",
"h_el_9": "Lists",
"h_el_10": "Icon List",
"h_el_11": "Image Centered",
"h_el_12": "Image Left",
"h_el_13": "Image Right",
"p_el_1": "Our tattoo salon is a home for talented tattoo artists ready to turn your body into a canvas with beautiful pictures on it. To get your body inked in our tattoo salon, you may contact us via contact form on our website.",
"p_el_2": "The staff truly believes, 'It`s all about protecting you!' Our mission is to help protect people in our communities from the financial impact of law suits, fires, car accidents and other unexpected incidents. ",
"p_el_3": "Unordered List ",
"p_el_4": "Ordered List",
"q_p_el_1": "To get your body inked in our tattoo salon, you may contact us via contact form on our website, or by phone. We welcome appointments, as well as walk-ins. We have gathered the best team of tattoo artists who work full time in our salon.",
"q_p_el_2": "Edwin Wood,<span class='text-base'>CEO 'Tattoo Studio'</span>",
"link_p_el_1": "Link text",
"link_p_el_2": "Hover link text",
"link_p_el_3": "Press link.",
"link_p_el_4": "This is a bold text.",
"link_p_el_5": "<mark>Highlighted text. </mark> &nbsp; <del> Strickethrough text </del> &nbsp; <u> Underlined text.</u>. ",
"list_p_el_1": "Tattooing;",
"list_p_el_2": "Piercing;",
"list_p_el_3": "Tattoo Design;",
"list_p_el_4": "Tattoo Cover Up;",
"list_p_el_5": "Laser Removal.",
"il_h_el_1": "Tattooing",
"il_h_el_2": "Piercing",
"il_h_el_3": "Tattoo Cover Up",
"il_h_el_4": "Tattoo Design",
"il_p_el_1": "For a premium result, at our tattoo shop we combine modern technics with traditional ones. ",
"il_p_el_2": "Want some extra holes in your body? Our piercing masters will make some for you.",
"il_p_el_3": "Got some old tattoos that you dont find pretty? Our talented artists will cover them up for you.",
"il_p_el_4": "Nothing can beat the challenge of creating a design that initially is only in your imagination.",
"p_el_5": "Our team of tattoo artists represents true professionalism and dedication in everything that concerns high-quality and durable tattoos.",
"p_el_6": "Welcome to Tattoo Studio! Our focus is to break the image of the stereotypical tattoo parlour, while still remaining true to the roots of a traditional tattoo shop. Our tattoo salon is a home for talented tattoo artists ready to turn your body into a canvas with beautiful pictures on it. To get your body inked in our tattoo salon, you may contact us via contact form on our website, or by phone. We welcome appointments, as well as walk-ins. We have gathered the best team of tattoo artists who work full time in our salon, and we have fantastic guest artists visiting our shop.",
"p_el_7": "Our mission is to provide you with quality and original tattoo art using advanced sterilization techniques, produced in a comfortable and safe environment by professionals. Our team of tattoo artists represents true professionalism and dedication in everything that concerns high-quality and durable tattoos.",
}
}
@@ -0,0 +1,11 @@
mixin breadcrumb_items(item,href,page_parent,page_child)
case item
when 1
ol.breadcrumb
li: a(href=href)= page_parent
li !{page_active}
when 2
ol.breadcrumb
li: a(href=href)= page_parent
li: a(href="#")= page_child
li !{page_active}
@@ -0,0 +1,47 @@
include ../elements/_widget-form-subscribe
footer.page-foot.bg-gray-light.section-50.section-md-top-80.section-md-bottom-60
section.footer-content.text-center.text-sm-left
.shell
.range.border-left-cell
.cell-xs-12.cell-sm-4.cell-lg-3.cell-lg-push-1
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-dark Drive
h6.big.text-base.text-bold.offset-top-17 Address:
div.offset-top-7
p.text-bold.text-dark 4578 Marmora St, #[br.visible-lg-inline] San Francisco D04 89GR.
address.offset-top-7
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-dark.text-bold Telephone:
.unit-body
a(href="callto:#").text-dark.text-bold
| 1-800-1234-567
span.text-dark.text-bold ,
.unit.unit-sm-horizontal.unit-middle.offset-top-7
.unit-left
span.text-dark.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold info@demolink.org
.cell-xs-12.cell-sm-8.cell-lg-5.offset-top-45.offset-sm-top-0.cell-lg-push-3
h6.big.text-bold Newsletter
.offset-top-30.text-left
p.text-bold Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.
.offset-top-15
+widget-form-subscribe('',"form-output-global", "form-subscribe-footer")
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-lg-top-0.cell-lg-push-2
.group-sm
+jpg('footer-01-100x93',"")
+jpg('footer-02-100x93',"")
+jpg('footer-03-100x93',"")
hr.hr.offset-top-40
.shell.offset-top-40
p.text-bold.text-sm-left.
SafeDrive &#169; #[span(id="copyright-year")] #[a(href="privacy.html").text-base Privacy Policy]
@@ -0,0 +1,102 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"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"}
-var rd_navbar_class_ajuster = "navbar-center"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-dark Drive
= " "
span.text-base.veil.reveal-md-block LA Driving School
.rd-navbar-nav-wrap
include _navigation
// Slick Carousel
.slick-slider.carousel-parent.slick-header-parent(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')
.item
.item-inner
+jpg('slide-3-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10.cell-lg-7
div
h1.big.text-white.text-uppercase.text-ebold road test services
h6.text-light.text-white.offset-top-15 Test your car at our driving track! Discounts available #[br.visible-lg-inline] to all Safe Drive students.
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.item
.item-inner
+jpg('slide-4-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10.cell-lg-8
div
h1.big.text-white.text-uppercase.text-ebold teen programs
h6.text-light.text-white.offset-top-15 Complete Course Options (Classroom + Behind the Wheel Lessons) #[br.visible-lg-inline] Partial Course Options (Behind the Wheel Lessons Only)
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.item
.item-inner
+jpg('slide-5-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10.cell-lg-7
div
h1.big.text-white.text-uppercase.text-ebold adult programs
h6.text-light.text-white.offset-top-15 Ultimate beginner, Adult beginner, Adult intermediate, #[br.visible-lg-inline] Adult advanced, 2hr BTW + Road Test
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.item
.item-inner
+jpg('slide-6-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10
div
h1.big.text-white.text-uppercase.text-ebold Defensive Driving Courses
h6.text-light.text-white.offset-top-15 Defensive Driving Course 4 Hours, #[br.visible-lg-inline]Defensive Driving Course 8/6 Hours
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.slick-slider.slick-header-child#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')
.item
.item-inner
+jpg('slide-3-thumb-479x231','img-responsive img-fullwidth')
.item
.item-inner
+jpg('slide-4-thumb-479x231','img-responsive img-fullwidth')
.item
.item-inner
+jpg('slide-5-thumb-479x231','img-responsive img-fullwidth')
.item
.item-inner
+jpg('slide-6-thumb-479x231','img-responsive img-fullwidth')
@@ -0,0 +1,69 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"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"}
-var rd_navbar_class_ajuster = "navbar-transparent"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
button.rd-navbar-collapse-toggle(data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit")
span
.bg-black
.rd-navbar-top-panel.bg-black
div
a(href='callto:#').text-base.text-bold.text-top
span.mdi.mdi-phone.text-middle
=' '
span.text-middle 1 (800) 123 1234
span.inset-md-left-20.text-middle USA, LOS ANGELES,901 East E Street, Wilmington, CA 90744
div
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-white.fa-facebook
li
a(href="#").icon.icon-white.fa-google-plus
li
a(href="#").icon.icon-white.fa-linkedin
li
a(href="#").icon.icon-white.fa-twitter
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
= " "
span.text-base.veil.reveal-md-block.reveal-xl-inline-block LA Driving School
.rd-navbar-nav-wrap
include _navigation
// Swiper
.swiper-container.swiper-slider(data-height='', data-min-height='500px', data-simulate-touch="false", data-direction='vertical')
.swiper-wrapper
.swiper-slide(data-slide-bg='images/slide-1.jpg')
.swiper-slide-caption
.swiper-slide(data-slide-bg='images/slide-2.jpg')
.swiper-slide-caption
.jumbotron-custom
.shell
.range.range-xs-center.section-md-top-60.section-lg-top-30
.cell-md-9.text-md-right
div
h1.big.text-white.text-uppercase.text-ebold Drive a car with us
h6.text-light.text-white.offset-top-15 Learn How to Be a Safe Driver for Life
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
@@ -0,0 +1,71 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"data-layout":"rd-navbar-fixed", "data-sm-layout":'rd-navbar-fixed', "data-md-layout":"rd-navbar-fixed", "data-lg-layout":"rd-navbar-fixed", "data-device-layout":"rd-navbar-fixed", "data-sm-device-layout":"rd-navbar-fixed","data-md-device-layout":"rd-navbar-fixed", "data-lg-device-layout":"rd-navbar-fixed", "data-lg-stick-up-offset" : "70px"}
-var rd_navbar_class_ajuster = "navbar-hamburger"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
button.rd-navbar-collapse-toggle(data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit")
span
.rd-navbar-top-panel.bg-black
div
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-facebook
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-google-plus
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-linkedin
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-twitter
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
= " "
span.offset-top-3.text-base.veil.reveal-lg-block LA Driving School
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
.rd-navbar-social-panel.veil.reveal-lg-block.inset-lg-left-15
ul.list-inline.list-inline-xxs
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-facebook
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-google-plus
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-linkedin
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-twitter
.rd-navbar-nav-wrap
include _navigation
// Swiper
.swiper-container.swiper-slider(data-height='', data-min-height='500px', data-simulate-touch="false", data-direction='vertical')
.swiper-wrapper
.swiper-slide(data-slide-bg='images/slider-1.jpg')
.swiper-slide-caption
.swiper-slide(data-slide-bg='images/slider-2.jpg')
.swiper-slide-caption
.swiper-slide(data-slide-bg='images/slide-3.jpg')
.swiper-slide-caption
.jumbotron-custom
.shell
.range.range-xs-center
.cell-xs-12.text-sm-left
div
h1.big.text-white.text-uppercase Drive a car with us
h6.text-light.text-white.offset-top-15 Learn How to Be a Safe Driver for Life
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
@@ -0,0 +1,51 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"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"}
-var rd_navbar_class_ajuster = "navbar-transparent"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
button.rd-navbar-collapse-toggle(data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit")
span
.bg-black
.rd-navbar-top-panel.bg-black
div
a(href='callto:#').text-base.text-bold.text-top
span.mdi.mdi-phone.text-middle
=' '
span.text-middle 1 (800) 123 1234
span.inset-md-left-20.text-middle USA, LOS ANGELES,901 East E Street, Wilmington, CA 90744
div
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-white.fa-facebook
li
a(href="#").icon.icon-white.fa-google-plus
li
a(href="#").icon.icon-white.fa-linkedin
li
a(href="#").icon.icon-white.fa-twitter
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
= " "
span.text-base.veil.reveal-md-block.reveal-xl-inline-block LA Driving School
.rd-navbar-nav-wrap
include _navigation
section.section-top-64.section-bottom-48.section-md-top-105.section-md-bottom-120.inset-left-15.inset-right-15
.shell.text-sm-right
h1.big.text-uppercase.text-ebold= page_active
@@ -0,0 +1,13 @@
mixin cars(class_bg,title,sub_title,body_text,instrucor)
.cars-module(class=class_bg)
h4.text-white=title
h6.text-primary.offset-top-3=sub_title
p.text-white=body_text
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-15.offset-sm-top-27
p.font-size-16.text-white Instructors:
div
p.text-primary.text-bold.font-size-16=instrucor
.offset-top-33
a(href='cars.html').btn.btn-md.btn-white-variant-1 View car
@@ -0,0 +1,20 @@
mixin team-carousel(src,class_img,sub_title,title,skills,body_text)
.thumbnail-variant-1
.img-wrap
+jpg(src,class_img)
.caption
h4: a(href='teachers-single.html').text-dark=title
span (
span.big.text-dark=sub_title
span )
p.text-bold.offset-top-20
span.text-dark Skills:
=" "
span=skills
p.offset-top-22=body_text
ul.list-inline.list-inline-xxs.offset-top-20
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
li.inset-lg-left-15: a.btn.btn-primary.btn-sm(href="teachers-single.html") Read more
@@ -0,0 +1,20 @@
mixin team-horizontal-2(src,class_img,sub_title,title,body_text,body_text_2)
.thumbnail-variant-1.team-horizontal
.unit.unit-sm-horizontal.unit-spacing-md
.unit-left
.img-wrap
+jpg(src,class_img)
.unit-body
span.big.text-dark=sub_title
h4: a(href='teachers-single.html').text-dark=title
p.offset-top-25.text-bold=body_text
p.offset-top-18=body_text_2
ul.list-inline.list-inline-xxs.offset-top-27
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
.offset-top-33
a(href='teachers-single.html').btn.btn-md.btn-primary.btn-icon.btn-icon-right
span.icon.icon-xs.mdi.mdi-chevron-right
span Contact with John
@@ -0,0 +1,19 @@
mixin team-horizontal(src,class_img,sub_title,title,skills,body_text)
.thumbnail-variant-1
.unit.unit-sm-horizontal.unit-spacing-md
.unit-left
.img-wrap
+jpg(src,class_img)
.unit-body
span.big.text-dark=sub_title
h4: a(href='teachers-single.html').text-dark=title
p.text-bold
span.text-dark Skills:
=" "
span.text-gray=skills
p.offset-top-22=body_text
ul.list-inline.list-inline-xxs.offset-top-20
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
@@ -0,0 +1,17 @@
mixin team(src,class_img,sub_title,title,skills,body_text)
.thumbnail-variant-1
.img-wrap
+jpg(src,class_img)
.caption
span.big.text-dark=sub_title
h4: a(href='teachers-single.html').text-dark=title
p.text-bold
span.text-dark Skills:
=" "
span.text-gray=skills
p.offset-top-22=body_text
ul.list-inline.list-inline-xxs.offset-top-20
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
@@ -0,0 +1,13 @@
mixin testimonials(src,class_img,quote_text,cite,cite_job)
.thumbnail-variant-1
.img-wrap
+jpg(src,class_img)
.caption
.offset-top-10
blockquote.quote-classic-boxed.text-left
.quote-body
p
q=quote_text
p.offset-top-22
cite.big.text-bold.text-base=cite
span.display-block=cite_job
@@ -0,0 +1,102 @@
// RD Navbar Nav
ul.rd-navbar-nav
li(class=(activeIndex == '1' ? 'active' : ''))
a(href='./') Home
ul.rd-navbar-dropdown
li: a(href='index.html') Home 1
li: a(href='index-header-center.html') Home 2
li: a(href='index-header-hamburger.html') Home 3
li(class=(activeIndex == '2' ? 'active' : ''))
a(href='about-us.html') About
ul.rd-navbar-dropdown
li: a(href='cars.html') Our cars
li: a(href='faq.html') FAQs
li(class=(activeIndex == '3' ? 'active' : ''))
a(href='lessons.html') Lessons
ul.rd-navbar-dropdown
li: a(href="lessons-single.html") Lessons Single Page
li(class=(activeIndex == '4' ? 'active' : ''))
a(href='teachers.html') Teachers
ul.rd-navbar-dropdown
li: a(href="teachers-single.html") Teacher profile
li(class=(activeIndex == '5' ? 'active' : ''))
a(href='#') Pages
// RD Navbar Megamenu
ul.rd-navbar-megamenu
li
p News
ul
li: a(href="blog-classic-right-sidebar.html") Classic Blog
li: a(href="blog-grid.html") Grid Blog
li: a(href="blog-masonry.html") Masonry Blog
li
a(href="blog-modern.html") Modern Blog
ul.rd-navbar-dropdown
li: a(href="blog-post.html") Single Post
li
p Elements
ul
li: a(href="typography.html") Typography
li: a(href="tabs-accordion.html") Tabs & Accordions
li: a(href="grid.html") Grid
li: a(href="buttons.html") Buttons
li: a(href="forms.html") Forms
li: a(href="progress-bars.html") Progress Bars
li: a(href="tables.html") Tables
li
p Pages
ul
li
a(href="event.html") Events Calendar
li: a(href="appointment.html") Book (Appointment)
li: a(href="careers.html") Careers
li: a(href="pricing.html") Pricing
li
a(href='services.html') Services
ul.rd-navbar-dropdown
li: a(href='services-single.html') Services Single Page
li
p Pages
ul
li: a(href="404.html") 404 page
li: a(href="503.html") 503 page
li: a(href="maintenance.html") Maintenance (Under Construction)
li: a(href="coming-soon.html") Coming Soon
li: a(href="login.html") Login Page
li: a(href="register.html") Register Page
li: a(href="search-results.html") Search Results
li: a(href="site-map.html") Site Map
li: a(href="privacy.html") Privacy Policy
li(class=(activeIndex == '6' ? 'active' : ''))
a(href='testimonials.html') Testimonials
li(class=(activeIndex == '7' ? 'active' : ''))
a(href='links.html') Links
li(class=(activeIndex == '8' ? 'active' : ''))
a(href='#') News
ul.rd-navbar-dropdown
li: a(href="blog-classic-right-sidebar.html") Classic Blog With Right Sidebar
li: a(href="blog-classic-left-sidebar.html") Classic Blog With Left Sidebar
li: a(href="blog-classic-both-sidebar.html") Classic Blog With Both Sidebars
li: a(href="blog-grid.html") Grid Blog
li: a(href="blog-grid-2col.html") Grid Blog Two Columns
li: a(href="blog-grid-3col.html") Grid Blog Three Columns
li: a(href="blog-masonry.html") Masonry Blog
li: a(href="blog-masonry-2col.html") Masonry Blog Two Columns
li: a(href="blog-masonry-3col.html") Masonry Blog Three Columns
li: a(href="blog-modern.html") Modern Blog
li: a(href="blog-modern-right.html") Modern Blog Right
li: a(href="blog-modern-left-sidebar.html") Modern Blog With Left Sidebar
li: a(href="blog-post.html") Blog Post
li(class=(activeIndex == '9' ? 'active' : ''))
a(href='contacts.html') Locations
@@ -0,0 +1,22 @@
.progress-container.row.offset-7.flow-offset-1
// Progress Bar
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='50', data-stroke='10', data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_11
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='75', data-stroke='10',data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_12
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='25', data-stroke='10',data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_13
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='100', data-stroke='10',data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_14
@@ -0,0 +1,6 @@
// RD Mailform
form.rd-mailform.text-center.text-xs-left.form-inline-flex-xs(data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
.form-group
label.form-label(for="email-sub")
input#email-sub.form-control(type="email" name="email" data-constraints="@Required @Email", placeholder='Enter your e-mail')
button.btn.btn-primary.btn-md.btn-min-width-xs !{button_content}
@@ -0,0 +1,31 @@
//- Comment Box
//- type - comment box type
//- image - {image} object
//- date - comment date
//- title - comment author
//- body - comment body
mixin box-comment(type, image, date, title, body)
// Box Comment
.box-comment.text-left(class=type)
.media
.media-left
img.box-comment-img.img-circle(src= image.src alt= image.alt width= image.width height= image.height)
.media-body
.inset-sm-left-20
header.box-comment-header.unit.unit-vertical.unit-spacing-md.unit-md.unit-md-horizontal.unit-md-inverse.unit-md-middle.unit-md-align-right
.unit-left(class= type ==="box-comment-outboxed" ? "unit-grow-1": "")
ul.box-comment-meta.list-inline.list-inline-sm
li
span.box-comment-icon.mdi.mdi-clock.icon-xs.text-middle.text-primary
time(datetime="2016-01-01").text-bold.text-middle= date
li
a(href="#like").text-base.text-bold.text-middle #[span.box-comment-icon.icon-xs.text-middle.text-primary.mdi.mdi-thumb-up-outline] like
li
a(href="#reply").text-base.text-bold.text-middle #[span.box-comment-icon.icon-xs.text-middle.text-primary.mdi.mdi-comment-multiple-outline] reply
.unit-body
.box-comment-title= title
section.box-comment-body
p= body
block
@@ -0,0 +1,8 @@
//- icon - icon class
//- title - box title
//- desc - description of box
mixin box-icon-type-4(icon, title, desc)
// Icon Box Type 4
span.icon.icon-circle.icon-bordered(class= icon)
div
block
@@ -0,0 +1,10 @@
// Classic Gallery Carousel
//- media - {thumbnail} object array
include _ui-thumbnail-classic
mixin carousel-gallery-classic(media)
// Owl Carousel
.owl-carousel.owl-carousel-classic(data-items='1' data-dots="true" data-nav="true" data-nav-class='["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]' data-photo-swipe-gallery)
each thumbnail in media
+thumbnail-classic(thumbnail)
@@ -0,0 +1,12 @@
mixin lessons-item(text_header,price,body_bg,text_body)
.lessons-item
.lessons-header
.big.text-white.text-bold
span=text_header
.h4.text-bold.text-white=price
.lessons-body(class=body_bg)
div(style='width:100%;')
p.text-white=text_body
.offset-top-0
hr.hr.divider-sm.bg-white
a(href='lessons-single.html').btn.btn-xs.btn-primary.offset-top-17 Details
@@ -0,0 +1,17 @@
//- media - object of Media Elements
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
//include ../elements/_ui-rd-video-player
//include ../elements/_ui-rd-audio-player
mixin media-elements(media)
// Media Elements
case media.type
when "soundcloud"
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
//when "rd-video-player"
// +rd-video-player(media)
//when "rd-audio-player"
// +rd-audio-player(media)
@@ -0,0 +1,21 @@
//- Bootstrap Pager
//- size - pagination sizing class
//- prev - prev button {link}
//- next - next button {link}
//- justify - true/false to justify pager buttons
mixin pager-bootstrap(size, prev, next, justify)
- var prevClass = (justify? "previous": "") + (prev.href ? "": " disabled")
- var nextClass = (justify? "next": "") + (next.href ? "": " disabled")
// Bootstrap Pager
nav
ul.pager(class= size || "")
li(class= prevClass)
a(href=prev.href)
span.icon-left(class= prev.icon || "", aria-hidden="true")
= prev.title
li(class= nextClass)
a(href=next.href)
= next.title
span.icon-right(class= next.icon || "", aria-hidden="true")
@@ -0,0 +1,25 @@
//- Bootstrap Pagination
//- size - pagination sizing class
//- active - active index of pagination
//- index - an array of {link} for indexes
//- prev - prev button {link}
//- next - next button {link}
mixin pagination-bootstrap(size, active, indexes, prev, next)
// Bootstrap Pagination
nav
ul.pagination(class=size)
//- Previous
li(class= prev ? "" : "disabled")
a(href= prev ? prev.href : "#", aria-label="Previous")
span.mdi.mdi-chevron-double-left(aria-hidden='true')
//- Indexes
each index, i in indexes
li(class= i === active - 1 ? "active" : "")
a(href=index.href)= i + 1
//- Next
li(class= next ? "" : "disabled")
a(href= next ? next.href : "#", aria-label="Next")
span.mdi.mdi-chevron-double-right(aria-hidden='true')
@@ -0,0 +1,29 @@
//- Classic Pagination
//- active - active index of pagination
//- index - an array of {link} for indexes
//- prev - prev button {link}
//- next - next button {link}
mixin pagination-classic-var-2(active, indexes, prev, next)
// Classic Pagination
nav
ul.pagination-classic-variant-2
//- Previous
if prev
li.disabled
span.mdi.mdi-chevron-left= prev.title
//- Indexes
each index, i in indexes
if (i === (active - 1))
li.pagination-nav(class= i === active - 1 ? "active" : "")
span= i + 1
else
li.pagination-nav(class= i === active - 1 ? "active" : "")
a(href=index.href)= i + 1
//- Next
if next
li
a(href=next.href).mdi.mdi-chevron-right= next.title
@@ -0,0 +1,29 @@
//- Classic Pagination
//- active - active index of pagination
//- index - an array of {link} for indexes
//- prev - prev button {link}
//- next - next button {link}
mixin pagination-classic(active, indexes, prev, next)
// Classic Pagination
nav
ul.pagination-classic
//- Previous
if prev
li
span= prev.title
//- Indexes
each index, i in indexes
if (i === (active - 1))
li(class= i === active - 1 ? "active" : "")
span= i + 1
else
li(class= i === active - 1 ? "active" : "")
a(href=index.href)= i + 1
//- Next
if next
li
a(href=next.href)= next.title
@@ -0,0 +1,35 @@
//- Post Boxed
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- author - authors name
//- tags - array of {link}
//- image - {image} object
mixin post-boxed(url, date, title, author, tags, image)
// Post Boxed
a.reveal-block(href= url)
div.post.post-boxed
// Post media
header.post-media
img.img-responsive(width=image.width, height=image.height, src=image.src, alt=image.alt)
// Post content
section.post-content.text-left
if tags
.post-tags.group-xs
each tag in tags
span.btn-link.btn-link-primary= tag.title
.post-body
// Post Title
.post-title
.big.text-bold.text-white-sm= title
.post-meta
ul.list-inline.list-inline-sm.p
li.text-middle by&nbsp;
span.text-primary= author
li
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle(datetime="2016-01-01" class="text-white-sm")= date
@@ -0,0 +1,67 @@
//- Post Classic
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- author - authors name
//- authorImg - authors image link
//- tags - array of {link}
//- media - {media} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-classic(url, date,title, author, authorImg, tags, media)
// Post Classic
article.post.post-classic
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
//- TODO: Remove this wrap on photoswipe init fix
div(data-photo-swipe="gallery")
+thumbnail-classic(media)
default
= ""
// Post content
section.post-content.text-left(class= media? "offset-top-33": "")
.unit.unit-sm.unit-sm-horizontal.unit-sm-inverse
.unit-body
.inset-sm-left-15
// Post Meta
.post-meta.text-dark
time(datetime="2016-01-01").text-base.text-bold= date
// Post Title
h4.text-bold.offset-top-3
a.text-dark(href=url)= title
// Post Body
.post-body.offset-top-22
block
// Post Tags
if tags
.offset-top-29
.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn-link.btn-link-primary= tag.title
- if (i !== (tags.length - 1))
= ""
.unit-right.offset-top-15.offset-sm-top-0
.unit.unit-horizontal.unit-middle.unit-sm-vertical.unit-spacing-xs
.unit-left
img.img-circle(src=authorImg, alt=' ', width=70, height=70)
.unit-body
p
cite.text-primary.text-bold.text-normal= author
@@ -0,0 +1,58 @@
//- Default Post
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-default(url, date, title, author, tags, comments, media)
// Post Wide
article.post.post-default.text-left
// Post Header
.header.post-header
// Post Meta
ul.post-controls.list-inline.list-inline-sm
li
span.text-middle.icon-md.icon-primary.mdi.mdi-clock
time(datetime="2016-01-01").text-base.text-middle= date
li
span.text-middle.icon-md.icon-primary.mdi.mdi-share &nbsp;
a(href= url).text-base.text-middle= comments
if tags
li
span.text-middle.icon-md.icon-primary.mdi.mdi-heart-outline &nbsp;
each tag, i in tags
a.text-base.text-middle(href= tag.href)= tag.title
- if (i !== (tags.length - 1))
= ", "
li
span.text-middle.icon-md.icon-primary.mdi.mdi-comment-multiple-outline &nbsp;
span.text-base.text-middle= author
// Post Meta
h1.post-title.text-sbold= title
// Post Media
if media
.post-media.offset-top-34
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
//- TODO: Remove this wrap on photoswipe init fix
div(data-photo-swipe="gallery")
+thumbnail-classic(media)
default
= ""
// PostContent
section.post-content.offset-top-41
block
@@ -0,0 +1,66 @@
//- Post Modern
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- image - {image} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern-2(url, date, title, media,authorImg,author,tags)
// Post Modern
article.post.post-modern.post-modern-2.bg-white
// Post Tags
if tags
.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn.btn-sm.btn-primary= tag.title
- if (i !== (tags.length - 1))
= ""
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
.post-meta
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle.text-bold(datetime="2016-01-01")= date
// Post Title
.post-title
h4.offset-top-10
a(href=url).text-dark= title
// Post Body
.post-body.offset-top-24
block
ul.list-inline.list-inline-md.offset-top-25
li.border-right(style='max-width:180px')
.unit.unit-horizontal.unit-spacing-xs.unit-middle
.unit-left
+jpg(authorImg,'img-circle')
.unit-body
p
cite.text-bold.text-normal.text-dark= author
li
span.text-middle.icon-md.icon-primary.mdi.mdi-comment-multiple-outline &nbsp;
a(href='blog-post.html').text-middle.text-bold
span.text-dark 3 comments
@@ -0,0 +1,56 @@
//- Post Modern
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- image - {image} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern-3(url, date, title, media,tags)
// Post Modern
article.post.post-modern.post-modern-3
// Post Tags
if tags
.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn.btn-sm.btn-primary= tag.title
- if (i !== (tags.length - 1))
= ""
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
// Post Title
.post-title
h4
a(href=url).text-white= title
ul.list-inline.list-inline-md.offset-top-15
li.border-right.post-meta(style='max-width:180px')
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle.text-bold.text-white(datetime="2016-01-01")= date
li
span.text-middle.icon-md.icon-primary.mdi.mdi-comment-multiple-outline &nbsp;
span.text-dark.text-middle.text-bold.text-white 3 comments
@@ -0,0 +1,63 @@
//- Post Modern
//- aClass - additional class
//- url - expanded post link
//- type - icon class to describe the post type
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- media - {media} object
//- authorName - author name
//- authorImg - author photo
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern-timeline(aClass, url, type,date, title, tags, media, authorName, authorImg)
// Post Modern
article.post.post-modern.post-modern-timeline(class=aClass)
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
.post-meta.small.pull-sm-right
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle(datetime="2016-01-01")= date
ul.list-inline.offset-top-14.offset-sm-top-0
if tags
li.text-middle
.post-tags.group-xs
each tag in tags
a.btn-link.btn-link-primary(href= tag.href)= tag.title
li.text-middle
.icon.icon-md.text-base(class=type)
// Post Title
.post-title
.big.text-bold.offset-top-18
a(href=url).text-dark= title
// Post Body
.post-body.offset-top-24
block
.post-author
.post-author-img
img.img-circle(width=authorImg.width, height=authorImg.height, src=authorImg.src, alt=authorImg.alt)
.post-author-name.text-middle
= authorName
@@ -0,0 +1,55 @@
//- Post Modern
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- image - {image} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern(url, type, date, title, tags, media)
// Post Modern
article.post.post-modern
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
.post-meta.pull-sm-right.pull-md-base.pull-xl-right
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle(datetime="2016-01-01")= date
ul.list-inline.offset-top-14.offset-xl-top-0
if tags
li.text-middle
.post-tags.group-xs
each tag in tags
a.btn-link.btn-link-primary(href= tag.href)= tag.title
li.text-middle
.icon.icon-md.text-base(class=type)
// Post Title
.post-title
.big.text-bold.offset-top-18
a(href=url).text-dark= title
// Post Body
.post-body.offset-top-24
block
@@ -0,0 +1,44 @@
//- Default Product
//- title - title of product
//- price - product price or array with 2 prices(old and new)
//- images - array of objects
mixin product-grid(product)
- var thumbnails = product.images.length? true : null
- var priceArr = typeof(product.price) == 'string' ? true : false
// Product
.product.product-grid
// Product Image
.product-image
img(src=product.images[0].src alt=product.images[0].alt width=product.images[0].width height=product.images[0].height).product-image-area
// Product Label
- if (typeof(product.label) !== "undefined")
span.product-label.label-custom.label-lg-custom.label-rounded-custom(class= product.label.adClass)= product.label.text
// product stars
ul.list-inline.list-inline-mod-1
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star-half.icon-warning
// Product Title
.h4.product-title.offset-top-10
a(href= product.link).text-dark= product.title
// Product Brand
p.product-brand.text-italic.text-dark= product.brand
// Product price
.product-price.text-bold.offset-top-15
if priceArr
span.text-dark= '$' + product.price
else
span.product-price-new.text-dark= "$" + product.price[1]
span.product-price-old.text-base= '$' + product.price[0]
.product-block-hover
// Product Add To cart
a(href= product.link).btn.btn-sm.btn-primary.btn-icon.btn-icon-left.btn-min-width-md.offset-top-20
span.icon.mdi.mdi-cart-outline
| Add to Cart
@@ -0,0 +1,53 @@
//- Classic Product List
mixin product-list-classic(product)
- var thumbnails = product.images.length? true : null
- var priceArr = typeof(product.price) == 'string' ? true : false
// Product
.product.product-list.product-list-classic.unit.unit-sm-horizontal.unit-xs-top
// Product Image
.product-image.unit-left.product-border
img(src=product.images[0].src alt=product.images[0].alt width=product.images[0].width height=product.images[0].height).product-image-area
// Product Label
- if (typeof(product.label) !== "undefined")
span.product-label.label-custom.label-md-custom.label-rounded-custom(class= product.label.adClass)= product.label.text
.unit-body.text-left
.inset-sm-left-15
// Product Brand
p.product-brand.text-italic.text-base= product.brand
// Product Title
.h3.product-title.offset-top-0
a(href= product.link).text-dark= product.title
// Product Rating
.product-rating.offset-top-20
span.mdi.mdi-star
span.mdi.mdi-star
span.mdi.mdi-star
span.mdi.mdi-star-half
span.mdi.mdi-star-outline
span.product-review-count.text-base= product.reviews + " customer reviews"
p.product-desc.text-dark= product.desc
// Product price
.product-price.text-bold.h5.offset-top-24
if priceArr
span= '$' + product.price
else
span.product-price-new.text-dark= "$" + product.price[1]
span.product-price-old.text-base= '$' + product.price[0]
.form-group.product-number.offset-top-20
label.text-base Quantity:
input.form-control.input-sm.form-control-impressed(type="number" data-zeros="true" value="1" min="1" max="20" readonly)
// Product Add To cart
a(href= product.link).btn.btn-xs.btn-primary.btn-icon.btn-icon-left.product-btn.offset-top-20.offset-xs-top-0.offset-top-lg-20
span.icon.mdi.mdi-cart-outline
| Add to Cart
@@ -0,0 +1,8 @@
//- quote - object of massive parameters
mixin quote-simple(quote)
// Quote Simple
hr(class= quote.firstDivider)
div(class= quote.styling)
q= quote.title
hr(class= quote.lastDivider)
@@ -0,0 +1,13 @@
mixin services-item(class_services,text_label,title,text_body)
.services(class=class_services)
.services-header
.services-label
span.text-uppercase=text_label
.unit.unit-horizontal
.unit-left
span.h6.list-index-counter.text-regular.text-lighter
.unit-body
h4.text-white=title
.services-body
p=text_body
a(href='services-single.html').btn.btn-md.btn-primary Learn more
@@ -0,0 +1,16 @@
mixin services-item(class_services,text_label,title,subtitle,old_price,price,list)
.services(class=class_services)
.services-header
.services-label
span.text-uppercase=text_label
h4.text-white=title
span.big.text-base=subtitle
.services-body
p.h6.text-bold
span.old-price.text-base=old_price
span=price
ul.list.list-marked-variant-regular.offset-top-25
each i in list
li= i
a(href='register.html').btn.btn-md.btn-primary.offset-top-30 Register now!
@@ -0,0 +1,4 @@
// Classic Soundcloud Player
//-soundcloud - {soundcloud} object
mixin soundcloud-player-classic(soundcloud)
.soundcloud-player-classic !{soundcloud.embed}
@@ -0,0 +1,9 @@
//- nameList - array of tabs list
mixin tabs-boxed-vertical(nameList, tabsGroup)
// Responsive-tabs
.responsive-tabs.responsive-tabs-boxed(data-type="vertical")
ul.resp-tabs-list.text-center(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
each item in nameList
li= item
.resp-tabs-container.text-left(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
block
@@ -0,0 +1,7 @@
mixin tags(tags)
if tags
p.text-sm-left.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn-link.btn-link-primary= tag.title
- if (i !== (tags.length - 1))
= ""
@@ -0,0 +1,15 @@
// Classic Thumbnail
//- thumbnail - {thumbnail} object
mixin thumbnail-classic(thumbnail)
-var targetBlank = (thumbnail.targetBlank === true)? "_blank" : "_self"
-var photoswipe = (typeof(thumbnail.target.href) !== 'undefined') ? {"href": thumbnail.target.href, target: targetBlank} : {"data-photo-swipe-item": "", "data-size": ""+thumbnail.target.width+"x"+thumbnail.target.height, "href": thumbnail.target.src}
-var titleAttrs = thumbnail.titleAttrs || "text-uppercase text-light"
a.thumbnail-classic&attributes(photoswipe)
figure.img-rounded
img.img-rounded(width=thumbnail.thumb.width, height=thumbnail.thumb.height, src=thumbnail.thumb.src, alt=thumbnail.thumb.alt)
- if (thumbnail.title || thumbnail.description)
figcaption.thumbnail-classic-caption.text-center
if (thumbnail.title)
h4.thumbnail-classic-title(class= titleAttrs) !{thumbnail.title}
if (thumbnail.description)
p.thumbnail-classic-desc.text-bold.text-uppercase.veil.reveal-xs-block !{thumbnail.description}
@@ -0,0 +1,6 @@
// Embed Video
//- video - {video} Object
mixin video-embed(video)
.embed-responsive(class="embed-responsive-#{video.ratio}")
iframe.embed-responsive-item(src="#{video.href}?wmode=transparent")
@@ -0,0 +1,9 @@
//- nameList - amount of tabs
mixin accordion-classic(nameList, tabsGroup)
// Classic Accordion
.responsive-tabs.responsive-tabs-classic.responsive-tabs-product(data-type="accordion")
ul.resp-tabs-list(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
each item in nameList
li= item
.resp-tabs-container(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
block
@@ -0,0 +1,11 @@
//- RD Search Form
//- inputClass - class on input
mixin widget-form-search(inputClass, labelClass, inputId, formClass)
// RD Search Form
form.form-search.rd-search(class= formClass || "", action="search-results.html" method="GET")
div.form-group
label.form-label.form-search-label(class=labelClass for=inputId) Search
input(class="form-search-input input-sm form-control #{inputClass}" id=inputId type="text" name="s" autocomplete="off")
button(type="submit").form-search-submit.text-primary
span.mdi.mdi-magnify
@@ -0,0 +1,14 @@
//- Subscribe Form Widget
//- holder - input placeholder
//- id - id of form output element
//- external - true if form output element is an external element
mixin widget-form-subscribe(holder, id, external, btnText)
- var btn = (btnText === undefined) ? "Subscribe": btnText
form.rd-mailform.form-subscribe.form-inline-flex-xs(data-form-output=id, data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
.form-group
input.form-control(placeholder=holder, type="email", name="email" data-constraints="@Required @Email")
button(type="submit").btn.btn-md.btn-primary= btn
if !external
.form-output(id=id)
@@ -0,0 +1,20 @@
//- Post Widget
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- image - post image
mixin widget-post(url, date, title, image, aClass, iconClass)
// Post Widget
article.post.widget-post.text-left(class= aClass)
a(href=url)
div.unit.unit-horizontal.unit-spacing-xs.unit-top
if image
.unit-left
img.img-circle(width=image.w, height=image.h, src=image.src, alt=image.alt)
.unit-body
.post-meta
span.icon.icon-xxs.mdi.mdi-arrow-right(class= iconClass)
time.text-base(datetime="2016-01-01")= date
.post-title.offset-top-5
p.text-bold.text-dark= title
@@ -0,0 +1,16 @@
mixin widget-panel-shop(gridViewLink, listViewLink, active)
.toolbar-shop
.toolbar-shop-sorter
a.toolbar-shop-icon(href= gridViewLink class= (active == 'grid') ? 'active' : '')
span.icon-md.mdi.mdi-view-module
a.toolbar-shop-icon(href= listViewLink class= (active == 'list') ? 'active' : '')
span.icon-md.mdi.mdi-view-list
.toolbar-shop-pager
span.toolbar-shop-current.text-primary 1-6 of 15
.form-group
label Show:
select.form-control.select-filter.toolbar-shop-pager-select(data-placeholder="Select an option", data-minimum-results-for-search="Infinity")
option 6
option 12
option 18
option 24
@@ -0,0 +1,9 @@
//- Tags Widget
//- aClass - Tag element class name
//- tags - array of {link} object
mixin widget-tags(aClass, tags)
if tags
.group-xs.group-tags
each tag in tags
a(class=aClass, href=tag.href)= tag.title
@@ -0,0 +1,26 @@
//- Twitter Widget
//- twitterUser - twitter user name
mixin widget-twitter(twitterUser, twitterIcon)
.twitter(data-twitter-username= twitterUser.dataTwitterUsername data-twitter-date-hours=" hours ago" data-twitter-date-minutes=" minutes ago")
div.twitter-sm.offset-top-18(data-twitter-type='tweet')
if twitterIcon != null
div.twitter-date.text-dark
span.icon.icon-xxs.mdi.mdi-twitter.text-middle
= " "
span.text-middle(data-date ='text')
else
div.twitter-date(data-date ='text')
div.twitter-text.text-dark(data-tweet='text')
div.twitter-name.offset-top-7(data-screen_name='text')
hr.hr.divider-sm.bg-gray-light.offset-top-21
div.twitter-sm.offset-top-25(data-twitter-type='tweet')
if twitterIcon != null
div.twitter-date.text-dark.small
span.icon.icon-xxs.mdi.mdi-twitter.text-middle
= " "
span.text-middle(data-date ='text')
else
div.twitter-date(data-date ='text')
div.twitter-text.text-dark(data-tweet='text')
div.twitter-name.offset-top-7(data-screen_name='text')
@@ -0,0 +1,11 @@
mixin media_team( class_media, src, title, position, img_class, body_class)
.media(class=class_media)
.media-left
img(src=src)(class=img_class)(alt="")
.media-body(class=body_class)
h6= title
span.text-gray= position
if block
block
else
p
@@ -0,0 +1,26 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "404"
- var header_class = "bg-typography"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
.range
.cell-sm-7
h1.bigest 404
h5.text-regular Page not found
p.big The page requested couldn't be found - this could be due to a spelling error in the URL or a removed page.
.offset-top-22
a(href='index.html').btn.btn-md.btn-primary Back to homepage
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,28 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "503"
- var header_class = "bg-typography"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
.range
.cell-sm-7
h1.bigest 503
h5.text-regular Services is temprorary unavailable
p.big Sorry, we're offline right now to make our site even better. Please, come back later and check what we've been up to.
.offset-top-30
.group
a(href='index.html').btn.btn-md.btn-primary Back to homepage
a(href='contact.html').btn.btn-md.btn-primary Contact us
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,24 @@
extends ../_skeleton
include ../elements/_mixin-team
include ../elements/_mixin-cars
block variables
- var activeIndex = 2
- var page_active = "About us"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'index.html','Home')
main.page-content
include ../section/about/_section-about
include ../section/about/_section-about-2
include ../section/about/_section-about-services
include ../section/about/_section-about-faq
include ../section/about/_section-about-careers
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,18 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Book"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
include ../section/appoitment/_section_appointment_1
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,31 @@
extends ../_skeleton
block variables
- var activeIndex = 8
- var page_active = "Classic Blog"
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-70.section-sm-bottom-83
.shell
.range.range-xs-center
.cell-md-6
h1.text-sm-left Blog
.range.offset-top-25
.cell-md-6.cell-md-push-2
include ../section/blog/_section-blog-classic
.cell-md-3.offset-top-66.offset-md-top-0.cell-md-push-1
include ../section/blog/_section-blog-sidebar-variant-3
.cell-md-3.cell-lg-3.offset-top-66.offset-md-top-0.cell-md-push-3
include ../section/blog/_section-blog-sidebar-variant-4
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,29 @@
extends ../_skeleton
block variables
- var activeIndex = 8
- var page_active = "Classic Blog"
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-70.section-sm-bottom-83
.shell
.range.range-md-right.text-sm-left
.cell-md-8
h1 Blog
.range.range-md-reverse.offset-top-25
.cell-md-8.inset-md-right-30
include ../section/blog/_section-blog-classic
.cell-md-4.cell-lg-3.offset-top-66.offset-md-top-0
include ../section/blog/_section-blog-sidebar-variant-1
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,30 @@
extends ../_skeleton
block variables
- var activeIndex = 8
- var page_active = "Classic Blog"
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-70.section-sm-bottom-83
.shell
.range
.cell-md-8
h1.text-sm-left Blog
.range.offset-top-25
.cell-md-8
include ../section/blog/_section-blog-classic
.cell-md-4.cell-lg-3.offset-top-66.offset-md-top-0
include ../section/blog/_section-blog-sidebar-variant-2
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,21 @@
extends ../_skeleton
include ../elements/_ui-pagination-classic-variant-2
block variables
- var page_active = "Grid Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
include ../section/blog/_section-blog-grid-2-columns
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,21 @@
extends ../_skeleton
include ../elements/_ui-pagination-classic-variant-2
block variables
- var page_active = "Grid Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
include ../section/blog/_section-blog-grid-3-columns
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,21 @@
extends ../_skeleton
include ../elements/_ui-pagination-classic-variant-2
block variables
- var page_active = "Grid Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
include ../section/blog/_section-blog-grid-1-columns
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,22 @@
extends ../_skeleton
block variables
- var page_active = "Masonry Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
.shell
h1.text-sm-left Blog
.offset-top-25
include ../section/blog/_section-blog-masonry-2-columns
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,22 @@
extends ../_skeleton
block variables
- var page_active = "Masonry Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
.shell-wide
h1.text-sm-left Blog
.offset-top-25
include ../section/blog/_section-blog-masonry-3-columns
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,24 @@
extends ../_skeleton
block variables
- var page_active = "Masonry Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
.shell
.range.range-xs-center
.cell-md-6
h1.text-sm-left Blog
.offset-top-25
include ../section/blog/_section-blog-masonry-1-columns
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,29 @@
extends ../_skeleton
block variables
- var page_active = "Modern Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
.shell
.range.range-sm-center
.cell-sm-10.cell-md-8.cell-lg-7
h1.text-sm-left Blog
.range.range-sm-center.range-lg-right.range-md-reverse.offset-top-25
.cell-sm-10.cell-md-8.cell-lg-7
include ../section/blog/_section-blog-modern-right
.cell-md-4.cell-lg-3.offset-top-66.offset-md-top-0
include ../section/blog/_section-blog-sidebar-variant-1
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,27 @@
extends ../_skeleton
block variables
- var page_active = "Modern Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
.shell
.range.range-sm-center
.cell-sm-10.cell-md-8.cell-lg-7
h1.text-sm-left Blog
.range.range-sm-center.offset-top-25
.cell-sm-10.cell-md-8.cell-lg-7
include ../section/blog/_section-blog-modern-right
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,25 @@
extends ../_skeleton
block variables
- var page_active = "Modern Blog"
- var activeIndex = 8
- var header_class = "bg-typography"
//-Title
block title
title= page_active
//- Page
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content.section-50.section-sm-80.section-sm-bottom-90
.shell
.range.range-sm-center
.cell-sm-10.cell-md-8.cell-lg-5
h1.text-sm-left Blog
.range.range-sm-center.offset-top-25
.cell-sm-10.cell-md-8.cell-lg-7
include ../section/blog/_section-blog-modern-left
// Page Footers
include ../elements/_footer-widget
@@ -0,0 +1,24 @@
extends ../_skeleton
block variables
- var page_active = "Single Post"
- var activeIndex = 8
- var header_class = "bg-typography"
block title
title= page_active
block page
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','News')
// Page Content
main.page-content
include ../section/blog/_section-blog-default-single
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Buttons"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
main.page-content
include ../section/buttons/_section-buttons-2
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
include ../elements/_mixin-team
block variables
- var activeIndex = 5
- var page_active = "Careers"
- var header_class = "bg-typography"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
include ../section/careers/_section-team
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,153 @@
extends ../_skeleton
block variables
- var activeIndex = 2
- var page_active = "Our cars"
- var header_class = "bg-typography"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','About')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h1 Our Cars
p.h6.offset-top-5 More than 10 models
// Slick Carousel
.slick-slider.carousel-parent.carousel-slick-standard(data-arrows="false", data-loop="false", data-dots="false", data-swipe="true", data-items="1" data-child="#child-carousel", data-for="#child-carousel")
.item
.range
.cell-md-4
+jpg('cars-1-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Mitsubishi Lancer
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers,
li front-wheel drive;
li 24/34 mpg city/hwy
li 2.0-liter 4-cylinder engine;
li 148 hp, 145 lb-ft;
li 5-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-2-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Nissan Sentra
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p The painful mediocrity of the Sentra suggests that the days of truly great small Nissans might be gone. The 1.8-liter four-cylinder makes a lethargic 130 hp and comes standard with a six-speed manual. For those averse to shifting for themselves, an infuriating CVT is offered.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, front-wheel drive
li 27/36 mpg city/hwy
li 1.8-liter 4-cylinder engine
li 130 hp, 128 lb-ft
li 6-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-3-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Ford Focus
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, front-wheel drive
li 26/36 mpg city/hwy
li 2.0-liter 4-cylinder engine
li 160 hp, 146 lb-ft
li 5-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-4-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Subaru Impreza
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p Sensible, spacious, and trustworthy—these traits make the Impreza a safe choice, but not an exciting one. It starts with an underpowered 148-hp four-cylinder; a five-speed manual is standard and a CVT is optional.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, all-wheel drive
li 25/34 mpg city/hwy
li 2.0-liter 4-cylinder engine
li 148 hp, 145 lb-ft
li 5-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-1-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Mitsubishi Lancer
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers,
li front-wheel drive;
li 24/34 mpg city/hwy
li 2.0-liter 4-cylinder engine;
li 148 hp, 145 lb-ft;
li 5-speed manual transmission
.slick-slider.carousel-slick-standard-child#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")
.item
.img-rounded
+jpg('cars-thumbnails-1-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-2-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-3-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-4-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-1-270x198','img-responsive img-rounded')
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,26 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Coming Soon"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
.range.range-xs-center
.cell-md-9
// Countdown
.DateCountdown.offset-top-15(data-type='until', data-date='2017-06-01 00:00:00', data-format='wdhms')
.cell-md-9
.inset-md-left-15.inset-md-right-15
-var btn_color = "btn-primary"
-var button_content = "Notify Me"
include ../elements/_subscribe
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
block variables
- var activeIndex = 9
- var page_active = "Locations"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'index.html','Home')
main.page-content
include ../section/contact/_section-contact
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,171 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Events Calendar"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h1 Events Calendar
hr.hr.bg-gray-light.offset-top-21
h5.text-regular.offset-top-22 Teen schedule for 2016-2017
hr.hr.bg-gray-light
.range.range-xs-center.offset-top-25
.cell-xs-12
p.big.text-bold
span.text-dark Southern Branch
=" "
span (2036 N. Western Ave San Francisco, CA, 60647)
.unit.unit-sm-horizontal.big
.unit-left
p Weekdays:
.unit-body
p.text-bold Monday - Thursday
.unit.unit-sm-horizontal.big.offset-top-3
.unit-left
p Start Times:
.unit-body
p.text-bold 4 p.m. 6 p.m.
table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
thead
tr
th Course number
th Class dates
th Holiday schedule
tbody.text-dark
tr
td.text-bold N23-15
td Dec 7 Dec 30, 2015
td No class on December 24
tr
td.text-bold N01-16
td January 4 January 27, 2016
td
tr
td.text-bold N09-16
td February 1 February 24, 2016
td
tr
td.text-bold N10-16
td May 23 June 15
td No class on Memorial Day, May 30
tfoot.text-dark
tr
td.text-bold N14-16
td June 20 July 13
td No class on July 4
.offset-top-27
.unit.unit-sm-horizontal.big
.unit-left
p Weekdays:
.unit-body
p.text-bold Saturday & Sunday Schedule
.unit.unit-sm-horizontal.big.offset-top-3
.unit-left
p Start Times:
.unit-body
p.text-bold 9:30 a.m. 11:30 a.m.
table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
thead
tr
th Course number
th Class dates
th Holiday schedule
tbody.text-dark
tr
td.text-bold N02-16
td January 9 - February 27, 2016
td
tr
td.text-bold N04-16
td April 30 June 18, 2016
td No class on Memorial Day, May 28 and 29
tr
td.text-bold N05-16
td June 25 August 13, 2016
td No classes on July 2 and 3
tr
td.text-bold N06-16
td August 20th October 8, 2016
td No classes on Labor Day, September 3 and 4
tfoot.text-dark
tr
td.text-bold N07-16
td October 15 December 3, 2016
td No classes on Thanksgiving Holiday, November 26
.offset-top-65
h5.text-regular Summer schedule
hr.hr.bg-gray-light.offset-top-21
.offset-top-27
p.big.text-bold
span.text-dark Southern Branch
=" "
span (2036 N. Western Ave San Francisco, CA, 60647)
.unit.unit-sm-horizontal.big
.unit-left
p Weekdays:
.unit-body
p.text-bold Monday - Thursday
.unit.unit-sm-horizontal.big.offset-top-3
.unit-left
p Start Times:
.unit-body
p.text-bold 10:00 a.m. - 12 noon.
table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
thead
tr
th Course number
th Class dates
th Holiday schedule
tbody.text-dark
tr
td.text-bold N21-16
td June 27 - July 20
td No class on July 4
tfoot.text-dark
tr
td.text-bold N23-16
td July 25 - August 17
td
.offset-top-27
.unit.unit-sm-horizontal.big
.unit-left
p Start Times:
.unit-body
p.text-bold 1:00p.m.-3.00p.m.
table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
thead
tr
th Course number
th Class dates
th Holiday schedule
tbody.text-dark
tr
td.text-bold N21-16
td June 27 - July 20
td No class on July 4
tfoot.text-dark
tr
td.text-bold N23-16
td July 25 - August 17
td
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
include ../elements/_mixin-team
block variables
- var activeIndex = 2
- var page_active = "FAQ"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','About')
main.page-content
include ../section/faq/_section-faq
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,26 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Forms"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
// Page Content
main.page-content
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h1 Forms
p With forms you can get almost any kind of information from #[br.visible-lg-inline] your visitors, who will definitely appreciate this attractive element.
include ../section/forms/_section-login
include ../section/forms/_section-forms-2
include ../section/forms/_section-booking
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Grid Systems"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
// Page Content
main.page-content
include ../section/grid/_section-grid-2
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,390 @@
extends ../_skeleton
include ../elements/_mixin-team-horizontal-2
include ../elements/_ui-post-modern-2
include ../elements/_ui-post-modern-3
include ../elements/_widget-form-subscribe
include ../elements/_mixin-testimonials
include ../elements/_ui-post-boxed
block variables
- var activeIndex = 1
- var header_class = "page-head-center"
block title
title Home
block page
include ../elements/_mixin-team
// Page Header
include ../elements/_header-center
// Page Content
main.page-content.text-center.text-sm-left
section.section-50.section-sm-top-85.section-sm-bottom-90.text-center
.shell
h1 Welcome
p.h6.offset-top-5 Our features
.range.text-sm-left.offset-top-25
.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.
.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.
hr.hr.divider-lg.bg-gray-light
.range.range-xs-center.offset-top-25
.cell-sm-6.cell-md-4
.thumbnail-max-width-270
.unit.unit-sm.unit-vertical.unit-spacing-xs
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-shield91
.unit-body
.offset-top-10
h4 100% Driving #[br.visible-lg-inline] Success
p.offset-top-25 Our driving school is aimed at providing our students with theoretical and practical knowledge.
hr.hr.divider-sm.bg-gray-light
.cell-sm-6.cell-md-4
.thumbnail-max-width-270
.unit.unit-sm.unit-vertical.unit-spacing-xs
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-traffic20
.unit-body
.offset-top-10
h4 Any Kind of #[br.visible-lg-inline] Licensing Services
p.offset-top-25 Our school also provides a range of additional licensing services for our students' driving convenience.
hr.hr.divider-sm.bg-gray-light
.cell-sm-6.cell-md-4
.thumbnail-max-width-270
.unit.unit-sm.unit-vertical.unit-spacing-xs
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-lifesaver8
.unit-body
.offset-top-10
h4 Full Car #[br.visible-lg-inline] Insurance
p.offset-top-25 All our students have their cars insured from any troubles that may happen during their learning.
hr.hr.divider-sm.bg-gray-light
.offset-top-33.text-center
a(href='contacts.html').btn.btn-primary.btn-custom.text-bold
span.text-uppercase.font-size-36 1
sup.text-ebold.big st
=' '
span.text-uppercase lesson - free
section.bg-gray-light.section-bottom-50.section-sm-bottom-0(style="position:relative;")
.shell
.range.range-md-justify
.cell-sm-10.cell-md-5.section-top-50.section-sm-top-85.section-sm-bottom-60
h1 Our Cars
.owl-carousel.owl-carousel-standard.range-index-list.offset-top-30.offset-sm-top-12(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' )
.item
img.veil-sm(src="images/index-01-488x325.jpg", width="488", height="325", alt="" )
.offset-top-20.offset-sm-top-0
h4.text-bold.text-primary.offset-top-2 Mitsubishi Lancer
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top--7
a(href='teachers-single.html') John Malkovich
=" "
span &
=" "
a(href='teachers-single.html') Vanessa Black
p.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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers,
li front-wheel drive;
li 24/34 mpg city/hwy
li 2.0-liter 4-cylinder engine;
li 148 hp, 145 lb-ft;
li 5-speed manual transmission
.item
img.veil-sm(src="images/index-02-488x325.jpg", width="488", height="325", alt="" )
.offset-top-20.offset-sm-top-0
h4.text-bold.text-primary.offset-top-2 Nissan Sentra
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top--7
a(href='teachers-single.html') John Malkovich
=" "
span &
=" "
a(href='teachers-single.html') Vanessa Black
p.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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, front-wheel drive
li 27/36 mpg city/hwy
li 1.8-liter 4-cylinder engine
li 130 hp, 128 lb-ft
li 6-speed manual transmission
.item
img.veil-sm(src="images/index-03-488x325.jpg", width="488", height="325", alt="" )
.offset-top-20.offset-sm-top-0
h4.text-bold.text-primary.offset-top-2 Ford Focus
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top--7
a(href='teachers-single.html') John Malkovich
=" "
span &
=" "
a(href='teachers-single.html') Vanessa Black
p.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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, front-wheel drive
li 26/36 mpg city/hwy
li 2.0-liter 4-cylinder engine
li 160 hp, 146 lb-ft
li 5-speed manual transmission
.item
img.veil-sm(src="images/index-04-488x325.jpg", width="488", height="325", alt="")
.offset-top-20.offset-sm-top-0
h4.text-bold.text-primary.offset-top-2 Subaru Impreza
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top--7
a(href='teachers-single.html') John Malkovich
=" "
span &
=" "
a(href='teachers-single.html') Vanessa Black
p.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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, all-wheel drive
li 25/34 mpg city/hwy
li 2.0-liter 4-cylinder engine
li 148 hp, 145 lb-ft
li 5-speed manual transmission
.owl-custom-pagination
.range.range-condensed
.cell-xs-6(data-owl-item="0")
img(src="images/index-01-488x325.jpg", width="488", height="325", alt="" )
.cell-xs-6(data-owl-item="1")
img(src="images/index-02-488x325.jpg", width="488", height="325", alt="" )
.cell-xs-6(data-owl-item="2")
img(src="images/index-03-488x325.jpg", width="488", height="325", alt="" )
.cell-xs-6(data-owl-item="3")
img(src="images/index-04-488x325.jpg", width="488", height="325", alt="")
//testimonials
section.text-center.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Testimonials
p.h6.offset-top-5 Customer reviews
// Responsive-tabs
.responsive-tabs.horizontal-tabs.offset-top-25( data-type="default")
ul.resp-tabs-list.resp-tabs-list-standard.tabs-group-default.justify-center(data-group="tabs-group-default")
li.btn-link Personalized training
li.btn-link Qualified instructors
li.btn-link Skills development
.resp-tabs-container.tabs-group-default(data-group="tabs-group-default")
div.fadeIn.animated
// Owl Carousel
.owl-carousel.owl-carousel-standard(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"]')
.owl-item
+testimonials(
'testimonials-01-270x251',
'img-responsive img-rounded',
'I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers arent thinking about driving.',
'Andrew B. ',
'27 yrs. old'
)
.owl-item
+testimonials(
'testimonials-02-270x251',
'img-responsive img-rounded',
'Why dont they teach this stuff in high school?',
'Paul B.',
'25 yrs. old'
)
.owl-item
+testimonials(
'testimonials-03-270x251',
'img-responsive img-rounded',
'This class was very helpful, it gave me some new information that I havent thought of. I also feel that it would be a beneficial class to anyone that drives.',
'Jimmy E. ',
'30 yrs. old'
)
.owl-item
+testimonials(
'testimonials-04-270x251',
'img-responsive img-rounded',
'Great! Made a difference in attitude towards my driving.',
'Ann N. ',
'21 yrs. old'
)
div.fadeIn.animated
// Owl Carousel
.owl-carousel.owl-carousel-standard(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"]')
.owl-item
+testimonials(
'testimonials-02-270x251',
'img-responsive img-rounded',
'Why dont they teach this stuff in high school?',
'Paul B.',
'25 yrs. old'
)
.owl-item
+testimonials(
'testimonials-01-270x251',
'img-responsive img-rounded',
'I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers arent thinking about driving.',
'Andrew B. ',
'27 yrs. old'
)
.owl-item
+testimonials(
'testimonials-04-270x251',
'img-responsive img-rounded',
'Great! Made a difference in attitude towards my driving.',
'Ann N. ',
'21 yrs. old'
)
.owl-item
+testimonials(
'testimonials-03-270x251',
'img-responsive img-rounded',
'This class was very helpful, it gave me some new information that I havent thought of. I also feel that it would be a beneficial class to anyone that drives.',
'Jimmy E. ',
'30 yrs. old'
)
div.fadeIn.animated
// Owl Carousel
.owl-carousel.owl-carousel-standard(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"]')
.owl-item
+testimonials(
'testimonials-02-270x251',
'img-responsive img-rounded',
'Why dont they teach this stuff in high school?',
'Paul B.',
'25 yrs. old'
)
.owl-item
+testimonials(
'testimonials-04-270x251',
'img-responsive img-rounded',
'Great! Made a difference in attitude towards my driving.',
'Ann N. ',
'21 yrs. old'
)
.owl-item
+testimonials(
'testimonials-01-270x251',
'img-responsive img-rounded',
'I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers arent thinking about driving.',
'Andrew B. ',
'27 yrs. old'
)
.owl-item
+testimonials(
'testimonials-03-270x251',
'img-responsive img-rounded',
'This class was very helpful, it gave me some new information that I havent thought of. I also feel that it would be a beneficial class to anyone that drives.',
'Jimmy E. ',
'30 yrs. old'
)
//blog
section.section-50.section-sm-top-85.section-sm-bottom-90.text-center.bg-gray-light
.shell.shell-wide
h1 Our Blog
p.h6.offset-top-5 Read the Latest News
.range.range-xs-center.offset-top-25
.cell-md-6.cell-lg-4
+post-boxed("blog-post.html", "3 days ago", "Local state police will visit us to discuss distracted driving", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Police", "href": "#"},
{"title": "Discuss", "href": "#"}],
{"src": "images/blog-grid-7-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30.veil-md
.cell-md-6.cell-lg-4
+post-boxed("blog-post.html", "7 days ago", "Training for kids coming soon", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Kids", "href": "#"}],
{"src": "images/blog-grid-8-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30.veil-lg
.cell-md-6.cell-lg-4
+post-boxed("blog-post.html", "9 days ago", "How to get a CT Learner's Permit for international students", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "International", "href": "#"}],
{"src": "images/blog-grid-6-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.offset-top-40.offset-sm-top-60.text-center
a(href='blog-classic-left-sidebar.html').btn.btn-md.btn-primary View more news
footer.page-foot.bg-dark.section-top-50.section-md-top-85
section.footer-content.text-center.text-sm-left
.shell
.range
.cell-xs-12.cell-sm-6.cell-lg-3
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
h6.big.text-bold.offset-top-22.text-base Address:
div.offset-top-7
p.text-bold 4578 Marmora St, #[br.visible-lg-inline] San Francisco D04 89GR.
address.offset-top-7
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold Telephone:
.unit-body
a(href="callto:#").text-bold.text-base
| 1-800-1234-567,
.unit.unit-sm-horizontal.unit-middle.offset-top-7
.unit-left
span.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold.text-white info@demolink.org
.cell-xs-12.cell-sm-6.cell-lg-2.offset-top-45.offset-sm-top-0
h4.big.text-white Blogroll
.offset-top-30
ul.list.list-marked
li: a(href='#').text-white Driver
li: a(href='#').text-white Instructors
li: a(href='#').text-white Courses
li: a(href='#').text-white Education
li: a(href='#').text-white Adult
li: a(href='#').text-white Teen
li: a(href='#').text-white Advanced
.cell-xs-12.cell-sm-6.cell-lg-3.offset-top-45.offset-lg-top-0
h4.big.text-white Recent posts
.offset-top-30.inset-lg-right-50
a(href='blog-post.html').text-white Why Adult Driver Education Course is important
p.offset-top-2
time(datetime='2016') August 25, 2016
.offset-top--7
hr.hr.divider-footer.bg-gray
.offset-top-10
a(href='blog-post.html').text-white Congratulations on earning your instruction permits!
p.offset-top-2
time(datetime='2016') August 20, 2016
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-35.offset-lg-top--10
.range
.cell-sm-4
h1.text-white.text-bold 15
span.big.text-white years of experience
.cell-sm-4
h1.text-white.text-bold 358
span.big.text-white students every year
.cell-sm-4
h1.text-white.text-bold 17
span.big.text-white kinds of licenses
.offset-top-30.text-left
p Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.
.offset-top-15
+widget-form-subscribe("", "form-subscribe-footer")
section.bg-darken.section-25.offset-top-40
.shell
p.text-bold.text-sm-left.
SafeDrive &#169; #[span(id="copyright-year")] #[a(href="privacy.html").text-base Privacy Policy]
@@ -0,0 +1,448 @@
extends ../_skeleton
include ../elements/_mixin-team-carousel
include ../elements/_ui-post-modern-2
include ../elements/_ui-post-modern-3
include ../elements/_widget-form-subscribe
include ../elements/_widget-tags
block variables
- var activeIndex = 1
- var header_class = "page-head-hamburger"
block title
title Home
block page
// Page Header
include ../elements/_header-hamburger
// Page Content
main.page-content.text-center.text-sm-left
section.section-50.section-sm-85
.shell
.range
.cell-sm-6.cell-md-4
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-shield91
.unit-body
.offset-top-10
h4 100% Driving #[br.visible-lg-inline] Success
p.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.
.cell-sm-6.cell-md-4.offset-top-45.offset-sm-top-0
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-traffic20
.unit-body
.offset-top-10
h4 Any Kind of #[br.visible-lg-inline] Licensing Services
p.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.
.cell-sm-6.cell-md-4.offset-top-45.offset-md-top-0
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-lifesaver8
.unit-body
.offset-top-10
h4 Full Car #[br.visible-lg-inline] Insurance
p.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.
// services
section.section-bottom-50.section-sm-bottom-95
.shell
.range.range-condensed.range-xs-middle.range-xs-center
.cell-sm-6.cell-md-4
.cars-module.cars-module-index.cars-bg-07.text-center.cars-module-variant-1.cars-module-index-2
h1.text-light.text-white New Teen Drivers
p.text-white.text-bold.big Complete Course Options
p.text-white.text-bold.big Partial Course Options
p.text-white.text-bold.big Teen Starter Courses
.offset-top--10
hr.hr.bg-white.divider-sm
.offset-top-10
a(href='lessons-single.html').btn.btn-md.btn-white-variant-1 Read more
.cell-sm-6.cell-md-4
.cars-module.cars-module-index.cars-bg-08.text-center.cars-module-index-2
h1.text-light.text-white New Adult Drivers
p.text-white.text-bold.big Ultimate Beginner
p.text-white.text-bold.big Adult Beginner
p.text-white.text-bold.big Adult Intermediate
.offset-top--10
hr.hr.bg-white.divider-sm
.offset-top-10
a(href='lessons-single.html').btn.btn-md.btn-white-variant-1 Read more
.cell-sm-6.cell-md-4
.cars-module.cars-module-index.cars-bg-09.text-center.cars-module-variant-2.cars-module-index-2
h1.text-light.text-white New Adult Drivers
p.text-white.text-bold.big Ultimate Beginner
p.text-white.text-bold.big Adult Beginner
p.text-white.text-bold.big Adult Intermediate
.offset-top--10
hr.hr.bg-white.divider-sm
.offset-top-10
a(href='lessons-single.html').btn.btn-md.btn-white-variant-1 Read more
.offset-top-35.text-center
a(href='lessons.html').btn.btn-md.btn-primary View all courses
// cars
section.bg-gray-light.section-bottom-50.section-sm-bottom-0(style="position:relative;")
.shell
.range.range-md-justify
.cell-sm-10.cell-md-5.cell-lg-4.section-top-50.section-sm-top-85.section-sm-bottom-60
h1 Our Team
.owl-carousel.owl-carousel-standard.owl-carousel-teachers.offset-top-30.offset-sm-top-12(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' )
.item
+team-carousel(
'teacher-01-370-316',
'img-responsive img-rounded',
'head instructor',
'John Malkovich',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'John has a goal - to provide our students with a great driving experience. Students enjoy his real driving experience and learn from Johns exceptional instruction. His intense Driving Instruction allows students to learn skills they will need.')
.item
+team-carousel(
'teacher-02-370-316',
'img-responsive img-rounded',
'Teen instructor',
'Samantha Johnson',
'Classroom Instruction, Type 09 teaching certification, Rules of the Road, Teen Classroom Instruction.',
'Students in drivers education courses are goal oriented. They want to earn their instruction permits and ultimately, their licenses. The students in Samathas class are eager to learn, and she enjoys teaching them the rules of the road as well as specialized chapters.')
.item
+team-carousel(
'teacher-03-370-316',
'img-responsive img-rounded',
'Adult instructor',
'Richard Jackson',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'Richard really enjoys seeing his students succeed. He feels very proud to see the process from beginning steps of moving the car to his students achieving their goal of obtaining a drivers license. He is very patient and his students always see the best of him.')
.item
+team-carousel(
'teacher-04-370-316',
'img-responsive img-rounded',
'Instructor',
'Jack Tompson',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'His style as an instructor is calm, cool & collected. What Jack enjoys most about being an instructor is when our students receive their license after starting from nothing. The independence and freedom they receive is the reason he is here.')
.item
+team-carousel(
'teacher-05-370-316',
'img-responsive img-rounded',
'Teen instructor',
'Martha Green',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'Martha really enjoys when students notice how to improve their driving skills, follow the rules of the road and above all practice the skills of caution learned through our courses. She teaches according to her students personality which more often leads to positive results. ')
.item
+team-carousel(
'teacher-06-370-316',
'img-responsive img-rounded',
'Adult instructor',
'Nick Nelson',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'Nick loves to see his students smile when they get their license, but whats most gratifying is seeing students finally master a skill they thought was impossible. He is friendly, patient and encouraging, but very detail oriented. ')
.owl-custom-pagination
.range.range-condensed
.cell-xs-6.cell-sm-4(data-owl-item="0")
+jpg('teacher-01-370-316','')
.cell-xs-6.cell-sm-4(data-owl-item="1")
+jpg('teacher-02-370-316','')
.cell-xs-6.cell-sm-4(data-owl-item="2")
+jpg('teacher-03-370-316','')
.cell-xs-6.cell-sm-4(data-owl-item="3")
+jpg('teacher-04-370-316','')
.cell-xs-6.cell-sm-4(data-owl-item="4")
+jpg('teacher-05-370-316','')
.cell-xs-6.cell-sm-4(data-owl-item="5")
+jpg('teacher-06-370-316','')
//our cars
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h1 Our Cars
p.h6.offset-top-5 More than 10 models
// Slick Carousel
.slick-slider.carousel-parent.carousel-slick-standard(data-arrows="false", data-loop="false", data-dots="false", data-swipe="true", data-items="1" data-child="#child-carousel", data-for="#child-carousel")
.item
.range
.cell-md-4
+jpg('cars-1-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Mitsubishi Lancer
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers,
li front-wheel drive;
li 24/34 mpg city/hwy
li 2.0-liter 4-cylinder engine;
li 148 hp, 145 lb-ft;
li 5-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-2-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Nissan Sentra
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, front-wheel drive
li 27/36 mpg city/hwy
li 1.8-liter 4-cylinder engine
li 130 hp, 128 lb-ft
li 6-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-3-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Ford Focus
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, front-wheel drive
li 26/36 mpg city/hwy
li 2.0-liter 4-cylinder engine
li 160 hp, 146 lb-ft
li 5-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-4-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Subaru Impreza
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers, all-wheel drive
li 25/34 mpg city/hwy
li 2.0-liter 4-cylinder engine
li 148 hp, 145 lb-ft
li 5-speed manual transmission
.item
.range
.cell-md-4
+jpg('cars-1-532x321','img-float')
.cell-sm-5.cell-md-3
h4.text-bold.text-primary.offset-top-2 Mitsubishi Lancer
p.font-size-16.offset-top-2 Instructors:
p.font-size-16.text-bold.offset-top-2
span.text-primary John Malkovich
=" "
span &
=" "
span.text-primary Vanessa Black
.cell-sm-7.cell-md-5
p 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.
ul.list-unstyled.big.text-dark.offset-top-22
li 4 doors, 5 passengers,
li front-wheel drive;
li 24/34 mpg city/hwy
li 2.0-liter 4-cylinder engine;
li 148 hp, 145 lb-ft;
li 5-speed manual transmission
.slick-slider.carousel-slick-standard-child#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")
.item
.img-rounded
+jpg('cars-thumbnails-1-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-2-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-3-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-4-270x198','img-responsive img-rounded')
.item
.img-rounded
+jpg('cars-thumbnails-1-270x198','img-responsive img-rounded')
//blog
section.section-50.section-sm-top-85.section-sm-bottom-90.bg-primary
.shell
h1.text-white Our Blog
p.h6.offset-top-5.text-white Read the Latest News
.range.range-xs-center.offset-top-25
.cell-sm-6.cell-lg-4
+post-modern-2('blog-post.html', "07.25.2016", "Meet the Instructor",
{
"type": "thumbnail",
"thumb": { "src": "images/index-blog-1-371x306.jpg", "width": 371, "height": 306, "alt": "" }
},
'blog-classic-3-69x69',
'Sara Johnson',
[{"title": "News", "href": "#"}]
)
p We are glad to announce that Safe Drives team has increased by one more experienced instructor - Jim Johnson. His qualification makes him one of the most...
.cell-sm-6.cell-lg-4.offset-top-45.offset-sm-top-0
+post-modern-2('blog-post.html', "07.25.2016", "Congratulations on earning your permits!",
{
"type": "thumbnail",
"thumb": { "src": "images/index-blog-3-371x306.jpg", "width": 371, "height": 306, "alt": "" }
},
'blog-classic-3-69x69',
'Sara Johnson',
[{"title": "News", "href": "#"}]
)
p Congratulations to students in Teen Program who have earned their instruction permits! Our Teen Program coursework, which...
.cell-sm-6.cell-lg-4.offset-top-45.offset-lg-top-0
+post-modern-2('blog-post.html', "07.25.2016", "Auto Insurance",
{
"type": "thumbnail",
"thumb": { "src": "images/index-blog-2-371x306.jpg", "width": 371, "height": 306, "alt": "" }
},
'blog-classic-3-69x69',
'Sara Johnson',
[{"title": "News", "href": "#"}]
)
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...
.offset-top-30.text-center.text-lg-right
a(href='blog-classic-left-sidebar.html').btn.btn-md.btn-white-variant-2 View more news
footer.page-foot.bg-dark.section-top-50.section-md-top-90
section.footer-content.text-center.text-sm-left
.shell
.range.border-left-cell
.cell-xs-12.cell-sm-6.cell-lg-4.text-left
.inset-lg-right-80
.unit.unit-horizontal.offset-top-30.unit-spacing-xs
.unit-left
img(src="images/blog-classic-3-69x69.jpg" width='69' height='69' alt='').img-circle
.unit-body
time(datetime="2016-01-01").text-middle.text-base August 25, 2016
p.offset-top-10.text-bold: a(href='blog-post.html').text-white Why Adult Driver Education Course is important
.unit.unit-horizontal.offset-top-40.unit-spacing-xs
.unit-left
img(src="images/blog-classic-4-69x69.jpg" width='69' height='69' alt='').img-circle
.unit-body
time(datetime="2016-01-01").text-middle.text-base August 20, 2016
p.offset-top-10.text-bold: a(href='blog-post.html').text-white Congratulations on earning your instruction permits!
.unit.unit-horizontal.offset-top-40.unit-spacing-xs
.unit-left
img(src="images/blog-classic-5-69x69.jpg" width='69' height='69' alt='').img-circle
.unit-body
time(datetime="2016-01-01").text-middle.text-base August 15, 2016
p.offset-top-10.text-bold: a(href='blog-post.html').text-white Local state police will visit us to discuss distracted driving
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45.offset-sm-top-0
.inset-lg-right-80
h4.text-white Tags
.offset-top-30
+widget-tags("btn-link btn-link-white", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction", "href": "#"},
{"title": "Courses ", "href": "#"},
{"title": "Police ", "href": "#"},
{"title": "Discussion ", "href": "#"},
{"title": "Adult ", "href": "#"},
{"title": "Teen", "href": "#"}
])
hr.hr.divider-footer.bg-gray.offset-top-35.veil.reveal-lg-inline-block
h4.text-white.offset-top-40 Links
.offset-top-30
ul.list.list-marked
li
a(href='#').text-white
span.text-bold Safety Belt Fact Sheet
=' '
span (pdf download)
li
a(href='#').text-white
span.text-bold Customized Parent/Teen Agreement
li
a(href='#').text-white
span.text-bold SADD Contract
=' '
span (pdf download)
li
a(href='#').text-white
span.text-bold Teen Safety Belt Usage
li
a(href='#').text-white
span.text-bold Safety Quiz
=' '
span (pdf download)
.cell-xs-12.cell-lg-4.offset-top-45.offset-lg-top-0
.range
.cell-sm-6.cell-lg-12
h4.text-white Address:
.offset-top-30
p.text-bold 4578 Marmora St, San Francisco D04 89GR.
address
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold Telephone:
.unit-body
a(href="callto:#").text-bold.text-base
| 1-800-1234-567,
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold.text-white info@demolink.org
.cell-lg-12.reveal-lg-block.veil
hr.hr.divider-footer.bg-gray.offset-top-35
.cell-sm-6.cell-lg-12.offset-top-45.offset-sm-top-0.offset-lg-top-40
h4.text-white Newsletter
.offset-top-30.text-left
p Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.
.offset-top-15
form.rd-mailform.form-subscribe.form-inline-flex-xs.form-subscribe-footer-2(data-form-output='form-output-global', data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
.form-group
input.form-control( type="email", name="email" data-constraints="@Required @Email")
button(type="submit").btn.btn-md.btn-primary Subscribe
section.bg-darken.section-25.offset-top-40.offset-md-top-85
.shell
.range.range-sm-justify.range-sm-reverse
.cell-sm-6.text-sm-right
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-primary.fa-facebook
li
a(href="#").icon.icon-primary.fa-google-plus
li
a(href="#").icon.icon-primary.fa-linkedin
li
a(href="#").icon.icon-primary.fa-twitter
.cell-sm-6
p.text-bold.text-sm-left.
SafeDrive &#169; #[span(id="copyright-year")] #[a(href="privacy.html").text-base Privacy Policy]
@@ -0,0 +1,382 @@
extends ../_skeleton
include ../elements/_mixin-team-horizontal-2
include ../elements/_ui-post-modern-2
include ../elements/_ui-post-modern-3
include ../elements/_widget-form-subscribe
block variables
- var activeIndex = 1
- var header_class = "page-head-default"
block title
title Home
block page
include ../elements/_mixin-team
// Page Header
include ../elements/_header-default
// Page Content
main.page-content.text-center.text-sm-left
section.section-50.section-sm-95
.shell
.range
.cell-sm-6.cell-md-4.section-md-top-40
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-shield91
.unit-body
.offset-top-10
h4 100% Driving #[br.visible-lg-inline] Success
p.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.
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left.offset-top-45.offset-sm-top-85
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-traffic20
.unit-body
.offset-top-10
h4 Any Kind of #[br.visible-lg-inline] Licensing Services
p.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.
.cell-sm-6.cell-md-4.section-md-top-40
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-lifesaver8
.unit-body
.offset-top-10
h4 Full Car #[br.visible-lg-inline] Insurance
p.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.
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left.offset-top-45.offset-sm-top-85
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-bell44
.unit-body
.offset-top-10
h4 Experienced #[br.visible-lg-inline] Instructors
p.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.
.cell-md-4.offset-top-45.offset-md-top-0
.form-booking-variant-1.services-new
.services-label
span.text-uppercase Free
h3.text-white.text-center
span.text-ebold.text-uppercase Book
=' '
span.text-ebold.text-uppercase.font-size-36 1
sup.text-bold.big st
=' '
span.text-bold.text-uppercase lesson
// RD Mailform
form.rd-mailform.offset-top-27(data-form-output="form-output-global", data-form-type='contact', method='post', action='bat/rd-mailform.php')
.form-group
.input-group.input-group-sm
span.input-group-addon.input-group-addon-inverse
span.input-group-icon.mdi.mdi-account
input#login-your-login.form-control(placeholder="Enter your name" type="text" name="login" data-constraints="@Required")
.form-group
.input-group.input-group-sm
span.input-group-addon.input-group-addon-inverse
span.input-group-icon.mdi.mdi-email
input#login-your-email.form-control(placeholder="Your email" type="email" name="email" data-constraints="@Email @Required")
.form-group
.input-group.input-group-sm
span.input-group-addon.input-group-addon-inverse
span.input-group-icon.mdi.mdi-phone
input#contact-phone.form-control(placeholder='Your phone' type="text" name="phone" data-constraints="@Required @Numeric")
.form-group.select-custom
//Select 2
select.form-control.select-filter(data-placeholder="Lesson type", data-minimum-results-for-search="Infinity", data-constraints="@Required")
option Lesson type
option(value="2") Demo Item 1-1
option(value="3") Demo Item 1-2
option(value="4") Demo Item 1-2
option(value="5") Demo Item 2-1
option(value="6") Demo Item 2-2
option(value="7") Demo Item 2-3
.offset-top-35
button(type="submit").btn.btn-white-variant-2.btn-md.btn-fullwidth.text-uppercase.letter-spacing-100 Book online now!
// services
section.bg-dark
.range.range-condensed.range-xs-middle.range-xs-center
.cell-sm-6.cell-md-4
.cars-module.cars-module-index.cars-bg-05.text-center
h1.text-light.text-white New Teen Drivers
p.text-white.text-bold.big Complete Course Options
p.text-white.text-bold.big Partial Course Options
p.text-white.text-bold.big Teen Starter Courses
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-33
a(href='lessons.html').btn.btn-md.btn-dark Read more
.cell-sm-6.cell-md-4
.cars-module.cars-module-index.cars-bg-06.text-center
h1.text-light.text-white New Adult Drivers
p.text-white.text-bold.big Ultimate Beginner
p.text-white.text-bold.big Adult Beginner
p.text-white.text-bold.big Adult Intermediate
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-33
a(href='lessons.html').btn.btn-md.btn-dark Read more
.cell-xs-8.cell-sm-6.cell-md-4
.inset-left-25.inset-lg-left-55.section-35
ul.list.list-marked-border.h6
li: a(href='#') Extreme
li: a(href='#') Court
li: a(href='#') Winter driving
li: a(href='#') Defensive driving
li: a(href='#') Rehabilitation
li: a(href='#') International driver education
//our team
section.section-50.section-sm-top-85.section-sm-bottom-90
.shell
h1 Our Team
p.h6.offset-top-5 Best driving instructors in LA
.offset-top-30
// Slick Carousel
.slick-slider.carousel-parent.carousel-slick-standard(data-arrows="false", data-loop="false", data-dots="false", data-swipe="true", data-items="1" data-child="#child-carousel", data-for="#child-carousel")
.item
.range
.cell-sm-10
+team-horizontal-2(
'teacher-index-07-470x384',
'img-responsive img-rounded',
'Head instructor',
'John Malkovich',
'John has a goal - to provide our students with a great driving experience. Students enjoy his real driving experience and learn from Johns exceptional instruction. His intense Driving Instruction allows students to learn skills they will need.',
'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. '
)
.item
.range
.cell-sm-10
+team-horizontal-2(
'teacher-index-02-470x384',
'img-responsive img-rounded',
'Teen Instructor',
'Samantha Johnson ',
'Samantha decided to become trained as a driving instructor 10 years ago. Her skills and professionalism allow her to help young learner drivers.',
'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. '
)
.item
.range
.cell-sm-10
+team-horizontal-2(
'teacher-index-08-470x384',
'img-responsive img-rounded',
'Adult Instructor',
'Richard Jackson',
'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.',
'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.'
)
.item
.range
.cell-sm-10
+team-horizontal-2(
'teacher-index-09-470x384',
'img-responsive img-rounded',
'Teen Instructor',
'Martha Green',
'Martha is one of our youngest instructors who joined Safe Drives team in 2012. However, her dedication and experience in driving education often serve as an example to other instructors of our school.',
'She has a Cert 4 Driver Trainer qualification and is an RMS certified Teen Driver Assessor.'
)
.slick-slider.carousel-slick-standard-child.offset-top-30#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")
.item
.img-rounded
+jpg('teacher-thumbnail-1-270x233','img-responsive img-rounded')
.item
.img-rounded
+jpg('teacher-thumbnail-2-270x233','img-responsive img-rounded')
.item
.img-rounded
+jpg('teacher-thumbnail-3-270x233','img-responsive img-rounded')
.item
.img-rounded
+jpg('teacher-thumbnail-4-270x233','img-responsive img-rounded')
.offset-top-30.offset-sm-top--66.text-sm-left.text-md-right(style='position:relative;')
a(href='teachers.html').btn.btn-md.btn-primary View all team
// cars
section.bg-dark.section-bottom-50.section-sm-bottom-0(style="position:relative;")
.shell
.range.range-md-justify
.cell-sm-10.cell-md-5.section-top-50.section-sm-top-85.section-sm-bottom-60
h1.text-white Our Cars
.owl-carousel.owl-carousel-standard.owl-carousel-navigation-left.range-index-list.offset-top-30.offset-sm-top-12(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' )
.item
img.veil-sm(src="images/index-01-488x325.jpg", width="488", height="325", alt="" )
span.list-index-counter.text-light.h6.text-base.offset-top-20.offset-sm-top-0
h4.text-white.offset-top-22
span Business class sedan
=' '
span.text-regular (2 cars)
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.
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-15.offset-sm-top-27
p.big.text-white Instructors:
div
p.text-bold.big
a(href='teachers-single.html') John Malkovich
=' '
span.text-base &
=' '
a(href='teachers-single.html') Vanessa Black
.item
img.veil-sm(src="images/index-02-488x325.jpg", width="488", height="325", alt="" )
span.list-index-counter.text-light.h6.text-base.offset-top-20.offset-sm-top-0
h4.text-white.offset-top-22
span Luxury car
=' '
span.text-regular (1 car)
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.
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-15.offset-sm-top-27
p.big.text-white Instructors:
div
p.text-bold.big
a(href='teachers-single.html') John Malkovich
=' '
span.text-base &
=' '
a(href='teachers-single.html') Nick Nelson
.item
img.veil-sm(src="images/index-03-488x325.jpg", width="488", height="325", alt="" )
span.list-index-counter.text-light.h6.text-base.offset-top-20.offset-sm-top-0
h4.text-white.offset-top-22
span Coupe
=' '
span.text-regular (1 car)
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.
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-15.offset-sm-top-27
p.big.text-white Instructors:
div
p.text-bold.big
a(href='teachers-single.html') Martha Green
=' '
span.text-base &
=' '
a(href='teachers-single.html') Samantha Johnson
.item
img.veil-sm(src="images/index-04-488x325.jpg", width="488", height="325", alt="")
span.list-index-counter.text-light.h6.text-base.offset-top-20.offset-sm-top-0
h4.text-white.offset-top-22
span Crossovers
=' '
span.text-regular (3 cars)
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.
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-15.offset-sm-top-27
p.big.text-white Instructors:
div
p.text-bold.big
a(href='teachers-single.html') Richard Jackson
=' '
span.text-base &
=' '
a(href='teachers-single.html') Jack Tompson
.owl-custom-pagination
.range.range-condensed
.cell-xs-6(data-owl-item="0")
img(src="images/index-01-488x325.jpg", width="488", height="325", alt="" )
.cell-xs-6(data-owl-item="1")
img(src="images/index-02-488x325.jpg", width="488", height="325", alt="" )
.cell-xs-6(data-owl-item="2")
img(src="images/index-03-488x325.jpg", width="488", height="325", alt="" )
.cell-xs-6(data-owl-item="3")
img(src="images/index-04-488x325.jpg", width="488", height="325", alt="")
//blog
section.section-50.section-sm-top-85.section-sm-bottom-90
.shell
h1 Our Blog
p.h6.offset-top-5 Read the Latest News
.range.range-xs-center.offset-top-25
.cell-sm-6.cell-lg-4
+post-modern-2('blog-post.html', "07.25.2016", "Meet the Instructor",
{
"type": "thumbnail",
"thumb": { "src": "images/index-blog-1-371x306.jpg", "width": 371, "height": 306, "alt": "" }
},
'blog-classic-3-69x69',
'Sara Johnson',
[{"title": "News", "href": "#"}]
)
p We are glad to announce that Safe Drives team has increased by one more experienced instructor - Jim Johnson. His qualification makes him one of the most...
.cell-sm-6.cell-lg-4.offset-top-45.offset-sm-top-0
+post-modern-3('blog-post.html', "07.25.2016", "New Practice Method",
{
"type": "thumbnail",
"thumb": { "src": "images/index-blog-3-370x620.jpg", "width": 371, "height": 620, "alt": "" }
},
[{"title": "News", "href": "#"}]
)
.cell-sm-6.cell-lg-4.offset-top-45.offset-lg-top-0
+post-modern-2('blog-post.html', "07.25.2016", "Auto Insurance",
{
"type": "thumbnail",
"thumb": { "src": "images/index-blog-2-371x306.jpg", "width": 371, "height": 306, "alt": "" }
},
'blog-classic-3-69x69',
'Sara Johnson',
[{"title": "News", "href": "#"}]
)
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...
.offset-top-40.offset-sm-top-60.text-center
a(href='blog-classic.html').btn.btn-md.btn-primary View more news
footer.page-foot.bg-gray-light.section-50.section-md-top-80.section-md-bottom-60
section.footer-content.text-center.text-sm-left
.shell
.range.border-left-cell
.cell-xs-12.cell-sm-4.cell-lg-3.cell-lg-push-1
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-dark Drive
h6.big.text-base.text-bold.offset-top-17 Address:
div.offset-top-7
p.text-bold.text-dark 4578 Marmora St, #[br.visible-lg-inline] San Francisco D04 89GR.
address.offset-top-7
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-dark.text-bold Telephone:
.unit-body
a(href="callto:#").text-dark.text-bold
| 1-800-1234-567
span.text-dark.text-bold ,
.unit.unit-sm-horizontal.unit-middle.offset-top-7
.unit-left
span.text-dark.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold info@demolink.org
.cell-xs-12.cell-sm-8.cell-lg-5.offset-top-45.offset-sm-top-0.cell-lg-push-3
h6.big.text-bold Newsletter
.offset-top-30.text-left
p.text-bold Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.
.offset-top-15
+widget-form-subscribe('',"form-output-global", "form-subscribe-footer")
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-lg-top-0.cell-lg-push-2
.group-sm
+jpg('footer-01-100x93',"")
+jpg('footer-02-100x93',"")
+jpg('footer-03-100x93',"")
hr.hr.offset-top-40
.shell.offset-top-40
p.text-bold.text-sm-left.
SafeDrive &#169; #[span(id="copyright-year")] #[a(href="privacy.html").text-base Privacy Policy]
// {%FOOTER_LINK}
@@ -0,0 +1,180 @@
extends ../_skeleton
include ../elements/_ui-services-item-lessons
block variables
- var activeIndex = 3
- var page_active = "Adult Programs"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Lessons')
main.page-content
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Adult Programs
.range.range-index-list.offset-top-30
.cell-md-6
div
p.text-bold Interested in earning your drivers license? Safe Drive Driving School has over a decade of experience teaching residents of local area how to drive both in a crowded city and in outskirts. Our friendly customer service staff will work with you to schedule behind-the-wheel driving lessons with our licensed, trained driving instructors at times that work within your busy schedule. We also offer a Rules of the Road review class to give you the background necessary to earn your instruction permit. Learn to drive with Safe Drive!
div
p The listed driving packages are for beginning drivers who need a number of lessons before applying to receive their drivers license. They will help all students to develop safe habits for American roadways.
.cell-sm-6.cell-md-3.offset-top-45.offset-md-top-0
h6
span.text-base.list-index-counter
=" "
span Our lessons
ul.list.list-marked-variant-regular.offset-top-20
li In-car lessons for adults (18 and over)
li One-on-one lessons
li Learn defensive driving habits
li Prepare for a drivers test
li Individualized lesson plans
.cell-sm-6.cell-md-3.offset-top-45.offset-md-top-0
h6
span.text-base.list-index-counter
=" "
span Our students
ul.list.list-marked-variant-regular.offset-top-20
li May be inexperienced drivers
li May have grown up in other countries
li May just need a refresher lesson
.range.text-md-left.offset-top-50.offset-sm-top-80
.cell-sm-4
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-portfolio36
.unit-body
h6.text-base Step 1
h4.offset-top-10 Select the Package Right for You
.cell-sm-4.offset-top-45.offset-sm-top-0
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-monthly5
.unit-body
h6.text-base Step 2
h4.offset-top-10 Select your Classroom Schedule
.cell-sm-4.offset-top-45.offset-sm-top-0
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-checkmark22
.unit-body
h6.text-base Step 3
h4.offset-top-10 Register
.range.text-md-left.offset-top-50.offset-sm-top-80
.cell-sm-6.cell-lg-4
+services-item(
'',
'',
'Ultimate beginner',
'12hr BTW + Parallel pkg./hwy + Road Test ',
'',
'$595',
[
'Six 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe Dual Control Vehicles',
'Parallel Parking Rules and Techniques'
]
)
.cell-sm-6.cell-lg-4
+services-item(
'services-new',
'new',
'Adult beginner',
'8hr BTW + Road Test ',
'',
'$450',
[
'Four 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Perfect for nervous students',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation'
]
)
.cell-sm-6.cell-lg-4.offset-top-30.offset-lg-top-0
+services-item(
'services-sale',
'-10%',
'Adult intermediate',
'6hr BTW + Road Test ',
'$365',
'$350',
[
'Three 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation',
'Use of our vehicle for State Road Test'
]
)
.cell-sm-6.cell-lg-4.offset-top-30
+services-item(
'',
'',
'Adult advanced',
'4hr BTW + Road Test ',
'',
'$280',
[
'Two 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation'
]
)
.cell-sm-6.cell-lg-4.offset-top-30
+services-item(
'',
'',
'2hr BTW + Road Test',
'',
'',
'$195',
[
'One 2 hrs behind the wheel lesson',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation',
'Use of our vehicle for Local Road Test'
]
)
.cell-sm-6.cell-lg-4.offset-top-30
+services-item(
'',
'',
'2 Hour BTW',
'',
'',
'$90',
[
'One 2 hrs behind the wheel lesson',
'Licensed professional instructor',
'Fun and comprehensive',
'Defensive driving techniques',
'Safe dual - control vehicles',
'Home pickup / drop off'
]
)
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,89 @@
extends ../_skeleton
include ../elements/_ui-lessons-item
block variables
- var activeIndex = 3
- var page_active = "Lessons"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'index.html','Home')
main.page-content
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 All Driving Classes
p.h6.offset-top-5 Choose the right class for you
.range.offset-top-30
.cell-xs-12.cell-sm-6.cell-lg-4
+lessons-item(
'37.5 Hour teen class ',
'$498',
'lessons-body-bg-01',
'This course includes 31.5 hours of classroom instruction and 6 hours of driving instruction. Students who qualify may take the state permit test. To enroll in driving class: Download Teen Registration…'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-sm-top-0
+lessons-item(
'36 Hour adult class ',
'$498',
'lessons-body-bg-02',
'36 Hour adult class is a perfect start for beginners who would like to learn the basics of driving. To enroll in adult driving class, please download Adult Registration Package (only if you didnt sign up online)'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-lg-top-0
+lessons-item(
'Driver improvement class',
'$75',
'lessons-body-bg-03',
'Our driver improvement courses offer drivers of all ages an easy, effortless, convenient way to dismiss your traffic ticket, reduce points from your driving record, or even earn hefty discounts on your monthly insurance rates.'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+lessons-item(
'Class C License Program',
'$150',
'lessons-body-bg-04',
'Interested in driving a larger vehicle(e.g., a delivery truck) that requires a Class C license? Safe Drives Class C license might be the just the program for you. Read more about the Class C written exam preparation...'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+lessons-item(
'Motorcycle instruction',
'$300',
'lessons-body-bg-05',
'Safe Drive offers a comprehensive motorcycle training program that includes both classroom time and riding exercises(seat time). Our training programs will not only properly prepare you for taking the state road test...'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+lessons-item(
'Defense driving',
'$100',
'lessons-body-bg-06',
'Our Driving School is proud to be among the handful of providers authorized to teach the National Safety Councils acclaimed Defensive Driving Courses. We are a National Safety Council certified training center with the ability...'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+lessons-item(
'Winter driving',
'$150',
'lessons-no-img ',
'Driving in snow and on icy roads is especially hazardous, even for seasoned drivers. A little preparation can go a long way toward avoiding a spin - out or even a collision during winter conditions. Learn how to prepare your vehicle for winter as well as how to anticipate and react to dangerous road conditions with this winter - specific defensive driving course... '
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+lessons-item(
'Stick shift lessons',
'$100',
'lessons-no-img ',
'Knowing how to drive a manual transmission (stick shift) takes the driving experience to a new level. Feel the connection between you, your car, and the road. Safe Drive offers professional instruction for your stick shift driving lessons using well-maintained, manual transmission vehicles. Call to learn these necessary driving techniques and other road test options that we offer...'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+lessons-item(
'Highway & parallel parking lessons',
'$90',
'lessons-no-img ',
'Want to learn the ins and outs of parallel parking? Need to know how to merge smoothly into the flow of Californias busy expressway traffic? If so, then Safe Drives parallel parking and highway driving lessons are for you. Turning and Parking are skills that can be challenging for most new drivers. '
)
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,71 @@
extends ../_skeleton
block variables
- var activeIndex = 7
- var page_active = "Links"
- var header_class = "bg-buttons"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'index.html','Home')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-left
.shell
h1 Useful Links
.range.range-index-list.offset-top-20
.cell-sm-6.cell-md-4.range-list
.list-index-counter.h5.text-regular.text-base
h5.text-regular.offset-top-7 Traffic safety links
ul.list-marked.list.offset-top-25
li: a(href='#').text-bold.text-middle Driving School Association of California
li: a(href='#').text-bold.text-middle Driving School Association of the USA
li: a(href='#').text-bold.text-middle California Office Of Motor Vehicles
li: a(href='#').text-bold.text-middle California Traffic Statistics
li: a(href='#').text-bold.text-middle National Highway Traffic Safety Administration
li: a(href='#').text-bold.text-middle AAA Foundation for Traffic Safety
li: a(href='#').text-bold.text-middle Insurance Institute for Highway Safety
li: a(href='#').text-bold.text-middle California Guide Book
.cell-sm-6.cell-md-4.range-list.offset-top-50.offset-sm-top-0
.list-index-counter.h5.text-regular.text-base
h5.text-regular.offset-top-7 Parent resources
ul.list-marked.list.offset-top-25
li: a(href='#').text-bold.text-middle Safety Belt Fact Sheet (pdf download)
li: a(href='#').text-bold.text-middle Customized Parent/Teen Agreement
li: a(href='#').text-bold.text-middle SADD Contract (pdf download)
li: a(href='#').text-bold.text-middle Teen Safety Belt Usage
li: a(href='#').text-bold.text-middle Safety Quiz (pdf download)
li: a(href='#').text-bold.text-middle Teen Licensing Process (pdf download)
li: a(href='#').text-bold.text-middle California Legislature
.cell-sm-6.cell-md-4.range-list.offset-top-50.offset-md-top-0
.list-index-counter.h5.text-regular.text-base
h5.text-regular.offset-top-7 New driver info
ul.list-marked.list.offset-top-25
li: a(href='#').text-bold.text-middle Students Against Destructive Decisions Web Site
li: a(href='#').text-bold.text-middle Highway Signs
li: a(href='#').text-bold.text-middle California Guide Book
li: a(href='#').text-bold.text-middle TeenDriving.com
.cell-xs-12.veil.reveal-md-block.offset-top-15
hr.hr.bg-gray-light
.cell-sm-6.cell-md-4.range-list.offset-md-top-27.offset-top-50
.list-index-counter.h5.text-regular.text-base
h5.text-regular.offset-top-7 Vehicle safety
ul.list-marked.list.offset-top-25
li: a(href='#').text-bold.text-middle Shopping For a Safer Vehicle
li: a(href='#').text-bold.text-middle Vehicle Crash Test Rating
li: a(href='#').text-bold.text-middle Vehicle Fatality Rating
li: a(href='#').text-bold.text-middle SaferCar.gov
.cell-sm-6.cell-md-4.range-list.offset-md-top-27.offset-top-50
.list-index-counter.h5.text-regular.text-base
h5.text-regular.offset-top-7 Safe driving tips
ul.list-marked.list.offset-top-25
li: a(href='#').text-bold.text-middle "Collision Procedure"
li: a(href='#').text-bold.text-middle "Add Another Second"
li: a(href='#').text-bold.text-middle "Animal Avoidance"
li: a(href='#').text-bold.text-middle "Skid Recovery"
li: a(href='#').text-bold.text-middle "Driving Dangers" by Shell Oil
li: a(href='#').text-bold.text-middle "Alone Behind the Wheel" by Shell Oil
li: a(href='#').text-bold.text-middle "Foul Weather Driving" by Shell Oil
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,42 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Log in"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h1 Log In
.range.offset-top-15
.cell-sm-10
// RD Mailform
form.rd-mailform.text-center()
.form-inline-sm.form-inline-login-sm
.form-group
label.form-label.form-label-outside(for="contact-name") Your name:
input#contact-name.form-control(type="text" placeholder='Enter your name' name="name" data-constraints="@Required")
.form-group
label.form-label.form-label-outside(for="contact-email") Your password:
input#contact-email.form-control(type="password" placeholder='Enter your password' name="password" data-constraints="@Required")
div
button(type="submit").btn.btn-primary.btn-md.btn-min-width-xs Create an account
p.h4.offset-top-30.text-bold Or enter with:
.offset-top-25
.group-xs
a(href="#").btn.btn-facebook.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-facebook
| Facebook
a(href="#").btn.btn-twitter.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-twitter
| Twitter
a(href="#").btn.btn-google-plus.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-google-plus
| Google +
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,18 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Maintenance"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
include ../section/maintenance/_section-maintenance
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,264 @@
extends ../_skeleton
include ../elements/_ui-services-item-lessons
block variables
- var activeIndex = 5
- var page_active = "Pricing"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Pricing
hr.hr.bg-gray-light.offset-top-21
h6.offset-top-22 Adult programs
.range.offset-top-30
.cell-xs-12
table.table.table-bordered.pricing-table-programs.text-left.table-dark.offset-top-27(data-responsive='true')
thead
tr
th Course name
th
span.icon.icon-lg.mdi.mdi-chevron-down.text-middle
span Including
th Price
tbody.text-dark
tr.table-click-element
td.text-bold.text-primary
.offset-sm-top-7
span.icon.icon-lg.mdi.mdi-chevron-down.text-middle
span.big.text-middle Ultimate Beginner
td.table-has-list
.offset-sm-top-7
span.big 12hr BTW + Parallel pkg./hwy + Road Test
ul.list.list-marked-variant-regular.offset-top-22.table-list-module.font-size-14
li.text-base Four 2 hrs behind the wheel lessons
li.text-base Licensed professional instructor
li.text-base Perfect for nervous students
li.text-base Defensive Driving Techniques
li.text-base Fun and comprehensive
li.text-base Safe dual control vehicles
li.text-base Road Test Exam Preparation
td.text-bold
.group-lg
span.price $595
span.price-old.text-strike.text-base $620
.inset-lg-left-75
a(href='register.html').btn.btn-md.btn-primary Register now!
tr.table-click-element
td.text-bold.text-primary
.offset-sm-top-7
span.icon.icon-lg.mdi.mdi-chevron-down.text-middle
span.big.text-middle Adult Beginner
td.table-has-list
.offset-sm-top-7
span.big 8hr BTW + Road Test
ul.list.list-marked-variant-regular.offset-top-22.table-list-module.font-size-14
li.text-base Four 2 hrs behind the wheel lessons
li.text-base Licensed professional instructor
li.text-base Perfect for nervous students
li.text-base Defensive Driving Techniques
li.text-base Fun and comprehensive
li.text-base Safe dual control vehicles
li.text-base Road Test Exam Preparation
td.text-bold
.group-lg
span.price $450
span.price-old.text-strike.text-base $500
.inset-lg-left-75
a(href='register.html').btn.btn-md.btn-primary Register now!
tr.table-click-element
td.text-bold.text-primary
.offset-sm-top-7
span.icon.icon-lg.mdi.mdi-chevron-down.text-middle
span.big.text-middle Adult Intermediate
td.table-has-list
.offset-sm-top-7
span.big 6hr BTW + Road Test
ul.list.list-marked-variant-regular.offset-top-22.table-list-module.font-size-14
li.text-base Three 2 hrs behind the wheel lessons
li.text-base Licensed professional instructor
li.text-base Defensive Driving Techniques
li.text-base Fun and comprehensive
li.text-base Safe dual control vehicles
li.text-base Road Test Exam Preparation
li.text-base Use of our vehicle for Illinois State Road Test
td.text-bold
.group-lg
span.price $365
span.price-old.text-strike.text-base $450
.inset-lg-left-75
a(href='register.html').btn.btn-md.btn-primary Register now!
tr.table-click-element
td.text-bold.text-primary
.offset-sm-top-7
span.icon.icon-lg.mdi.mdi-chevron-down.text-middle
span.big.text-middle Adult Advanced
td.table-has-list
.offset-sm-top-7
span.big 4hr BTW + Road Test
ul.list.list-marked-variant-regular.offset-top-22.table-list-module.font-size-14
li.text-base wo 2 hrs behind the wheel lessons
li.text-base Licensed professional instructor
li.text-base Defensive Driving Techniques
li.text-base Fun and comprehensive
li.text-base Safe dual control vehicles
li.text-base Road Test Exam Preparation
li.text-base Use of our vehicle for Illinois State Road Test
li.text-base Transportation to/from DMV
td.text-bold
.group-lg
span.price $280
span.price-old.text-strike.text-base $320
.inset-lg-left-75
a(href='register.html').btn.btn-md.btn-primary Register now!
tfoot.text-dark
tr.table-click-element
td.text-bold.text-primary
.offset-sm-top-7
span.icon.icon-lg.mdi.mdi-chevron-down.text-middle
span.big.text-middle 2hr BTW + Road Test
td.table-has-list
.offset-sm-top-7
span.big 2hr BTW + Road Test
ul.list.list-marked-variant-regular.offset-top-22.table-list-module.font-size-14
li.text-base ne 2 hrs behind the wheel lessons
li.text-base Licensed professional instructor
li.text-base Defensive Driving Techniques
li.text-base Fun and comprehensive
li.text-base Safe dual control vehicles
li.text-base Road Test Exam Preparation
li.text-base Use of our vehicle for Illinois State Road Test
li.text-base Transportation to/from DMV
td.text-bold
.group-lg
span.price $195
span.price-old.text-strike.text-base $210
.inset-lg-left-75
a(href='register.html').btn.btn-md.btn-primary Register now!
.shell.offset-top-50.offset-sm-top-80
h1 Pricing
hr.hr.bg-gray-light.offset-top-21
h6.offset-top-22 Adult programs
// Owl Carousel
.owl-carousel.owl-carousel-standard.offset-top-30(data-items='1',data-sm-items='2',data-lg-items='3', 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"]')
.owl-item
+services-item(
'',
'',
'Ultimate beginner',
'12hr BTW + Parallel pkg./hwy + Road Test ',
'',
'$595',
[
'Six 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe Dual Control Vehicles',
'Parallel Parking Rules and Techniques'
]
)
.owl-item
+services-item(
'services-new',
'new',
'Adult beginner',
'8hr BTW + Road Test ',
'',
'$450',
[
'Four 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Perfect for nervous students',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation'
]
)
.owl-item
+services-item(
'services-sale',
'-10%',
'Adult intermediate',
'6hr BTW + Road Test ',
'$365',
'$350',
[
'Three 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation',
'Use of our vehicle for State Road Test'
]
)
.owl-item
+services-item(
'',
'',
'Adult advanced',
'4hr BTW + Road Test ',
'',
'$280',
[
'Two 2 hrs behind the wheel lessons',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation'
]
)
.owl-item
+services-item(
'',
'',
'2hr BTW + Road Test',
'',
'',
'$195',
[
'One 2 hrs behind the wheel lesson',
'Licensed professional instructor',
'Defensive Driving Techniques',
'Fun and comprehensive',
'Safe dual control vehicles',
'Road Test Exam Preparation',
'Use of our vehicle for Local Road Test'
]
)
.owl-item
+services-item(
'',
'',
'2 Hour BTW',
'',
'',
'$90',
[
'One 2 hrs behind the wheel lesson',
'Licensed professional instructor',
'Fun and comprehensive',
'Defensive driving techniques',
'Safe dual - control vehicles',
'Home pickup / drop off'
]
)
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,136 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Privacy Policy"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
// Page Content
main.page-content
// Privacy Policy
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Privacy policy
// Accordion
#accordion.panel-group.two-column-accordion.row(role='tablist', aria-multiselectable='true')
.panel-left.col-sm-6
.panel.panel-default
#headingOne.panel-heading(role='tab')
h4.panel-title
a.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseOne', aria-expanded='true', aria-controls='collapseOne')
| General information
#collapseOne.panel-collapse.collapse.in(role='tabpanel', aria-labelledby='headingOne')
.panel-body
| Welcome to our Privacy Policy page! When you use our web site services, you trust us with your
| information. This Privacy Policy is meant to help you understand what data we collect, why we
| collect it, and what we do with it. When you share information with us, we can make our services
| even better for you. For instance, we can show you more relevant search results and ads, help
| you connect with people or to make sharing with others quicker and easier. As you use our
| services, we want you to be clear how were using information and the ways in which you can
| protect your privacy. This is important; we hope you will take time to read it carefully.
| Remember, you can find controls to manage your information and protect your privacy and
| security. Weve tried
| to keep it as simple as possible.
.panel.panel-default
#headingTwo.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseTwo', aria-expanded='false', aria-controls='collapseTwo')
| Right to access, correct and delete data and to object to data processing
#collapseTwo.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingTwo')
.panel-body
| Our customers have the right to access, correct and delete personal data relating to them, and
| to object to the processing of such data, by addressing a written request, at any time. The
| Company makes every effort to put in place suitable precautions to safeguard the security and
| privacy of personal data, and to prevent it from being altered, corrupted, destroyed or accessed
| by unauthorized third parties. However, the Company does not control each and every risk related
| to the use of the Internet, and therefore warns the Site users of the potential risks involved
| in the functioning and use of the Internet. The Site may include links to other web sites or
| other internet sources. As the Company cannot control these web sites and external sources, the
| Company cannot be held responsible for the provision or display of these web sites and external
| sources, and may not be held liable for the content, advertising, products, services or any
| other material available on or from these web sites or external sources.
.panel.panel-default
#headingThree.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseThree', aria-expanded='false', aria-controls='collapseThree')
| Management of personal data
#collapseThree.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| You can view or edit your personal data online for many of our services. You can also make
| choices about our collection and use of your data. How you can access or control your personal
| data will depend on which services you use. You can choose whether you wish to receive
| promotional communications from our web site by email, SMS, physical mail, and telephone. If you
| receive promotional email or SMS messages from us and would like to opt out, you can do so by
| following the directions in that message. You can also make choices about the receipt of
| promotional email, telephone calls, and postal mail by visiting and signing into Company
| Promotional Communications Manager, which allows you to update contact information, manage
| contact preferences, opt out of email subscriptions, and choose whether to share your contact
| information with our partners. These choices do not apply to mandatory service communications
| that are part of certain web site services.
.panel-left.col-sm-6
.panel.panel-default
#headingFour.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseFour', aria-expanded='false', aria-controls='collapseFour')
| Information We Collect
#collapseFour.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Our store collects data to operate effectively and provide you the best experiences with our
| services. You provide some of this data directly, such as when you create a personal account.
| We get some of it by recording how you interact with our services by, for example, using
| technologies like cookies, and receiving error reports or usage data from software running on
| your device. We also obtain data from third parties (including other companies). For example, we
| supplement the data we collect by purchasing demographic data from other companies. We also use
| services from other companies to help us determine a location based on your IP address in order
| to customize certain services to your location. The data we collect depends on the services
| and features you use.
.panel.panel-default
#headingFive.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseFive', aria-expanded='false', aria-controls='collapseFive')
| How We Use Your Information
#collapseFive.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Our web site uses the data we collect for three basic purposes: to operate our business and
| provide (including improving and personalizing) the services we offer, to send communications,
| including promotional communications, and to display advertising. In carrying out these
| purposes, we combine data we collect through the various web site services you use to give you a
| more seamless, consistent and personalized experience. However, to enhance privacy, we have
| built in technological and procedural safeguards designed to prevent certain data combinations.
| For example, we store data we collect from you when you are unauthenticated (not signed in)
| separately from any account information that directly identifies you, such as your name, email
| address or phone number.
.panel.panel-default
#headingSix.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseSix', aria-expanded='false', aria-controls='collapseSix')
| Sharing Your Information
#collapseSix.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| We share your personal data with your consent or as necessary to complete any transaction or
| provide any service you have requested or authorized. For example, we share your content with
| third parties when you tell us to do so. When you provide payment data to make a purchase, we
| will share payment data with banks and other entities that process payment transactions or
| provide other financial services, and for fraud prevention and credit risk reduction. In
| addition, we share personal data among our controlled affiliates and subsidiaries. We also share
| personal data with vendors or agents working on our behalf for the purposes described in this
| statement. For example, companies we've hired to provide customer service support or assist in
| protecting and securing our systems and services may need access to personal data in order to
| provide those functions. In such cases, these companies must abide by our data privacy and
| security requirements and are not allowed to use personal data they receive from us for any
| other purpose. We may also disclose personal data as part of a corporate transaction such as a
| merger
| or sale of assets.
// Page Footer
include ../elements/_footer-widget
// Coded by JeremyLuis
@@ -0,0 +1,22 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Progress bars"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
// Page Content
main.page-content
include ../section/progress-bars/_section-progress-3
include ../section/progress-bars/_section-progress-2
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,51 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Register"
- var header_class = "bg-forms"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h4 Create an Account
.range.offset-top-15
.cell-sm-10.cell-md-8
// RD Mailform
form.rd-mailform.form-contact-line.text-left()
.form-inline-login.form-inline-login-md
.form-group
label.form-label.form-label-outside(for="contact-name-2") Your name:
input#contact-name-2.form-control(type="text" placeholder='Enter your name' name="name" data-constraints="@Required")
.form-group
label.form-label.form-label-outside(for="contact-username") Your username:
input#contact-username.form-control(type="text" placeholder='Enter your username' name="password" data-constraints="@Required")
.offset-top-60.offset-xs-top-30
.form-inline-login.form-inline-login-md
.form-group
label.form-label.form-label-outside(for="contact-email-2") Your email:
input#contact-email-2.form-control(type="email" placeholder='Enter your email' name="email" data-constraints="@Email @Required")
.form-group
label.form-label.form-label-outside(for="contact-password") Your password:
input#contact-password.form-control(type="password" placeholder='Enter your password' name="password" data-constraints="@Required")
.offset-top-15.text-right
button(type="submit").btn.btn-primary.btn-md Create an account
.cell-sm-10.cell-md-3.cell-md-preffix-1.offset-top-35.offset-md-top-0.text-md-center
p.h4.offset-top-30.text-bold Or enter with:
.offset-top-25
.group
a(href="#").btn.btn-facebook.btn-md.btn-icon.btn-icon-left.btn-min-width-contact
span.icon.icon-xs.fa-facebook
| Facebook
a(href="#").btn.btn-twitter.btn-md.btn-icon.btn-icon-left.btn-min-width-contact
span.icon.icon-xs.fa-twitter
| Twitter
a(href="#").btn.btn-google-plus.btn-md.btn-icon.btn-icon-left.btn-min-width-contact
span.icon.icon-xs.fa-google-plus
| Google +
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,31 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Search Results"
- var header_class = "bg-forms"
block title
title= page_active
block page
//- Includes
include ../elements/_widget-form-search
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
// Page Content
main.page-content
section.text-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
.range
.cell-sm-10.cell-md-8
h1 Search Results
.offset-top-20
// RD Search
+widget-form-search("input-sm", "form-label-sm", "blog-sidebar-2-form-search-widget")
.rd-search-results.offset-top-50
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
include ../elements/_mixin-team
block variables
- var activeIndex = 5
- var page_active = "Custom Driver Training"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Services')
main.page-content
include ../section/services/_section-services-single
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
include ../elements/_ui-services-block
block variables
- var activeIndex = 5
- var page_active = "Services"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home','Pages')
main.page-content
include ../section/services/_section-services
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,107 @@
extends ../_skeleton
include ../elements/_mixin-team
block variables
- var activeIndex = 5
- var page_active = "Site map"
- var header_class = "bg-buttons"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'#','Pages')
main.page-content
section.section-50.section-sm-top-80.section-sm-bottom-90.text-left
.shell
h1 Site Map
.range.offset-top-22
.cell-sm-6.cell-md-3.cell-md-push-1
ul.list-sm.list-marked-variant-regular.big
li
a(href="index.html").text-dark Home
li
a(href="about-us.html").text-dark About
ul.list-xxs.list-marked-variant-bold.font-size-14.offset-top-7
li: a(href='cars.html').text-bold.text-base Our cars
li: a(href='faq.html').text-bold.text-base FAQs
li
a(href='lessons.html').text-dark Lessons
ul.list-xxs.list-marked-variant-bold.font-size-14.offset-top-7
li: a(href="lessons-single.html").text-bold.text-base Lessons Single Page
li
a(href='teachers.html').text-dark Teachers
ul.list-xxs.list-marked-variant-bold.font-size-14.offset-top-7
li: a(href="teachers-single.html").text-bold.text-base Teacher profile
.cell-sm-6.cell-md-3.cell-md-push-3
ul.list-sm.list-marked-variant-regular.big
li
a.text-dark(href='testimonials.html') Testimonials
li
a.text-dark(href='links.html') Links
li
a.text-dark(href='#') News
ul.list-xxs.list-marked-variant-bold.font-size-14.offset-top-7
li: a.text-bold.text-base(href="blog-classic-right-sidebar.html") Classic Blog With Right Sidebar
li: a.text-bold.text-base(href="blog-classic-left-sidebar.html") Classic Blog With Left Sidebar
li: a.text-bold.text-base(href="blog-classic-both-sidebar.html") Classic Blog With Both Sidebars
li: a.text-bold.text-base(href="blog-grid.html") Grid Blog
li: a.text-bold.text-base(href="blog-grid-2col.html") Grid Blog Two Columns
li: a.text-bold.text-base(href="blog-grid-3col.html") Grid Blog Three Columns
li: a.text-bold.text-base(href="blog-masonry.html") Masonry Blog
li: a.text-bold.text-base(href="blog-masonry-2col.html") Masonry Blog Two Columns
li: a.text-bold.text-base(href="blog-masonry-3col.html") Masonry Blog Three Columns
li: a.text-bold.text-base(href="blog-modern.html") Modern Blog
li: a.text-bold.text-base(href="blog-modern-right.html") Modern Blog Right
li: a.text-bold.text-base(href="blog-modern-left-sidebar.html") Modern Blog With Left Sidebar
li: a.text-bold.text-base(href="blog-post.html") Blog Post
li
a.text-dark(href='contacts.html') Locations
.cell-sm-6.cell-md-3.cell-md-push-2
ul.list-sm.list-marked-variant-regular.big
li
a(href='#').text-dark Pages
ul.list-xxs.list-marked-variant-bold.font-size-14.offset-top-7
li
a(href='#').text-bold.text-base News
ul.list.list-marked-variant-bold.offset-top-7
li: a(href="blog-grid.html").text-base Grid Blog
li: a(href="blog-masonry.html").text-base Masonry Blog
li: a(href="blog-modern.html").text-base Modern Blog
li: a(href="blog-post.html").text-base Single Post
li
a(href='#').text-bold.text-base Elements
ul.list.list-marked-variant-bold.offset-top-7
li: a.text-base(href="typography.html") Typography
li: a.text-base(href="tabs-accordion.html") Tabs & Accordions
li: a.text-base(href="grid.html") Grid
li: a.text-base(href="buttons.html") Buttons
li: a.text-base(href="forms.html") Forms
li: a.text-base(href="progress-bars.html") Progress Bars
li: a.text-base(href="tables.html") Tables
li
a(href='#').text-bold.text-base Pages
ul.list.list-marked-variant-bold.offset-top-7
li
a(href="event.html").text-base Events Calendar
li: a.text-base(href="appointment.html") Book (Appointment)
li: a.text-base(href="careers.html") Careers
li: a.text-base(href="pricing.html") Pricing
li
a(href='services.html').text-base Services
ul.list.list-marked-variant-bold.offset-top-7
li: a(href='services-single.html').text-base Services Single Page
li: a.text-base(href="404.html") 404 page
li: a.text-base(href="503.html") 503 page
li: a.text-base(href="maintenance.html") Maintenance (Under Construction)
li: a.text-base(href="coming-soon.html") Coming Soon
li: a.text-base(href="login.html") Login Page
li: a.text-base(href="register.html") Register Page
li: a.text-base(href="search-results.html") Search Results
li: a.text-base(href="site-map.html") Site Map
li: a.text-base(href="privacy.html") Privacy Policy
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,18 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Tables"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
// Page Content
main.page-content
include ../section/tables/_section-tables-2
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,21 @@
extends ../_skeleton
block variables
- var activeIndex = 5
- var page_active = "Tabs & Accordions"
- var header_class = "bg-forms"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
// Page Content
main.page-content
include ../section/tabs/_section-tabs-2
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,18 @@
extends ../_skeleton
include ../elements/_mixin-team
block variables
- var activeIndex = 4
- var page_active = "Teacher profile"
- var header_class = "bg-typography"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'index.html','Home', 'Teachers')
main.page-content
include ../section/teachers/_section-teachers-single
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,19 @@
extends ../_skeleton
include ../elements/_mixin-team
include ../elements/_mixin-team-horizontal
block variables
- var activeIndex = 4
- var page_active = "Teachers"
- var header_class = "bg-typography"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'index.html','Home')
main.page-content
include ../section/teachers/_section-teachers
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,154 @@
extends ../_skeleton
include ../elements/_mixin-testimonials
block variables
- var activeIndex = 6
- var page_active = "Testimonials"
- var header_class = "bg-testimonials"
block title
title= page_active
block page
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(1,'index.html','Home')
main.page-content
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Testimonials
.range.range-index-list.offset-top-22
.cell-sm-6.cell-md-4
h6
span.text-base.list-index-counter
=" "
span Personalized training
p Everyone learns in different ways. At Safe Drive Driving School we will work with you to deliver the course in a way that will help you succeed! We often make adjustments to course work and test writing to suit the best learning style that works for you. Our numerous testimonials are the best proofs of our dedication.
.cell-sm-6.cell-md-4.offset-top-45.offset-sm-top-0
h6
span.text-base.list-index-counter
=" "
span Qualified instructors
p When it comes to drivers' education, the only thing that matters is the hands-on-the-wheel experience. That is the reason why we're so proud of our current list of instructors. These are people who will be guiding you through the important process of refreshing your knowledge of the driving laws, ensuring that no infractions that had previously occurred will happen.
.cell-sm-6.cell-md-4.offset-top-45.offset-md-top-0
h6
span.text-base.list-index-counter
=" "
span Skills development
p It is important that drivers are competent to carry out their tasks and duties. This will require a period of initial induction training coupled with on-going training and development throughout their time with the organisation. Thats exactly what we care about during your driving course, and we are glad to know that our students value such an approach to driving education.
hr.hr.bg-gray-light.offset-top-40
.shell.offset-top-35
// Responsive-tabs
.responsive-tabs.horizontal-tabs( data-type="default")
ul.resp-tabs-list.resp-tabs-list-standard.tabs-group-default(data-group="tabs-group-default")
li.btn-link Personalized training
li.btn-link Qualified instructors
li.btn-link Skills development
.resp-tabs-container.tabs-group-default(data-group="tabs-group-default")
div.fadeIn.animated
// Owl Carousel
.owl-carousel.owl-carousel-standard(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"]')
.owl-item
+testimonials(
'testimonials-01-270x251',
'img-responsive img-rounded',
'I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers arent thinking about driving.',
'Andrew B. ',
'27 yrs. old'
)
.owl-item
+testimonials(
'testimonials-02-270x251',
'img-responsive img-rounded',
'Why dont they teach this stuff in high school?',
'Paul B.',
'25 yrs. old'
)
.owl-item
+testimonials(
'testimonials-03-270x251',
'img-responsive img-rounded',
'This class was very helpful, it gave me some new information that I havent thought of. I also feel that it would be a beneficial class to anyone that drives.',
'Jimmy E. ',
'30 yrs. old'
)
.owl-item
+testimonials(
'testimonials-04-270x251',
'img-responsive img-rounded',
'Great! Made a difference in attitude towards my driving.',
'Ann N. ',
'21 yrs. old'
)
div.fadeIn.animated
// Owl Carousel
.owl-carousel.owl-carousel-standard(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"]')
.owl-item
+testimonials(
'testimonials-02-270x251',
'img-responsive img-rounded',
'Why dont they teach this stuff in high school?',
'Paul B.',
'25 yrs. old'
)
.owl-item
+testimonials(
'testimonials-01-270x251',
'img-responsive img-rounded',
'I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers arent thinking about driving.',
'Andrew B. ',
'27 yrs. old'
)
.owl-item
+testimonials(
'testimonials-04-270x251',
'img-responsive img-rounded',
'Great! Made a difference in attitude towards my driving.',
'Ann N. ',
'21 yrs. old'
)
.owl-item
+testimonials(
'testimonials-03-270x251',
'img-responsive img-rounded',
'This class was very helpful, it gave me some new information that I havent thought of. I also feel that it would be a beneficial class to anyone that drives.',
'Jimmy E. ',
'30 yrs. old'
)
div.fadeIn.animated
// Owl Carousel
.owl-carousel.owl-carousel-standard(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"]')
.owl-item
+testimonials(
'testimonials-02-270x251',
'img-responsive img-rounded',
'Why dont they teach this stuff in high school?',
'Paul B.',
'25 yrs. old'
)
.owl-item
+testimonials(
'testimonials-04-270x251',
'img-responsive img-rounded',
'Great! Made a difference in attitude towards my driving.',
'Ann N. ',
'21 yrs. old'
)
.owl-item
+testimonials(
'testimonials-01-270x251',
'img-responsive img-rounded',
'I actually enjoyed your course. I think that it is better than at other schools. It helped me realize that most drivers arent thinking about driving.',
'Andrew B. ',
'27 yrs. old'
)
.owl-item
+testimonials(
'testimonials-03-270x251',
'img-responsive img-rounded',
'This class was very helpful, it gave me some new information that I havent thought of. I also feel that it would be a beneficial class to anyone that drives.',
'Jimmy E. ',
'30 yrs. old'
)
// Page Footer
include ../elements/_footer-widget
@@ -0,0 +1,190 @@
extends ../_skeleton
include ../mixin/_mixin-media
block variables
- var activeIndex = 5
- var page_active = "Typography"
- var header_class = "bg-typography"
block title
title= page_active
block page
include ../dump/_elements
// Page Header
include ../elements/_header-transparent
+breadcrumb_items(2,'#','Pages','Elements')
// Page Content
main.page-content.section-75
// Heading Style
section.text-sm-left
.shell
.range.range-xs-center.range-lg-left.range-lg-reverse
.cell-xs-10.cell-lg-4.cell-lg-preffix-1
div
h1 H1 heading
.offset-top-10
h2 H2 heading
.offset-top-10
h3 H3 heading
.offset-top-20
h4 H4 heading
.offset-top-20
h5 H5 heading
.offset-top-15
h6 H6 heading
.cell-xs-10.cell-lg-7.offset-top-50.offset-lg-top-0
h1 H1 heading
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.offset-top-50.offset-lg-top-80
h2 H2 heading
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.offset-top-50.offset-lg-top-80
h3 H3 heading
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.offset-top-50.offset-lg-top-85
h4 H4 heading
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.offset-top-50.offset-lg-top-85
h5 H5 heading
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.offset-top-50.offset-lg-top-85
h6 H6 heading
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.range.range-xs-center.range-lg-left.offset-top-50.offset-lg-top-90
.cell-xs-10.cell-lg-7
h5 Blockquote
.offset-top-27
blockquote.quote-classic-boxed.text-left
.quote-body
p
q Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
p
cite Andrew B.
span.text-black 27 yrs. Old
.range.range-xs-center.range-lg-left.offset-top-50.offset-lg-top-90
.cell-xs-10.cell-lg-7
h5 HTML Text Elements
.offset-top-22
p Welcome to our wonderful world.
= " "
b This is a bold text
= " "
mark Highlighted text
= " "
span We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login
= " "
span.text-black(data-toggle="tooltip" data-placement="top" title="Online Course") Tooltips
= " "
span widgets, you will definitely have a great experience of using our web page.
= " "
span.text-strike This is a strickethrough text
= " "
span.text-underline Underline text
= " "
a(href="#") Link Text
= " "
a(href="#").hover Hover link
= " "
a.active(href="#") Text Press Link
.range.range-xs-center.range-lg-left.offset-top-50.offset-lg-top-90
.cell-xs-10.cell-lg-7
h5 Unordered List
.offset-top-22
p We provide a variety of driving programs. Our aim is to deliver the top level of driving education based on your requests, including
ul.list-marked.list.offset-top-10
li: a(href='#').text-bold.text-middle Adult Programs
li: a(href='#').text-bold.text-middle Beginner Programs
li: a(href='#').text-bold.text-middle Advanced Programs
li: a(href='#').text-bold.text-middle Special Programs
li: a(href='#').text-bold.text-middle Teen Programs
p.offset-top-10 We hope that with our programs you will receive the most personalized help in studying various aspects of driving and obtaining all necessary skills.
.range.range-xs-center.range-lg-left.offset-top-50.offset-lg-top-90
.cell-xs-10.cell-lg-7
h5 Ordered List
.offset-top-22
p We provide a variety of driving programs. Our aim is to deliver the top level of driving education based on your requests, including
ol.list.list-index.text-left.offset-top-10
li
span.list-index-counter
a(href='#').text-bold.text-middle Adult Programs
li
span.list-index-counter
a(href='#').text-bold.text-middle Beginner Programs
li
span.list-index-counter
a(href='#').text-bold.text-middle Advanced Programs
li
span.list-index-counter
a(href='#').text-bold.text-middle Special Programs
li
span.list-index-counter
a(href='#').text-bold.text-middle Teen Programs
p.offset-top-10 We hope that with our programs you will receive the most personalized help in studying various aspects of driving and obtaining all necessary skills.
.range.offset-top-50.offset-lg-top-90.range-xs-center.range-lg-lefrt
.cell-xs-10.cell-lg-12
.text-sm-left
h5 Icon List
.cell-xs-10.cell-lg-12
.range.text-md-left.offset-top-27
.cell-sm-8.cell-md-4
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-shield91
.unit-body
.offset-top-10
h4 100% Driving Success
p.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.
.cell-sm-8.cell-md-4.offset-top-50.offset-md-top-0
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-lifesaver8
.unit-body
.offset-top-10
h4 Full Car Insurance
p.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.
.cell-sm-8.cell-md-4.offset-top-50.offset-md-top-0
.unit.unit-sm.unit-sm-horizontal.unit-spacing-xs.text-sm-left
.unit-left
span.icon.icon-sm.icon-primary.icon-circle.fl-great-icon-set-bell44
.unit-body
.offset-top-10
h4 Experienced Instructors
p.offset-top-15 Safe Drive is a team of highly experienced instructors who will be glad to tech and help you or answer your any question about driving.
.range.range-xs-center.range-lg-left.text-lg-left.offset-top-60.offset-sm-top-90
.cell-xs-10.cell-lg-7
h5 Image Centered
.offset-top-22
+jpg('typography-01-571x373','img-responsive img-rounded')
.offset-top-20
p.text-dark Driver
.offset-top-20
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.range.range-xs-center.range-lg-left.offset-top-50.offset-lg-top-90.text-sm-left
.cell-xs-10.cell-lg-7
h5 Image left
.range.offset-top-25
.cell-sm-6
+jpg('typography-01-370x252','img-responsive img-rounded')
.cell-sm-6
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
.range.range-xs-center.range-lg-left.offset-top-50.offset-lg-top-90.text-sm-left
.cell-xs-10.cell-lg-7
h5 Image right
.range.offset-top-22
.cell-sm-6.cell-sm-push-2.text-sm-right
+jpg('typography-01-370x252','img-responsive img-rounded')
.cell-sm-6.cell-sm-push-1
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.
// Page Footer
include ../elements/_footer-widget

Some files were not shown because too many files have changed in this diff Show More