ai_ml_operations/preview_sites
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added more preview pages and more templates

Browse Source
This commit is contained in:
westfarn committed 2026-07-21 07:10:03 -05:00
1 parent c6119ffdf5
commit b19fdee30d
3726 files changed
+651487 -6169
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

templates/drivesafe/sources/jade/elements/_breadcrumbs.jade
+11
View File
@@ -0,0 +1,11 @@
mixin breadcrumb_items(item,href,page_parent,page_child)
case item
when 1
ol.breadcrumb
li: a(href=href)= page_parent
li !{page_active}
when 2
ol.breadcrumb
li: a(href=href)= page_parent
li: a(href="#")= page_child
li !{page_active}
templates/drivesafe/sources/jade/elements/_footer-widget.jade
+47
View File
@@ -0,0 +1,47 @@
include ../elements/_widget-form-subscribe
footer.page-foot.bg-gray-light.section-50.section-md-top-80.section-md-bottom-60
section.footer-content.text-center.text-sm-left
.shell
.range.border-left-cell
.cell-xs-12.cell-sm-4.cell-lg-3.cell-lg-push-1
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-dark Drive
h6.big.text-base.text-bold.offset-top-17 Address:
div.offset-top-7
p.text-bold.text-dark 4578 Marmora St, #[br.visible-lg-inline] San Francisco D04 89GR.
address.offset-top-7
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-dark.text-bold Telephone:
.unit-body
a(href="callto:#").text-dark.text-bold
| 1-800-1234-567
span.text-dark.text-bold ,
.unit.unit-sm-horizontal.unit-middle.offset-top-7
.unit-left
span.text-dark.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold info@demolink.org
.cell-xs-12.cell-sm-8.cell-lg-5.offset-top-45.offset-sm-top-0.cell-lg-push-3
h6.big.text-bold Newsletter
.offset-top-30.text-left
p.text-bold Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.
.offset-top-15
+widget-form-subscribe('',"form-output-global", "form-subscribe-footer")
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-lg-top-0.cell-lg-push-2
.group-sm
+jpg('footer-01-100x93',"")
+jpg('footer-02-100x93',"")
+jpg('footer-03-100x93',"")
hr.hr.offset-top-40
.shell.offset-top-40
p.text-bold.text-sm-left.
SafeDrive © #[span(id="copyright-year")] #[a(href="privacy.html").text-base Privacy Policy]
templates/drivesafe/sources/jade/elements/_header-center.jade
+102
View File
@@ -0,0 +1,102 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"data-layout":"rd-navbar-fixed", "data-sm-layout":'rd-navbar-fixed', "data-md-layout":"rd-navbar-fullwidth", "data-lg-layout":"rd-navbar-static", "data-device-layout":"rd-navbar-fixed", "data-sm-device-layout":"rd-navbar-fixed","data-md-device-layout":"rd-navbar-fullwidth", "data-lg-device-layout":"rd-navbar-static", "data-lg-stick-up-offset" : "70px"}
-var rd_navbar_class_ajuster = "navbar-center"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-dark Drive
= " "
span.text-base.veil.reveal-md-block LA Driving School
.rd-navbar-nav-wrap
include _navigation
// Slick Carousel
.slick-slider.carousel-parent.slick-header-parent(data-arrows="false", data-loop="false", data-dots="true", data-swipe="true", data-items="1" data-child="#child-carousel", data-for="#child-carousel" data-autoplay='true')
.item
.item-inner
+jpg('slide-3-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10.cell-lg-7
div
h1.big.text-white.text-uppercase.text-ebold road test services
h6.text-light.text-white.offset-top-15 Test your car at our driving track! Discounts available #[br.visible-lg-inline] to all Safe Drive students.
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.item
.item-inner
+jpg('slide-4-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10.cell-lg-8
div
h1.big.text-white.text-uppercase.text-ebold teen programs
h6.text-light.text-white.offset-top-15 Complete Course Options (Classroom + Behind the Wheel Lessons) #[br.visible-lg-inline] Partial Course Options (Behind the Wheel Lessons Only)
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.item
.item-inner
+jpg('slide-5-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10.cell-lg-7
div
h1.big.text-white.text-uppercase.text-ebold adult programs
h6.text-light.text-white.offset-top-15 Ultimate beginner, Adult beginner, Adult intermediate, #[br.visible-lg-inline] Adult advanced, 2hr BTW + Road Test
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.item
.item-inner
+jpg('slide-6-1920x597','img-responsive')
.jumbotron-custom
.shell
.range.range-xs-center
.cell-sm-10
div
h1.big.text-white.text-uppercase.text-ebold Defensive Driving Courses
h6.text-light.text-white.offset-top-15 Defensive Driving Course 4 Hours, #[br.visible-lg-inline]Defensive Driving Course 8/6 Hours
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
.slick-slider.slick-header-child#child-carousel(data-for=".carousel-parent", data-arrows="false",
data-loop="false", data-dots="false", data-swipe="true",
data-items="1", data-xs-items="2", data-sm-items="3",
data-md-items="3", data-lg-items="4", data-slide-to-scroll="1", data-autoplay='true')
.item
.item-inner
+jpg('slide-3-thumb-479x231','img-responsive img-fullwidth')
.item
.item-inner
+jpg('slide-4-thumb-479x231','img-responsive img-fullwidth')
.item
.item-inner
+jpg('slide-5-thumb-479x231','img-responsive img-fullwidth')
.item
.item-inner
+jpg('slide-6-thumb-479x231','img-responsive img-fullwidth')
templates/drivesafe/sources/jade/elements/_header-default.jade
+69
View File
@@ -0,0 +1,69 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"data-layout":"rd-navbar-fixed", "data-sm-layout":'rd-navbar-fixed', "data-md-layout":"rd-navbar-fullwidth", "data-lg-layout":"rd-navbar-static", "data-device-layout":"rd-navbar-fixed", "data-sm-device-layout":"rd-navbar-fixed","data-md-device-layout":"rd-navbar-fullwidth", "data-lg-device-layout":"rd-navbar-static", "data-lg-stick-up-offset" : "70px"}
-var rd_navbar_class_ajuster = "navbar-transparent"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
button.rd-navbar-collapse-toggle(data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit")
span
.bg-black
.rd-navbar-top-panel.bg-black
div
a(href='callto:#').text-base.text-bold.text-top
span.mdi.mdi-phone.text-middle
=' '
span.text-middle 1 (800) 123 1234
span.inset-md-left-20.text-middle USA, LOS ANGELES,901 East E Street, Wilmington, CA 90744
div
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-white.fa-facebook
li
a(href="#").icon.icon-white.fa-google-plus
li
a(href="#").icon.icon-white.fa-linkedin
li
a(href="#").icon.icon-white.fa-twitter
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
= " "
span.text-base.veil.reveal-md-block.reveal-xl-inline-block LA Driving School
.rd-navbar-nav-wrap
include _navigation
// Swiper
.swiper-container.swiper-slider(data-height='', data-min-height='500px', data-simulate-touch="false", data-direction='vertical')
.swiper-wrapper
.swiper-slide(data-slide-bg='images/slide-1.jpg')
.swiper-slide-caption
.swiper-slide(data-slide-bg='images/slide-2.jpg')
.swiper-slide-caption
.jumbotron-custom
.shell
.range.range-xs-center.section-md-top-60.section-lg-top-30
.cell-md-9.text-md-right
div
h1.big.text-white.text-uppercase.text-ebold Drive a car with us
h6.text-light.text-white.offset-top-15 Learn How to Be a Safe Driver for Life
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
templates/drivesafe/sources/jade/elements/_header-hamburger.jade
+71
View File
@@ -0,0 +1,71 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"data-layout":"rd-navbar-fixed", "data-sm-layout":'rd-navbar-fixed', "data-md-layout":"rd-navbar-fixed", "data-lg-layout":"rd-navbar-fixed", "data-device-layout":"rd-navbar-fixed", "data-sm-device-layout":"rd-navbar-fixed","data-md-device-layout":"rd-navbar-fixed", "data-lg-device-layout":"rd-navbar-fixed", "data-lg-stick-up-offset" : "70px"}
-var rd_navbar_class_ajuster = "navbar-hamburger"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
button.rd-navbar-collapse-toggle(data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit")
span
.rd-navbar-top-panel.bg-black
div
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-facebook
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-google-plus
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-linkedin
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-twitter
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
= " "
span.offset-top-3.text-base.veil.reveal-lg-block LA Driving School
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
.rd-navbar-social-panel.veil.reveal-lg-block.inset-lg-left-15
ul.list-inline.list-inline-xxs
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-facebook
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-google-plus
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-linkedin
li
a(href="#").icon.icon-white.icon-circle.icon-bordered.icon-xxs.icon-social.fa-twitter
.rd-navbar-nav-wrap
include _navigation
// Swiper
.swiper-container.swiper-slider(data-height='', data-min-height='500px', data-simulate-touch="false", data-direction='vertical')
.swiper-wrapper
.swiper-slide(data-slide-bg='images/slider-1.jpg')
.swiper-slide-caption
.swiper-slide(data-slide-bg='images/slider-2.jpg')
.swiper-slide-caption
.swiper-slide(data-slide-bg='images/slide-3.jpg')
.swiper-slide-caption
.jumbotron-custom
.shell
.range.range-xs-center
.cell-xs-12.text-sm-left
div
h1.big.text-white.text-uppercase Drive a car with us
h6.text-light.text-white.offset-top-15 Learn How to Be a Safe Driver for Life
.offset-top-27
.group
a(href="about-us.html").btn.btn-md.btn-white-variant-1.letter-spacing-25 Learn More
a(href="lessons.html").btn.btn-md.letter-spacing-25.btn-white-variant-2 Select A Course
templates/drivesafe/sources/jade/elements/_header-transparent.jade
+51
View File
@@ -0,0 +1,51 @@
include ../elements/_breadcrumbs
-var rd_navbar_data_ajuster = {"data-layout":"rd-navbar-fixed", "data-sm-layout":'rd-navbar-fixed', "data-md-layout":"rd-navbar-fullwidth", "data-lg-layout":"rd-navbar-static", "data-device-layout":"rd-navbar-fixed", "data-sm-device-layout":"rd-navbar-fixed","data-md-device-layout":"rd-navbar-fullwidth", "data-lg-device-layout":"rd-navbar-static", "data-lg-stick-up-offset" : "70px"}
-var rd_navbar_class_ajuster = "navbar-transparent"
header.page-head(class="#{header_class}")
// RD Navbar
.rd-navbar-wrap(class="#{rd_navbar_class_ajuster}")
nav&attributes(rd_navbar_data_ajuster).rd-navbar
button.rd-navbar-collapse-toggle(data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit")
span
.bg-black
.rd-navbar-top-panel.bg-black
div
a(href='callto:#').text-base.text-bold.text-top
span.mdi.mdi-phone.text-middle
=' '
span.text-middle 1 (800) 123 1234
span.inset-md-left-20.text-middle USA, LOS ANGELES,901 East E Street, Wilmington, CA 90744
div
ul.list-inline.list-inline-xs
li
a(href="#").icon.icon-white.fa-facebook
li
a(href="#").icon.icon-white.fa-google-plus
li
a(href="#").icon.icon-white.fa-linkedin
li
a(href="#").icon.icon-white.fa-twitter
.rd-navbar-inner
// RD Navbar Panel
.rd-navbar-panel
// RD Navbar Toggle
button.rd-navbar-toggle(data-rd-navbar-toggle='.rd-navbar-nav-wrap' type="submit")
span
// RD Navbar Brand
.rd-navbar-brand
a.brand-name(href='index.html')
span.h4.text-bold.text-primary Safe
= " "
span.h4.text-bold.text-white Drive
= " "
span.text-base.veil.reveal-md-block.reveal-xl-inline-block LA Driving School
.rd-navbar-nav-wrap
include _navigation
section.section-top-64.section-bottom-48.section-md-top-105.section-md-bottom-120.inset-left-15.inset-right-15
.shell.text-sm-right
h1.big.text-uppercase.text-ebold= page_active
templates/drivesafe/sources/jade/elements/_mixin-cars.jade
+13
View File
@@ -0,0 +1,13 @@
mixin cars(class_bg,title,sub_title,body_text,instrucor)
.cars-module(class=class_bg)
h4.text-white=title
h6.text-primary.offset-top-3=sub_title
p.text-white=body_text
.offset-top-21
hr.hr.bg-white.divider-sm
.offset-top-15.offset-sm-top-27
p.font-size-16.text-white Instructors:
div
p.text-primary.text-bold.font-size-16=instrucor
.offset-top-33
a(href='cars.html').btn.btn-md.btn-white-variant-1 View car
templates/drivesafe/sources/jade/elements/_mixin-team-carousel.jade
+20
View File
@@ -0,0 +1,20 @@
mixin team-carousel(src,class_img,sub_title,title,skills,body_text)
.thumbnail-variant-1
.img-wrap
+jpg(src,class_img)
.caption
h4: a(href='teachers-single.html').text-dark=title
span (
span.big.text-dark=sub_title
span )
p.text-bold.offset-top-20
span.text-dark Skills:
=" "
span=skills
p.offset-top-22=body_text
ul.list-inline.list-inline-xxs.offset-top-20
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
li.inset-lg-left-15: a.btn.btn-primary.btn-sm(href="teachers-single.html") Read more
templates/drivesafe/sources/jade/elements/_mixin-team-horizontal-2.jade
+20
View File
@@ -0,0 +1,20 @@
mixin team-horizontal-2(src,class_img,sub_title,title,body_text,body_text_2)
.thumbnail-variant-1.team-horizontal
.unit.unit-sm-horizontal.unit-spacing-md
.unit-left
.img-wrap
+jpg(src,class_img)
.unit-body
span.big.text-dark=sub_title
h4: a(href='teachers-single.html').text-dark=title
p.offset-top-25.text-bold=body_text
p.offset-top-18=body_text_2
ul.list-inline.list-inline-xxs.offset-top-27
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
.offset-top-33
a(href='teachers-single.html').btn.btn-md.btn-primary.btn-icon.btn-icon-right
span.icon.icon-xs.mdi.mdi-chevron-right
span Contact with John
templates/drivesafe/sources/jade/elements/_mixin-team-horizontal.jade
+19
View File
@@ -0,0 +1,19 @@
mixin team-horizontal(src,class_img,sub_title,title,skills,body_text)
.thumbnail-variant-1
.unit.unit-sm-horizontal.unit-spacing-md
.unit-left
.img-wrap
+jpg(src,class_img)
.unit-body
span.big.text-dark=sub_title
h4: a(href='teachers-single.html').text-dark=title
p.text-bold
span.text-dark Skills:
=" "
span.text-gray=skills
p.offset-top-22=body_text
ul.list-inline.list-inline-xxs.offset-top-20
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
templates/drivesafe/sources/jade/elements/_mixin-team.jade
+17
View File
@@ -0,0 +1,17 @@
mixin team(src,class_img,sub_title,title,skills,body_text)
.thumbnail-variant-1
.img-wrap
+jpg(src,class_img)
.caption
span.big.text-dark=sub_title
h4: a(href='teachers-single.html').text-dark=title
p.text-bold
span.text-dark Skills:
=" "
span.text-gray=skills
p.offset-top-22=body_text
ul.list-inline.list-inline-xxs.offset-top-20
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-facebook(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-google-plus(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-linkedin(href="#")
li: a.icon.icon-circle.icon-social.icon-xxs.icon-primary.fa-twitter(href="#")
templates/drivesafe/sources/jade/elements/_mixin-testimonials.jade
+13
View File
@@ -0,0 +1,13 @@
mixin testimonials(src,class_img,quote_text,cite,cite_job)
.thumbnail-variant-1
.img-wrap
+jpg(src,class_img)
.caption
.offset-top-10
blockquote.quote-classic-boxed.text-left
.quote-body
p
q=quote_text
p.offset-top-22
cite.big.text-bold.text-base=cite
span.display-block=cite_job
templates/drivesafe/sources/jade/elements/_navigation.jade
+102
View File
@@ -0,0 +1,102 @@
// RD Navbar Nav
ul.rd-navbar-nav
li(class=(activeIndex == '1' ? 'active' : ''))
a(href='./') Home
ul.rd-navbar-dropdown
li: a(href='index.html') Home 1
li: a(href='index-header-center.html') Home 2
li: a(href='index-header-hamburger.html') Home 3
li(class=(activeIndex == '2' ? 'active' : ''))
a(href='about-us.html') About
ul.rd-navbar-dropdown
li: a(href='cars.html') Our cars
li: a(href='faq.html') FAQs
li(class=(activeIndex == '3' ? 'active' : ''))
a(href='lessons.html') Lessons
ul.rd-navbar-dropdown
li: a(href="lessons-single.html") Lessons Single Page
li(class=(activeIndex == '4' ? 'active' : ''))
a(href='teachers.html') Teachers
ul.rd-navbar-dropdown
li: a(href="teachers-single.html") Teacher profile
li(class=(activeIndex == '5' ? 'active' : ''))
a(href='#') Pages
// RD Navbar Megamenu
ul.rd-navbar-megamenu
li
p News
ul
li: a(href="blog-classic-right-sidebar.html") Classic Blog
li: a(href="blog-grid.html") Grid Blog
li: a(href="blog-masonry.html") Masonry Blog
li
a(href="blog-modern.html") Modern Blog
ul.rd-navbar-dropdown
li: a(href="blog-post.html") Single Post
li
p Elements
ul
li: a(href="typography.html") Typography
li: a(href="tabs-accordion.html") Tabs & Accordions
li: a(href="grid.html") Grid
li: a(href="buttons.html") Buttons
li: a(href="forms.html") Forms
li: a(href="progress-bars.html") Progress Bars
li: a(href="tables.html") Tables
li
p Pages
ul
li
a(href="event.html") Events Calendar
li: a(href="appointment.html") Book (Appointment)
li: a(href="careers.html") Careers
li: a(href="pricing.html") Pricing
li
a(href='services.html') Services
ul.rd-navbar-dropdown
li: a(href='services-single.html') Services Single Page
li
p Pages
ul
li: a(href="404.html") 404 page
li: a(href="503.html") 503 page
li: a(href="maintenance.html") Maintenance (Under Construction)
li: a(href="coming-soon.html") Coming Soon
li: a(href="login.html") Login Page
li: a(href="register.html") Register Page
li: a(href="search-results.html") Search Results
li: a(href="site-map.html") Site Map
li: a(href="privacy.html") Privacy Policy
li(class=(activeIndex == '6' ? 'active' : ''))
a(href='testimonials.html') Testimonials
li(class=(activeIndex == '7' ? 'active' : ''))
a(href='links.html') Links
li(class=(activeIndex == '8' ? 'active' : ''))
a(href='#') News
ul.rd-navbar-dropdown
li: a(href="blog-classic-right-sidebar.html") Classic Blog With Right Sidebar
li: a(href="blog-classic-left-sidebar.html") Classic Blog With Left Sidebar
li: a(href="blog-classic-both-sidebar.html") Classic Blog With Both Sidebars
li: a(href="blog-grid.html") Grid Blog
li: a(href="blog-grid-2col.html") Grid Blog Two Columns
li: a(href="blog-grid-3col.html") Grid Blog Three Columns
li: a(href="blog-masonry.html") Masonry Blog
li: a(href="blog-masonry-2col.html") Masonry Blog Two Columns
li: a(href="blog-masonry-3col.html") Masonry Blog Three Columns
li: a(href="blog-modern.html") Modern Blog
li: a(href="blog-modern-right.html") Modern Blog Right
li: a(href="blog-modern-left-sidebar.html") Modern Blog With Left Sidebar
li: a(href="blog-post.html") Blog Post
li(class=(activeIndex == '9' ? 'active' : ''))
a(href='contacts.html') Locations
templates/drivesafe/sources/jade/elements/_radial-progress.jade
+22
View File
@@ -0,0 +1,22 @@
.progress-container.row.offset-7.flow-offset-1
// Progress Bar
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='50', data-stroke='10', data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_11
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='75', data-stroke='10',data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_12
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='25', data-stroke='10',data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_13
.col-sm-6.col-md-3.clearfix
.thumbnail-mod-1
.progress-bar-wrapper
.progress-bar-js.progress-bar-radial.progress-bar-default(data-value='100', data-stroke='10',data-trail="10", data-easing='linear', data-duration='1000', data-counter="true")
p.h5.fw-l.inline-block= elements.prog_bar.p_el_14
templates/drivesafe/sources/jade/elements/_subscribe.jade
+6
View File
@@ -0,0 +1,6 @@
// RD Mailform
form.rd-mailform.text-center.text-xs-left.form-inline-flex-xs(data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
.form-group
label.form-label(for="email-sub")
input#email-sub.form-control(type="email" name="email" data-constraints="@Required @Email", placeholder='Enter your e-mail')
button.btn.btn-primary.btn-md.btn-min-width-xs !{button_content}
templates/drivesafe/sources/jade/elements/_ui-box-comment.jade
+31
View File
@@ -0,0 +1,31 @@
//- Comment Box
//- type - comment box type
//- image - {image} object
//- date - comment date
//- title - comment author
//- body - comment body
mixin box-comment(type, image, date, title, body)
// Box Comment
.box-comment.text-left(class=type)
.media
.media-left
img.box-comment-img.img-circle(src= image.src alt= image.alt width= image.width height= image.height)
.media-body
.inset-sm-left-20
header.box-comment-header.unit.unit-vertical.unit-spacing-md.unit-md.unit-md-horizontal.unit-md-inverse.unit-md-middle.unit-md-align-right
.unit-left(class= type ==="box-comment-outboxed" ? "unit-grow-1": "")
ul.box-comment-meta.list-inline.list-inline-sm
li
span.box-comment-icon.mdi.mdi-clock.icon-xs.text-middle.text-primary
time(datetime="2016-01-01").text-bold.text-middle= date
li
a(href="#like").text-base.text-bold.text-middle #[span.box-comment-icon.icon-xs.text-middle.text-primary.mdi.mdi-thumb-up-outline] like
li
a(href="#reply").text-base.text-bold.text-middle #[span.box-comment-icon.icon-xs.text-middle.text-primary.mdi.mdi-comment-multiple-outline] reply
.unit-body
.box-comment-title= title
section.box-comment-body
p= body
block
templates/drivesafe/sources/jade/elements/_ui-box-icon-type-4.jade
+8
View File
@@ -0,0 +1,8 @@
//- icon - icon class
//- title - box title
//- desc - description of box
mixin box-icon-type-4(icon, title, desc)
// Icon Box Type 4
span.icon.icon-circle.icon-bordered(class= icon)
div
block
templates/drivesafe/sources/jade/elements/_ui-carousel-gallery-classic.jade
+10
View File
@@ -0,0 +1,10 @@
// Classic Gallery Carousel
//- media - {thumbnail} object array
include _ui-thumbnail-classic
mixin carousel-gallery-classic(media)
// Owl Carousel
.owl-carousel.owl-carousel-classic(data-items='1' data-dots="true" data-nav="true" data-nav-class='["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]' data-photo-swipe-gallery)
each thumbnail in media
+thumbnail-classic(thumbnail)
templates/drivesafe/sources/jade/elements/_ui-lessons-item.jade
+12
View File
@@ -0,0 +1,12 @@
mixin lessons-item(text_header,price,body_bg,text_body)
.lessons-item
.lessons-header
.big.text-white.text-bold
span=text_header
.h4.text-bold.text-white=price
.lessons-body(class=body_bg)
div(style='width:100%;')
p.text-white=text_body
.offset-top-0
hr.hr.divider-sm.bg-white
a(href='lessons-single.html').btn.btn-xs.btn-primary.offset-top-17 Details
templates/drivesafe/sources/jade/elements/_ui-media-elements.jade
+17
View File
@@ -0,0 +1,17 @@
//- media - object of Media Elements
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
//include ../elements/_ui-rd-video-player
//include ../elements/_ui-rd-audio-player
mixin media-elements(media)
// Media Elements
case media.type
when "soundcloud"
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
//when "rd-video-player"
// +rd-video-player(media)
//when "rd-audio-player"
// +rd-audio-player(media)
templates/drivesafe/sources/jade/elements/_ui-pager-bootstrap.jade
+21
View File
@@ -0,0 +1,21 @@
//- Bootstrap Pager
//- size - pagination sizing class
//- prev - prev button {link}
//- next - next button {link}
//- justify - true/false to justify pager buttons
mixin pager-bootstrap(size, prev, next, justify)
- var prevClass = (justify? "previous": "") + (prev.href ? "": " disabled")
- var nextClass = (justify? "next": "") + (next.href ? "": " disabled")
// Bootstrap Pager
nav
ul.pager(class= size || "")
li(class= prevClass)
a(href=prev.href)
span.icon-left(class= prev.icon || "", aria-hidden="true")
= prev.title
li(class= nextClass)
a(href=next.href)
= next.title
span.icon-right(class= next.icon || "", aria-hidden="true")
templates/drivesafe/sources/jade/elements/_ui-pagination-bootstrap.jade
+25
View File
@@ -0,0 +1,25 @@
//- Bootstrap Pagination
//- size - pagination sizing class
//- active - active index of pagination
//- index - an array of {link} for indexes
//- prev - prev button {link}
//- next - next button {link}
mixin pagination-bootstrap(size, active, indexes, prev, next)
// Bootstrap Pagination
nav
ul.pagination(class=size)
//- Previous
li(class= prev ? "" : "disabled")
a(href= prev ? prev.href : "#", aria-label="Previous")
span.mdi.mdi-chevron-double-left(aria-hidden='true')
//- Indexes
each index, i in indexes
li(class= i === active - 1 ? "active" : "")
a(href=index.href)= i + 1
//- Next
li(class= next ? "" : "disabled")
a(href= next ? next.href : "#", aria-label="Next")
span.mdi.mdi-chevron-double-right(aria-hidden='true')
templates/drivesafe/sources/jade/elements/_ui-pagination-classic-variant-2.jade
+29
View File
@@ -0,0 +1,29 @@
//- Classic Pagination
//- active - active index of pagination
//- index - an array of {link} for indexes
//- prev - prev button {link}
//- next - next button {link}
mixin pagination-classic-var-2(active, indexes, prev, next)
// Classic Pagination
nav
ul.pagination-classic-variant-2
//- Previous
if prev
li.disabled
span.mdi.mdi-chevron-left= prev.title
//- Indexes
each index, i in indexes
if (i === (active - 1))
li.pagination-nav(class= i === active - 1 ? "active" : "")
span= i + 1
else
li.pagination-nav(class= i === active - 1 ? "active" : "")
a(href=index.href)= i + 1
//- Next
if next
li
a(href=next.href).mdi.mdi-chevron-right= next.title
templates/drivesafe/sources/jade/elements/_ui-pagination-classic.jade
+29
View File
@@ -0,0 +1,29 @@
//- Classic Pagination
//- active - active index of pagination
//- index - an array of {link} for indexes
//- prev - prev button {link}
//- next - next button {link}
mixin pagination-classic(active, indexes, prev, next)
// Classic Pagination
nav
ul.pagination-classic
//- Previous
if prev
li
span= prev.title
//- Indexes
each index, i in indexes
if (i === (active - 1))
li(class= i === active - 1 ? "active" : "")
span= i + 1
else
li(class= i === active - 1 ? "active" : "")
a(href=index.href)= i + 1
//- Next
if next
li
a(href=next.href)= next.title
templates/drivesafe/sources/jade/elements/_ui-post-boxed.jade
+35
View File
@@ -0,0 +1,35 @@
//- Post Boxed
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- author - authors name
//- tags - array of {link}
//- image - {image} object
mixin post-boxed(url, date, title, author, tags, image)
// Post Boxed
a.reveal-block(href= url)
div.post.post-boxed
// Post media
header.post-media
img.img-responsive(width=image.width, height=image.height, src=image.src, alt=image.alt)
// Post content
section.post-content.text-left
if tags
.post-tags.group-xs
each tag in tags
span.btn-link.btn-link-primary= tag.title
.post-body
// Post Title
.post-title
.big.text-bold.text-white-sm= title
.post-meta
ul.list-inline.list-inline-sm.p
li.text-middle by 
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
templates/drivesafe/sources/jade/elements/_ui-post-classic.jade
+67
View File
@@ -0,0 +1,67 @@
//- Post Classic
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- author - authors name
//- authorImg - authors image link
//- tags - array of {link}
//- media - {media} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-classic(url, date,title, author, authorImg, tags, media)
// Post Classic
article.post.post-classic
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
//- TODO: Remove this wrap on photoswipe init fix
div(data-photo-swipe="gallery")
+thumbnail-classic(media)
default
= ""
// Post content
section.post-content.text-left(class= media? "offset-top-33": "")
.unit.unit-sm.unit-sm-horizontal.unit-sm-inverse
.unit-body
.inset-sm-left-15
// Post Meta
.post-meta.text-dark
time(datetime="2016-01-01").text-base.text-bold= date
// Post Title
h4.text-bold.offset-top-3
a.text-dark(href=url)= title
// Post Body
.post-body.offset-top-22
block
// Post Tags
if tags
.offset-top-29
.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn-link.btn-link-primary= tag.title
- if (i !== (tags.length - 1))
= ""
.unit-right.offset-top-15.offset-sm-top-0
.unit.unit-horizontal.unit-middle.unit-sm-vertical.unit-spacing-xs
.unit-left
img.img-circle(src=authorImg, alt=' ', width=70, height=70)
.unit-body
p
cite.text-primary.text-bold.text-normal= author
templates/drivesafe/sources/jade/elements/_ui-post-default.jade
+58
View File
@@ -0,0 +1,58 @@
//- Default Post
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-default(url, date, title, author, tags, comments, media)
// Post Wide
article.post.post-default.text-left
// Post Header
.header.post-header
// Post Meta
ul.post-controls.list-inline.list-inline-sm
li
span.text-middle.icon-md.icon-primary.mdi.mdi-clock
time(datetime="2016-01-01").text-base.text-middle= date
li
span.text-middle.icon-md.icon-primary.mdi.mdi-share  
a(href= url).text-base.text-middle= comments
if tags
li
span.text-middle.icon-md.icon-primary.mdi.mdi-heart-outline  
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  
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
templates/drivesafe/sources/jade/elements/_ui-post-modern-2.jade
+66
View File
@@ -0,0 +1,66 @@
//- Post Modern
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- image - {image} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern-2(url, date, title, media,authorImg,author,tags)
// Post Modern
article.post.post-modern.post-modern-2.bg-white
// Post Tags
if tags
.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn.btn-sm.btn-primary= tag.title
- if (i !== (tags.length - 1))
= ""
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
.post-meta
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle.text-bold(datetime="2016-01-01")= date
// Post Title
.post-title
h4.offset-top-10
a(href=url).text-dark= title
// Post Body
.post-body.offset-top-24
block
ul.list-inline.list-inline-md.offset-top-25
li.border-right(style='max-width:180px')
.unit.unit-horizontal.unit-spacing-xs.unit-middle
.unit-left
+jpg(authorImg,'img-circle')
.unit-body
p
cite.text-bold.text-normal.text-dark= author
li
span.text-middle.icon-md.icon-primary.mdi.mdi-comment-multiple-outline  
a(href='blog-post.html').text-middle.text-bold
span.text-dark 3 comments
templates/drivesafe/sources/jade/elements/_ui-post-modern-3.jade
+56
View File
@@ -0,0 +1,56 @@
//- Post Modern
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- image - {image} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern-3(url, date, title, media,tags)
// Post Modern
article.post.post-modern.post-modern-3
// Post Tags
if tags
.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn.btn-sm.btn-primary= tag.title
- if (i !== (tags.length - 1))
= ""
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
// Post Title
.post-title
h4
a(href=url).text-white= title
ul.list-inline.list-inline-md.offset-top-15
li.border-right.post-meta(style='max-width:180px')
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle.text-bold.text-white(datetime="2016-01-01")= date
li
span.text-middle.icon-md.icon-primary.mdi.mdi-comment-multiple-outline  
span.text-dark.text-middle.text-bold.text-white 3 comments
templates/drivesafe/sources/jade/elements/_ui-post-modern-timeline.jade
+63
View File
@@ -0,0 +1,63 @@
//- Post Modern
//- aClass - additional class
//- url - expanded post link
//- type - icon class to describe the post type
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- media - {media} object
//- authorName - author name
//- authorImg - author photo
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern-timeline(aClass, url, type,date, title, tags, media, authorName, authorImg)
// Post Modern
article.post.post-modern.post-modern-timeline(class=aClass)
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
.post-meta.small.pull-sm-right
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle(datetime="2016-01-01")= date
ul.list-inline.offset-top-14.offset-sm-top-0
if tags
li.text-middle
.post-tags.group-xs
each tag in tags
a.btn-link.btn-link-primary(href= tag.href)= tag.title
li.text-middle
.icon.icon-md.text-base(class=type)
// Post Title
.post-title
.big.text-bold.offset-top-18
a(href=url).text-dark= title
// Post Body
.post-body.offset-top-24
block
.post-author
.post-author-img
img.img-circle(width=authorImg.width, height=authorImg.height, src=authorImg.src, alt=authorImg.alt)
.post-author-name.text-middle
= authorName
templates/drivesafe/sources/jade/elements/_ui-post-modern.jade
+55
View File
@@ -0,0 +1,55 @@
//- Post Modern
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- tags - array of {link}
//- image - {image} object
include ../elements/_ui-thumbnail-classic
include ../elements/_ui-carousel-gallery-classic
include ../elements/_ui-video-embed
include ../elements/_ui-soundcloud-player-classic
mixin post-modern(url, type, date, title, tags, media)
// Post Modern
article.post.post-modern
// Post media
if media
header.post-media
case media.type
when "gallery"
+carousel-gallery-classic(media.images)
when "soundcloud"
.post-inset
+soundcloud-player-classic(media)
when "video"
+video-embed(media)
when "thumbnail"
img.img-responsive.img-cover(width=media.thumb.width, height=media.thumb.height, src=media.thumb.src, alt=media.thumb.alt)
default
= ""
// Post content
section.post-content.text-left
.post-meta.pull-sm-right.pull-md-base.pull-xl-right
span.text-middle.icon-md.mdi.mdi-clock.text-primary
time.text-middle(datetime="2016-01-01")= date
ul.list-inline.offset-top-14.offset-xl-top-0
if tags
li.text-middle
.post-tags.group-xs
each tag in tags
a.btn-link.btn-link-primary(href= tag.href)= tag.title
li.text-middle
.icon.icon-md.text-base(class=type)
// Post Title
.post-title
.big.text-bold.offset-top-18
a(href=url).text-dark= title
// Post Body
.post-body.offset-top-24
block
templates/drivesafe/sources/jade/elements/_ui-product-grid.jade
+44
View File
@@ -0,0 +1,44 @@
//- Default Product
//- title - title of product
//- price - product price or array with 2 prices(old and new)
//- images - array of objects
mixin product-grid(product)
- var thumbnails = product.images.length? true : null
- var priceArr = typeof(product.price) == 'string' ? true : false
// Product
.product.product-grid
// Product Image
.product-image
img(src=product.images[0].src alt=product.images[0].alt width=product.images[0].width height=product.images[0].height).product-image-area
// Product Label
- if (typeof(product.label) !== "undefined")
span.product-label.label-custom.label-lg-custom.label-rounded-custom(class= product.label.adClass)= product.label.text
// product stars
ul.list-inline.list-inline-mod-1
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star.icon-warning
li: span.icon.icon-xs.mdi.mdi-star-half.icon-warning
// Product Title
.h4.product-title.offset-top-10
a(href= product.link).text-dark= product.title
// Product Brand
p.product-brand.text-italic.text-dark= product.brand
// Product price
.product-price.text-bold.offset-top-15
if priceArr
span.text-dark= '$' + product.price
else
span.product-price-new.text-dark= "$" + product.price[1]
span.product-price-old.text-base= '$' + product.price[0]
.product-block-hover
// Product Add To cart
a(href= product.link).btn.btn-sm.btn-primary.btn-icon.btn-icon-left.btn-min-width-md.offset-top-20
span.icon.mdi.mdi-cart-outline
| Add to Cart
templates/drivesafe/sources/jade/elements/_ui-product-list-classic.jade
+53
View File
@@ -0,0 +1,53 @@
//- Classic Product List
mixin product-list-classic(product)
- var thumbnails = product.images.length? true : null
- var priceArr = typeof(product.price) == 'string' ? true : false
// Product
.product.product-list.product-list-classic.unit.unit-sm-horizontal.unit-xs-top
// Product Image
.product-image.unit-left.product-border
img(src=product.images[0].src alt=product.images[0].alt width=product.images[0].width height=product.images[0].height).product-image-area
// Product Label
- if (typeof(product.label) !== "undefined")
span.product-label.label-custom.label-md-custom.label-rounded-custom(class= product.label.adClass)= product.label.text
.unit-body.text-left
.inset-sm-left-15
// Product Brand
p.product-brand.text-italic.text-base= product.brand
// Product Title
.h3.product-title.offset-top-0
a(href= product.link).text-dark= product.title
// Product Rating
.product-rating.offset-top-20
span.mdi.mdi-star
span.mdi.mdi-star
span.mdi.mdi-star
span.mdi.mdi-star-half
span.mdi.mdi-star-outline
span.product-review-count.text-base= product.reviews + " customer reviews"
p.product-desc.text-dark= product.desc
// Product price
.product-price.text-bold.h5.offset-top-24
if priceArr
span= '$' + product.price
else
span.product-price-new.text-dark= "$" + product.price[1]
span.product-price-old.text-base= '$' + product.price[0]
.form-group.product-number.offset-top-20
label.text-base Quantity:
input.form-control.input-sm.form-control-impressed(type="number" data-zeros="true" value="1" min="1" max="20" readonly)
// Product Add To cart
a(href= product.link).btn.btn-xs.btn-primary.btn-icon.btn-icon-left.product-btn.offset-top-20.offset-xs-top-0.offset-top-lg-20
span.icon.mdi.mdi-cart-outline
| Add to Cart
templates/drivesafe/sources/jade/elements/_ui-quote-simple.jade
+8
View File
@@ -0,0 +1,8 @@
//- quote - object of massive parameters
mixin quote-simple(quote)
// Quote Simple
hr(class= quote.firstDivider)
div(class= quote.styling)
q= quote.title
hr(class= quote.lastDivider)
templates/drivesafe/sources/jade/elements/_ui-services-block.jade
+13
View File
@@ -0,0 +1,13 @@
mixin services-item(class_services,text_label,title,text_body)
.services(class=class_services)
.services-header
.services-label
span.text-uppercase=text_label
.unit.unit-horizontal
.unit-left
span.h6.list-index-counter.text-regular.text-lighter
.unit-body
h4.text-white=title
.services-body
p=text_body
a(href='services-single.html').btn.btn-md.btn-primary Learn more
templates/drivesafe/sources/jade/elements/_ui-services-item-lessons.jade
+16
View File
@@ -0,0 +1,16 @@
mixin services-item(class_services,text_label,title,subtitle,old_price,price,list)
.services(class=class_services)
.services-header
.services-label
span.text-uppercase=text_label
h4.text-white=title
span.big.text-base=subtitle
.services-body
p.h6.text-bold
span.old-price.text-base=old_price
span=price
ul.list.list-marked-variant-regular.offset-top-25
each i in list
li= i
a(href='register.html').btn.btn-md.btn-primary.offset-top-30 Register now!
templates/drivesafe/sources/jade/elements/_ui-soundcloud-player-classic.jade
+4
View File
@@ -0,0 +1,4 @@
// Classic Soundcloud Player
//-soundcloud - {soundcloud} object
mixin soundcloud-player-classic(soundcloud)
.soundcloud-player-classic !{soundcloud.embed}
templates/drivesafe/sources/jade/elements/_ui-tabs-boxed-vertial.jade
+9
View File
@@ -0,0 +1,9 @@
//- nameList - array of tabs list
mixin tabs-boxed-vertical(nameList, tabsGroup)
// Responsive-tabs
.responsive-tabs.responsive-tabs-boxed(data-type="vertical")
ul.resp-tabs-list.text-center(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
each item in nameList
li= item
.resp-tabs-container.text-left(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
block
templates/drivesafe/sources/jade/elements/_ui-tags.jade
+7
View File
@@ -0,0 +1,7 @@
mixin tags(tags)
if tags
p.text-sm-left.group-xs.group-tags
each tag, i in tags
a(href= tag.href).btn-link.btn-link-primary= tag.title
- if (i !== (tags.length - 1))
= ""
templates/drivesafe/sources/jade/elements/_ui-thumbnail-classic.jade
+15
View File
@@ -0,0 +1,15 @@
// Classic Thumbnail
//- thumbnail - {thumbnail} object
mixin thumbnail-classic(thumbnail)
-var targetBlank = (thumbnail.targetBlank === true)? "_blank" : "_self"
-var photoswipe = (typeof(thumbnail.target.href) !== 'undefined') ? {"href": thumbnail.target.href, target: targetBlank} : {"data-photo-swipe-item": "", "data-size": ""+thumbnail.target.width+"x"+thumbnail.target.height, "href": thumbnail.target.src}
-var titleAttrs = thumbnail.titleAttrs || "text-uppercase text-light"
a.thumbnail-classic&attributes(photoswipe)
figure.img-rounded
img.img-rounded(width=thumbnail.thumb.width, height=thumbnail.thumb.height, src=thumbnail.thumb.src, alt=thumbnail.thumb.alt)
- if (thumbnail.title || thumbnail.description)
figcaption.thumbnail-classic-caption.text-center
if (thumbnail.title)
h4.thumbnail-classic-title(class= titleAttrs) !{thumbnail.title}
if (thumbnail.description)
p.thumbnail-classic-desc.text-bold.text-uppercase.veil.reveal-xs-block !{thumbnail.description}
templates/drivesafe/sources/jade/elements/_ui-video-embed.jade
+6
View File
@@ -0,0 +1,6 @@
// Embed Video
//- video - {video} Object
mixin video-embed(video)
.embed-responsive(class="embed-responsive-#{video.ratio}")
iframe.embed-responsive-item(src="#{video.href}?wmode=transparent")
templates/drivesafe/sources/jade/elements/_ui_accordion-classic.jade
+9
View File
@@ -0,0 +1,9 @@
//- nameList - amount of tabs
mixin accordion-classic(nameList, tabsGroup)
// Classic Accordion
.responsive-tabs.responsive-tabs-classic.responsive-tabs-product(data-type="accordion")
ul.resp-tabs-list(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
each item in nameList
li= item
.resp-tabs-container(data-group= tabsGroup || "tabs-group-default", class= tabsGroup || "tabs-group-default")
block
templates/drivesafe/sources/jade/elements/_widget-form-search.jade
+11
View File
@@ -0,0 +1,11 @@
//- RD Search Form
//- inputClass - class on input
mixin widget-form-search(inputClass, labelClass, inputId, formClass)
// RD Search Form
form.form-search.rd-search(class= formClass || "", action="search-results.html" method="GET")
div.form-group
label.form-label.form-search-label(class=labelClass for=inputId) Search
input(class="form-search-input input-sm form-control #{inputClass}" id=inputId type="text" name="s" autocomplete="off")
button(type="submit").form-search-submit.text-primary
span.mdi.mdi-magnify
templates/drivesafe/sources/jade/elements/_widget-form-subscribe.jade
+14
View File
@@ -0,0 +1,14 @@
//- Subscribe Form Widget
//- holder - input placeholder
//- id - id of form output element
//- external - true if form output element is an external element
mixin widget-form-subscribe(holder, id, external, btnText)
- var btn = (btnText === undefined) ? "Subscribe": btnText
form.rd-mailform.form-subscribe.form-inline-flex-xs(data-form-output=id, data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
.form-group
input.form-control(placeholder=holder, type="email", name="email" data-constraints="@Required @Email")
button(type="submit").btn.btn-md.btn-primary= btn
if !external
.form-output(id=id)
templates/drivesafe/sources/jade/elements/_widget-post.jade
+20
View File
@@ -0,0 +1,20 @@
//- Post Widget
//- url - expanded post link
//- date - date of publishment
//- title - post title
//- image - post image
mixin widget-post(url, date, title, image, aClass, iconClass)
// Post Widget
article.post.widget-post.text-left(class= aClass)
a(href=url)
div.unit.unit-horizontal.unit-spacing-xs.unit-top
if image
.unit-left
img.img-circle(width=image.w, height=image.h, src=image.src, alt=image.alt)
.unit-body
.post-meta
span.icon.icon-xxs.mdi.mdi-arrow-right(class= iconClass)
time.text-base(datetime="2016-01-01")= date
.post-title.offset-top-5
p.text-bold.text-dark= title
templates/drivesafe/sources/jade/elements/_widget-shop-panel.jade
+16
View File
@@ -0,0 +1,16 @@
mixin widget-panel-shop(gridViewLink, listViewLink, active)
.toolbar-shop
.toolbar-shop-sorter
a.toolbar-shop-icon(href= gridViewLink class= (active == 'grid') ? 'active' : '')
span.icon-md.mdi.mdi-view-module
a.toolbar-shop-icon(href= listViewLink class= (active == 'list') ? 'active' : '')
span.icon-md.mdi.mdi-view-list
.toolbar-shop-pager
span.toolbar-shop-current.text-primary 1-6 of 15
.form-group
label Show:
select.form-control.select-filter.toolbar-shop-pager-select(data-placeholder="Select an option", data-minimum-results-for-search="Infinity")
option 6
option 12
option 18
option 24
templates/drivesafe/sources/jade/elements/_widget-tags.jade
+9
View File
@@ -0,0 +1,9 @@
//- Tags Widget
//- aClass - Tag element class name
//- tags - array of {link} object
mixin widget-tags(aClass, tags)
if tags
.group-xs.group-tags
each tag in tags
a(class=aClass, href=tag.href)= tag.title
templates/drivesafe/sources/jade/elements/_widget-twitter.jade
+26
View File
@@ -0,0 +1,26 @@
//- Twitter Widget
//- twitterUser - twitter user name
mixin widget-twitter(twitterUser, twitterIcon)
.twitter(data-twitter-username= twitterUser.dataTwitterUsername data-twitter-date-hours=" hours ago" data-twitter-date-minutes=" minutes ago")
div.twitter-sm.offset-top-18(data-twitter-type='tweet')
if twitterIcon != null
div.twitter-date.text-dark
span.icon.icon-xxs.mdi.mdi-twitter.text-middle
= " "
span.text-middle(data-date ='text')
else
div.twitter-date(data-date ='text')
div.twitter-text.text-dark(data-tweet='text')
div.twitter-name.offset-top-7(data-screen_name='text')
hr.hr.divider-sm.bg-gray-light.offset-top-21
div.twitter-sm.offset-top-25(data-twitter-type='tweet')
if twitterIcon != null
div.twitter-date.text-dark.small
span.icon.icon-xxs.mdi.mdi-twitter.text-middle
= " "
span.text-middle(data-date ='text')
else
div.twitter-date(data-date ='text')
div.twitter-text.text-dark(data-tweet='text')
div.twitter-name.offset-top-7(data-screen_name='text')