preview site for fix and fresh

This commit is contained in:
2026-07-22 05:07:13 -05:00
parent b19fdee30d
commit f70adf2a5e
1228 changed files with 38196 additions and 149050 deletions
-2
View File
@@ -1,2 +0,0 @@
For security reasons the directory containing all the source files of the template (\"SOURCES_XXXXXXXX\") is in a compressed (zipped) file and password protected.
To uncompress (unzip) a password protected ZIP file you will need to have a zip file utility program installed and a password. As soon as the zip file begins to uncompress, you will be prompted to type in a password . The password is the Transaction ID number of your order (a long number with letters and digits). You can find this number on the order page which will be provided to you through a link that we sent to you via email. Please help us to preserve the quality and uniqueness of our products by not uploading \"SOURCES_XXXXXXXX\" directories either zipped or unzipped to the server.
Binary file not shown.

Before

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

@@ -1,3 +0,0 @@
<body style="margin:0;padding:0;"><table border=0 cellpadding="0" cellspacing="0" align="center">
<tr><td><a href="http://livedemo00.template-help.com/wt_61124/index.html" target="_blank"><img src="61124-banner.jpg" border=0></a></td></tr>
</table></body>
@@ -1,7 +0,0 @@
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)
@@ -1,76 +0,0 @@
- 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")
@@ -1,167 +0,0 @@
-
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.",
}
}
@@ -1,11 +0,0 @@
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}
@@ -1,47 +0,0 @@
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]
@@ -1,102 +0,0 @@
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')
@@ -1,69 +0,0 @@
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
@@ -1,71 +0,0 @@
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
@@ -1,51 +0,0 @@
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
@@ -1,13 +0,0 @@
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
@@ -1,20 +0,0 @@
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
@@ -1,20 +0,0 @@
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
@@ -1,19 +0,0 @@
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="#")
@@ -1,17 +0,0 @@
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="#")
@@ -1,13 +0,0 @@
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
@@ -1,102 +0,0 @@
// 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
@@ -1,22 +0,0 @@
.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
@@ -1,6 +0,0 @@
// 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}
@@ -1,31 +0,0 @@
//- 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
@@ -1,8 +0,0 @@
//- 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
@@ -1,10 +0,0 @@
// 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)
@@ -1,12 +0,0 @@
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
@@ -1,17 +0,0 @@
//- 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)
@@ -1,21 +0,0 @@
//- 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")
@@ -1,25 +0,0 @@
//- 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')
@@ -1,29 +0,0 @@
//- 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
@@ -1,29 +0,0 @@
//- 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
@@ -1,35 +0,0 @@
//- 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
@@ -1,67 +0,0 @@
//- 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
@@ -1,58 +0,0 @@
//- 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
@@ -1,66 +0,0 @@
//- 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
@@ -1,56 +0,0 @@
//- 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
@@ -1,63 +0,0 @@
//- 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
@@ -1,55 +0,0 @@
//- 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
@@ -1,44 +0,0 @@
//- 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
@@ -1,53 +0,0 @@
//- 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
@@ -1,8 +0,0 @@
//- 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)
@@ -1,13 +0,0 @@
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
@@ -1,16 +0,0 @@
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!
@@ -1,4 +0,0 @@
// Classic Soundcloud Player
//-soundcloud - {soundcloud} object
mixin soundcloud-player-classic(soundcloud)
.soundcloud-player-classic !{soundcloud.embed}
@@ -1,9 +0,0 @@
//- 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
@@ -1,7 +0,0 @@
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))
= ""
@@ -1,15 +0,0 @@
// 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}
@@ -1,6 +0,0 @@
// 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")
@@ -1,9 +0,0 @@
//- 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
@@ -1,11 +0,0 @@
//- 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
@@ -1,14 +0,0 @@
//- 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)
@@ -1,20 +0,0 @@
//- 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
@@ -1,16 +0,0 @@
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
@@ -1,9 +0,0 @@
//- 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
@@ -1,26 +0,0 @@
//- 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')
@@ -1,11 +0,0 @@
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
@@ -1,26 +0,0 @@
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
@@ -1,28 +0,0 @@
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
@@ -1,24 +0,0 @@
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
@@ -1,18 +0,0 @@
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
@@ -1,31 +0,0 @@
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
@@ -1,29 +0,0 @@
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
@@ -1,30 +0,0 @@
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
@@ -1,21 +0,0 @@
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
@@ -1,21 +0,0 @@
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
@@ -1,21 +0,0 @@
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
@@ -1,22 +0,0 @@
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
@@ -1,22 +0,0 @@
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
@@ -1,24 +0,0 @@
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
@@ -1,29 +0,0 @@
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
@@ -1,27 +0,0 @@
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
@@ -1,25 +0,0 @@
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
@@ -1,24 +0,0 @@
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
@@ -1,19 +0,0 @@
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
@@ -1,19 +0,0 @@
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
@@ -1,153 +0,0 @@
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
@@ -1,26 +0,0 @@
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
@@ -1,19 +0,0 @@
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
@@ -1,171 +0,0 @@
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
@@ -1,19 +0,0 @@
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
@@ -1,26 +0,0 @@
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
@@ -1,19 +0,0 @@
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
@@ -1,390 +0,0 @@
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]
@@ -1,448 +0,0 @@
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]
@@ -1,382 +0,0 @@
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}
@@ -1,180 +0,0 @@
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
@@ -1,89 +0,0 @@
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
@@ -1,71 +0,0 @@
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

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