added more preview pages and more templates

This commit is contained in:
2026-07-21 07:10:03 -05:00
parent c6119ffdf5
commit b19fdee30d
3726 changed files with 651487 additions and 6169 deletions
@@ -0,0 +1,37 @@
section.text-center.section-50.section-sm-top-80.section-bottom-35.bg-dark
h1.text-sbold.text-white Our Cars
p.h6.text-white More than 10 models
.range.range-condensed.offset-top-25
.cell-sm-6
+cars(
'cars-bg-01',
'Business class sedan',
'Mercedes S-class',
"For generations, an S-Class Sedan has been instantly recognizable not just for its iconic design, but for predicting the future of the industry. Strong, powerful and majestic, it's also sleek, lithe and decidely athletic. ",
'John Malkovich & Vanessa Black'
)
.cell-sm-6
+cars(
'cars-bg-02',
'Multipurpose vehicle ',
'BMW 2 Series',
"The BMW 2 Series Active Tourer is a proof that compact dimensions, functionality and practicality can be combined perfectly with a dynamic design. Its safety technologies allow us to use it during training.",
'John Malkovich & Denis Richardson'
)
.cell-sm-6
+cars(
'cars-bg-03',
'Full-size car ',
'Mitsubishi Lancer',
"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.",
'John Malkovich & Lisa Johnson'
)
.cell-sm-6
+cars(
'cars-bg-04',
'Compact car ',
'Fiat Punto',
"The Fiat Punto is a likeable small car with above average practicality and some extremely good engines. It is one of the biggest and best looking superminis, and it has a surprisingly smart interior, too. ",
'Lisa Johnson & Vanessa Black'
)
a(href='cars.html').btn.btn-md.btn-primary.offset-top-35 View all cars
@@ -0,0 +1,47 @@
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1
span Careers
=' '
span.h6 and vacancies
.range.range-xs-center.range-index-list.offset-top-20
.cell-sm-6.cell-md-4
.unit.unit-sm-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-md.icon-primary.list-index-counter
.unit-body
h4.text-bold: a(href='careers.html') Driving School #[br.visible-lg-inline] Instructor
p Safe Drive urgently requires full time and part time driving instructors throughout the area. We are the fastest growing driving school in the area, and there are lots of the benefits of working with us! No experience is necessary to become a driving instructor as we provide all required training.
ul.list.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark Be ready to help our students
li.text-bold.text-dark Have a will to teach and study
li.text-bold.text-dark Have a local driving license for 3 years or more
li.text-bold.text-dark Not to be banned from driving
.cell-sm-6.cell-md-4.offset-top-50.offset-sm-top-0
.unit.unit-sm-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-md.icon-primary.list-index-counter
.unit-body
h4.text-bold: a(href='careers.html') Teen Program #[br.visible-lg-inline] Director
p Informed by the Schools mission, the candidate will be the key person to answer any questions from all prospective candidates and their parents regarding the teen program and prices as well as other driving programs when needed.
ul.list.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark Be passionate about teaching
li.text-bold.text-dark Be ready to be part of a collaborative team
li.text-bold.text-dark Be open to receiving feedback and support
li.text-bold.text-dark Demonstrate initiative and persistence
.cell-sm-6.cell-md-4.offset-top-50.offset-md-top-0
.unit.unit-sm-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-md.icon-primary.list-index-counter
.unit-body
h4.text-bold: a(href='careers.html') Driving School #[br.visible-lg-inline] Senior Trainer
p Safe Drive has a vacancy for a Driver Trainer to play an active part in the development, planning and delivery of driver training, including LGV, EFADS and Specialist Service Vehicles training. You may be required to work from any office within the area.
ul.list.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark Be responsible for all safety checks
li.text-bold.text-dark Ensure that delegates are effectively supervised
li.text-bold.text-dark Maintain up-to-date knowledge on legislation
li.text-bold.text-dark Maintain an awareness of Health Regulations
.offset-top-30.text-center.text-md-right
a(href='careers.html').btn.btn-md.btn-primary View all vacancies
@@ -0,0 +1,101 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-80.bg-faq
.container
h1.text-sbold.text-white FAQ
// Accordion
#accordion.panel-group.two-column-accordion.row.text-white(role='tablist', aria-multiselectable='true')
.panel-left.col-sm-6
.panel.panel-default
#headingOne.panel-heading(role='tab')
h4.panel-title
a.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseOne', aria-expanded='true', aria-controls='collapseOne')
| What do I need to get a license?
#collapseOne.panel-collapse.collapse.in(role='tabpanel', aria-labelledby='headingOne')
.panel-body
p To be able to get a license you need to have already passed the Written Exam, received your Instruction Permit and have a valid State ID. If you dont have a valid State ID, the following documentation will be required: Social Security Card (the original card), Passport, Visa or any other form of identification (school ID, work ID, birth certificate, etc.), and Proof of address.
ol.list(type='a')
li Social Security Card (the original card)
li Passport
li Visa or any other form of identification (school ID, work ID, birth certificate, etc.)
li Proof of address
.panel.panel-default
#headingTwo.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseTwo', aria-expanded='false', aria-controls='collapseTwo')
| Im not a teen. Do I need a permit?
#collapseTwo.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingTwo')
.panel-body
| YES, regardless of age it is a requirement by the Secretary of State for a person to have passed the Written Exam and obtained their Instruction Permit before taking driving lessons.
.panel.panel-default
#headingThree.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseThree', aria-expanded='false', aria-controls='collapseThree')
| How do I get started?
#collapseThree.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| We can assist you with getting your permit or if you already have your permit we can schedule your first lesson. Simply give us a call at 773-489-2712 to get started!
.panel.panel-default
#headingFour.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseFour', aria-expanded='false', aria-controls='headingFour')
| Do you guarantee that I will pass the test?
#collapseFour.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Although we do not guarantee that our students will pass the State Road Test, we do our best to prepare you for first time success. In fact, over 90% of our students pass the test the first time.
.panel-left.col-sm-6
.panel.panel-default
#headingFive.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseFive', aria-expanded='false', aria-controls='headingFive')
| What is your “Base-Rate” radius?
#collapseFive.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
p Southeast bound: Roosevelt Rd. and Halsted St.
p.offset-top-0 Northeast bound: Foster Ave. and Marine Dr.
p.offset-top-0 Northwest bound: Foster Ave. and Central Ave.
p.offset-top-0 Southwest bound: Roosevelt Rd. and Central Ave.
.panel.panel-default
#headingSix.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseSix', aria-expanded='false', aria-controls='collapseThree')
| Do you offer 1-hour lessons?
#collapseSix.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| No, we only offer 2-hour sessions. The only time a 1-hour lesson is allowed is when a student combines a 1-hour lesson with our Road Test service.
.panel.panel-default
#headingSeven.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseSeven', aria-expanded='false', aria-controls='headingSeven')
| Do you offer stick shift lessons?
#collapseSeven.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Yes, by appointment. They start at $75 per one hour lesson.
.panel.panel-default
#headingEight.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseEight', aria-expanded='false', aria-controls='collapseThree')
| How do I go about making payments?
#collapseEight.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Cash, check, and money order payments are accepted by Safe Drive. Additionally, credit card payments can be made over the phone at any time.
.panel.panel-default
#headingNine.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseNine', aria-expanded='false', aria-controls='collapseThree')
| What`s your availability?
#collapseNine.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Office hours are Monday Friday from 9am to 6pm. Saturdays from 9:30am to 1:30pm. For driving lessons, we are available 7 days a week from 6am 6pm.
.panel.panel-default
#headingTen.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseTen', aria-expanded='false', aria-controls='headingTen')
| Can you help me get a CDL license?
#collapseTen.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Unfortunately, for the moment the only licenses we provide training for are Class D and Class C non-CDL.
.sub-bg-faq.text-center.section-bottom-35.offset-top-60
a(href='faq.html').btn.btn-md.btn-primary.offset-top-35 Read all FAQs
@@ -0,0 +1,27 @@
section.text-center.text-sm-left.section-50.section-sm-top-80.section-lg-bottom-90
.shell
h1 Our advantages
.range.range-index-list.offset-top-22
.cell-sm-6.cell-md-4
h6
span.text-base.list-index-counter
=" "
span Best in Class Training
p Adult and teen students from across Chicago and nearby suburbs turn to Safe Drive's expertise when they embark on the path to earning a driver's license. Start today on the path to becoming an independent driver using the easiest and fastest methods! Learn to drive with Safe Drive!
.cell-sm-6.cell-md-4.offset-top-45.offset-sm-top-0
h6
span.text-base.list-index-counter
=" "
span Driver's License Process
ul.list-md.list-marked-variant-regular.offset-top-22
li Written Exam Preparation + Instruction Permit (Secretary of State)
li Behind The Wheel Training for License
li Road Test preparation + License (Secretary of State)
.cell-sm-6.cell-md-4.offset-top-45.offset-md-top-0
h6
span.text-base.list-index-counter
=" "
span Additional Services
p We can provide pickup and drop offs for student's in our coverage area as well as providing transportation to the secretary of state. We also have trained professionals who have expertise in teaching students with reading or writing challenges so they can take the test orally. We have English and Spanish speaking instructors on staff for multi-language instruction.
.offset-top-30.text-md-right
a(href='services.html').btn.btn-md.btn-primary Read about all advantages
@@ -0,0 +1,43 @@
section.text-center.section-50.section-sm-115
.shell
h1.text-center Testimonials
.range.range-sm-center
.cell-xs-12.cell-sm-10
.testimonials-wrap
// Slick Carousel
.slick-slider.carousel-parent(data-arrows="true", data-loop="false", data-dots="false", data-swipe="true", data-items="1",data-child="#child-carousel", data-for="#child-carousel" )
.item
blockquote.quote-3
p
q I visited Tattoo Studio about a month ago to get a tattoo. It has a very laid-back atmosphere while also staying very professional. Everyone was very nice and welcoming. Edwin is not just an awesome artist, but a pretty cool guy to hang out with while getting tattooed.
p
cite Patrick Emberson
.item
blockquote.quote-3
p
q If there is a place in my city where I would like to be tattooed next time, it is your tattoo studio. You guys are doing amazing job spreading the quality tattoos in the area, and I really like what you do! I will definitely tell my friends about your studio and your artists!
p
cite July Mao
.item
blockquote.quote-3
p
q Tattoo Studio is a place where you can get a high-quality tattoo, and even order a custom design based on your wishes and expectations. This is exactly what I received during my first visit to the salon, and I will certainly come here again to have another tattoo done.
p
cite John Doe
.item
blockquote.quote-3
p
q I visited Tattoo Studio about a month ago to get a tattoo. It has a very laid-back atmosphere while also staying very professional. Everyone was very nice and welcoming. Edwin is not just an awesome artist, but a pretty cool guy to hang out with while getting tattooed.
p
cite Patrick Emberson
.slick-slider#child-carousel(data-for=".carousel-parent", data-arrows="false",
data-loop="false", data-dots="false", data-swipe="false", data-items="1", data-xs-items="1", data-sm-items="3", data-md-items="3", data-lg-items="3", data-slide-to-scroll="1",data-center-mode="true", data-center-padding="0")
.item
+jpg('about-5-118x118')
.item
+jpg('about-6-118x118')
.item
+jpg('about-7-118x118')
.item
+jpg('about-5-118x118')
@@ -0,0 +1,59 @@
section.text-center.text-sm-left.section-50.section-sm-top-80.section-lg-bottom-90
.shell
h1 Our Team
p.h6 Highly qualified instructors
.range.offset-top-30
.cell-sm-6
p.text-bold Choosing the right driving school is essential to the learning experience as well as the courses effectiveness. Thats why our team includes only the most experienced professionals in teaching all aspects of driving theory and practice you should know.
.cell-sm-6
p The Safe Drive Team is comprised of some of the best qualified instructors in the industry. We can match your training needs and personal preferences to the appropriate trainer and car. We can also provide instruction in your own vehicle.
// Owl Carousel
.owl-carousel.owl-carousel-standard.offset-top-30(data-items='1',data-sm-items='2',data-md-items='3', data-stage-padding='0', data-loop='true', data-margin='30', data-mouse-drag="true" data-nav="true" data-nav-class='["owl-prev mdi mdi-chevron-left", "owl-next mdi mdi-chevron-right"]')
.owl-item
+team(
'teacher-01-370-316',
'img-responsive img-rounded',
'Head instructor',
'John Malkovich',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'')
.owl-item
+team(
'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.',
'')
.owl-item
+team(
'teacher-03-370-316',
'img-responsive img-rounded',
'Adult instructor',
'Richard Jackson',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'')
.owl-item
+team(
'teacher-04-370-316',
'img-responsive img-rounded',
'Instructor',
'Jack Tompson',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'')
.owl-item
+team(
'teacher-05-370-316',
'img-responsive img-rounded',
'Teen instructor',
'Martha Green',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'')
.owl-item
+team(
'teacher-06-370-316',
'img-responsive img-rounded',
'Adult instructor',
'Nick Nelson',
'Teen Programs, Adult Instruction, Road Test, Defensive Driving',
'')
@@ -0,0 +1,46 @@
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
.range.range-xs-center
.cell-sm-8.cell-md-5
h1 Booking form
// RD Mailform
form.rd-mailform.text-left.form-booking.offset-top-15(data-form-output="form-output-global", data-form-type='contact', method='post', action='bat/rd-mailform.php')
.form-group
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-name-3") Your name:
input#contact-name-3.form-control(type="text" name="name" data-constraints="@Required")
.offset-top-30
.form-inline-sm
.form-group
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-age") Your age:
input#contact-age.form-control(type="text" placeholder='14' name="name" data-constraints="@Required @Numeric" )
.form-group.offset-top-30.offset-sm-top-0
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-location") Location:
input#contact-location.form-control(type="text" placeholder='Enter ZIP code' name="name" data-constraints="@Required")
.form-group.offset-top-30
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-type") Classes type:
//Select 2
select.form-control.select-filter#contact-type(data-placeholder="Teen course", data-minimum-results-for-search="Infinity", data-constraints="@Required")
option Teen course
option(value="2") DDC Driver
option(value="3") Road Test Services
option(value="4") DUI Risk Reduction Program
option(value="5") Adult Driver Education
.form-group.offset-top-30
label.form-label.form-label-outside(for="timepicker1") Time of classes:
input#timepicker1.form-control(type="text" name="name" placeholder='from 11:00 to 13:00')
.form-group.offset-top-30
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-email-4") Your email:
input#contact-email-4.form-control(type="email" name="email" placeholder='Enter your email' data-constraints="@Email @Required")
.form-group.offset-top-30
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-phone-3") Your phone:
input#contact-phone-3.form-control(type="text" placeholder='+1 (xxx)-xxx-xxxx' name="phone" data-constraints="@Required")
.offset-top-35.text-right
button(type="submit").btn.btn-md.btn-primary Book Online Now!
@@ -0,0 +1,57 @@
//- Includes
include ../../elements/_ui-post-classic
include ../../elements/_ui-pagination-classic-variant-2
// Blog Classic
section
+post-classic("blog-post.html", "August 25, 2016",
"Why Adult Driver Education Course is important for operating a motor vehicle", "Sandra Green", "images/blog-classic-3-69x69.jpg", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Course", "href": "#"}],
{
"type": "thumbnail",
"thumb": {"src": "images/blog-1-770x357.jpg", "width": 770, "height": 388, "alt": ""},
"target": {"href": "blog-post.html"}
})
p Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists responsibilities. California requires first-time drivers license applicants to complete a six-hour Adult Driver Education Course.
a(href='blog-post.html').btn-link.btn-link-primary Read more
.text-left
hr.hr.bg-gray-light.divider-md.offset-top-30
.offset-top-30
+post-classic("blog-post.html", "August 20, 2016 ", "Congratulations on earning your instruction permits!", "John Nelson", "images/blog-classic-4-69x69.jpg", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction ", "href": "#"}],
{
"type": "thumbnail",
"thumb": {"src": "images/blog-2-770x357.jpg", "width": 770, "height": 388, "alt": ""},
"target": {"href": "blog-post.html"}
}
)
p Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.
a(href='blog-post.html').btn-link.btn-link-primary Read more
.text-left
hr.hr.bg-gray-light.divider-md.offset-top-30
.offset-top-30
+post-classic("blog-post.html", "August 15, 2016", "Local state police will visit us to discuss distracted driving", "Jimmy Nelson", "images/blog-classic-5-69x69.jpg", [
{"title": "Driver ", "href": "#"},
{"title": "Police ", "href": "#"},
{"title": "Discuss", "href": "#"}],
{
"type": "thumbnail",
"thumb": {"src": "images/blog-3-770x357.jpg", "width": 770, "height": 388, "alt": ""},
"target": {"href": "blog-post.html"}
})
p Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drives Teen Program. This presentation included interactive slides that featured actual video clips and photos of traffic crashes.
a(href='blog-post.html').btn-link.btn-link-primary Read more
.text-left
hr.hr.bg-gray-light.divider-md.offset-top-30
.offset-top-30.text-lg-left.inset-lg-left-65
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,172 @@
//- Includes
include ../../elements/_ui-post-default
include ../../elements/_ui-quote-simple
include ../../elements/_widget-post
include ../../elements/_ui-box-comment
include ../../elements/_ui-tags
// Blog Default Single
section.section-50.section-sm-top-70.section-sm-bottom-105.text-sm-left
.shell
.range.range-xs-center
.cell-sm-4.cell-lg-4
.thumbnail-variant-1.section-top-0.img-thumbnail-classic
+jpg('teacher-01-370-316','img-responsive img-fullwidth img-rounded')
.caption
.group-lg
.big.text-bold.text-top John Malkovich
span.text-regular.display-block (head instructor)
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="#")
a(href="blog-classic.html").btn.btn-primary.btn-xs.offset-top-20 All posts
.cell-sm-8.cell-lg-8
+post-default("#", "March 7, 2016", "Which Class Is Right For You?", "4",
[{"title": "54", "href": "#"}],
12,
null)
p.offset-top-20 So you're ready to get started with Safe Drive, congratulations! Did you know that you are required by law to take a driver's education course before you can get your license? (If you didn't, now you do!) Now, you do have a few different options when it comes to deciding which course you should take, so let's go over them and see what fits you best.
p.offset-top-20 First up is our <a href='#' class='text-underline'> Full Driver's Education Program.</a> This is our general recommendation for everyone, because it gives you the most comprehensive education available. This course will cover everything you need to become a safe and confident driver. Not only does this package include 30 hours of classroom time (don't worry - they're broken down into easy-to-digest 2 hour blocks), but it also comes with <a href='#' class='text-underline'>8 hours of private driving lessons.</a> In addition, most insurance carriers offer a discount to students who complete this course. Students usually find that with this discount, the course pays for itself in less than a year!
p.offset-top-20 Next comes our <a href='#' class='text-underline'>8 Hour Safe Driving Course.</a> This is the fastest way to complete your driver's ed requirement. It's a basic overview of safe driving skills, and does include the required Parent Class. However, it DOES NOT include private driving lessons. To get a license, you must log 40 hours of driving experience, so with this option you'll either have to complete that on your own with a Qualified Trainer, or <a href='#' class='text-underline'>book a lesson</a> with a driving school, like us!
section
+jpg('bg-post-1-1923x628','img-responsive img-fullwidth')
section.section-50.section-sm-90
.shell
.range.range-xs-center.range-sm-right
.cell-lg-9.text-sm-left
h4 Conclusion
p.offset-top-25 Finally, you can choose either of the above options and <a href='#' class='text-underline'>add Private Driving Lessons</a> as you see fit. Want to take the 8 Hour Safe Driving Course but also need some practice with an instructor? No problem, you can add a Private Driving Lesson at any time. Already finished your Safe Drive's Education Program and included driving lessons but still want more practice? Great! You can add as many driving lessons as you need. We'll do whatever we can to make sure you're prepared to get your license and get on the road safely.
.offset-top-27
.group-sm
a(href="#").btn.btn-facebook.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-facebook
| Facebook
a(href="#").btn.btn-twitter.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-twitter
| Twitter
a(href="#").btn.btn-google-plus.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-google-plus
| Google +
.offset-top-27
+tags(
[
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Course", "href": "#"}
]
)
hr.hr.bg-gray-light.divider-md.offset-top-30
h4.offset-top-30.text-left Related posts
.range.offset-top-30
.cell-sm-6
+widget-post('#', "August 25, 2016", "Why Adult Driver Education Course is important for operating a motor vehicle", {
"w": 69,
"h": 69,
"src": "images/blog-classic-3-69x69.jpg",
"alt": ""
}, "")
.offset-top-40
+widget-post('#', "August 20, 2016", "Congratulations on earning your instruction permits!", {
"w": 69,
"h": 69,
"src": "images/blog-classic-4-69x69.jpg",
"alt": ""
},"")
.cell-sm-6.offset-top-40.offset-sm-top-0
+widget-post('#', "August 15, 2016", "Local state police will visit us to discuss distracted driving", {
"w": 69,
"h": 69,
"src": "images/blog-classic-5-69x69.jpg",
"alt": ""
}, "")
.offset-top-40
+widget-post('#', "August 10, 2016", "Some of the worst drivers are right here in California", {
"w": 69,
"h": 69,
"src": "images/blog-classic-3-69x69.jpg",
"alt": ""
}, "")
hr.hr.bg-gray-light.divider-md.offset-top-33
#comments
h4.offset-top-25.text-left Comments
.offset-top-30
//- Comment 1
+box-comment(
"box-comment-outboxed",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-3-69x69.jpg",
"alt": "Rita Black"
},
"March 7, 9:14",
"Rita Black",
"Thanks for an interesting article! Your driving school is one of the most known in our region, and Im glad that my son learns to drive at Safe Drive."
)
//- Reply 1
+box-comment(
"box-comment-outboxed",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-6-69x69.jpg",
"alt": "John Nelson"
},
"March 7, 9:20",
"John Nelson",
"Completely agree with you! Their new driving courses are especially useful for adult beginners in driving. Thats exactly what I need now."
)
//- Reply 2
+box-comment(
"box-comment-outboxed",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-8-69x69.jpg",
"alt": "Jack Johnson"
},
"March 7, 9:25 ",
"Jack Johnson",
"I would like to add something. Safe Drives instructors also write interesting articles about driving issues that happen on the road."
)
//- Comment 2
+box-comment(
"box-comment-outboxed",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-7-69x69.jpg",
"alt": "Sara Green"
},
"March 7, 9:30 ",
"Sara Green",
"This post is really useful! Thank you for sharing this information, now I know what course to choose for my further driving education."
)
hr.hr.bg-gray-light.divider-md.offset-top-33
h4.offset-top-22.offset-lg-top-88.text-left Leave a comment
form.rd-mailform.offset-top-20.text-left.form-comment(data-form-output="form-contact-me", data-form-type='contact', method='post', action='bat/rd-mailform.php')
.form-group
label.form-label(for="comment-message")
textarea#comment-message.form-control(data-constraints="@Required" style="height: 170px")
.group-sm.text-center.text-lg-right.offset-top-30
button(type="submit").btn.btn-sm.btn-primary Submit
@@ -0,0 +1,46 @@
//- Includes
include ../../elements/_ui-post-boxed
// Section Blog Grid 1 Columns
section
.shell
.range.range-sm-center
.col-sm-10.col-md-8.col-lg-6
h1.text-sm-left Blog
.range.offset-top-25
.cell-lg-12
+post-boxed("blog-post.html", "1 days ago", "Why Adult Driver Education Course is important", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Course", "href": "#"}],
{"src": "images/blog-grid-1-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30
.cell-lg-12
+post-boxed("blog-post.html", "5 days ago", "Make safety systems a top priority when considering a car", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Safety", "href": "#"}],
{"src": "images/blog-grid-2-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30
.cell-lg-12
+post-boxed("blog-post.html", "8 days ago", "Parent meeting", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Meeting", "href": "#"}],
{"src": "images/blog-grid-3-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30
.cell-lg-12
+post-boxed("blog-post.html", "2 days ago", "Congratulations on earning your instruction permits!", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Instruction", "href": "#"}],
{"src": "images/blog-grid-4-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.cell-xs-12.offset-top-30.text-sm-right
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,62 @@
//- Includes
include ../../elements/_ui-post-boxed
include ../../elements/_ui-pagination-classic
// Section Blog Grid 2 Columns
section
.shell
h1.text-lg-left Blog
.range.range-sm-center.offset-top-32
.col-sm-10.col-md-8.col-lg-12
.range
.cell-lg-6
+post-boxed("blog-post.html", "1 days ago", "Why Adult Driver Education Course is important", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Course", "href": "#"}],
{"src": "images/blog-grid-1-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30.veil-lg
.cell-lg-6
+post-boxed("blog-post.html", "5 days ago", "Make safety systems a top priority when considering a car", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Safety", "href": "#"}],
{"src": "images/blog-grid-2-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30
.cell-lg-6
+post-boxed("blog-post.html", "8 days ago", "Parent meeting", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Meeting", "href": "#"}],
{"src": "images/blog-grid-3-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30.veil-lg
.cell-lg-6
+post-boxed("blog-post.html", "2 days ago", "Congratulations on earning your instruction permits!", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Instruction", "href": "#"}],
{"src": "images/blog-grid-4-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30
.cell-lg-6
+post-boxed("blog-post.html", "6 days ago", "Teen summer classes", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Teen", "href": "#"}],
{"src": "images/blog-grid-5-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30.veil-lg
.cell-lg-6
+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": ""}
)
.cell-xs-12.offset-top-30.text-sm-right
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,84 @@
//- Includes
include ../../elements/_ui-post-boxed
// Section Blog Grid 2 Columns
section
.shell.shell-wide
h1.text-sm-left Blog
.range.range-sm-center.offset-top-22
.cell-md-6.cell-lg-4
+post-boxed("blog-post.html", "1 days ago", "Why Adult Driver Education Course is important", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Course", "href": "#"}],
{"src": "images/blog-grid-1-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", "5 days ago", "Make safety systems a top priority when considering a car", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Safety", "href": "#"}],
{"src": "images/blog-grid-2-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", "8 days ago", "Parent meeting", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Meeting", "href": "#"}],
{"src": "images/blog-grid-3-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30.veil-md.reveal-lg-block
.cell-md-6.cell-lg-4
+post-boxed("blog-post.html", "2 days ago", "Congratulations on earning your instruction permits!", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Instruction", "href": "#"}],
{"src": "images/blog-grid-4-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", "6 days ago", "Teen summer classes", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Education", "href": "#"},
{"title": "Teen", "href": "#"}],
{"src": "images/blog-grid-5-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", "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": ""}
)
.range-spacer.offset-top-45.offset-xs-top-30
.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", "10 days ago", "Auto insurance", "Richard Nelson", [
{"title": "Driver", "href": "#"},
{"title": "Auto", "href": "#"},
{"title": "Insurance", "href": "#"}],
{"src": "images/blog-grid-9-570x380.jpg", "width": 570, "height": 380, "alt": ""}
)
.cell-xs-12.offset-top-30.text-sm-right
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,59 @@
//- Includes
include ../../elements/_ui-post-modern
include ../../elements/_ui-pagination-classic-variant-2
// Section Blog Grid 1 Columns
section
.shell
.range.range-xs-center
.cell-md-6
//- Post with Video
+post-modern('blog-post.html', "mdi mdi-video", "4 days ago", "Why Adult Driver Education Course is important for operating a motor vehicle", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Course", "href": "#"}],
{
"type": "video",
"href": "//www.youtube.com/embed/-AhmuMqZB0s",
"ratio": "16by9"
})
p Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists' responsibilities. California requires first-time driver's license applicants to complete a six-hour Adult Driver Education Course.
//- Post with Text
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-pen", "3 days ago", "Local state police will visit us to discuss distracted driving", [
{"title": "Driver", "href": "#"},
{"title": "Police", "href": "#"},
{"title": "Discuss", "href": "#"}]
)
p Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drives Teen Program. This presentation included interactive slides that featured actual video clips and still photos of traffic crashes.
//- Post with Gallery
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-image", "4 days ago", "Congratulations on earning your instruction permits!", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-2-570x364.jpg", "width": 570, "height": 364, "alt": "" }
})
p Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.
//- Post with Audio
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-soundcloud", "5 days ago", "How to get a CT Learner's Permit for international students", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "License", "href": "#"}],
{
"type": "soundcloud",
"embed": '<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/149065581&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>'
})
.range.range-xs-center.offset-top-30.text-sm-right
.cell-md-6
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,69 @@
//- Includes
include ../../elements/_ui-post-modern
include ../../elements/_ui-pagination-classic-variant-2
// Section Blog Grid 2 Columns
section
.shell
.range
.cell-md-6
//- Post with Video
+post-modern('blog-post.html', "mdi mdi-video", "4 days ago", "Why Adult Driver Education Course is important for operating a motor vehicle", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Course", "href": "#"}],
{
"type": "video",
"href": "//www.youtube.com/embed/-AhmuMqZB0s",
"ratio": "16by9"
})
p Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists' responsibilities. California requires first-time driver's license applicants to complete a six-hour Adult Driver Education Course.
//- Post with Gallery
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-image", "4 days ago", "Congratulations on earning your instruction permits!", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-2-570x364.jpg", "width": 570, "height": 364, "alt": "" }
})
p Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.
.cell-md-6
//- Post with Audio
+post-modern('blog-post.html', "mdi mdi-soundcloud", "5 days ago", "How to get a CT Learner's Permit for international students", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "License", "href": "#"}],
{
"type": "soundcloud",
"embed": '<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/149065581&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>'
})
.offset-top-30
//- Post with Image
+post-modern('blog-post.html', "mdi mdi-instagram", "4 days ago", "Parent meeting", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Meeting ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-3-570x364.jpg", "width": 570, "height": 364, "alt": "" }
})
//- Post with text
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-pen", "3 days ago", "Local state police will visit us to discuss distracted driving", [
{"title": "Driver", "href": "#"},
{"title": "Police", "href": "#"},
{"title": "Discuss", "href": "#"}]
)
p Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drives Teen Program. This presentation included interactive slides that featured actual video clips and still photos of traffic crashes.
.range.offset-top-30.text-sm-right
.cell-xs-12
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,101 @@
//- Includes
include ../../elements/_ui-post-modern
include ../../elements/_ui-pagination-classic-variant-2
// Section Blog Grid 2 Columns
section
.shell-wide
.range
.cell-md-4
//- Post with Video
+post-modern('blog-post.html', "mdi mdi-video", "4 days ago", "Why Adult Driver Education Course is important for operating a motor vehicle", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Course", "href": "#"}],
{
"type": "video",
"href": "//www.youtube.com/embed/-AhmuMqZB0s",
"ratio": "16by9"
})
p Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists' responsibilities. California requires first-time driver's license applicants to complete a six-hour Adult Driver Education Course.
//- Post with Gallery
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-image", "4 days ago", "Congratulations on earning your instruction permits!", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-2-570x364.jpg", "width": 570, "height": 364, "alt": "" }
})
p Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.
.cell-md-4
//- Post with Audio
+post-modern('blog-post.html', "mdi mdi-soundcloud", "5 days ago", "How to get a CT Learner's Permit for international students", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "License", "href": "#"}],
{
"type": "soundcloud",
"embed": '<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/149065581&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>'
})
//- Post with Image
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-instagram", "4 days ago", "Parent meeting", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Meeting ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-3-570x364.jpg", "width": 570, "height": 364, "alt": "" }
})
.offset-top-30
//- Post with Text
+post-modern('blog-post.html', "mdi mdi-pen", "3 days ago", "Local state police will visit us to discuss distracted driving", [
{"title": "Driver", "href": "#"},
{"title": "Police", "href": "#"},
{"title": "Discuss", "href": "#"}]
)
p Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drives Teen Program. This presentation included interactive slides that featured actual video clips and still photos of traffic crashes.
.cell-md-4
//- Post with Image
+post-modern('blog-post.html', "mdi mdi-image", "4 days ago", "Auto insurance", [
{"title": "Driver", "href": "#"},
{"title": "Auto", "href": "#"},
{"title": "Insurance", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-4-570x364.jpg", "width": 570, "height": 364, "alt": "" }
})
p Are you aware that you could receive a large discount just for not having a ticket or accident in the past 3 years? In addition, if you are currently insured and live in a qualified ZIP code you may get an extremely high discount. However, you have to compare quotes before insuring your car as it is a key to your cars troublefree usage.
//- Post with Text
.offset-top-30
+post-modern('blog-post.html', "mdi mdi-pen", "4 days ago", "School Bus Drivers", [
{"title": "Driver ", "href": "#"},
{"title": "Police ", "href": "#"},
{"title": "Discuss", "href": "#"}]
)
p School buses are an icon of the back-to-school season, and their return to the streets signals the start of a new school year. On Thursday, August 4, Fulton County Schools will salute those who transport our most precious cargo schoolchildren at a special luncheon held in the Atlanta Marriott Marquis. The program begins at 11:30 a.m.
.offset-top-30
//- Post with Audio
+post-modern('blog-post.html', "mdi mdi-soundcloud", "5 days ago", "Teen summer classes", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Teen", "href": "#"}],
{
"type": "soundcloud",
"embed": '<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/149065581&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>'
})
.range.offset-top-30.text-sm-right
.cell-xs-12
+pagination-classic-var-2(1, [{"href": "#"}, {"href": "#"}, {"href": "#"}, {"href": "#"}], '4', {
"title": "",
"href": "#"
}, {"title": "", "href": "#"})
@@ -0,0 +1,97 @@
//- Includes
include ../../elements/_ui-post-modern-timeline
include ../../elements/_ui-pager-bootstrap
// Section Blog Modern
section
.post-modern-timeline-date.text-sm-left
time(datetime="2016-01-01") August 25
+post-modern-timeline("post-modern-timeline-left", 'blog-post.html', "mdi mdi-video","4 days ago", "Why Adult Driver Education Course is important for operating a motor vehicle", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Course", "href": "#"}],
{
"type": "video",
"href": "//www.youtube.com/embed/-AhmuMqZB0s",
"ratio": "16by9"
},
"Sandra Green",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-3-69x69.jpg",
"alt": "Sandra Green"
})
p Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists' responsibilities. California requires first-time driver's license applicants to complete a six-hour Adult Driver Education Course.
.post-modern-timeline-date.text-sm-left
time(datetime="2016-01-01") August 20
+post-modern-timeline("post-modern-timeline-left", 'blog-post.html', "mdi mdi-pen", "4 days ago","Local state police will visit us to discuss distracted driving", [
{"title": "Driver", "href": "#"},
{"title": "Police", "href": "#"},
{"title": "Discuss", "href": "#"}],
null,
"John Nelson",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-5-69x69.jpg",
"alt": "John Nelson"
})
p Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drives Teen Program. This presentation included interactive slides that featured actual video clips and still photos of traffic crashes.
.post-modern-timeline-date.text-sm-left
time(datetime="2016-01-01") August 15
+post-modern-timeline("post-modern-timeline-left", 'blog-post.html', "mdi mdi-image","4 days ago", "Congratulations on earning your instruction permits!", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-2-570x364.jpg", "width": 570, "height": 364, "alt": "" }
},
"John Doe",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-4-69x69.jpg",
"alt": "John Doe"
})
p Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.
.post-modern-timeline-date.text-sm-left
time(datetime="2016-01-01") July 10
+post-modern-timeline("post-modern-timeline-left post-author-none", 'blog-post.html', "mdi mdi-image","5 days ago", "How to get a CT Learner's Permit for international students", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "License", "href": "#"}],
{
"type": "soundcloud",
"embed": '<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/149065581&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>'
},
"John Nelson",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-5-69x69.jpg",
"alt": "John Nelson"
})
footer.offset-top-30
//- Add timeline post offset
.post-modern-timeline-left
+pager-bootstrap(null,
{"title": "Prev", "href": "#", "icon": "mdi mdi-chevron-left"},
{"title": "Next", "href": "#", "icon": "mdi mdi-chevron-right"},
true
)
@@ -0,0 +1,89 @@
//- Includes
include ../../elements/_ui-post-modern-timeline
include ../../elements/_ui-pager-bootstrap
// Section Blog Modern
section
.post-modern-timeline-date.text-sm-right
time(datetime="2016-01-01") August 25
+post-modern-timeline("post-modern-timeline-right", 'blog-post.html', "mdi mdi-video","4 days ago", "Why Adult Driver Education Course is important for operating a motor vehicle", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Course", "href": "#"}],
{
"type": "video",
"href": "//www.youtube.com/embed/-AhmuMqZB0s",
"ratio": "16by9"
},
"Sandra Green",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-3-69x69.jpg",
"alt": "Sandra Green"
})
p Policymakers in California are committed to ensuring that young drivers have the skills necessary to safely operate a motor vehicle. These skills include a solid knowledge of traffic laws, vehicle operation, and motorists' responsibilities. California requires first-time driver's license applicants to complete a six-hour Adult Driver Education Course.
.post-modern-timeline-date.text-sm-right
time(datetime="2016-01-01") July 20
+post-modern-timeline("post-modern-timeline-right", 'blog-post.html', "mdi mdi-pen", "4 days ago","Local state police will visit us to discuss distracted driving", [
{"title": "Driver", "href": "#"},
{"title": "Police", "href": "#"},
{"title": "Discuss", "href": "#"}],
null,
"John Nelson",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-5-69x69.jpg",
"alt": "John Nelson"
})
p Distracted driving can have life-altering consequences for both distracted motorists and their victims, State Troopers David Roman and Aldo Schumann emphasized during a June 5 presentation to students in Safe Drives Teen Program. This presentation included interactive slides that featured actual video clips and still photos of traffic crashes.
.post-modern-timeline-date.text-sm-right
time(datetime="2016-01-01") August 15
+post-modern-timeline("post-modern-timeline-right", 'blog-post.html', "mdi mdi-image","4 days ago", "Congratulations on earning your instruction permits!", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction ", "href": "#"}],
{
"type": "thumbnail",
"thumb": { "src": "images/blog-modern-2-570x364.jpg", "width": 570, "height": 364, "alt": "" }
},
"John Doe",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-4-69x69.jpg",
"alt": "John Doe"
})
p Congratulations to students in Teen Program who have earned their instruction permits! Pictured (left to right) are Safe Drive students Katie F., Natalie R., and Casey K. Our Teen Program coursework, which includes 15 classroom sessions (2 hours per session), is designed to allow students to earn their instruction permits.
.post-modern-timeline-date.text-sm-right
time(datetime="2016-01-01") July 10
+post-modern-timeline("post-modern-timeline-right post-author-none", 'blog-post.html', "mdi mdi-image","5 days ago", "How to get a CT Learner's Permit for international students", [
{"title": "Driver", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "License", "href": "#"}],
{
"type": "soundcloud",
"embed": '<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/149065581&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>'
},
"John Nelson",
{
"width": 69,
"height": 69,
"src": "images/blog-classic-5-69x69.jpg",
"alt": "John Nelson"
})
footer.offset-top-30
//- Add timeline post offset
.post-modern-timeline-right
+pager-bootstrap(null,
{"title": "Prev", "href": "#", "icon": "mdi mdi-chevron-left"},
{"title": "Next", "href": "#", "icon": "mdi mdi-chevron-right"},
true
)
@@ -0,0 +1,91 @@
//- Includes
include ../../elements/_widget-form-search
include ../../elements/_widget-tags
include ../../elements/_widget-twitter
// Section Blog Modern
aside.text-left
// Search Form
h4 Search
.offset-top-25
+widget-form-search("input-sm", "form-label-sm", "blog-sidebar-2-form-search-widget")
hr.hr.divider-sm.bg-gray-light.offset-top-30
// Twitter Feed
h4.offset-top-27 Flickr feed
.offset-top-25
// RD Flickr
.flickr( data-flickr-tags='tm61233')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
hr.hr.divider-sm.bg-gray-light.offset-top-30
.range.offset-top-27
.cell-xs-6.cell-md-12
// Category
h4 Categories
ul.list-xs.list-marked.offset-top-22.big
li: a(href='#') Drivers
li: a(href='#') Instructors
li: a(href='#') Courses
li: a(href='#') Education
li: a(href='#') Adult
li: a(href='#') Teen
li: a(href='#') Advanced
hr.hr.divider-sm.bg-gray-light.offset-top-30
.cell-xs-6.cell-md-12.offset-top-27.offset-xs-top-0.offset-md-top-27
// Archive
h4 Archive
ul.list-xs.list-marked.offset-top-22.big
li
a(href="#") August
li
a(href="#") July
li
a(href="#") June
li
a(href="#") May
li
a(href="#") April
li
a(href="#") March
li
a(href="#") February
hr.hr.divider-sm.bg-gray-light.offset-top-30
// Tags
h4.offset-top-27 Tags
.offset-top-22
+widget-tags("btn-link btn-link-primary", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction", "href": "#"},
{"title": "Courses ", "href": "#"},
{"title": "Police ", "href": "#"},
{"title": "Discussion ", "href": "#"},
{"title": "Adult ", "href": "#"},
{"title": "Teen", "href": "#"}
])
@@ -0,0 +1,72 @@
//- Includes
include ../../elements/_widget-form-search
include ../../elements/_widget-tags
include ../../elements/_widget-twitter
// Section Blog Modern
aside.text-left
// Search Form
h4 Search
.offset-top-25
+widget-form-search("input-sm", "form-label-sm", "blog-sidebar-2-form-search-widget")
hr.hr.divider-sm.bg-gray-light.offset-top-30
// Twitter Feed
h4.offset-top-27 Twitter Feed
.offset-top-25
+widget-twitter({
"dataTwitterUsername": "templatemonster"
})
hr.hr.divider-sm.bg-gray-light.offset-top-30
.range.offset-top-27
.cell-xs-6.cell-md-12
// Category
h4 Categories
ul.list-xs.list-marked.offset-top-22.big
li: a(href='#') Drivers
li: a(href='#') Instructors
li: a(href='#') Courses
li: a(href='#') Education
li: a(href='#') Adult
li: a(href='#') Teen
li: a(href='#') Advanced
hr.hr.divider-sm.bg-gray-light.offset-top-30
.cell-xs-6.cell-md-12.offset-top-27.offset-xs-top-0.offset-md-top-27
// Archive
h4 Archive
ul.list-xs.list-marked.offset-top-22.big
li
a(href="#") August
li
a(href="#") July
li
a(href="#") June
li
a(href="#") May
li
a(href="#") April
li
a(href="#") March
li
a(href="#") February
hr.hr.divider-sm.bg-gray-light.offset-top-30
// Tags
h4.offset-top-27 Tags
.offset-top-22
+widget-tags("btn-link btn-link-primary", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction", "href": "#"},
{"title": "Courses ", "href": "#"},
{"title": "Police ", "href": "#"},
{"title": "Discussion ", "href": "#"},
{"title": "Adult ", "href": "#"},
{"title": "Teen", "href": "#"}
])
@@ -0,0 +1,48 @@
//- Includes
include ../../elements/_widget-form-search
include ../../elements/_widget-tags
include ../../elements/_widget-twitter
// Section Blog Modern
aside.text-left
// Search Form
h4 Search
.offset-top-25
+widget-form-search("input-sm", "form-label-sm", "blog-sidebar-2-form-search-widget")
hr.hr.divider-sm.bg-gray-light.offset-top-21
// Twitter Feed
h4.offset-top-25 Flickr
.offset-top-25
// RD Flickr
.flickr(data-flickr-id='47302490@N05')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
div.flickr-item(data-type='flickr-item')
a(href="#" data-link="href" target="_blank" class="img-thumbnail-variant-3")
img(data-image_q='src', data-title='alt', src='images/_blank.png', alt='')
hr.hr.divider-sm.bg-gray-light.offset-top-21
// Twitter Feed
h4.offset-top-25 Twitter Feed
.offset-top-25
+widget-twitter({
"dataTwitterUsername": "templatemonster"
})
@@ -0,0 +1,108 @@
//- Includes
include ../../elements/_widget-form-search
include ../../elements/_widget-tags
include ../../elements/_widget-twitter
// Section Blog Modern
aside.text-left
.range
.cell-sm-6.cell-md-12
//Recent post
h4 Recent posts
.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-dark Why Adult Driver Education Course is important for operating a motor vehicle
.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-dark 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-dark Local state police will visit us to discuss distracted driving
hr.hr.divider-sm.bg-gray-light.offset-top-30
.cell-sm-6.cell-md-12.offset-top-27.offset-sm-top-0.offset-md-top-27
//Popular post
h4 Popular posts
.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-dark Why Adult Driver Education Course is important for operating a motor vehicle
.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-dark 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-dark Local state police will visit us to discuss distracted driving
hr.hr.divider-sm.bg-gray-light.offset-top-30
.range.offset-top-27
.cell-xs-6.cell-md-12
// Category
h4 Categories
ul.list-xs.list-marked.offset-top-22.big
li: a(href='#') Drivers
li: a(href='#') Instructors
li: a(href='#') Courses
li: a(href='#') Education
li: a(href='#') Adult
li: a(href='#') Teen
li: a(href='#') Advanced
hr.hr.divider-sm.bg-gray-light.offset-top-30
.cell-xs-6.cell-md-12.offset-top-27.offset-xs-top-0.offset-md-top-27
// Archive
h4 Archive
ul.list-xs.list-marked.offset-top-22.big
li
a(href="#") August
li
a(href="#") July
li
a(href="#") June
li
a(href="#") May
li
a(href="#") April
li
a(href="#") March
li
a(href="#") February
hr.hr.divider-sm.bg-gray-light.offset-top-30
// Tags
h4.offset-top-27 Tags
.offset-top-22
+widget-tags("btn-link btn-link-primary", [
{"title": "Driver ", "href": "#"},
{"title": "Education ", "href": "#"},
{"title": "Instruction", "href": "#"},
{"title": "Courses ", "href": "#"},
{"title": "Police ", "href": "#"},
{"title": "Discussion ", "href": "#"},
{"title": "Adult ", "href": "#"},
{"title": "Teen", "href": "#"}
])
@@ -0,0 +1,43 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h1 Buttons
p.offset-top-15 Easily insert buttons and call-to-actions in any page, #[br.visible-lg-inline]use amazing custom options to spice up your pages.
section.text-center.text-sm-left.section-top-50.section-sm-top-85
.container
h5 Button Sizes
p 4 different sizes: super, large, default and small.
.offset-top-25
.btn-group-variant-1
a(href="#").btn.btn-primary.btn-lg.text-bottom Super size
a(href="#").btn.btn-primary.btn-md.text-bottom Large size
a(href="#").btn.btn-primary.btn-sm.text-bottom.btn-min-width Default size
a(href="#").btn.btn-primary.btn-xs.text-bottom Small size
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h5= elements.btn.h_el_2
p= elements.btn.p_el_3
.offset-top-25
.btn-group-variant-1
a(href="#").text-middle.btn.btn-primary.btn-sm.btn-shape-default.btn-min-width-sm Default
a(href="#").text-middle.btn.btn-primary.btn-sm.btn-shape-round.btn-min-width-sm Round
a(href="#").text-middle.btn.btn-primary.btn-sm.btn-shape-square.btn-min-width-sm Square
a(href="#").text-middle.btn.btn-primary.btn-sm.btn-shape-circle Circle
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h5= elements.btn.h_el_3
p= elements.btn.p_el_4
.offset-top-25
.btn-group-variant-1
a(href="#").btn.btn-icon.btn-primary.btn-md.btn-min-width-icon Icon Right &nbsp; #[span.icon.text-top.mdi.mdi-account-outline]
a(href="#").btn.btn-icon.btn-primary.btn-md.btn-min-width-icon #[span.icon.text-middle.material-icons-info_outline] &nbsp; Icon Left
a(href="#").btn.btn-icon.btn-md.btn-primary-variant-1.btn-min-width-icon Icon Right&nbsp; #[span.icon.text-middle.material-icons-info_outline]
a(href="#").btn.btn-icon.btn-md.btn-primary-variant-1.btn-min-width-icon #[span.icon.text-top.mdi.mdi-account-outline] &nbsp; Icon Left
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-95
.container
h5= elements.btn.h_el_4
p= elements.btn.p_el_5
.offset-top-25
.btn-group-variant-1
a(href="#").btn.btn-primary.btn-md.btn-min-width-sm.btn-shadow Shadow
a(href="#").btn.btn-md.btn-white-variant-2.btn-min-width-sm.btn-shadow Shadow
@@ -0,0 +1,57 @@
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h1 Join Our Team
p.h5.text-regular.offset-top-5 Best driving teachers in LA
.range.range-xs-center.offset-top-17
.cell-sm-6
+jpg('careers-01-570x394','img-responsive img-rounded')
.cell-sm-6
p If you are looking for a fulfilling and interesting position in a fast-paced and fun environment, then a position as a driving instructor is the right fit for you! Safe Drive is the Californias oldest and most respected driving school. Established 20 years ago, Safe Drive is still growing and looking for energetic and responsible people to join our team in Northern, Southern and Western Branches.
ul.list-md.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark No industry experience necessary, but you must have solid people skills, be friendly, patient and punctual and want to make a difference in our students lives.
li.text-bold.text-dark We provide State required driving instructor training at no charge.
li.text-bold.text-dark Must be available during after school hours and on Saturdays.
li.text-bold.text-dark Must be available to work 4-6 days per week and 20+ hours per week.
li.text-bold.text-dark Must be available for driving instructor training on Saturdays and on weekday afternoons and evenings.
li.text-bold.text-dark Must speak fluent English and have great communication skills.
h1.offset-top-50.offset-sm-top-80 Vacancies
.range.range-xs-center.range-index-list.offset-top-20
.cell-sm-6.cell-md-4
.unit.unit-sm-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-md.icon-gray.list-index-counter
.unit-body
h4.text-bold.text-base Trainee Driving #[br.visible-lg-inline] School
p Safe Drive urgently requires full time and part time driving instructors throughout the area. We are the fastest growing driving school in the area, and there are lots of the benefits of working with us! No experience is necessary to become a driving instructor as we provide all required training.
ul.list.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark Be ready to help our students
li.text-bold.text-dark Have a will to teach and study
li.text-bold.text-dark Have a local driving license for 3 years or more
li.text-bold.text-dark Not to be banned from driving
a(href='#').btn.btn-primary.btn-md.offset-top-29 Send resume
.cell-sm-6.cell-md-4.offset-top-50.offset-sm-top-0
.unit.unit-sm-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-md.icon-gray.list-index-counter
.unit-body
h4.text-bold.text-base Teen Program #[br.visible-lg-inline] Director
p Informed by the Schools mission, the candidate will be the key person to answer any questions from all prospective candidates and their parents regarding the teen program and prices as well as other driving programs when needed.
ul.list.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark Be passionate about teaching
li.text-bold.text-dark Be ready to be part of a collaborative team
li.text-bold.text-dark Be open to receiving feedback and support
li.text-bold.text-dark Demonstrate initiative and persistence
a(href='#').btn.btn-primary.btn-md.offset-top-29 Send resume
.cell-sm-6.cell-md-4.offset-top-50.offset-md-top-0
.unit.unit-sm-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-md.icon-gray.list-index-counter
.unit-body
h4.text-bold.text-base Driving School #[br.visible-lg-inline] Senior Trainer
p Safe Drive has a vacancy for a Driver Trainer to play an active part in the development, planning and delivery of driver training, including LGV, EFADS and Specialist Service Vehicles training. You may be required to work from any office within the area.
ul.list.list-marked-variant-bold.offset-top-25
li.text-bold.text-dark Be responsible for all safety checks
li.text-bold.text-dark Ensure that delegates are effectively supervised
li.text-bold.text-dark Maintain up-to-date knowledge on legislation
li.text-bold.text-dark Maintain an awareness of Health Regulations
a(href='#').btn.btn-primary.btn-md.offset-top-29 Send resume
@@ -0,0 +1,74 @@
section.text-center.text-sm-left.section-50.section-sm-top-80.section-lg-bottom-90
.shell
h1 Locations
.range.range-xs-center.offset-top-22
.cell-sm-6
p.big.text-dark Office 01
.offset-top-15
p.text-bold 9863 - 9867 MILL ROAD, CAMBRIDGE, MG09 99HT.
address
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold Telephone:
.unit-body
a(href="callto:#").text-bold.text-base
| +1 800 603 6035
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold.text-primary mail@demolink.org
// RD Google Map
.rd-google-map-wrap.offset-top-30
.rd-google-map(class="rd-google-map__model", data-zoom='15', data-x='-73.9874068', data-y='40.643180', data-styles='')
ul.map_locations
li(data-x='-73.9874068', data-y='40.643180')
p
| 9870 St Vincent Place, Glasgow, DC 45 Fr 45.
.cell-sm-6.offset-top-60.offset-sm-top-0
p.big.text-dark Office 02
.offset-top-15
p.text-bold 9870 ST VINCENT PLACE, GLASGOW, DC 45 FR 45.
address
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold Telephone:
.unit-body
a(href="callto:#").text-bold.text-base
| +1 800 559 6580
.unit.unit-sm-horizontal.unit-middle
.unit-left
span.text-bold E-mail:
.unit-body
a(href="mailto:#").text-bold.text-primary mail@demolink.org
// RD Google Map
.rd-google-map-wrap.offset-top-30
.rd-google-map(class="rd-google-map__model", data-zoom='15', data-x='-73.9984068', data-y='40.643180', data-styles='')
ul.map_locations
li(data-x='-73.9984068', data-y='40.643180')
p
| 9870 St Vincent Place, Glasgow, DC 45 Fr 45.
h1.offset-top-50.offset-md-top-85 Get in touch
// RD Mailform
form.rd-mailform.text-left.offset-top-22(data-form-output="form-output-global", data-form-type='contact', method='post', action='bat/rd-mailform.php')
.range.range-xs-center
.cell-sm-4
.form-group
label.form-label.form-label-outside(for="contact-name") Your name:
input#contact-name.form-control(type="text" name="name" data-constraints="@Required" placeholder='Enter your name')
.cell-sm-4
.form-group
label.form-label.form-label-outside(for="contact-last-name") Your last name:
input#contact-last-name.form-control(type="text" name="lastName" data-constraints="@Required" placeholder='Enter your last name')
.cell-sm-4
.form-group
label.form-label.form-label-outside(for="contact-email") Your email:
input#contact-email.form-control(type="email" name="email" data-constraints="@Email @Required" placeholder='Enter your email')
.cell-xs-12.offset-top-30
.form-group
label.form-label.form-label-outside(for="contact-message") Your message:
textarea#contact-message.form-control(name="message" data-constraints="@Required" placeholder='Enter your message')
.cell-xs-12.offset-top-15.text-sm-right
button(type="submit").btn.btn-primary.btn-md Send message
@@ -0,0 +1,163 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h1 FAQ
// Accordion
#accordion.panel-group.two-column-accordion.row(role='tablist', aria-multiselectable='true')
.panel-left.col-sm-6
.panel.panel-default
#headingOne.panel-heading(role='tab')
h4.panel-title
a.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseOne', aria-expanded='true', aria-controls='collapseOne')
| What do I need to get a license?
#collapseOne.panel-collapse.collapse.in(role='tabpanel', aria-labelledby='headingOne')
.panel-body
p To be able to get a license you need to have already passed the Written Exam, received your Instruction Permit and have a valid State ID. If you dont have a valid State ID, the following documentation will be required: Social Security Card (the original card), Passport, Visa or any other form of identification (school ID, work ID, birth certificate, etc.), and Proof of address.
ol.list(type='a')
li Social Security Card (the original card)
li Passport
li Visa or any other form of identification (school ID, work ID, birth certificate, etc.)
li Proof of address
.panel.panel-default
#headingTwo.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseTwo', aria-expanded='false', aria-controls='collapseTwo')
| Im not a teen. Do I need a permit?
#collapseTwo.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingTwo')
.panel-body
| YES, regardless of age it is a requirement by the Secretary of State for a person to have passed the Written Exam and obtained their Instruction Permit before taking driving lessons.
.panel.panel-default
#headingThree.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseThree', aria-expanded='false', aria-controls='collapseThree')
| How do I get started?
#collapseThree.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| We can assist you with getting your permit or if you already have your permit we can schedule your first lesson. Simply give us a call at #[a(href='callto:#').text-base 773-489-2712] to get started!
.panel.panel-default
#headingFour.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseFour', aria-expanded='false', aria-controls='collapseThree')
| Do you guarantee that I will pass the test?
#collapseFour.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Although we do not guarantee that our students will pass the State Road Test, we do our best to prepare you for first time success. In fact, over 90% of our students pass the test the first time.
.panel-left.col-sm-6
.panel.panel-default
#headingFive.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseFive', aria-expanded='false', aria-controls='collapseThree')
| What is your “Base-Rate” radius?
#collapseFive.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
p Southeast bound: Roosevelt Rd. and Halsted St.
p.offset-top-0 Northeast bound: Foster Ave. and Marine Dr.
p.offset-top-0 Northwest bound: Foster Ave. and Central Ave.
p.offset-top-0 Southwest bound: Roosevelt Rd. and Central Ave.
.panel.panel-default
#headingSix.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseSix', aria-expanded='false', aria-controls='collapseThree')
| Do you offer 1-hour lessons?
#collapseSix.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Yes, by appointment. They start at $75 per one hour lesson.
.panel.panel-default
#headingSeven.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseSeven', aria-expanded='false', aria-controls='collapseThree')
| Do you offer stick shift lessons?
#collapseSeven.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Yes, by appointment. They start at $75 per one hour lesson.
.panel.panel-default
#headingEight.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseEight', aria-expanded='false', aria-controls='collapseThree')
| How do I go about making payments?
#collapseEight.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Cash, check, and money order payments are accepted by Safe Drive. Additionally, credit card payments can be made over the phone at any time.
.panel.panel-default
#headingNine.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseNine', aria-expanded='false', aria-controls='collapseThree')
| What`s your availability?
#collapseNine.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Office hours are Monday Friday from 9am to 6pm. Saturdays from 9:30am to 1:30pm. For driving lessons, we are available 7 days a week from 6am 6pm.
.panel.panel-default
#headingTen.panel-heading(role='tab')
h4.panel-title
a.collapsed.two-column-arrow(role='button', data-toggle='collapse', data-parent='#accordion', href='#collapseTen', aria-expanded='false', aria-controls='collapseThree')
| Can you help me get a CDL license?
#collapseTen.panel-collapse.collapse(role='tabpanel', aria-labelledby='headingThree')
.panel-body
| Unfortunately, for the moment the only licenses we provide training for are Class D and Class C non-CDL.
hr.hr.bg-gray-light.offset-top-45
section.offset-top-75.text-center.text-sm-left.section-bottom-50.section-sm-bottom-90
.container
h1 Some of your questions
.row.text-sm-left.offset-top-20
.col-xs-12.col-sm-6
ul.list-md.list-marked.text-left.h6
li: a.text-regular.text-primary.text-middle.anchor(href='#') What do I need to get a license?
li: a.text-regular.text-primary.text-middle.anchor(href='#') Im not a teen. Do I need a permit?
li: a.text-regular.text-primary.text-middle.anchor(href='#') How do I get started?
li: a.text-regular.text-primary.text-middle.anchor(href='#') Do you guarantee that I will pass the test?
li: a.text-regular.text-primary.text-middle.anchor(href='#') What is your “Base-Rate” radius?
.col-xs-12.col-sm-6.offset-top-21.offset-sm-top-0
ul.list-md.list-marked.text-left.h6
li: a.text-regular.text-primary.text-middle.anchor(href='#') Do you offer 1-hour lessons?
li: a.text-regular.text-primary.text-middle.anchor(href='#') Do you offer stick shift lessons?
li: a.text-regular.text-primary.text-middle.anchor(href='#') How do I go about making payments?
li: a.text-regular.text-primary.text-middle.anchor(href='#') What`s your availability?
li: a.text-regular.text-primary.text-middle.anchor(href='#') Can you help me get a CDL license?
hr.hr.bg-gray-light.offset-top-45
.container.offset-top-75
h1 Some of your questions
.row.text-sm-left.offset-top-20
.col-xs-12.col-sm-6
div
h6 What do I need to get a license?
p To be able to get a license you need to have already passed the Written Exam, received your Instruction Permit and have a valid State ID. If you dont have a valid State ID, the following documentation will be required: Social Security Card (the original card), Passport, Visa or any other form of identification (school ID, work ID, birth certificate, etc.), and Proof of address.
ol.list(type='a')
li Social Security Card (the original card)
li Passport
li Visa or any other form of identification (school ID, work ID, birth certificate, etc.)
li Proof of address
hr.hr.bg-gray-light.divider-sm.offset-top-27
div.offset-top-27
h6 Im not a teen. Do I need a permit?
p YES, regardless of age it is a requirement by the Secretary of State for a person to have passed the Written Exam and obtained their Instruction Permit before taking driving lessons.
hr.hr.bg-gray-light.divider-sm.offset-top-27
div.offset-top-27
h6 How do I get started?
p We can assist you with getting your permit or if you already have your permit we can schedule your first lesson. Simply give us a call at #[a(href='callto:#').text-base 773-489-2712] to get started!
.col-xs-12.col-sm-6
hr.hr.bg-gray-light.divider-sm.offset-top-27.veil-sm
div.offset-top-27.offset-sm-top-0
h6 Do you guarantee that I will pass the test?
p Although we do not guarantee that our students will pass the State Road Test, we do our best to prepare you for first time success. In fact, over 90% of our students pass the test the first time.
hr.hr.bg-gray-light.divider-sm.offset-top-27
div.offset-top-27
h6 What is your “Base-Rate” radius?
p Southeast bound: Roosevelt Rd. and Halsted St.
p.offset-top-0 Northeast bound: Foster Ave. and Marine Dr.
p.offset-top-0 Northwest bound: Foster Ave. and Central Ave.
p.offset-top-0 Southwest bound: Roosevelt Rd. and Central Ave.
hr.hr.bg-gray-light.divider-sm.offset-top-27
div.offset-top-27
h6 Do you offer 1-hour lessons?
p Yes, by appointment. They start at $75 per one hour lesson.
hr.hr.bg-gray-light.divider-sm.offset-top-27
div.offset-top-27
h6 Do you offer stick shift lessons?
p Yes, by appointment. They start at $75 per one hour lesson.
@@ -0,0 +1,47 @@
// Login
section.text-center.text-sm-left.section-50.section-sm-top-85.section-sm-bottom-95
.shell
h4 Booking form
.range.offset-top-15
.cell-sm-10.cell-md-7.cell-lg-5
// RD Mailform
form.rd-mailform.text-left.form-booking(data-form-output="form-output-global", data-form-type='contact', method='post', action='bat/rd-mailform.php')
.form-group
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-name-3") Your name:
input#contact-name-3.form-control(type="text" name="name" data-constraints="@Required")
.offset-top-30
.form-inline-sm
.form-group
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-age") Your age:
input#contact-age.form-control(type="text" placeholder='14' name="name" data-constraints="@Required @Numeric" )
.form-group.offset-top-30.offset-sm-top-0
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-location") Location:
input#contact-location.form-control(type="text" placeholder='Enter ZIP code' name="name" data-constraints="@Required")
.form-group.offset-top-30
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-type") Classes type:
//Select 2
select.form-control.select-filter#contact-type(data-placeholder="Teen course", data-minimum-results-for-search="Infinity", data-constraints="@Required")
option Teen course
option(value="2") DDC Driver
option(value="3") Road Test Services
option(value="4") DUI Risk Reduction Program
option(value="5") Adult Driver Education
.form-group.offset-top-30
label.form-label.form-label-outside(for="timepicker1") Time of classes:
input#timepicker1.form-control(type="text" name="name" placeholder='from 11:00 to 13:00')
.form-group.offset-top-30
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-email-4") Your email:
input#contact-email-4.form-control(type="email" name="email" placeholder='Enter your email' data-constraints="@Email @Required")
.form-group.offset-top-30
span.text-primary.font-size-30 *
label.form-label.form-label-outside(for="contact-phone-3") Your phone:
input#contact-phone-3.form-control(type="text" placeholder='+1 (xxx)-xxx-xxxx' name="phone" data-constraints="@Required")
.offset-top-35.text-right
button(type="submit").btn.btn-md.btn-primary Book Online Now!
@@ -0,0 +1,29 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-85
.shell
h4 Create an Account
.range.offset-top-15
.cell-sm-10.cell-md-8
// RD Mailform
form.rd-mailform.form-contact-line.text-left()
.form-inline-login.form-inline-login-md
.form-group
label.form-label.form-label-outside(for="contact-name-2") Your name:
input#contact-name-2.form-control(type="text" placeholder='Enter your name' name="name" data-constraints="@Required")
.form-group
label.form-label.form-label-outside(for="contact-username") Your username:
input#contact-username.form-control(type="text" placeholder='Enter your username' name="password" data-constraints="@Required")
.offset-top-60.offset-xs-top-30
.form-inline-login.form-inline-login-md
.form-group
label.form-label.form-label-outside(for="contact-email-2") Your email:
input#contact-email-2.form-control(type="email" placeholder='Enter your email' name="email" data-constraints="@Email @Required")
.form-group
label.form-label.form-label-outside(for="contact-password") Your password:
input#contact-password.form-control(type="password" placeholder='Enter your password' name="password" data-constraints="@Required")
.offset-top-15.text-right
button(type="submit").btn.btn-primary.btn-md Create an account
@@ -0,0 +1,29 @@
// Login
section.text-center.text-sm-left.section-top-50.section-sm-top-85
.shell
h4 Login Form
.range.offset-top-15
.cell-sm-10
// RD Mailform
form.rd-mailform.text-center()
.form-inline-sm.form-inline-login-sm
.form-group
label.form-label.form-label-outside(for="contact-name") Your name:
input#contact-name.form-control(type="text" placeholder='Enter your name' name="name" data-constraints="@Required")
.form-group
label.form-label.form-label-outside(for="contact-email") Your password:
input#contact-email.form-control(type="password" placeholder='Enter your password' name="password" data-constraints="@Required")
div
button(type="submit").btn.btn-primary.btn-md.btn-min-width-xs Create an account
p.h4.offset-top-30.text-bold Or enter with:
.offset-top-25
.group-xs
a(href="#").btn.btn-facebook.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-facebook
| Facebook
a(href="#").btn.btn-twitter.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-twitter
| Twitter
a(href="#").btn.btn-google-plus.btn-md.btn-icon.btn-icon-left
span.icon.icon-xs.fa-google-plus
| Google +
@@ -0,0 +1,50 @@
section.text-center.section-top-50.section-sm-top-115
.shell-fluid.shell-fluid-mod-1
.range
.cell-xs-12
.btn-group-isotope.isotope-filters.isotope-filters-horizontal
button(data-isotope-filter="*" data-isotope-group="gallery").btn.active All Photos
button(data-isotope-filter="type-1" data-isotope-group="gallery").btn Tattoos
button(data-isotope-filter="type-2" data-isotope-group="gallery").btn Images
.isotope.offset-2.isotope-no-gutter.cobbles-gallery.no-padding-gallery(data-isotope-layout="masonry" data-isotope-group="gallery" data-photo-swipe-gallery='gallery')
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-1")
a(href="images/gallery-1_original.jpg" data-photo-swipe-item='', data-size='1190x1200')
img(src="images/grid-cobbles-1.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-1")
a(href="images/gallery-10_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/grid-cobbles-2.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-40(data-filter="type-1")
a(href="images/gallery-9_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/grid-cobbles-3.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-2")
a(href="images/gallery-6_original.jpg" data-photo-swipe-item='', data-size='1200x801')
img(src="images/grid-cobbles-4.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-2")
a(href="images/gallery-4_original.jpg" data-photo-swipe-item='', data-size='994x1200')
img(src="images/grid-cobbles-5.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-2")
a(href="images/gallery-3_original.jpg" data-photo-swipe-item='', data-size='797x1200')
img(src="images/grid-cobbles-6.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-3")
a(href="images/gallery-13_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/grid-cobbles-7.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-3")
a(href="images/gallery-15_original.jpg" data-photo-swipe-item='', data-size='1200x857')
img(src="images/grid-cobbles-8.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-3")
a(href="images/gallery-2_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/grid-cobbles-9.jpg" alt="")
.thumbnail-gallery.isotope-item.isotope-width-20(data-filter="type-3")
a(href="images/gallery-14_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/grid-cobbles-10.jpg" alt="")
@@ -0,0 +1,52 @@
section.text-center.section-50.section-sm-115
.shell
.btn-group-isotope.isotope-filters.isotope-filters-horizontal
button(data-isotope-filter="*" data-isotope-group="gallery").btn.active All Photos
button(data-isotope-filter="type-1" data-isotope-group="gallery").btn Tattoos
button(data-isotope-filter="type-2" data-isotope-group="gallery").btn Images
.isotope.masonry-gallery.range(data-isotope-layout="masonry" data-isotope-group="gallery" data-photo-swipe-gallery='gallery')
.isotope-item.cell-xs-6.cell-sm-6.cell-md-3(data-filter="type-1")
.thumbnail-gallery
a(href="images/gallery-1_original.jpg", data-photo-swipe-item='', data-size='1190x1200')
img(src="images/gallery-masonry-1.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-6(data-filter="type-1")
.thumbnail-gallery
a(href="images/gallery-5_original.jpg" data-photo-swipe-item='', data-size='1200x868')
img(src="images/gallery-masonry-2.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-3(data-filter="type-1")
.thumbnail-gallery
a(href="images/gallery-4_original.jpg" data-photo-swipe-item='', data-size='994x1200')
img(src="images/gallery-masonry-3.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-3(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-13_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-masonry-4.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-6(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-12_original.jpg" data-photo-swipe-item='', data-size='1200x801')
img(src="images/gallery-masonry-5.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-3(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-10_original.jpg" data-photo-swipe-item='', data-size='1200x801')
img(src="images/gallery-masonry-6.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-3(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-3_original.jpg" data-photo-swipe-item='', data-size='797x1200')
img(src="images/gallery-masonry-7.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-3(data-filter="type-3")
.thumbnail-gallery
a(href="images/gallery-7_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-masonry-8.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-6(data-filter="type-3")
.thumbnail-gallery
a(href="images/gallery-2_original.jpg" data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-masonry-9.jpg" alt="")
@@ -0,0 +1,31 @@
section.text-center.section-top-50.section-sm-top-115
.shell-fluid.shell-fluid-mod-1
.btn-group-isotope.isotope-filters.isotope-filters-horizontal
button(data-isotope-filter="*" data-isotope-group="gallery").btn.active All Photos
button(data-isotope-filter="type-1" data-isotope-group="gallery").btn Tattoos
button(data-isotope-filter="type-2" data-isotope-group="gallery").btn Images
.isotope.range.range-condensed.no-padding-gallery(data-isotope-layout="masonry" data-isotope-group="gallery" data-photo-swipe-gallery='gallery')
.thumbnail-gallery.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-1")
a(href="images/gallery-1_original.jpg", data-photo-swipe-item='', data-size='1190x1200')
img(src="images/gallery-1-640x426.jpg" alt="")
.thumbnail-gallery.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-1")
a(href="images/gallery-3_original.jpg", data-photo-swipe-item='', data-size='797x1200')
img(src="images/gallery-2-640x426.jpg" alt="")
.thumbnail-gallery.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-1")
a(href="images/gallery-2_original.jpg", data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-3-640x426.jpg" alt="")
.thumbnail-gallery.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
a(href="images/gallery-10_original.jpg", data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-4-640x426.jpg" alt="")
.thumbnail-gallery.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
a(href="images/gallery-11_original.jpg", data-photo-swipe-item='', data-size='1200x803')
img(src="images/gallery-5-640x426.jpg" alt="")
.thumbnail-gallery.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
a(href="images/gallery-12_original.jpg", data-photo-swipe-item='', data-size='1200x801')
img(src="images/gallery-6-640x426.jpg" alt="")
@@ -0,0 +1,52 @@
section.text-center.section-50.section-sm-115
.shell
.btn-group-isotope.isotope-filters.isotope-filters-horizontal
button(data-isotope-filter="*" data-isotope-group="gallery").btn.active All Photos
button(data-isotope-filter="type-1" data-isotope-group="gallery").btn Tattoos
button(data-isotope-filter="type-2" data-isotope-group="gallery").btn Images
.isotope.masonry-gallery.range(data-isotope-layout="masonry" data-isotope-group="gallery" data-photo-swipe-gallery='gallery')
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-1")
.thumbnail-gallery
a(href="images/gallery-1_original.jpg", data-photo-swipe-item='', data-size='1190x1200')
img(src="images/gallery-1-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-1")
.thumbnail-gallery
a(href="images/gallery-2_original.jpg", data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-2-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-1")
.thumbnail-gallery
a(href="images/gallery-3_original.jpg", data-photo-swipe-item='', data-size='797x1200')
img(src="images/gallery-3-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-4_original.jpg", data-photo-swipe-item='', data-size='994x1200')
img(src="images/gallery-4-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-5_original.jpg", data-photo-swipe-item='', data-size='1200x868')
img(src="images/gallery-5-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-6_original.jpg", data-photo-swipe-item='', data-size='1200x801')
img(src="images/gallery-6-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-2")
.thumbnail-gallery
a(href="images/gallery-7_original.jpg", data-photo-swipe-item='', data-size='1200x801')
img(src="images/gallery-7-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-3")
.thumbnail-gallery
a(href="images/gallery-8_original.jpg", data-photo-swipe-item='', data-size='801x1200')
img(src="images/gallery-8-370x246.jpg" alt="")
.isotope-item.cell-xs-6.cell-sm-6.cell-md-4(data-filter="type-3")
.thumbnail-gallery
a(href="images/gallery-9_original.jpg", data-photo-swipe-item='', data-size='1200x800')
img(src="images/gallery-9-370x246.jpg" alt="")
@@ -0,0 +1,172 @@
section.section-top-50.section-sm-top-80
.container.text-sm-left
h1 Grid Systems
.row.offset-top-22
.col-xs-12.col-md-8
p Responsive fluid grid systems that appropriately scale up to 12 columns #[br.visible-lg-inline] with full-width and boxed options.
section.grid.text-sm-left.section-top-50.section-sm-top-80
.container-fluid
h5= elements.grid.h_el_1
.row.offset-top-22
.col-xs-12
.well4
h5.big.text-regular 1/1
p= elements.grid.p_el_8
.row.border-left-col.offset-5
.col-xs-6
.well4
h5.big.text-regular 1/2
p= elements.grid.p_el_9
.col-xs-6
.well4
h5.big.text-regular 1/2
p= elements.grid.p_el_9
.row.border-left-col.offset-5
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
.row.border-left-col.offset-5
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.row.border-left-col.offset-5
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.row.border-left-col.offset-5
.col-xs-8
.well4
h5.big.text-regular 2/3
p= elements.grid.p_el_13
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
section.section-50.section-sm-90
.container
h5= elements.grid.h_el_2
.row.offset-top-22
.col-xs-12
.well4
h5.big.text-regular 1/1
p= elements.grid.p_el_8
.row.offset-5
.col-xs-6
.well4
h5.big.text-regular 1/2
p= elements.grid.p_el_9
.col-xs-6
.well4
h5.big.text-regular 1/2
p= elements.grid.p_el_9
.row.offset-5
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
.row.offset-5
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.col-xs-3
.well4
h5.big.text-regular 1/4
p= elements.grid.p_el_11
.row.offset-5
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.col-xs-2
.well4
h5.big.text-regular 1/6
p= elements.grid.p_el_12
.row.offset-5
.col-xs-8
.well4
h5.big.text-regular 2/3
p= elements.grid.p_el_13
.col-xs-4
.well4
h5.big.text-regular 1/3
p= elements.grid.p_el_10
@@ -0,0 +1,23 @@
section.text-center.text-sm-left.section-50.section-sm-115.bg-lighter.bg-section-about-2.bg-section-about-1
.shell
h1.text-center About Us
.range.range-md-reverse
.cell-xs-12.cell-md-6
.img-thumbnail
+jpg('index-1-545x361')
.cell-xs-12.cell-md-6
p.h3.offset-top-45.offset-md-top-0.offset-lg-top-25 We are a professional team of tattoists
p Our tattoo salon is a home for talented tattoo artists ready to turn your body into a canvas with beautiful pictures on it.
p 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.
.range.border-wrap.border-wrap-mod-1.text-center.offset-top-35
.cell-xs-12.cell-sm-4
.counter(data-from="0" data-to="8600" )
p= elements.prog_bar.p_el_2
.cell-xs-12.cell-sm-4.offset-top-25.offset-sm-top-0
.counter(data-from="0" data-to="1580")
p= elements.prog_bar.p_el_3
.cell-xs-12.cell-sm-4.offset-top-25.offset-sm-top-0
.counter(data-from="0" data-to="975")
p= elements.prog_bar.p_el_4
@@ -0,0 +1,11 @@
section.text-center.text-sm-left.section-50.section-sm-115.section-sm-bottom-180.bg-artists.bg-dark
.shell
h1.text-center.text-white Our Artists
p.text-center Our team of tattoo artists represents true professionalism and dedication #[br.visible-lg-inline]in everything that concerns high-quality and durable tattoos.
.range
.cell-xs-12.cell-sm-6.cell-lg-4
+team('about-2-324x423','Sara Morgan','Tattoo Master')
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45.offset-sm-top-0
+team('about-3-324x423','Edwin Wood','Tattoo Master')
.cell-xs-12.cell-lg-4.offset-top-45.offset-lg-top-0
+team('about-4-324x423','Susy Smith','Tattoo Master')
@@ -0,0 +1,24 @@
section.text-center.text-sm-left.section-50.section-sm-115.section-sm-bottom-125.bg-lighter
.shell
.range
.cell-xs-12.cell-md-6
.img-wrap-3
img(src='images/index-6-563x868.png' width='563' height='868' alt='')
.cell-xs-12.cell-md-6
h1.text-center Contact Us
p.text-center We are sure that tattooing will affect your life in a positive way. So why waiting?
// RD Mailform
form.rd-mailform.text-center.offset-top-40.form-contact-line(data-form-output="form-output-global", data-form-type='contact', method='post', action='bat/rd-mailform.php')
.form-group
label.form-label(for="contact-name") Name
input#contact-name.form-control(type="text" name="name" data-constraints="@Required")
.form-group
label.form-label(for="contact-phone") Phone
input#contact-phone.form-control(type="text" name="phone" data-constraints="@Required @Numeric")
.form-group
label.form-label(for="contact-email") E-Mail
input#contact-email.form-control(type="email" name="email" data-constraints="@Email @Required")
.form-group
label.form-label(for="contact-message") Message
textarea#contact-message.form-control(name="message" data-constraints="@Required")
button(type="submit").btn.btn-primary-variant-1.btn-sm.btn-min-width-lg.offset-top-20 Send a letter
@@ -0,0 +1,198 @@
section.text-center.text-sm-left.section-50.section-sm-85.section-sm-bottom-125
.shell
h1.text-center What We Do
p.text-center Our mission is to provide you with quality and original tattoo art using advanced sterilization #[br.visible-lg-inline] techniques, produced in a comfortable and safe environment by professionals.
.range
.cell-xs-12.cell-sm-6.cell-lg-3
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 582.854 544.892', enable-background='new 0 0 582.854 544.892', xml:space='preserve')
g
defs
rect(width='582.854', height='544.892')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M579.492,158.786L375.92,34.848c-1.586-0.965-3.49-1.26-5.295-0.822\
c-1.803,0.438-3.359,1.576-4.325,3.162l-7.279,11.957l-14.005-8.526c1.807-5.441,2.067-11.287,0.679-16.995\
c-1.952-8.027-6.913-14.813-13.969-19.11C326.875,1.561,321.322,0,315.665,0c-10.894,0-20.779,5.551-26.439,14.849\
c-7.615,12.509-5.264,28.33,4.776,38.168l-56.636,93.027c-4.45-1.3-9.181-1.425-13.806-0.3c-6.955,1.69-12.835,5.989-16.558,12.102\
l-7.016,11.524l-18.116-11.03c-1.587-0.965-3.49-1.26-5.295-0.822c-1.803,0.439-3.359,1.576-4.325,3.162l-7.279,11.956\
l-16.291-9.918l7.279-11.957c2.01-3.302,0.963-7.608-2.339-9.618l-15.65-9.529c-3.352-2.04-7.189-3.119-11.1-3.119\
c-7.528,0-14.357,3.837-18.267,10.26l-6.894,11.322c-6.127,10.065-2.924,23.24,7.143,29.368l15.649,9.527\
c1.137,0.692,2.393,1.022,3.633,1.022c2.362,0,4.668-1.197,5.986-3.361l7.28-11.957l16.291,9.919l-7.28,11.957\
c-2.009,3.302-0.963,7.609,2.34,9.619l18.116,11.029l-14.661,24.081c-3.269-0.829-6.633-1.276-10.032-1.276\
c-14.451,0-27.56,7.362-35.067,19.693L37.823,380.07c-9.516,15.63-7.302,35.165,4.121,48.284l-26.085,42.847\
c-5.054,8.298-8.365,17.377-9.841,26.984l-5.937,38.644c-0.428,2.794,0.865,5.572,3.279,7.043c1.122,0.682,2.382,1.02,3.639,1.02\
c1.451,0,2.899-0.45,4.122-1.342l31.604-23.018c7.855-5.722,14.4-12.831,19.453-21.131l26.095-42.863\
c3.168,0.776,6.423,1.197,9.71,1.197c14.45,0,27.558-7.361,35.066-19.691l73.284-120.373c9.577-15.73,7.276-35.416-4.338-48.536\
l14.65-24.064l226.402,137.836c1.137,0.691,2.393,1.021,3.633,1.021c2.362,0,4.668-1.196,5.986-3.36l21.839-35.871\
c0.965-1.586,1.261-3.491,0.822-5.295c-0.438-1.804-1.576-3.36-3.161-4.325l-53.424-32.526l5.945-9.764l13.554,8.252\
c4.575,2.785,9.811,4.256,15.145,4.256c10.273,0,19.594-5.233,24.932-14.001l35.934-59.023c8.361-13.735,3.99-31.713-9.745-40.077\
l-13.555-8.253l5.997-9.85l53.424,32.526c1.138,0.692,2.394,1.021,3.634,1.021c2.362,0,4.668-1.196,5.986-3.36l21.839-35.872\
C583.842,165.104,582.795,160.797,579.492,158.786 M125.802,173.373l-9.67-5.887c-3.473-2.114-4.578-6.659-2.465-10.129\
l6.894-11.321c1.349-2.217,3.708-3.541,6.309-3.541c1.342,0,2.662,0.373,3.82,1.077l9.67,5.888L125.802,173.373z M346.801,82.679\
l32.121,19.555l-5.998,9.851l-13.555-8.252c-4.574-2.785-9.811-4.257-15.145-4.257c-10.274,0-19.594,5.234-24.932,14.001\
l-35.934,59.024c-4.051,6.654-5.268,14.487-3.428,22.057c1.841,7.568,6.518,13.967,13.172,18.019l13.556,8.253l-5.944,9.764\
l-54.949-33.454l7.016-11.523c6.424-10.552,4.664-23.827-3.46-32.386l56.643-93.04c3.107,1.026,6.362,1.571,9.656,1.571\
c8.498,0,16.371-3.389,22.114-9.287l14.006,8.528l-7.279,11.957C342.451,76.362,343.498,80.668,346.801,82.679 M300.383,200.718\
c-3.46-2.105-5.893-5.433-6.849-9.369c-0.957-3.935-0.324-8.008,1.783-11.467l35.934-59.024c2.776-4.56,7.625-7.282,12.973-7.282\
c2.765,0,5.484,0.766,7.865,2.215l39.068,23.786c3.46,2.105,5.892,5.433,6.849,9.369c0.957,3.935,0.324,8.008-1.782,11.468\
l-35.934,59.024c-2.776,4.559-7.627,7.281-12.974,7.281c-2.765,0-5.485-0.766-7.864-2.215L300.383,200.718z M301.185,22.128\
c3.098-5.09,8.512-8.128,14.48-8.128c3.088,0,6.124,0.855,8.781,2.472c3.862,2.352,6.577,6.066,7.645,10.46\
c1.068,4.393,0.361,8.939-1.99,12.802c-3.098,5.089-8.512,8.128-14.481,8.128c-0.674,0-1.345-0.048-2.011-0.129l3.925-6.447\
c2.01-3.302,0.963-7.609-2.339-9.62c-3.303-2.011-7.61-0.962-9.62,2.34l-3.916,6.433C298.054,35.118,297.63,27.967,301.185,22.128\
M218.961,165.126c1.778-2.919,4.585-4.971,7.906-5.779c3.323-0.808,6.759-0.273,9.68,1.505c6.026,3.669,7.945,11.558,4.276,17.585\
l-7.016,11.523l-21.861-13.31L218.961,165.126z M50.219,492.121c-4.087,6.714-9.382,12.465-15.736,17.094l-18.01,13.117\
l3.383-22.021c1.194-7.772,3.872-15.115,7.961-21.83l25.088-41.21l11.202,6.82l11.202,6.82L50.219,492.121z M194.374,310.391\
l-73.283,120.372c-4.945,8.123-13.584,12.972-23.108,12.972c-4.931,0-9.778-1.365-14.017-3.946l-18.33-11.159l-6.834-4.16\
c-12.718-7.748-16.765-24.399-9.02-37.121l73.284-120.372c4.945-8.122,13.584-12.972,23.108-12.972\
c4.931,0,9.777,1.365,14.017,3.946l25.157,15.315C198.071,281.012,202.121,297.667,194.374,310.391 M191.017,260.245\
l-21.863-13.309l13.671-22.455l21.862,13.309L191.017,260.245z M444.348,367.308L166.01,197.853l14.558-23.914l278.338,169.456\
L444.348,367.308z M502.293,224.991l-35.934,59.023c-2.776,4.56-7.625,7.281-12.973,7.281c-2.765,0-5.484-0.765-7.865-2.214\
l-39.069-23.786c-3.46-2.105-5.891-5.433-6.848-9.369c-0.957-3.935-0.325-8.009,1.782-11.468l35.934-59.024\
c2.776-4.56,7.627-7.281,12.974-7.281c2.765,0,5.485,0.765,7.864,2.215l39.069,23.784\
C504.368,208.5,506.642,217.849,502.293,224.991 M478.994,176.661l-13.555-8.252c-4.575-2.785-9.812-4.256-15.145-4.256\
c-10.273,0-19.594,5.233-24.933,14.001l-35.934,59.024c-4.051,6.654-5.268,14.487-3.427,22.057\
c1.84,7.569,6.519,13.968,13.173,18.019l13.555,8.252l-5.945,9.764l-94.111-57.296l5.944-9.763l13.555,8.252\
c4.574,2.784,9.812,4.256,15.145,4.256c10.273,0,19.593-5.233,24.932-14.001l35.935-59.024c8.361-13.737,3.99-31.714-9.746-40.076\
l-13.555-8.253l5.997-9.85l94.112,57.296L478.994,176.661z M551.675,191.018L360.06,74.361l14.558-23.914l191.616,116.658\
L551.675,191.018z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M124.996,306.27c-3.303-2.009-7.608-0.963-9.619,2.34l-43.968,72.219\
c-3.575,5.873-4.649,12.787-3.025,19.468c1.625,6.682,5.754,12.33,11.628,15.907l9.069,5.521c1.137,0.692,2.393,1.022,3.633,1.022\
c2.362,0,4.668-1.197,5.986-3.362c2.01-3.301,0.963-7.608-2.34-9.619l-9.069-5.521c-2.679-1.631-4.563-4.207-5.304-7.255\
s-0.251-6.202,1.381-8.881l43.968-72.22C129.346,312.587,128.299,308.281,124.996,306.27')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M347.547,133.322c-3.304-2.013-7.609-0.962-9.619,2.34l-22.934,37.671\
c-2.01,3.302-0.963,7.608,2.34,9.619c1.137,0.692,2.393,1.021,3.633,1.021c2.362,0,4.668-1.196,5.986-3.361l22.934-37.671\
C351.897,139.639,350.85,135.333,347.547,133.322')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M453.62,197.9c-3.306-2.009-7.61-0.964-9.62,2.339l-22.935,37.67\
c-2.009,3.302-0.963,7.609,2.339,9.62c1.138,0.691,2.394,1.021,3.634,1.021c2.362,0,4.668-1.195,5.986-3.36l22.935-37.67\
C457.969,204.217,456.922,199.911,453.62,197.9')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_1
p= elements.typography.il_p_el_1
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-xs-12.cell-sm-6.cell-lg-3.offset-top-50.offset-sm-top-0
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 425.298 388.906')
g
defs
rect(width='425.298', height='388.906')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M44.337,342.566c1.301,0,2.617-0.363,3.791-1.121\
c3.248-2.098,4.18-6.431,2.082-9.678c-3.376-5.226-4.515-11.453-3.207-17.534c2.7-12.556,15.118-20.574,27.665-17.873\
c3.782,0.811,7.503-1.593,8.316-5.372c0.812-3.779-1.593-7.503-5.373-8.316c-20.101-4.322-39.972,8.515-44.295,28.618\
c-2.093,9.737-0.27,19.707,5.134,28.073C39.789,341.437,42.039,342.566,44.337,342.566')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M410.45,276.175c0.155-0.311,0.296-0.632,0.406-0.972\
c6.726-20.839,10.136-42.611,10.136-64.71C420.992,94.427,326.566,0,210.5,0C94.435,0,0.008,94.427,0.008,210.493\
c0,23.952,3.999,47.432,11.868,69.819c-4.846,7.181-8.413,15.328-10.309,24.149c-8.087,37.609,15.93,74.786,53.539,82.873\
c4.851,1.043,9.806,1.572,14.728,1.572c32.618,0,61.276-23.178,68.144-55.111c8.087-37.609-15.931-74.785-53.539-82.872\
c-4.852-1.043-9.807-1.572-14.729-1.572c-1.726,0-3.437,0.078-5.138,0.206c-3.386-12.684-5.122-25.804-5.122-39.064\
c0-83.289,67.761-151.05,151.05-151.05s151.049,67.761,151.049,151.05c0,13.194-1.72,26.259-5.073,38.885\
c-0.337-0.005-0.675-0.027-1.012-0.027c-32.618,0-61.276,23.177-68.144,55.11c-3.918,18.219-0.506,36.872,9.606,52.525\
c10.112,15.652,25.715,26.43,43.933,30.348c4.852,1.043,9.807,1.572,14.729,1.572c32.617,0,61.276-23.178,68.144-55.111\
C428.249,312.787,422.742,291.918,410.45,276.175 M81.495,264.61c30.062,6.465,49.259,36.18,42.795,66.242\
c-5.488,25.527-28.39,44.054-54.456,44.054c-3.934,0-7.899-0.424-11.785-1.26c-30.062-6.464-49.259-36.18-42.795-66.241\
c5.488-25.527,28.391-44.054,54.456-44.054C73.645,263.351,77.609,263.774,81.495,264.61 M210.5,45.443\
c-91.009,0-165.05,74.041-165.05,165.05c0,14.086,1.787,28.035,5.289,41.545c-10.568,3.034-20.217,8.53-28.2,15.885\
c-5.659-18.538-8.531-37.812-8.531-57.43C14.008,102.146,102.154,14,210.5,14s196.492,88.146,196.492,196.493\
c0,18.52-2.571,36.787-7.633,54.395c-8.155-6.612-17.912-11.481-28.835-13.885c3.327-13.185,5.025-26.787,5.025-40.51\
C375.549,119.484,301.508,45.443,210.5,45.443 M410.044,330.852c-5.489,25.526-28.392,44.054-54.456,44.054\
c-3.935,0-7.899-0.424-11.785-1.26c-14.563-3.131-27.034-11.746-35.117-24.257c-8.083-12.512-10.81-27.422-7.678-41.984\
c5.488-25.527,28.39-44.054,54.456-44.054c3.934,0,7.899,0.423,11.785,1.259C397.311,271.075,416.508,300.79,410.044,330.852')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M363.366,282.672c-9.74-2.093-19.708-0.27-28.074,5.134\
c-8.367,5.406-14.128,13.745-16.222,23.483c-2.094,9.739-0.269,19.709,5.135,28.074c1.34,2.073,3.59,3.203,5.887,3.203\
c1.3,0,2.618-0.363,3.792-1.122c3.247-2.098,4.178-6.431,2.081-9.678c-3.376-5.224-4.515-11.451-3.207-17.534\
c1.307-6.082,4.905-11.29,10.131-14.666c5.226-3.376,11.455-4.514,17.534-3.206c3.781,0.811,7.503-1.594,8.315-5.373\
C369.551,287.208,367.145,283.485,363.366,282.672')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_2
p= elements.typography.il_p_el_2
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-xs-12.cell-sm-6.cell-lg-3.offset-top-50.offset-lg-top-0
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 240.12 592.194')
g
defs
rect(width='240.12', height='592.194')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M211.893,269.674c2.662-3.41,4.282-7.652,4.282-12.201v-70.345\
c0-6.697-3.509-13.146-9.158-16.832c-11.748-7.666-33.751-9.523-44.557-9.968c-2.519-15.816-9.624-62.136-14.267-109.308\
c-0.238-2.419-0.451-4.777-0.658-7.064c-1.041-11.524-1.94-21.476-5.087-29.094C138.385,5.019,130.85,0.019,120.032,0\
c-10.791,0.019-18.322,5.017-22.385,14.855c-3.144,7.615-4.043,17.562-5.083,29.08c-0.207,2.294-0.421,4.659-0.66,7.085\
c-4.641,47.17-11.729,93.489-14.242,109.309c-10.761,0.448-32.636,2.308-44.373,9.967c-5.581,3.642-8.913,9.934-8.913,16.832\
v70.345c0,4.557,1.503,8.75,4.005,12.122C11.527,278.455,0,296.13,0,316.456V539.28c0,29.177,23.737,52.914,52.914,52.914h134.292\
c29.177,0,52.914-23.737,52.914-52.914V316.456C240.12,296.191,228.664,278.56,211.893,269.674 M105.838,52.391\
c0.242-2.465,0.459-4.867,0.67-7.196c2.249-24.909,4.079-31.179,13.524-31.195c9.477,0.016,11.308,6.29,13.56,31.216\
c0.21,2.323,0.426,4.718,0.668,7.175c5.302,53.877,13.788,106.624,15.133,114.845c-1.272,2.086-10.877,6.609-29.331,6.609\
c-18.453,0-28.059-4.523-29.33-6.609C92.071,159.026,100.534,106.273,105.838,52.391 M40.939,182.021\
c8.309-5.422,26.923-7.27,37.663-7.716c2.128,3.567,6.334,7.142,14.21,9.767c7.3,2.433,16.978,3.773,27.25,3.773\
c17.314,0,35.594-3.699,41.47-13.54c10.798,0.443,29.522,2.291,37.835,7.716c1.732,1.13,2.808,3.087,2.808,5.107v41.054H38.376\
v-41.054C38.376,184.978,39.334,183.068,40.939,182.021 M43.92,263.542c-3.057,0-5.544-2.722-5.544-6.069v-15.291h163.799v15.291\
c0,3.176-2.877,6.069-6.036,6.069h-8.933H52.914H43.92z M226.12,539.28c0,21.457-17.457,38.914-38.914,38.914H52.914\
C31.457,578.194,14,560.737,14,539.28V316.456c0-21.457,17.457-38.914,38.914-38.914h134.292c21.457,0,38.914,17.457,38.914,38.914\
V539.28z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M185.011,328.546H55.109c-3.866,0-7,3.133-7,7v70.627c0,3.866,3.134,7,7,7\
h129.902c3.866,0,7-3.134,7-7v-70.627C192.011,331.679,188.877,328.546,185.011,328.546 M178.011,399.173H62.11v-56.627h115.901\
V399.173z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M80.179,529.191h-3.795c-7.871,0-14.274-6.403-14.274-14.274v-54.698\
c0-3.866-3.134-7-7-7c-3.867,0-7,3.134-7,7v54.698c0,15.59,12.683,28.274,28.274,28.274h3.795c3.866,0,7-3.134,7-7\
C87.179,532.326,84.045,529.191,80.179,529.191')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_3
p= elements.typography.il_p_el_3
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-xs-12.cell-sm-6.cell-lg-3.offset-top-50.offset-lg-top-0
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg.pencil(x='-80px' width='160px', height='55px', viewbox='0 0 160 51', enable-background='new 0 0 160 51', xml:space='preserve')
g
g
defs
rect(x='54.674', y='1.186', width='48.69', height='48.814')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', d='M103.034,41.242L89.019,27.227c-0.303-0.303-0.794-0.303-1.096,0\
c-0.303,0.303-0.303,0.793,0,1.096l13.467,13.468l-2.558,2.558l-6.158-6.158c-0.303-0.302-0.794-0.302-1.097,0\
c-0.303,0.303-0.303,0.794,0,1.097l6.158,6.158l-2.558,2.558L81.709,34.537c-0.303-0.302-0.794-0.302-1.096,0\
c-0.303,0.303-0.303,0.794,0,1.097l14.016,14.015c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227l7.31-7.309\
C103.337,42.036,103.337,41.545,103.034,41.242L103.034,41.242z M103.034,41.242')
path(clip-path='url(#SVGID_2_)', d='M56.862,7.53c0.001,0.002,0.002,0.005,0.003,0.008l2.985,7.248\
c0.036,0.088,0.089,0.169,0.154,0.238c0.003,0.004,0.006,0.007,0.01,0.01c0.002,0.002,0.003,0.004,0.005,0.006l8.899,8.899\
c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227c0.303-0.303,0.303-0.794,0-1.096l-8.083-8.083\
c0.356-0.209,0.688-0.464,0.985-0.762c0.608-0.608,1.031-1.345,1.244-2.126l8.412,8.412c0.151,0.151,0.35,0.227,0.549,0.227\
c0.198,0,0.397-0.076,0.548-0.227c0.303-0.303,0.303-0.793,0-1.096l-8.413-8.413c0.781-0.213,1.519-0.636,2.127-1.244\
c0.297-0.297,0.553-0.629,0.761-0.985l8.083,8.083c0.303,0.303,0.794,0.302,1.096,0c0.303-0.303,0.303-0.794,0-1.096l-8.898-8.899\
c-0.002-0.002-0.003-0.003-0.005-0.004c-0.007-0.006-0.015-0.013-0.022-0.02c-0.067-0.061-0.143-0.11-0.226-0.145L60.922,3.48\
c-0.002-0.001-0.004-0.002-0.006-0.002l-5.172-2.13c-0.29-0.119-0.622-0.052-0.843,0.169C54.68,1.738,54.614,2.07,54.733,2.36\
L56.862,7.53z M63.625,9.341c-0.249-0.044-0.504,0.037-0.683,0.216c-0.179,0.179-0.259,0.433-0.216,0.682\
c0.164,0.934-0.175,1.929-0.908,2.661c-0.245,0.245-0.522,0.447-0.821,0.601l-2.502-6.077L60.81,5.11l6.077,2.502\
c-0.155,0.299-0.356,0.576-0.601,0.821C65.553,9.166,64.558,9.505,63.625,9.341L63.625,9.341z M59.256,4.47l-1.401,1.401\
L56.875,3.49L59.256,4.47z M59.256,4.47')
path(d='M84.267,31.978l3.654,3.655c0.151,0.151,0.35,0.227,0.549,0.227s0.397-0.075,0.548-0.227c0.303-0.303,0.303-0.794,0-1.097\
l-3.655-3.654c-0.303-0.303-0.794-0.303-1.096,0C83.965,31.185,83.965,31.676,84.267,31.978L84.267,31.978z M84.267,31.978')
path(d='M97.922,15.034c0.003-0.003,0.006-0.006,0.009-0.01c0.066-0.069,0.118-0.149,0.154-0.238l2.984-7.247\
c0.002-0.003,0.003-0.006,0.004-0.01l2.129-5.17c0.119-0.29,0.052-0.622-0.169-0.843c-0.222-0.222-0.554-0.288-0.843-0.169\
L97.02,3.477c-0.002,0.001-0.005,0.002-0.007,0.003l-7.248,2.985c-0.084,0.034-0.16,0.084-0.227,0.144\
c-0.008,0.007-0.015,0.013-0.022,0.02c-0.001,0.002-0.003,0.003-0.004,0.004l-34.61,34.61c-0.145,0.146-0.227,0.343-0.227,0.549\
c0,0.205,0.082,0.403,0.227,0.548l7.309,7.309c0.146,0.145,0.343,0.227,0.549,0.227c0.205,0,0.403-0.082,0.548-0.227l34.61-34.61\
C97.919,15.037,97.92,15.036,97.922,15.034L97.922,15.034z M96.117,12.901c-0.732-0.733-1.072-1.727-0.908-2.661\
c0.044-0.249-0.036-0.504-0.215-0.682c-0.179-0.179-0.434-0.259-0.683-0.216c-0.933,0.164-1.928-0.175-2.661-0.908\
c-0.244-0.244-0.446-0.522-0.601-0.821l6.077-2.502l2.315,2.315l-2.502,6.077C96.639,13.347,96.361,13.145,96.117,12.901\
L96.117,12.901z M100.08,5.871L98.679,4.47l2.382-0.981L100.08,5.871z M62.759,48.004l-2.559-2.558l10.391-10.391\
c0.303-0.303,0.303-0.794,0-1.096c-0.303-0.303-0.794-0.303-1.096,0L59.104,44.349l-2.559-2.558L89.792,8.545\
C90,8.901,90.256,9.232,90.553,9.53c0.608,0.608,1.345,1.032,2.127,1.244L72.419,31.035c-0.303,0.303-0.303,0.794,0,1.097\
c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227l20.261-20.261c0.213,0.781,0.636,1.518,1.244,2.126\
c0.297,0.297,0.629,0.553,0.985,0.761L62.759,48.004z M62.759,48.004')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_4
p= elements.typography.il_p_el_4
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
@@ -0,0 +1,25 @@
section.section-top-50.section-sm-top-66
.shell
.range.range-sm-justify
.cell-xs-12.cell-md-3
h1.text-center.text-md-left Our Works
.cell-sm-6.reveal-flex.offset-top-40.offset-md-top-0
blockquote.quote-1.align-middle.text-left
p
q.text-base.text-italic Browse our gallery and discover the latest works of our artists.
.cell-sm-6.cell-md-3.text-center.text-sm-right.reveal-md-flex.offset-top-40.offset-md-top-0.justify-right-md
a(href='padding-grid.html').btn.btn-sm.btn-primary-variant-1.align-middle-md enter the gallery
// PhotoSwipe
.range.range-condensed.offset-md-top-64(data-photo-swipe-gallery='gallery')
.cell-xs-6.cell-md-3
a.thumbnail-gallery(data-photo-swipe-item='', data-size='1190x1200', href='images/index-2-480x351_original.jpg', data-author="")
img(width='480', height='351', src='images/index-2-480x351.jpg', alt='')
.cell-xs-6.cell-md-3
a.thumbnail-gallery(data-photo-swipe-item='', data-size='803x1200', href='images/index-3-480x351_original.jpg')
img(width='480', height='351', src='images/index-3-480x351.jpg', alt='')
.cell-xs-6.cell-md-3
a.thumbnail-gallery(data-photo-swipe-item='', data-size='1200x869', href='images/index-4-480x351_original.jpg')
img(width='480', height='351', src='images/index-4-480x351.jpg', alt='')
.cell-xs-6.cell-md-3
a.thumbnail-gallery(data-photo-swipe-item='', data-size='1200x798', href='images/index-5-480x351_original.jpg')
img(width='480', height='351', src='images/index-5-480x351.jpg', alt='')
@@ -0,0 +1,9 @@
section.text-center.section-50.section-sm-115
.shell
h1.text-center= elements.forms.h_el_3
p.offset-top-15= elements.forms.p_el_2
.range.range-xs-center.range-xs-middle.offset-top-25
.cell-xs-12.cell-sm-6
-var btn_color = "btn-primary"
-var button_content = "Subscribe"
include ../../elements/_subscribe
@@ -0,0 +1,43 @@
section.text-center.section-50.section-sm-115.section-sm-bottom-98
.shell
h1.text-center Testimonials
.range.range-sm-center
.cell-xs-12.cell-sm-10
.testimonials-wrap
// Slick Carousel
.slick-slider.carousel-parent(data-arrows="true", data-loop="true", data-dots="false", data-swipe="true", data-items="1",data-child="#child-carousel", data-for="#child-carousel" )
.item
blockquote.quote-3
p
q I visited Tattoo Studio about a month ago to get a tattoo. It has a very laid-back atmosphere while also staying very professional. Everyone was very nice and welcoming. Edwin is not just an awesome artist, but a pretty cool guy to hang out with while getting tattooed.
p
cite Patrick Emberson
.item
blockquote.quote-3
p
q If there is a place in my city where I would like to be tattooed next time, it is your tattoo studio. You guys are doing amazing job spreading the quality tattoos in the area, and I really like what you do! I will definitely tell my friends about your studio and your artists!
p
cite July Mao
.item
blockquote.quote-3
p
q Tattoo Studio is a place where you can get a high-quality tattoo, and even order a custom design based on your wishes and expectations. This is exactly what I received during my first visit to the salon, and I will certainly come here again to have another tattoo done.
p
cite John Doe
.item
blockquote.quote-3
p
q I didn`t like my previous tattoo I got from artists in another salon, so I came to you to do a cover-up. What you did surpassed all my expectations. I appreciate your work and will tell my friends about you. Tattoo Studio is definitely the best salon to visit on any tattoo-related issue!
p
cite John Wilson
.slick-slider#child-carousel(data-for=".carousel-parent", data-arrows="false",
data-loop="true", data-dots="false", data-swipe="false", data-items="1", data-xs-items="1", data-sm-items="3", data-md-items="3", data-lg-items="3", data-slide-to-scroll="1",data-center-mode="true", data-center-padding="0")
.item
+jpg('about-5-118x118')
.item
+jpg('about-6-118x118')
.item
+jpg('about-7-118x118')
.item
+jpg('about-8-118x118')
@@ -0,0 +1,11 @@
section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
.shell
h1 The Website In The Maintenance Mode
.range.offset-top-20
.cell-md-9
p.big Our website is currently under maintenance. We are preparing our website to give you the best user experience you can possibly have on our website. If you want to be notified when we will be back online, please enter your e-mail in the form below.
.offset-top-30
-var btn_color = "btn-primary"
-var button_content = "Subscribe"
include ../../elements/_subscribe
@@ -0,0 +1,16 @@
section.text-center.text-sm-left.section-50.section-sm-top-115.section-sm-bottom-125.bg-faq
.container
h1.text-center FAQ
.row
.col-xs-12.col-md-8.col-md-offset-2
.responsive-tabs.responsive-tabs-classic.text-sm-left(data-type="accordion")
ul.resp-tabs-list.tabs-group-default(data-group="tabs-group-default")
li.h6= elements.tabs.ac_h_el_1
li.h6= elements.tabs.ac_h_el_2
li.h6= elements.tabs.ac_h_el_3
li.h6= elements.tabs.ac_h_el_4
.resp-tabs-container.tabs-group-default(data-group="tabs-group-default")
div= elements.tabs.ac_p_el_1
div= elements.tabs.ac_p_el_2
div= elements.tabs.ac_p_el_3
div= elements.tabs.ac_p_el_4
@@ -0,0 +1,35 @@
section.text-center.text-sm-left.section-50.section-sm-top-115.section-sm-bottom-125.bg-lighter
.shell
h1.text-center Choose Your Plan
p.text-center Our mission is to provide you with quality and original tattoo art using advanced sterilization #[br.lg-visible-lg] techniques, produced in a comfortable and safe environment by professionals.
.range.range-xs-center.text-center
.cell-sm-6.cell-lg-4
.pricing-table
.pricing-head
h2.text-primary Tattooing
p This plan includes basic tattooing services you may need for any tattoo.
h1.price
span 245
.pricing-footer
a(href="appointment.html").btn.btn-primary.btn-sm make an appointment
.cell-sm-6.cell-lg-4
.pricing-table
.pricing-head
h2.text-primary Custom Design
p If you are looking for a particular tattoo design, this plan will perfectly fit you.
h1.price
span 490
.pricing-footer
a(href="appointment.html").btn.btn-primary.btn-sm make an appointment
.cell-lg-4
.pricing-table
.pricing-head
h2.text-primary Piercing
p As a bonus to our tattoo services, this plan includes our piercing services.
h1.price
span 160
.pricing-footer
a(href="appointment.html").btn.btn-primary.btn-sm make an appointment
@@ -0,0 +1,22 @@
section.text-center.section-50.section-sm-80
.shell
.range
.cell-xs-6.cell-sm-6.cell-md-3.cell-lg-2
.progress-bar-radial-wrap
.progress-bar-js.progress-bar-radial.progress-bar-default-1(data-value='158', data-stroke='5', data-easing='linear', data-duration='1000', data-counter="true" data-trail='5')
p.text-dark.big= elements.prog_bar.p_el_2
.cell-xs-6.cell-sm-6.cell-md-3.cell-lg-2.offset-top-50.offset-xs-top-0
.progress-bar-radial-wrap
.progress-bar-js.progress-bar-radial.progress-bar-default-1(data-value='12', data-stroke='5', data-easing='linear', data-duration='1000', data-counter="true" data-trail='5')
p.text-dark.big= elements.prog_bar.p_el_3
.cell-xs-6.cell-sm-6.cell-md-3.cell-lg-2.offset-top-50.offset-md-top-0
.progress-bar-radial-wrap
.progress-bar-js.progress-bar-radial.progress-bar-default-1(data-value='53', data-stroke='5', data-easing='linear', data-duration='1000', data-counter="true" data-trail='5')
p.text-dark.big= elements.prog_bar.p_el_4
.cell-xs-6.cell-sm-6.cell-md-3.cell-lg-2.offset-top-50.offset-md-top-0
.progress-bar-radial-wrap
.progress-bar-js.progress-bar-radial.progress-bar-default-1(data-value='38', data-stroke='5',data-trail='5' data-easing='linear', data-duration='1000', data-counter="true")
p.text-dark.big= elements.prog_bar.p_el_5
@@ -0,0 +1,19 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h1 Progress Bars, Skill Bars, Counters
p These elements are vital to every websites design, and with them you are able to #[br.visible-lg-inline]improve the overall look of your resource and attract more clients.
.row.offset-top-22
.col-xs-12.col-sm-6
.progress-container.text-left
p.text-dark.big.text-bold= elements.prog_bar.p_el_6
// Progress Bar
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='75', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
p.text-dark.big.text-bold= elements.prog_bar.p_el_7
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='50', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
p.text-dark.big.text-bold= elements.prog_bar.p_el_8
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='65', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
.col-xs-12.col-sm-6.col-md-5.col-md-offset-1.offset-top-30.offset-sm-top-0
h5 Welcome to our website
p.offset-sm-top-20 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.
@@ -0,0 +1,6 @@
section.text-center.section-50.section-sm-80
.container
.row
.col-xs-12.col-md-8
// Countdown
.DateCountdown(data-type='until', data-date='2016-08-01 00:00:00', data-format='wdhms')
@@ -0,0 +1,319 @@
section.text-center.text-sm-left.section-50.section-sm-115.section-lg-bottom-125
.shell
h1.text-center What We Do
p.text-center Our mission is to provide you with quality and original tattoo art using advanced sterilization #[br.visible-lg-inline] techniques, produced in a comfortable and safe environment by professionals.
.range
.cell-xs-12.cell-sm-8.cell-lg-9
.range
.cell-sm-6.cell-md-4
.thumbnail-variant-1.text-center
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 582.854 544.892', enable-background='new 0 0 582.854 544.892', xml:space='preserve')
g
defs
rect(width='582.854', height='544.892')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M579.492,158.786L375.92,34.848c-1.586-0.965-3.49-1.26-5.295-0.822\
c-1.803,0.438-3.359,1.576-4.325,3.162l-7.279,11.957l-14.005-8.526c1.807-5.441,2.067-11.287,0.679-16.995\
c-1.952-8.027-6.913-14.813-13.969-19.11C326.875,1.561,321.322,0,315.665,0c-10.894,0-20.779,5.551-26.439,14.849\
c-7.615,12.509-5.264,28.33,4.776,38.168l-56.636,93.027c-4.45-1.3-9.181-1.425-13.806-0.3c-6.955,1.69-12.835,5.989-16.558,12.102\
l-7.016,11.524l-18.116-11.03c-1.587-0.965-3.49-1.26-5.295-0.822c-1.803,0.439-3.359,1.576-4.325,3.162l-7.279,11.956\
l-16.291-9.918l7.279-11.957c2.01-3.302,0.963-7.608-2.339-9.618l-15.65-9.529c-3.352-2.04-7.189-3.119-11.1-3.119\
c-7.528,0-14.357,3.837-18.267,10.26l-6.894,11.322c-6.127,10.065-2.924,23.24,7.143,29.368l15.649,9.527\
c1.137,0.692,2.393,1.022,3.633,1.022c2.362,0,4.668-1.197,5.986-3.361l7.28-11.957l16.291,9.919l-7.28,11.957\
c-2.009,3.302-0.963,7.609,2.34,9.619l18.116,11.029l-14.661,24.081c-3.269-0.829-6.633-1.276-10.032-1.276\
c-14.451,0-27.56,7.362-35.067,19.693L37.823,380.07c-9.516,15.63-7.302,35.165,4.121,48.284l-26.085,42.847\
c-5.054,8.298-8.365,17.377-9.841,26.984l-5.937,38.644c-0.428,2.794,0.865,5.572,3.279,7.043c1.122,0.682,2.382,1.02,3.639,1.02\
c1.451,0,2.899-0.45,4.122-1.342l31.604-23.018c7.855-5.722,14.4-12.831,19.453-21.131l26.095-42.863\
c3.168,0.776,6.423,1.197,9.71,1.197c14.45,0,27.558-7.361,35.066-19.691l73.284-120.373c9.577-15.73,7.276-35.416-4.338-48.536\
l14.65-24.064l226.402,137.836c1.137,0.691,2.393,1.021,3.633,1.021c2.362,0,4.668-1.196,5.986-3.36l21.839-35.871\
c0.965-1.586,1.261-3.491,0.822-5.295c-0.438-1.804-1.576-3.36-3.161-4.325l-53.424-32.526l5.945-9.764l13.554,8.252\
c4.575,2.785,9.811,4.256,15.145,4.256c10.273,0,19.594-5.233,24.932-14.001l35.934-59.023c8.361-13.735,3.99-31.713-9.745-40.077\
l-13.555-8.253l5.997-9.85l53.424,32.526c1.138,0.692,2.394,1.021,3.634,1.021c2.362,0,4.668-1.196,5.986-3.36l21.839-35.872\
C583.842,165.104,582.795,160.797,579.492,158.786 M125.802,173.373l-9.67-5.887c-3.473-2.114-4.578-6.659-2.465-10.129\
l6.894-11.321c1.349-2.217,3.708-3.541,6.309-3.541c1.342,0,2.662,0.373,3.82,1.077l9.67,5.888L125.802,173.373z M346.801,82.679\
l32.121,19.555l-5.998,9.851l-13.555-8.252c-4.574-2.785-9.811-4.257-15.145-4.257c-10.274,0-19.594,5.234-24.932,14.001\
l-35.934,59.024c-4.051,6.654-5.268,14.487-3.428,22.057c1.841,7.568,6.518,13.967,13.172,18.019l13.556,8.253l-5.944,9.764\
l-54.949-33.454l7.016-11.523c6.424-10.552,4.664-23.827-3.46-32.386l56.643-93.04c3.107,1.026,6.362,1.571,9.656,1.571\
c8.498,0,16.371-3.389,22.114-9.287l14.006,8.528l-7.279,11.957C342.451,76.362,343.498,80.668,346.801,82.679 M300.383,200.718\
c-3.46-2.105-5.893-5.433-6.849-9.369c-0.957-3.935-0.324-8.008,1.783-11.467l35.934-59.024c2.776-4.56,7.625-7.282,12.973-7.282\
c2.765,0,5.484,0.766,7.865,2.215l39.068,23.786c3.46,2.105,5.892,5.433,6.849,9.369c0.957,3.935,0.324,8.008-1.782,11.468\
l-35.934,59.024c-2.776,4.559-7.627,7.281-12.974,7.281c-2.765,0-5.485-0.766-7.864-2.215L300.383,200.718z M301.185,22.128\
c3.098-5.09,8.512-8.128,14.48-8.128c3.088,0,6.124,0.855,8.781,2.472c3.862,2.352,6.577,6.066,7.645,10.46\
c1.068,4.393,0.361,8.939-1.99,12.802c-3.098,5.089-8.512,8.128-14.481,8.128c-0.674,0-1.345-0.048-2.011-0.129l3.925-6.447\
c2.01-3.302,0.963-7.609-2.339-9.62c-3.303-2.011-7.61-0.962-9.62,2.34l-3.916,6.433C298.054,35.118,297.63,27.967,301.185,22.128\
M218.961,165.126c1.778-2.919,4.585-4.971,7.906-5.779c3.323-0.808,6.759-0.273,9.68,1.505c6.026,3.669,7.945,11.558,4.276,17.585\
l-7.016,11.523l-21.861-13.31L218.961,165.126z M50.219,492.121c-4.087,6.714-9.382,12.465-15.736,17.094l-18.01,13.117\
l3.383-22.021c1.194-7.772,3.872-15.115,7.961-21.83l25.088-41.21l11.202,6.82l11.202,6.82L50.219,492.121z M194.374,310.391\
l-73.283,120.372c-4.945,8.123-13.584,12.972-23.108,12.972c-4.931,0-9.778-1.365-14.017-3.946l-18.33-11.159l-6.834-4.16\
c-12.718-7.748-16.765-24.399-9.02-37.121l73.284-120.372c4.945-8.122,13.584-12.972,23.108-12.972\
c4.931,0,9.777,1.365,14.017,3.946l25.157,15.315C198.071,281.012,202.121,297.667,194.374,310.391 M191.017,260.245\
l-21.863-13.309l13.671-22.455l21.862,13.309L191.017,260.245z M444.348,367.308L166.01,197.853l14.558-23.914l278.338,169.456\
L444.348,367.308z M502.293,224.991l-35.934,59.023c-2.776,4.56-7.625,7.281-12.973,7.281c-2.765,0-5.484-0.765-7.865-2.214\
l-39.069-23.786c-3.46-2.105-5.891-5.433-6.848-9.369c-0.957-3.935-0.325-8.009,1.782-11.468l35.934-59.024\
c2.776-4.56,7.627-7.281,12.974-7.281c2.765,0,5.485,0.765,7.864,2.215l39.069,23.784\
C504.368,208.5,506.642,217.849,502.293,224.991 M478.994,176.661l-13.555-8.252c-4.575-2.785-9.812-4.256-15.145-4.256\
c-10.273,0-19.594,5.233-24.933,14.001l-35.934,59.024c-4.051,6.654-5.268,14.487-3.427,22.057\
c1.84,7.569,6.519,13.968,13.173,18.019l13.555,8.252l-5.945,9.764l-94.111-57.296l5.944-9.763l13.555,8.252\
c4.574,2.784,9.812,4.256,15.145,4.256c10.273,0,19.593-5.233,24.932-14.001l35.935-59.024c8.361-13.737,3.99-31.714-9.746-40.076\
l-13.555-8.253l5.997-9.85l94.112,57.296L478.994,176.661z M551.675,191.018L360.06,74.361l14.558-23.914l191.616,116.658\
L551.675,191.018z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M124.996,306.27c-3.303-2.009-7.608-0.963-9.619,2.34l-43.968,72.219\
c-3.575,5.873-4.649,12.787-3.025,19.468c1.625,6.682,5.754,12.33,11.628,15.907l9.069,5.521c1.137,0.692,2.393,1.022,3.633,1.022\
c2.362,0,4.668-1.197,5.986-3.362c2.01-3.301,0.963-7.608-2.34-9.619l-9.069-5.521c-2.679-1.631-4.563-4.207-5.304-7.255\
s-0.251-6.202,1.381-8.881l43.968-72.22C129.346,312.587,128.299,308.281,124.996,306.27')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M347.547,133.322c-3.304-2.013-7.609-0.962-9.619,2.34l-22.934,37.671\
c-2.01,3.302-0.963,7.608,2.34,9.619c1.137,0.692,2.393,1.021,3.633,1.021c2.362,0,4.668-1.196,5.986-3.361l22.934-37.671\
C351.897,139.639,350.85,135.333,347.547,133.322')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M453.62,197.9c-3.306-2.009-7.61-0.964-9.62,2.339l-22.935,37.67\
c-2.009,3.302-0.963,7.609,2.339,9.62c1.138,0.691,2.394,1.021,3.634,1.021c2.362,0,4.668-1.195,5.986-3.36l22.935-37.67\
C457.969,204.217,456.922,199.911,453.62,197.9')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_1
p= elements.typography.il_p_el_1
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-sm-6.cell-md-4.offset-top-55.offset-sm-top-0
.thumbnail-variant-1.text-center
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 425.298 388.906')
g
defs
rect(width='425.298', height='388.906')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M44.337,342.566c1.301,0,2.617-0.363,3.791-1.121\
c3.248-2.098,4.18-6.431,2.082-9.678c-3.376-5.226-4.515-11.453-3.207-17.534c2.7-12.556,15.118-20.574,27.665-17.873\
c3.782,0.811,7.503-1.593,8.316-5.372c0.812-3.779-1.593-7.503-5.373-8.316c-20.101-4.322-39.972,8.515-44.295,28.618\
c-2.093,9.737-0.27,19.707,5.134,28.073C39.789,341.437,42.039,342.566,44.337,342.566')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M410.45,276.175c0.155-0.311,0.296-0.632,0.406-0.972\
c6.726-20.839,10.136-42.611,10.136-64.71C420.992,94.427,326.566,0,210.5,0C94.435,0,0.008,94.427,0.008,210.493\
c0,23.952,3.999,47.432,11.868,69.819c-4.846,7.181-8.413,15.328-10.309,24.149c-8.087,37.609,15.93,74.786,53.539,82.873\
c4.851,1.043,9.806,1.572,14.728,1.572c32.618,0,61.276-23.178,68.144-55.111c8.087-37.609-15.931-74.785-53.539-82.872\
c-4.852-1.043-9.807-1.572-14.729-1.572c-1.726,0-3.437,0.078-5.138,0.206c-3.386-12.684-5.122-25.804-5.122-39.064\
c0-83.289,67.761-151.05,151.05-151.05s151.049,67.761,151.049,151.05c0,13.194-1.72,26.259-5.073,38.885\
c-0.337-0.005-0.675-0.027-1.012-0.027c-32.618,0-61.276,23.177-68.144,55.11c-3.918,18.219-0.506,36.872,9.606,52.525\
c10.112,15.652,25.715,26.43,43.933,30.348c4.852,1.043,9.807,1.572,14.729,1.572c32.617,0,61.276-23.178,68.144-55.111\
C428.249,312.787,422.742,291.918,410.45,276.175 M81.495,264.61c30.062,6.465,49.259,36.18,42.795,66.242\
c-5.488,25.527-28.39,44.054-54.456,44.054c-3.934,0-7.899-0.424-11.785-1.26c-30.062-6.464-49.259-36.18-42.795-66.241\
c5.488-25.527,28.391-44.054,54.456-44.054C73.645,263.351,77.609,263.774,81.495,264.61 M210.5,45.443\
c-91.009,0-165.05,74.041-165.05,165.05c0,14.086,1.787,28.035,5.289,41.545c-10.568,3.034-20.217,8.53-28.2,15.885\
c-5.659-18.538-8.531-37.812-8.531-57.43C14.008,102.146,102.154,14,210.5,14s196.492,88.146,196.492,196.493\
c0,18.52-2.571,36.787-7.633,54.395c-8.155-6.612-17.912-11.481-28.835-13.885c3.327-13.185,5.025-26.787,5.025-40.51\
C375.549,119.484,301.508,45.443,210.5,45.443 M410.044,330.852c-5.489,25.526-28.392,44.054-54.456,44.054\
c-3.935,0-7.899-0.424-11.785-1.26c-14.563-3.131-27.034-11.746-35.117-24.257c-8.083-12.512-10.81-27.422-7.678-41.984\
c5.488-25.527,28.39-44.054,54.456-44.054c3.934,0,7.899,0.423,11.785,1.259C397.311,271.075,416.508,300.79,410.044,330.852')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M363.366,282.672c-9.74-2.093-19.708-0.27-28.074,5.134\
c-8.367,5.406-14.128,13.745-16.222,23.483c-2.094,9.739-0.269,19.709,5.135,28.074c1.34,2.073,3.59,3.203,5.887,3.203\
c1.3,0,2.618-0.363,3.792-1.122c3.247-2.098,4.178-6.431,2.081-9.678c-3.376-5.224-4.515-11.451-3.207-17.534\
c1.307-6.082,4.905-11.29,10.131-14.666c5.226-3.376,11.455-4.514,17.534-3.206c3.781,0.811,7.503-1.594,8.315-5.373\
C369.551,287.208,367.145,283.485,363.366,282.672')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_2
p= elements.typography.il_p_el_2
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-sm-6.cell-md-4.offset-top-55.offset-md-top-0
.thumbnail-variant-1.text-center
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 240.12 592.194')
g
defs
rect(width='240.12', height='592.194')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M211.893,269.674c2.662-3.41,4.282-7.652,4.282-12.201v-70.345\
c0-6.697-3.509-13.146-9.158-16.832c-11.748-7.666-33.751-9.523-44.557-9.968c-2.519-15.816-9.624-62.136-14.267-109.308\
c-0.238-2.419-0.451-4.777-0.658-7.064c-1.041-11.524-1.94-21.476-5.087-29.094C138.385,5.019,130.85,0.019,120.032,0\
c-10.791,0.019-18.322,5.017-22.385,14.855c-3.144,7.615-4.043,17.562-5.083,29.08c-0.207,2.294-0.421,4.659-0.66,7.085\
c-4.641,47.17-11.729,93.489-14.242,109.309c-10.761,0.448-32.636,2.308-44.373,9.967c-5.581,3.642-8.913,9.934-8.913,16.832\
v70.345c0,4.557,1.503,8.75,4.005,12.122C11.527,278.455,0,296.13,0,316.456V539.28c0,29.177,23.737,52.914,52.914,52.914h134.292\
c29.177,0,52.914-23.737,52.914-52.914V316.456C240.12,296.191,228.664,278.56,211.893,269.674 M105.838,52.391\
c0.242-2.465,0.459-4.867,0.67-7.196c2.249-24.909,4.079-31.179,13.524-31.195c9.477,0.016,11.308,6.29,13.56,31.216\
c0.21,2.323,0.426,4.718,0.668,7.175c5.302,53.877,13.788,106.624,15.133,114.845c-1.272,2.086-10.877,6.609-29.331,6.609\
c-18.453,0-28.059-4.523-29.33-6.609C92.071,159.026,100.534,106.273,105.838,52.391 M40.939,182.021\
c8.309-5.422,26.923-7.27,37.663-7.716c2.128,3.567,6.334,7.142,14.21,9.767c7.3,2.433,16.978,3.773,27.25,3.773\
c17.314,0,35.594-3.699,41.47-13.54c10.798,0.443,29.522,2.291,37.835,7.716c1.732,1.13,2.808,3.087,2.808,5.107v41.054H38.376\
v-41.054C38.376,184.978,39.334,183.068,40.939,182.021 M43.92,263.542c-3.057,0-5.544-2.722-5.544-6.069v-15.291h163.799v15.291\
c0,3.176-2.877,6.069-6.036,6.069h-8.933H52.914H43.92z M226.12,539.28c0,21.457-17.457,38.914-38.914,38.914H52.914\
C31.457,578.194,14,560.737,14,539.28V316.456c0-21.457,17.457-38.914,38.914-38.914h134.292c21.457,0,38.914,17.457,38.914,38.914\
V539.28z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M185.011,328.546H55.109c-3.866,0-7,3.133-7,7v70.627c0,3.866,3.134,7,7,7\
h129.902c3.866,0,7-3.134,7-7v-70.627C192.011,331.679,188.877,328.546,185.011,328.546 M178.011,399.173H62.11v-56.627h115.901\
V399.173z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M80.179,529.191h-3.795c-7.871,0-14.274-6.403-14.274-14.274v-54.698\
c0-3.866-3.134-7-7-7c-3.867,0-7,3.134-7,7v54.698c0,15.59,12.683,28.274,28.274,28.274h3.795c3.866,0,7-3.134,7-7\
C87.179,532.326,84.045,529.191,80.179,529.191')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_3
p= elements.typography.il_p_el_3
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-sm-6.cell-md-4.offset-sm-top-55
.thumbnail-variant-1.text-center
span.icon.icon-primary.icon-sm.icon-mod-1
svg.pencil(x='-80px' width='160px', height='55px', viewbox='0 0 160 51', enable-background='new 0 0 160 51')
g
g
defs
rect(x='54.674', y='1.186', width='48.69', height='48.814')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', d='M103.034,41.242L89.019,27.227c-0.303-0.303-0.794-0.303-1.096,0\
c-0.303,0.303-0.303,0.793,0,1.096l13.467,13.468l-2.558,2.558l-6.158-6.158c-0.303-0.302-0.794-0.302-1.097,0\
c-0.303,0.303-0.303,0.794,0,1.097l6.158,6.158l-2.558,2.558L81.709,34.537c-0.303-0.302-0.794-0.302-1.096,0\
c-0.303,0.303-0.303,0.794,0,1.097l14.016,14.015c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227l7.31-7.309\
C103.337,42.036,103.337,41.545,103.034,41.242L103.034,41.242z M103.034,41.242')
path(clip-path='url(#SVGID_2_)', d='M56.862,7.53c0.001,0.002,0.002,0.005,0.003,0.008l2.985,7.248\
c0.036,0.088,0.089,0.169,0.154,0.238c0.003,0.004,0.006,0.007,0.01,0.01c0.002,0.002,0.003,0.004,0.005,0.006l8.899,8.899\
c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227c0.303-0.303,0.303-0.794,0-1.096l-8.083-8.083\
c0.356-0.209,0.688-0.464,0.985-0.762c0.608-0.608,1.031-1.345,1.244-2.126l8.412,8.412c0.151,0.151,0.35,0.227,0.549,0.227\
c0.198,0,0.397-0.076,0.548-0.227c0.303-0.303,0.303-0.793,0-1.096l-8.413-8.413c0.781-0.213,1.519-0.636,2.127-1.244\
c0.297-0.297,0.553-0.629,0.761-0.985l8.083,8.083c0.303,0.303,0.794,0.302,1.096,0c0.303-0.303,0.303-0.794,0-1.096l-8.898-8.899\
c-0.002-0.002-0.003-0.003-0.005-0.004c-0.007-0.006-0.015-0.013-0.022-0.02c-0.067-0.061-0.143-0.11-0.226-0.145L60.922,3.48\
c-0.002-0.001-0.004-0.002-0.006-0.002l-5.172-2.13c-0.29-0.119-0.622-0.052-0.843,0.169C54.68,1.738,54.614,2.07,54.733,2.36\
L56.862,7.53z M63.625,9.341c-0.249-0.044-0.504,0.037-0.683,0.216c-0.179,0.179-0.259,0.433-0.216,0.682\
c0.164,0.934-0.175,1.929-0.908,2.661c-0.245,0.245-0.522,0.447-0.821,0.601l-2.502-6.077L60.81,5.11l6.077,2.502\
c-0.155,0.299-0.356,0.576-0.601,0.821C65.553,9.166,64.558,9.505,63.625,9.341L63.625,9.341z M59.256,4.47l-1.401,1.401\
L56.875,3.49L59.256,4.47z M59.256,4.47')
path(d='M84.267,31.978l3.654,3.655c0.151,0.151,0.35,0.227,0.549,0.227s0.397-0.075,0.548-0.227c0.303-0.303,0.303-0.794,0-1.097\
l-3.655-3.654c-0.303-0.303-0.794-0.303-1.096,0C83.965,31.185,83.965,31.676,84.267,31.978L84.267,31.978z M84.267,31.978')
path(d='M97.922,15.034c0.003-0.003,0.006-0.006,0.009-0.01c0.066-0.069,0.118-0.149,0.154-0.238l2.984-7.247\
c0.002-0.003,0.003-0.006,0.004-0.01l2.129-5.17c0.119-0.29,0.052-0.622-0.169-0.843c-0.222-0.222-0.554-0.288-0.843-0.169\
L97.02,3.477c-0.002,0.001-0.005,0.002-0.007,0.003l-7.248,2.985c-0.084,0.034-0.16,0.084-0.227,0.144\
c-0.008,0.007-0.015,0.013-0.022,0.02c-0.001,0.002-0.003,0.003-0.004,0.004l-34.61,34.61c-0.145,0.146-0.227,0.343-0.227,0.549\
c0,0.205,0.082,0.403,0.227,0.548l7.309,7.309c0.146,0.145,0.343,0.227,0.549,0.227c0.205,0,0.403-0.082,0.548-0.227l34.61-34.61\
C97.919,15.037,97.92,15.036,97.922,15.034L97.922,15.034z M96.117,12.901c-0.732-0.733-1.072-1.727-0.908-2.661\
c0.044-0.249-0.036-0.504-0.215-0.682c-0.179-0.179-0.434-0.259-0.683-0.216c-0.933,0.164-1.928-0.175-2.661-0.908\
c-0.244-0.244-0.446-0.522-0.601-0.821l6.077-2.502l2.315,2.315l-2.502,6.077C96.639,13.347,96.361,13.145,96.117,12.901\
L96.117,12.901z M100.08,5.871L98.679,4.47l2.382-0.981L100.08,5.871z M62.759,48.004l-2.559-2.558l10.391-10.391\
c0.303-0.303,0.303-0.794,0-1.096c-0.303-0.303-0.794-0.303-1.096,0L59.104,44.349l-2.559-2.558L89.792,8.545\
C90,8.901,90.256,9.232,90.553,9.53c0.608,0.608,1.345,1.032,2.127,1.244L72.419,31.035c-0.303,0.303-0.303,0.794,0,1.097\
c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227l20.261-20.261c0.213,0.781,0.636,1.518,1.244,2.126\
c0.297,0.297,0.629,0.553,0.985,0.761L62.759,48.004z M62.759,48.004')
.caption
h3: a(href="services-single.html").text-dark= elements.typography.il_h_el_4
p= elements.typography.il_p_el_4
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-sm-6.cell-md-4.offset-sm-top-55
.thumbnail-variant-1.text-center
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 499.637 509.112')
g
defs
rect(width='499.637', height='509.112')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M492.949,174.065c-6.829-7.493-16.727-8.611-22.02-8.611\
c-2.223,0-3.722,0.19-4,0.229c-1.513,0.208-2.916,0.904-3.996,1.985l-84.315,84.315c-1.862,0.972-3.015,1.129-3.566,1.129\
c-2.214,0-3.851-3.944-4.453-5.64c-0.615-1.735-0.213-3.598,1.051-4.861l118.682-118.683c1.185-1.185,1.906-2.756,2.031-4.428\
c0.793-10.59-1.609-18.982-7.139-24.942c-7.095-7.646-17.181-8.787-22.56-8.787c-2.392,0-4.004,0.215-4.303,0.259\
c-1.495,0.216-2.88,0.91-3.948,1.978L342.592,199.829c-3.393,0.343-5.775-0.155-6.833-1.451c-1.29-1.581-1.471-4.567-1.321-6.735\
L461.893,64.187c1.061-1.06,1.752-2.434,1.974-3.917c1.772-11.89-0.168-21.211-5.766-27.706c-5.132-5.953-13.012-9.1-22.79-9.1\
c-4.409,0-7.654,0.662-8.01,0.737c-1.324,0.282-2.539,0.941-3.497,1.898L293.976,155.927c-1.607,1.607-3.088,2.493-4.17,2.493\
c-1.457,0-3.558-1.619-5.619-4.33c-1.161-1.526-1.027-3.686,0.311-5.024L393.581,39.982c1.018-1.019,1.698-2.327,1.946-3.746\
c0.301-1.722,2.684-17.124-6.096-27.572c-3.322-3.952-9.603-8.663-20.665-8.663c-2.706,0-5.63,0.281-8.691,0.836\
c-1.402,0.254-2.694,0.93-3.702,1.938L241.838,117.31c-3.629,3.63-7.029,7.328-10.317,10.904\
c-8.529,9.277-17.349,18.87-23.601,18.87c-0.635,0-2.304,0-4.875-1.913c3.679-10.815,26.108-47.711,45.111-75.536\
c2.882-4.219,3.89-9.518,2.768-14.539c-1.132-5.066-4.346-9.481-8.82-12.113c-5.632-3.315-11.47-4.995-17.35-4.995\
c-16.004,0-26.332,12.478-26.763,13.01c-0.091,0.111-0.178,0.226-0.262,0.342c-2.727,3.812-66.873,93.504-75.739,107.695\
c-6.721,10.756-10.247,40.327-10.481,87.892c-0.079,16.067-7.753,31.374-20.526,40.948L9.324,349.078\
c-5.406,4.051-8.782,10.257-9.264,17.024c-0.49,6.883,2.045,13.648,6.955,18.559l117.437,117.436\
c4.524,4.524,10.515,7.015,16.872,7.015c7.34,0,14.099-3.318,18.543-9.105l58.34-75.949c13.561-17.654,31.473-31.834,51.802-41.008\
l46.158-20.828c25.586-11.545,48.605-27.445,68.417-47.257l112.825-112.823c1.154-1.155,1.869-2.677,2.019-4.304\
C500.36,187.802,498.179,179.803,492.949,174.065 M374.684,305.066c-18.611,18.611-40.236,33.548-64.274,44.395l-46.159,20.829\
c-22.424,10.118-42.185,25.762-57.146,45.24l-58.341,75.949c-1.773,2.309-4.485,3.633-7.44,3.633c-2.618,0-5.093-1.035-6.973-2.915\
L16.915,374.761c-2.039-2.038-3.092-4.832-2.89-7.664c0.196-2.757,1.509-5.177,3.695-6.816l81.659-61.203\
c16.261-12.187,26.03-31.657,26.13-52.082c0.309-62.823,6.472-77.532,8.354-80.543c8.414-13.466,71.228-101.339,75.073-106.717\
c0.904-1.015,7.227-7.748,15.818-7.748c3.35,0,6.798,1.03,10.25,3.061c1.568,0.922,2.087,2.338,2.257,3.1\
c0.165,0.735,0.297,2.18-0.666,3.59c-8.247,12.075-21.032,31.793-31.007,48.624c-5.695,9.612-9.999,17.465-12.79,23.341\
c-3.614,7.606-6.471,14.818-1.818,19.472c5.247,5.247,10.946,7.908,16.94,7.908c12.398,0,22.366-10.842,33.908-23.395\
c3.189-3.47,6.488-7.058,9.911-10.479L364.663,14.286c1.454-0.19,2.828-0.285,4.103-0.285c4.6,0,7.846,1.191,9.922,3.641\
c3.24,3.823,3.538,10.35,3.273,14.16L274.597,139.167c-6.265,6.265-6.933,16.324-1.555,23.397\
c6.195,8.146,12.536,9.856,16.764,9.856c4.961,0,9.695-2.219,14.07-6.594L432.068,37.635c3.555-0.372,11.432-0.567,15.429,4.07\
c3.038,3.524,3.296,9.352,2.8,14.278L322.876,183.404c-0.947,0.948-1.603,2.148-1.888,3.458c-0.273,1.247-2.478,12.418,3.853,20.28\
c2.495,3.098,7.262,6.792,15.796,6.792c2.022,0,4.207-0.209,6.498-0.62c1.405-0.253,2.7-0.93,3.711-1.94L462.448,99.771\
c3.062-0.018,8.952,0.471,12.513,4.309c2.408,2.595,3.597,6.581,3.549,11.871l-116.761,116.76\
c-5.04,5.041-6.745,12.671-4.345,19.441c4.618,13.017,13.039,14.96,17.648,14.96c3.606,0,7.421-1.154,11.339-3.432\
c0.523-0.304,1.004-0.675,1.432-1.102l83.124-83.124c2.986,0.002,8.456,0.531,11.655,4.042c2.119,2.325,3.135,5.892,3.029,10.624\
L374.684,305.066z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M168.702,264.955c-0.043-3.866-3.191-7.006-7.078-6.921\
c-3.866,0.043-6.965,3.212-6.922,7.077c0.273,24.402-9.846,32.967-34.873,51.725l-64.317,49.392\
c-3.067,2.354-3.643,6.748-1.289,9.814c1.378,1.796,3.457,2.738,5.557,2.738c1.488,0,2.988-0.473,4.259-1.449l64.252-49.342\
C152.844,309.587,169.064,297.429,168.702,264.955')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M242.202,339c-29.054,1.883-59.585,40.156-60.87,41.784\
c-0.042,0.052-0.082,0.106-0.122,0.159l-48.508,65.201c-2.308,3.101-1.664,7.486,1.437,9.794c1.256,0.934,2.721,1.384,4.173,1.384\
c2.138,0,4.248-0.975,5.622-2.822l48.447-65.118c7.748-9.788,31.771-35.183,50.727-36.411c3.858-0.25,6.783-3.58,6.533-7.438\
C249.391,341.674,246.071,338.754,242.202,339')
.caption
h3: a(href="services-single.html").text-dark Laser Removal
p If you are tired of your tattoos, in our salon we provide a service of laser tattoo removal.
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-sm-6.cell-md-4.offset-sm-top-55
.thumbnail-variant-1.text-center
span.icon.icon-primary.icon-sm.icon-mod-1
svg( x='0px', y='0px', width='55px', height='55px', viewbox='0 0 493.47 493.446')
g
defs
rect(width='493.47', height='493.446')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M487.758,23.81L469.635,5.687C465.967,2.019,461.089,0,455.899,0\
c-3.638,0-7.193,1.018-10.281,2.947c-0.079,0.049-0.157,0.1-0.234,0.152l-60.987,41.554c-0.054,0.037-0.101,0.08-0.154,0.118\
c-0.134,0.097-0.268,0.196-0.397,0.304c-0.08,0.066-0.154,0.138-0.231,0.208c-0.075,0.069-0.154,0.132-0.226,0.205l-17.603,17.601\
c-3.14,3.141-4.87,7.317-4.87,11.758c0,4.442,1.73,8.617,4.87,11.756l2.486,2.486l-16.146,10.344\
c-2.097-0.489-7.642-2.701-17.565-9.402c-8.095-5.469-17.553-8.36-27.35-8.36c-9.354,0-18.466,2.671-26.351,7.724\
c-0.201,0.129-0.397,0.269-0.585,0.419L25.975,292.4c-0.201,0.16-0.393,0.331-0.575,0.513L7.012,311.211\
C2.563,315.637,0.007,321.565,0,327.473c-0.006,5.142,1.902,9.885,5.373,13.357l147.244,147.243\
c3.464,3.464,8.198,5.373,13.329,5.373h0.002c5.916,0,11.853-2.556,16.288-7.012l18.298-18.387\
c0.181-0.183,0.353-0.375,0.513-0.577l202.585-254.3c0.149-0.188,0.289-0.383,0.418-0.584c10.54-16.447,10.291-37.526-0.636-53.702\
c-6.7-9.919-8.912-15.465-9.401-17.565l10.344-16.144l2.485,2.485c3.14,3.14,7.316,4.87,11.757,4.87s8.616-1.73,11.757-4.87\
l17.602-17.602c0.079-0.079,0.149-0.165,0.224-0.247c0.06-0.066,0.123-0.131,0.181-0.2c0.116-0.138,0.223-0.282,0.328-0.428\
c0.032-0.046,0.07-0.087,0.102-0.133l41.553-60.988c0.053-0.077,0.104-0.155,0.153-0.234\
C495.314,40.116,494.187,30.239,487.758,23.81 M392.447,204.741l-202.11,253.704l-18.025,18.114\
c-1.826,1.835-4.146,2.887-6.364,2.887h-0.001c-0.984,0-2.379-0.221-3.431-1.274l-14.378-14.378l14.498-14.497\
c2.734-2.735,2.734-7.167,0-9.9c-2.733-2.733-7.165-2.732-9.899-0.001l-14.499,14.498l-17.554-17.553l14.499-14.5\
c2.734-2.733,2.734-7.165,0-9.899c-2.733-2.732-7.166-2.733-9.899,0.001l-14.499,14.499l-17.554-17.554l14.499-14.5\
c2.734-2.733,2.734-7.165,0-9.899c-2.734-2.733-7.166-2.734-9.9,0.001l-14.498,14.499l-17.554-17.554l14.499-14.5\
c2.734-2.733,2.734-7.165,0-9.899c-2.734-2.733-7.166-2.734-9.9,0.001l-14.498,14.498l-17.497-17.497L52.88,339.54\
c2.734-2.735,2.734-7.166,0-9.901c-2.733-2.732-7.166-2.732-9.899,0l-14.499,14.499l-13.209-13.209\
c-1.054-1.053-1.275-2.451-1.273-3.438c0.002-2.217,1.055-4.533,2.887-6.357l18.114-18.025l253.703-202.111\
c5.559-3.486,11.951-5.327,18.507-5.327c6.993,0,13.741,2.062,19.514,5.962c17.56,11.859,23.978,11.913,26.111,11.913h0.03\
c1.282,0,2.496-0.182,3.608-0.542c0.57-0.185,1.113-0.443,1.618-0.766l19.556-12.529l16.09,16.088l-12.53,19.557\
c-0.323,0.504-0.58,1.048-0.765,1.617c-0.846,2.612-2.83,8.728,11.37,29.749C399.542,178.164,399.779,193.05,392.447,204.741\
M420.456,117.759c-0.669,0.67-1.451,0.771-1.857,0.771c-0.407,0-1.189-0.101-1.858-0.77l-41.056-41.056\
c-0.669-0.669-0.769-1.45-0.769-1.857c0-0.406,0.1-1.188,0.77-1.857l12.652-12.652l44.77,44.77L420.456,117.759z M478.682,40.318\
l-36.7,53.864l-42.718-42.718l53.863-36.7c0.84-0.501,1.796-0.764,2.772-0.764c1.45,0,2.813,0.563,3.837,1.588l18.123,18.123\
C479.627,35.478,479.958,38.179,478.682,40.318')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M297.094,142.7c4.185-3.286,9.774-3.916,14.586-1.645l14.717,6.952\
c3.496,1.656,7.669,0.156,9.319-3.34c1.651-3.495,0.156-7.668-3.34-9.319l-14.718-6.952c-9.634-4.549-20.829-3.288-29.21,3.293\
l-15.604,12.253L103.741,279.514c-3.017,2.419-3.501,6.825-1.083,9.841c1.383,1.725,3.415,2.621,5.466,2.621\
c1.536,0,3.082-0.503,4.374-1.538L281.546,154.91L297.094,142.7z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M348.395,210.736c-3.017-2.418-7.423-1.935-9.84,1.084L202.988,380.928\
c-2.419,3.016-1.933,7.422,1.083,9.84c1.291,1.035,2.838,1.538,4.374,1.538c2.051,0,4.083-0.896,5.466-2.622l135.567-169.108\
C351.896,217.56,351.411,213.154,348.395,210.736')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M446.373,30.446l-24.469,16.672c-3.195,2.177-4.02,6.532-1.843,9.726\
c1.355,1.989,3.553,3.06,5.791,3.06c1.357,0,2.729-0.394,3.935-1.216l24.469-16.672c3.195-2.176,4.02-6.532,1.843-9.726\
S449.566,28.269,446.373,30.446')
.caption
h3: a(href="services-single.html").text-dark Aftercare
p It`s very important to know all the key basics to care for your new tattoo.
a(href="services-single.html").btn.btn-link.btn-link-primary Read More
.cell-xs-12.cell-sm-4.cell-lg-3.offset-top-55.offset-sm-top-0
.inset-lg-left-15.inset-lg-right-15
.range
.cell-xs-6.cell-sm-12
.appointment-module-1
.h2.text-white.letter-spacing--30 Make an Appointment
hr.hr-sidebar
p.text-white Contact us or submit the inquiry online or by phone.
a(href="appointment.html").btn.btn-primary-variant-1.btn-sm.text-white.offset-top-20 Appointment
.cell-xs-6.cell-sm-12.offset-top-55.offset-xs-top-0.offset-sm-top-55.text-center.text-xs-left
.h5.text-uppercase Our gallery
p Don`t know what to choose? Browse our gallery to pick a perfect design for you.
a(href="padding-grid.html").btn.btn-primary-variant-1.btn-sm.offset-top-20 enter the gallery
@@ -0,0 +1,60 @@
section.text-center.text-sm-left.section-50.section-sm-115.section-lg-bottom-125.bg-lighter
.shell
.range
.cell-xs-12.cell-sm-8.cell-lg-9
.thumbnail-classic
figure
+jpg('serv_single-1-870x498')
.h2.offset-top-25 A really beautiful tattoo can turn into a disaster if the proper aftercare is not taken.
p Now that you have your fresh new tattoo, you want to take good care of it! It is very important that you follow the steps given to you by your artist. Here we would like to recommend you several important measures to be taken after your tattoo is done. Your tattoo MUST be protected from the sun while it is healing. After the tattoo is healed we recommend the use of a good sun block. We recommend the use of the aftercare ointment or lotion for 3-4 days, then switch to a good quality, fragrance free, skin moisturizer for about 2 weeks until your tattoo is healed. Your tattoo will remain bright, crisp, and clear if you take care of your skin. Remember, your tattoo can only look as good as your skin, so continue to moisturize daily.
.range.offset-top-45
.cell-lg-7
.h2 How We Work
.thumbnail-classic.img-wrap-2.offset-top-25
figure
span.icon.mdi.mdi-play(data-toggle='modal', data-target='#myModal')
+jpg('serv_single-2-468x286')
.cell-lg-5.offset-top-45.offset-lg-top-0
.h2 Care Advice
ul.list-marked.text-left.offset-top-17
li: a.text-dark(href="#") Remove bandage no sooner than 4 hours;
li: a.text-dark(href="#") Wash the area gently, but well, removing any blood or ointment. Blot dry, do not rub;
li: a.text-dark(href="#") Allow the tattoo to air dry for about 15 min, do not apply another bandage;
li: a.text-dark(href="#") Begin applying a very thin film of aftercare ointment or lotions 3 times a day;
li: a.text-dark(href="#") Use a good sunblock after the healing of your tattoo.
.cell-xs-12.cell-sm-4.cell-lg-3.offset-top-55.offset-sm-top-0
.inset-lg-left-15.inset-lg-right-15.text-left
.range
.cell-xs-6.cell-sm-12
.h5.text-uppercase our Services
ul.list-marked-variant-4.offset-top-15
li: a.text-dark(href="#") All Services
li: a.text-dark(href="#") Tattooing
li.active: a.text-dark(href="#") Aftercare
li: a.text-dark(href="#") Piercing
li: a.text-dark(href="#") Laser Removal
li: a.text-dark(href="#") Tattoo Design
li: a.text-dark(href="#") Tattoo Cover Up
.cell-xs-6.cell-sm-12.offset-top-55.offset-xs-top-0.offset-sm-top-55
.appointment-module-1
.h2.text-white.letter-spacing--30 Make an Appointment
hr.hr-sidebar
p.text-white Contact us or submit the inquiry online or by phone.
a(href="appointment.html").btn.btn-primary-variant-1.btn-sm.text-white.offset-top-20 Appointment
.cell-xs-6.cell-sm-12.offset-top-55
.h5.text-uppercase Our gallery
p Don`t know what to choose? Browse our gallery to pick a perfect design for you.
a(href="padding-grid.html").btn.btn-primary-variant-1.btn-sm.offset-top-20 enter the gallery
// Modal
#myModal.modal.fade(role='dialog')
.modal-dialog
// Modal content
.modal-content
.modal-header
button.close.mdi.mdi-window-close(type='button', data-dismiss='modal')
.modal-body
.embed-responsive.embed-responsive-16by9
iframe.embed-responsive-item(src='//www.youtube.com/embed/-AhmuMqZB0s?wmode=transparent')
@@ -0,0 +1,43 @@
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Service Description
.range.range-index-list.offset-top-22
.cell-sm-6
p.text-bold Safe Drives Custom Driver Training allows you, the student, to build a Driver Training Program right for your circumstances. There is a minimum requirement of 2 hours for all Behind-the-Wheel classes. Safe Drive is a national, award-winning commercial driver training school. After many years of research and development and with proven techniques, we have engineered the art of collision prevention.
.cell-sm-6
p We take a holistic approach to driver training, which includes training in all seven dimensions: Legal Knowledge, Mental Skills, Physical Skills, Communication Skills, Social Skills, Financial Awareness, and Planning Skills. Not only will you learn the physical skills necessary to achieve your training objectives, but you will also receive the holistic proven training techniques that Safe Drive has developed and mastered.
.range.range-index-list.range-xs-center.offset-top-50.offset-sm-top-85.text-xs-left
.cell-sm-6.cell-md-4
.unit.unit-xs-horizontal.unit-spacing-xs.unit-middle
.unit-left
span.icon.icon-circle.icon-primary.h6.list-index-counter
.unit-body
h4 Select the Training Options Right for You
.offset-top-30
ul.list.list-marked
li: a(href='#').text-bold 2-Hour New Driver Functional Assessment
li: a(href='#').text-bold Customize Your 2-Hour Session
li: a(href='#').text-bold Safe Drives/DDS/DMV 2-Hour Road Test Preparation
li: a(href='#').text-bold Basic Vehicle Control — 2 Hours
li: a(href='#').text-bold City Driving — Urban Old & New Business Districts
li: a(href='#').text-bold Rural & Urban Roadways, Expressways
li: a(href='#').text-bold Night Driving — Rural Residential & Business
.cell-sm-6.cell-md-4.offset-top-45.offset-sm-top-0
.unit.unit-xs-horizontal.unit-spacing-xs.unit-middle
.unit-left
span.icon.icon-circle.icon-primary.h6.list-index-counter
.unit-body
h4: a(href='event.html') Select your Training Date and Time
.offset-top-30
p We train 7 days a week behind-the-wheel, with appointment times from 8:00 am until 8:00 pm. All behind-the-wheel hours of private instructions are conducted in our vehicles. We operate only late- model, fully insured, dual-brake control Toyota Corollas.
p.offset-top-20 All driving times are by appointment in 2-, 3-, 4-, 6-, or 8-hour sessions. We will pick you up and drop you off anywhere in the local area. We also offer free pick-up and drop-off service in San Diego and San Francisco.
.cell-sm-6.cell-md-4.offset-top-45.offset-md-top-0
.unit.unit-xs-horizontal.unit-spacing-xs
.unit-left
span.icon.icon-circle.icon-primary.h6.list-index-counter
.unit-body
.offset-top-7
h4: a(href='register.html') Register Now
p.big.text-dark We accept Cash, Checks and Debit Cards and All Major Credit Cards
@@ -0,0 +1,46 @@
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 Services
.range.range-index-list.offset-top-22
.cell-xs-12.cell-sm-6.cell-lg-4
+services-item(
'',
'',
'Teen Driver Education',
'Licensed by the State Dept of Driver Services, Safe Drives Basic 30/6 Teen Driver Education Program satisfies all local and federal laws. The basic course consists of 30 hours of classroom instruction and 6 hours of private, individual, behind - the - wheel training.'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-sm-top-0
+services-item(
'',
'',
'DDC Driver Improvement Program',
"Safe Drives Driver Improvement Program is a 6-hour Defensive Driving Course certified by the Department of Driver's Services for ticket dismissals, points and traffic fine reduction, license suspension, reinstatement, and insurance discounts."
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30.offset-lg-top-0
+services-item(
'services-new',
'New',
'DUI Risk Reduction Program',
"Our DUI, Alcohol or Drug Risk Reduction Program is licensed by the Department of Driver Services to provide assessments and the 20-hour risk reduction, class programs required under state law for the restoration of a driver's license."
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+services-item(
'',
'',
'Road Test Services',
'Safe Drive is licensed by the California Dept of Driver Services to administer the Road Test for its student graduates. To be eligible to take your California Road Test at our driving school, you must have completed one of our Driver Education Courses.'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+services-item(
'',
'',
'Adult Driver Education',
'At Safe Drive Driving School, you do not need a Learners Permit or any experience to start. Each year, our instructors teach hundreds of adults of all ages to drive safely and help them to earn their California Drivers License.'
)
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-30
+services-item(
'services-new',
'New',
'International Driver Education',
"Since our foundation, our Driving School has taught thousands of people from over 100 different countries to drive an automobile safely. We are a full-service driving school that will help you obtain your learner's permit, teach you to drive a car, and much more."
)
@@ -0,0 +1,115 @@
section.section-50.section-sm-115
.container.text-sm-left
h1 Table style
p Tables have always been perfect for displaying facts and numbers. #[br.visible-lg-inline]Now you can benefit from using them on your website.
.row.offset-top-30
.col-xs-12
.table-responsive
table.table.table-bordered.text-left.table-dark
thead
tr
th= elements.tables.tr_1_el_1
th= elements.tables.tr_1_el_2
th= elements.tables.tr_1_el_3
th= elements.tables.tr_1_el_4
tbody
tr
td= elements.tables.tr_2_el_1
td= elements.tables.tr_2_el_2
td= elements.tables.tr_2_el_3
td= elements.tables.tr_2_el_4
tr
td= elements.tables.tr_3_el_1
td= elements.tables.tr_3_el_2
td= elements.tables.tr_3_el_3
td= elements.tables.tr_3_el_4
tr
td= elements.tables.tr_4_el_1
td= elements.tables.tr_4_el_2
td= elements.tables.tr_4_el_3
td= elements.tables.tr_4_el_4
tr
td= elements.tables.tr_5_el_1
td= elements.tables.tr_5_el_2
td= elements.tables.tr_5_el_3
td= elements.tables.tr_5_el_4
tfoot
tr.text-black
td= elements.tables.tr_6_el_1
td= elements.tables.tr_6_el_2
td= elements.tables.tr_6_el_3
td= elements.tables.tr_6_el_4
.row.offset-top-70.offset-sm-top-95
.col-xs-12
.table-responsive
table.table.table-hover.text-left.table-light
thead
tr
th= elements.tables.tr_1_el_1
th= elements.tables.tr_1_el_2
th= elements.tables.tr_1_el_3
th= elements.tables.tr_1_el_4
tbody
tr
td= elements.tables.tr_2_el_1
td= elements.tables.tr_2_el_2
td= elements.tables.tr_2_el_3
td= elements.tables.tr_2_el_4
tr
td= elements.tables.tr_3_el_1
td= elements.tables.tr_3_el_2
td= elements.tables.tr_3_el_3
td= elements.tables.tr_3_el_4
tr
td= elements.tables.tr_4_el_1
td= elements.tables.tr_4_el_2
td= elements.tables.tr_4_el_3
td= elements.tables.tr_4_el_4
tr
td= elements.tables.tr_5_el_1
td= elements.tables.tr_5_el_2
td= elements.tables.tr_5_el_3
td= elements.tables.tr_5_el_4
tfoot
tr.text-black
td= elements.tables.tr_6_el_1
td= elements.tables.tr_6_el_2
td= elements.tables.tr_6_el_3
td= elements.tables.tr_6_el_4
.row.offset-top-70.offset-sm-top-95
.col-xs-12
.table-responsive
table.table.table-striped.text-left.table-dark
thead
tr
th= elements.tables.tr_1_el_1
th= elements.tables.tr_1_el_2
th= elements.tables.tr_1_el_3
th= elements.tables.tr_1_el_4
tbody
tr
td= elements.tables.tr_2_el_1
td= elements.tables.tr_2_el_2
td= elements.tables.tr_2_el_3
td= elements.tables.tr_2_el_4
tr
td= elements.tables.tr_3_el_1
td= elements.tables.tr_3_el_2
td= elements.tables.tr_3_el_3
td= elements.tables.tr_3_el_4
tr
td= elements.tables.tr_4_el_1
td= elements.tables.tr_4_el_2
td= elements.tables.tr_4_el_3
td= elements.tables.tr_4_el_4
tr
td= elements.tables.tr_5_el_1
td= elements.tables.tr_5_el_2
td= elements.tables.tr_5_el_3
td= elements.tables.tr_5_el_4
tfoot
tr.text-black
td= elements.tables.tr_6_el_1
td= elements.tables.tr_6_el_2
td= elements.tables.tr_6_el_3
td= elements.tables.tr_6_el_4
@@ -0,0 +1,94 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.container
h1 Tabs & Accordions
p.offset-top-15 With modern and intuitive interface of tabs and accordions, you can #[br.visible-lg-inline] control content to be organised within a single frame.
section.text-center.text-sm-left.section-top-50.section-sm-top-85
.container
h5 Horizontal Tabs
.row.offset-top-22
.col-xs-12.col-md-10
// Responsive-tabs
.responsive-tabs.horizontal-tabs.text-left(data-type="horizontal")
ul.resp-tabs-list.tabs-group-default(data-group="tabs-group-default")
li.btn.btn-md.btn-primary-variant-1 All
li.btn.btn-md.btn-primary-variant-1 Type 1
li.btn.btn-md.btn-primary-variant-1 Type 2
li.btn.btn-md.btn-primary-variant-1 Type 3
.resp-tabs-container.tabs-group-default(data-group="tabs-group-default")
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
section.text-center.text-sm-left.section-top-50.section-sm-top-115
.container
h5 Vertical Tabs
.row.offset-top-22
.col-xs-12.col-md-10
// Responsive-tabs
.responsive-tabs.vertical-tabs.text-left(data-type="vertical")
ul.resp-tabs-list.tabs-group-default(data-group="tabs-group-default" )
li.btn.btn-md.btn-primary-variant-1 Tab 0
li.btn.btn-md.btn-primary-variant-1 Tab 1
li.btn.btn-md.btn-primary-variant-1 Tab 2
li.btn.btn-md.btn-primary-variant-1 Tab 3
li.btn.btn-md.btn-primary-variant-1 Tab 4
.resp-tabs-container.tabs-group-default(data-group="tabs-group-default")
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
div.fadeIn.animated
p Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. 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.
p 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.
section.text-center.text-sm-left.section-50.section-sm-top-115.section-sm-bottom-125
.container
h5 Accordions
.row
.col-xs-12.col-md-10
.responsive-tabs.responsive-tabs-classic.text-left.responsive-tabs-primary(data-type="accordion")
ul.resp-tabs-list.tabs-group-default(data-group="tabs-group-default")
li What do I need to get a license?
li Im not a teen. Do I need a permit?
li How do I get started?
li Do you guarantee that I will pass the test?
li Do you offer 1-hour lessons?
.resp-tabs-container.tabs-group-default(data-group="tabs-group-default")
div
p To be able to get a license you need to have already passed the Written Exam, received your Instruction Permit and have a valid State ID. If you dont have a valid State ID, the following documentation will be required: Social Security Card (the original card), Passport, Visa or any other form of identification (school ID, work ID, birth certificate, etc.), and Proof of address.
ol.list(type='a')
li Social Security Card (the original card)
li Passport
li Visa or any other form of identification (school ID, work ID, birth certificate, etc.)
li Proof of address
div YES, regardless of age it is a requirement by the Secretary of State for a person to have passed the Written Exam and obtained their Instruction Permit before taking driving lessons.
div We can assist you with getting your permit or if you already have your permit we can schedule your first lesson. Simply give us a call at #[a(href='callto:#').text-base 773-489-2712] to get started!
div Although we do not guarantee that our students will pass the State Road Test, we do our best to prepare you for first time success. In fact, over 90% of our students pass the test the first time.
div No, we only offer 2-hour sessions. The only time a 1-hour lesson is allowed is when a student combines a 1-hour lesson with our Road Test service.
@@ -0,0 +1,69 @@
include ../../elements/_ui-video-embed
section.text-center.text-sm-left.section-50.section-sm-top-80.section-sm-bottom-90
.shell
h1 John Malkovich
p.h6 Head teacher
.range.offset-top-22
.cell-sm-4.text-center.text-sm-left
.inset-lg-right-15
.img-wrap-1
+jpg('teacher-01-370-316','img-responsive img-rounded')
.offset-top-25
.group
ul.list-inline.list-inline-xxs.text-middle
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="#")
div.text-middle
.unit.unit-horizontal
.unit-left
span.icon.icon-md.text-base.mdi.mdi-email.text-middle
.unit-body
a(href="mailto:#").big.text-middle info@demolink.org
div.text-middle
.unit.unit-horizontal.unit-bottom
.unit-left
span.icon.icon-md.text-base.mdi.mdi-phone
.unit-body
a(href="callto:#").h6.text-dark 1-800-1234-567
.cell-sm-8.offset-top-55.offset-sm-top--10
p 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 and practice the rest of their lives. During his work at Safe Drive, he has used many years of experience to guide students through obstacles and give them reassurance when they make mistakes.
blockquote.quote-classic.text-left.offset-top-25
.quote-body
p
q John was great, teaching me simple rules of thumb to make driving seem really easy and I gained my confidence back intact. He praised me and said I really did great and said that he did not have to step on the brakes once. I am ready to get my license soon. Thank you, Safe Drive. I really appreciate the help you provide to other beginner drivers of Los Angeles like me.
p.big.offset-top-22
cite.text-bold.text-base James Johnson
span.display-block (student)
.offset-top-25
hr.hr.bg-gray-light.divider-lg
.range.offset-top-35
.cell-lg-10
// Progress Bar
.progress-container.text-left
p.text-dark.big.text-bold Teen Programs
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='75', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
p.text-dark.big.text-bold Adult Instruction
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='50', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
p.text-dark.big.text-bold Stick Shift Lessons
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='65', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
p.text-dark.big.text-bold Defensive Driving
.progress-bar-js.progress-bar-horizontal.progress-bar-default(data-value='100', data-stroke='10', data-easing='linear', data-duration='1000', data-counter="true")
.offset-top-50.offset-sm-top-85
h4 John`s learning video
p.big Reversing around a Corner
.video-warp-rounded
+video-embed(
{"href": "//www.youtube.com/embed/-AhmuMqZB0s",
"ratio": "16by9"
}
)
.offset-top-35.text-right
a(href='#').btn.btn-md.btn-primary Watch on YouTube
@@ -0,0 +1,113 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-80
.shell
h1 Our Team
p.h6 Best driving teachers in LA
.range.offset-top-22
.cell-xs-12.cell-sm-6.cell-lg-4
+team(
'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.')
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45.offset-sm-top-0
+team(
'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.')
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45.offset-lg-top-0
+team(
'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.')
.cell-xs-12.offset-top-35.veil.reveal-lg-block
hr.hr.bg-gray-light
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45
+team(
'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.')
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45
+team(
'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. ')
.cell-xs-12.cell-sm-6.cell-lg-4.offset-top-45
+team(
'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 detailed oriented. ')
section.text-center.text-sm-left.section-50.section-sm-top-80.section-lg-bottom-90
.shell
h1 Our Team
p.h6 Best driving teachers in LA
// Owl Carousel
.owl-carousel.owl-carousel-standard.offset-top-25(data-items='1',data-lg-items='2', 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
+team-horizontal(
'teacher-07-270x303',
'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.'
)
.owl-item
+team-horizontal(
'teacher-08-270x303',
'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.')
.owl-item
+team-horizontal(
'teacher-09-270x303',
'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.')
.owl-item
+team-horizontal(
'teacher-10-270x303',
'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.')
.owl-item
+team-horizontal(
'teacher-11-270x303',
'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. ')
.owl-item
+team-horizontal(
'teacher-12-270x303',
'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. ')
@@ -0,0 +1,62 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-115
.container
.row
.col-xs-12.col-sm-6
h1= elements.typography.h_el_1
p.offset-5= elements.typography.p_el_1
.col-xs-12.col-sm-6
h2.offset-sm-top-14= elements.typography.h_el_2
p.offset-top-23= elements.typography.p_el_1
.row
.col-xs-12.col-sm-6
h3= elements.typography.h_el_3
p.offset-5= elements.typography.p_el_1
.col-xs-12.col-sm-6
h4.offset-sm-top-10= elements.typography.h_el_4
p= elements.typography.p_el_1
.row
.col-xs-12.col-sm-6
h5.text-transform-none= elements.typography.h_el_5
p.offset-9= elements.typography.p_el_1
.col-xs-12.col-sm-6
h6= elements.typography.h_el_6
p= elements.typography.p_el_1
.row.offset-top-50.offset-sm-top-110
.col-xs-12.col-sm-8
h1= elements.typography.h_el_7
blockquote.text-left.quote-1.bg-white.offset-5
p
q= elements.typography.q_p_el_1
p
cite: !{elements.typography.q_p_el_2}
.row.offset-top-50.offset-sm-top-110
.col-xs-12.col-sm-8
h1= elements.typography.h_el_8
p.offset-sm-top-40
span.text-primary= elements.typography.link_p_el_1
| &nbsp;
a(href="#")= elements.typography.link_p_el_2
| &nbsp;
span.text-focus= elements.typography.link_p_el_3
| &nbsp;
span.text-dark.text-bold= elements.typography.link_p_el_4
p.text-dark: !{elements.typography.link_p_el_5}
.range.offset-top-50.offset-sm-top-110
.cell-xs-12
h1= elements.typography.h_el_9
.cell-xs-6.cell-sm-5.cell-lg-4.offset-top-20.offset-sm-top-40
p.h3.text-left.offset-5= elements.typography.p_el_3
ul.list-marked.text-left
li: a.text-dark(href="#")= elements.typography.list_p_el_1
li: a.text-dark(href="#")= elements.typography.list_p_el_2
li: a.text-dark(href="#")= elements.typography.list_p_el_3
li: a.text-dark(href="#")= elements.typography.list_p_el_4
li: a.text-dark(href="#")= elements.typography.list_p_el_5
.cell-xs-6.cell-sm-5.cell-lg-4.offset-top-20.offset-sm-top-40
p.h3.text-left= elements.typography.p_el_4
ol.ordered-list.text-left
li: a.text-dark(href="#")= elements.typography.list_p_el_1
li: a.text-dark(href="#")= elements.typography.list_p_el_2
li: a.text-dark(href="#")= elements.typography.list_p_el_3
li: a.text-dark(href="#")= elements.typography.list_p_el_4
li: a.text-dark(href="#")= elements.typography.list_p_el_5
@@ -0,0 +1,193 @@
section.section-top-50.section-sm-top-115
.container.text-center.text-sm-left
h1.text-center.text-lg-left= elements.typography.h_el_10
.row.text-sm-left.offset-5.clearleft-custom
.col-xs-12.col-sm-6.col-lg-3
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 582.854 544.892', enable-background='new 0 0 582.854 544.892', xml:space='preserve')
g
defs
rect(width='582.854', height='544.892')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M579.492,158.786L375.92,34.848c-1.586-0.965-3.49-1.26-5.295-0.822\
c-1.803,0.438-3.359,1.576-4.325,3.162l-7.279,11.957l-14.005-8.526c1.807-5.441,2.067-11.287,0.679-16.995\
c-1.952-8.027-6.913-14.813-13.969-19.11C326.875,1.561,321.322,0,315.665,0c-10.894,0-20.779,5.551-26.439,14.849\
c-7.615,12.509-5.264,28.33,4.776,38.168l-56.636,93.027c-4.45-1.3-9.181-1.425-13.806-0.3c-6.955,1.69-12.835,5.989-16.558,12.102\
l-7.016,11.524l-18.116-11.03c-1.587-0.965-3.49-1.26-5.295-0.822c-1.803,0.439-3.359,1.576-4.325,3.162l-7.279,11.956\
l-16.291-9.918l7.279-11.957c2.01-3.302,0.963-7.608-2.339-9.618l-15.65-9.529c-3.352-2.04-7.189-3.119-11.1-3.119\
c-7.528,0-14.357,3.837-18.267,10.26l-6.894,11.322c-6.127,10.065-2.924,23.24,7.143,29.368l15.649,9.527\
c1.137,0.692,2.393,1.022,3.633,1.022c2.362,0,4.668-1.197,5.986-3.361l7.28-11.957l16.291,9.919l-7.28,11.957\
c-2.009,3.302-0.963,7.609,2.34,9.619l18.116,11.029l-14.661,24.081c-3.269-0.829-6.633-1.276-10.032-1.276\
c-14.451,0-27.56,7.362-35.067,19.693L37.823,380.07c-9.516,15.63-7.302,35.165,4.121,48.284l-26.085,42.847\
c-5.054,8.298-8.365,17.377-9.841,26.984l-5.937,38.644c-0.428,2.794,0.865,5.572,3.279,7.043c1.122,0.682,2.382,1.02,3.639,1.02\
c1.451,0,2.899-0.45,4.122-1.342l31.604-23.018c7.855-5.722,14.4-12.831,19.453-21.131l26.095-42.863\
c3.168,0.776,6.423,1.197,9.71,1.197c14.45,0,27.558-7.361,35.066-19.691l73.284-120.373c9.577-15.73,7.276-35.416-4.338-48.536\
l14.65-24.064l226.402,137.836c1.137,0.691,2.393,1.021,3.633,1.021c2.362,0,4.668-1.196,5.986-3.36l21.839-35.871\
c0.965-1.586,1.261-3.491,0.822-5.295c-0.438-1.804-1.576-3.36-3.161-4.325l-53.424-32.526l5.945-9.764l13.554,8.252\
c4.575,2.785,9.811,4.256,15.145,4.256c10.273,0,19.594-5.233,24.932-14.001l35.934-59.023c8.361-13.735,3.99-31.713-9.745-40.077\
l-13.555-8.253l5.997-9.85l53.424,32.526c1.138,0.692,2.394,1.021,3.634,1.021c2.362,0,4.668-1.196,5.986-3.36l21.839-35.872\
C583.842,165.104,582.795,160.797,579.492,158.786 M125.802,173.373l-9.67-5.887c-3.473-2.114-4.578-6.659-2.465-10.129\
l6.894-11.321c1.349-2.217,3.708-3.541,6.309-3.541c1.342,0,2.662,0.373,3.82,1.077l9.67,5.888L125.802,173.373z M346.801,82.679\
l32.121,19.555l-5.998,9.851l-13.555-8.252c-4.574-2.785-9.811-4.257-15.145-4.257c-10.274,0-19.594,5.234-24.932,14.001\
l-35.934,59.024c-4.051,6.654-5.268,14.487-3.428,22.057c1.841,7.568,6.518,13.967,13.172,18.019l13.556,8.253l-5.944,9.764\
l-54.949-33.454l7.016-11.523c6.424-10.552,4.664-23.827-3.46-32.386l56.643-93.04c3.107,1.026,6.362,1.571,9.656,1.571\
c8.498,0,16.371-3.389,22.114-9.287l14.006,8.528l-7.279,11.957C342.451,76.362,343.498,80.668,346.801,82.679 M300.383,200.718\
c-3.46-2.105-5.893-5.433-6.849-9.369c-0.957-3.935-0.324-8.008,1.783-11.467l35.934-59.024c2.776-4.56,7.625-7.282,12.973-7.282\
c2.765,0,5.484,0.766,7.865,2.215l39.068,23.786c3.46,2.105,5.892,5.433,6.849,9.369c0.957,3.935,0.324,8.008-1.782,11.468\
l-35.934,59.024c-2.776,4.559-7.627,7.281-12.974,7.281c-2.765,0-5.485-0.766-7.864-2.215L300.383,200.718z M301.185,22.128\
c3.098-5.09,8.512-8.128,14.48-8.128c3.088,0,6.124,0.855,8.781,2.472c3.862,2.352,6.577,6.066,7.645,10.46\
c1.068,4.393,0.361,8.939-1.99,12.802c-3.098,5.089-8.512,8.128-14.481,8.128c-0.674,0-1.345-0.048-2.011-0.129l3.925-6.447\
c2.01-3.302,0.963-7.609-2.339-9.62c-3.303-2.011-7.61-0.962-9.62,2.34l-3.916,6.433C298.054,35.118,297.63,27.967,301.185,22.128\
M218.961,165.126c1.778-2.919,4.585-4.971,7.906-5.779c3.323-0.808,6.759-0.273,9.68,1.505c6.026,3.669,7.945,11.558,4.276,17.585\
l-7.016,11.523l-21.861-13.31L218.961,165.126z M50.219,492.121c-4.087,6.714-9.382,12.465-15.736,17.094l-18.01,13.117\
l3.383-22.021c1.194-7.772,3.872-15.115,7.961-21.83l25.088-41.21l11.202,6.82l11.202,6.82L50.219,492.121z M194.374,310.391\
l-73.283,120.372c-4.945,8.123-13.584,12.972-23.108,12.972c-4.931,0-9.778-1.365-14.017-3.946l-18.33-11.159l-6.834-4.16\
c-12.718-7.748-16.765-24.399-9.02-37.121l73.284-120.372c4.945-8.122,13.584-12.972,23.108-12.972\
c4.931,0,9.777,1.365,14.017,3.946l25.157,15.315C198.071,281.012,202.121,297.667,194.374,310.391 M191.017,260.245\
l-21.863-13.309l13.671-22.455l21.862,13.309L191.017,260.245z M444.348,367.308L166.01,197.853l14.558-23.914l278.338,169.456\
L444.348,367.308z M502.293,224.991l-35.934,59.023c-2.776,4.56-7.625,7.281-12.973,7.281c-2.765,0-5.484-0.765-7.865-2.214\
l-39.069-23.786c-3.46-2.105-5.891-5.433-6.848-9.369c-0.957-3.935-0.325-8.009,1.782-11.468l35.934-59.024\
c2.776-4.56,7.627-7.281,12.974-7.281c2.765,0,5.485,0.765,7.864,2.215l39.069,23.784\
C504.368,208.5,506.642,217.849,502.293,224.991 M478.994,176.661l-13.555-8.252c-4.575-2.785-9.812-4.256-15.145-4.256\
c-10.273,0-19.594,5.233-24.933,14.001l-35.934,59.024c-4.051,6.654-5.268,14.487-3.427,22.057\
c1.84,7.569,6.519,13.968,13.173,18.019l13.555,8.252l-5.945,9.764l-94.111-57.296l5.944-9.763l13.555,8.252\
c4.574,2.784,9.812,4.256,15.145,4.256c10.273,0,19.593-5.233,24.932-14.001l35.935-59.024c8.361-13.737,3.99-31.714-9.746-40.076\
l-13.555-8.253l5.997-9.85l94.112,57.296L478.994,176.661z M551.675,191.018L360.06,74.361l14.558-23.914l191.616,116.658\
L551.675,191.018z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M124.996,306.27c-3.303-2.009-7.608-0.963-9.619,2.34l-43.968,72.219\
c-3.575,5.873-4.649,12.787-3.025,19.468c1.625,6.682,5.754,12.33,11.628,15.907l9.069,5.521c1.137,0.692,2.393,1.022,3.633,1.022\
c2.362,0,4.668-1.197,5.986-3.362c2.01-3.301,0.963-7.608-2.34-9.619l-9.069-5.521c-2.679-1.631-4.563-4.207-5.304-7.255\
s-0.251-6.202,1.381-8.881l43.968-72.22C129.346,312.587,128.299,308.281,124.996,306.27')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M347.547,133.322c-3.304-2.013-7.609-0.962-9.619,2.34l-22.934,37.671\
c-2.01,3.302-0.963,7.608,2.34,9.619c1.137,0.692,2.393,1.021,3.633,1.021c2.362,0,4.668-1.196,5.986-3.361l22.934-37.671\
C351.897,139.639,350.85,135.333,347.547,133.322')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M453.62,197.9c-3.306-2.009-7.61-0.964-9.62,2.339l-22.935,37.67\
c-2.009,3.302-0.963,7.609,2.339,9.62c1.138,0.691,2.394,1.021,3.634,1.021c2.362,0,4.668-1.195,5.986-3.36l22.935-37.67\
C457.969,204.217,456.922,199.911,453.62,197.9')
.caption
h3: a(href='#').text-dark= elements.typography.il_h_el_1
p= elements.typography.il_p_el_1
.col-xs-12.col-sm-6.col-lg-3
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 425.298 388.906')
g
defs
rect(width='425.298', height='388.906')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M44.337,342.566c1.301,0,2.617-0.363,3.791-1.121\
c3.248-2.098,4.18-6.431,2.082-9.678c-3.376-5.226-4.515-11.453-3.207-17.534c2.7-12.556,15.118-20.574,27.665-17.873\
c3.782,0.811,7.503-1.593,8.316-5.372c0.812-3.779-1.593-7.503-5.373-8.316c-20.101-4.322-39.972,8.515-44.295,28.618\
c-2.093,9.737-0.27,19.707,5.134,28.073C39.789,341.437,42.039,342.566,44.337,342.566')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M410.45,276.175c0.155-0.311,0.296-0.632,0.406-0.972\
c6.726-20.839,10.136-42.611,10.136-64.71C420.992,94.427,326.566,0,210.5,0C94.435,0,0.008,94.427,0.008,210.493\
c0,23.952,3.999,47.432,11.868,69.819c-4.846,7.181-8.413,15.328-10.309,24.149c-8.087,37.609,15.93,74.786,53.539,82.873\
c4.851,1.043,9.806,1.572,14.728,1.572c32.618,0,61.276-23.178,68.144-55.111c8.087-37.609-15.931-74.785-53.539-82.872\
c-4.852-1.043-9.807-1.572-14.729-1.572c-1.726,0-3.437,0.078-5.138,0.206c-3.386-12.684-5.122-25.804-5.122-39.064\
c0-83.289,67.761-151.05,151.05-151.05s151.049,67.761,151.049,151.05c0,13.194-1.72,26.259-5.073,38.885\
c-0.337-0.005-0.675-0.027-1.012-0.027c-32.618,0-61.276,23.177-68.144,55.11c-3.918,18.219-0.506,36.872,9.606,52.525\
c10.112,15.652,25.715,26.43,43.933,30.348c4.852,1.043,9.807,1.572,14.729,1.572c32.617,0,61.276-23.178,68.144-55.111\
C428.249,312.787,422.742,291.918,410.45,276.175 M81.495,264.61c30.062,6.465,49.259,36.18,42.795,66.242\
c-5.488,25.527-28.39,44.054-54.456,44.054c-3.934,0-7.899-0.424-11.785-1.26c-30.062-6.464-49.259-36.18-42.795-66.241\
c5.488-25.527,28.391-44.054,54.456-44.054C73.645,263.351,77.609,263.774,81.495,264.61 M210.5,45.443\
c-91.009,0-165.05,74.041-165.05,165.05c0,14.086,1.787,28.035,5.289,41.545c-10.568,3.034-20.217,8.53-28.2,15.885\
c-5.659-18.538-8.531-37.812-8.531-57.43C14.008,102.146,102.154,14,210.5,14s196.492,88.146,196.492,196.493\
c0,18.52-2.571,36.787-7.633,54.395c-8.155-6.612-17.912-11.481-28.835-13.885c3.327-13.185,5.025-26.787,5.025-40.51\
C375.549,119.484,301.508,45.443,210.5,45.443 M410.044,330.852c-5.489,25.526-28.392,44.054-54.456,44.054\
c-3.935,0-7.899-0.424-11.785-1.26c-14.563-3.131-27.034-11.746-35.117-24.257c-8.083-12.512-10.81-27.422-7.678-41.984\
c5.488-25.527,28.39-44.054,54.456-44.054c3.934,0,7.899,0.423,11.785,1.259C397.311,271.075,416.508,300.79,410.044,330.852')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M363.366,282.672c-9.74-2.093-19.708-0.27-28.074,5.134\
c-8.367,5.406-14.128,13.745-16.222,23.483c-2.094,9.739-0.269,19.709,5.135,28.074c1.34,2.073,3.59,3.203,5.887,3.203\
c1.3,0,2.618-0.363,3.792-1.122c3.247-2.098,4.178-6.431,2.081-9.678c-3.376-5.224-4.515-11.451-3.207-17.534\
c1.307-6.082,4.905-11.29,10.131-14.666c5.226-3.376,11.455-4.514,17.534-3.206c3.781,0.811,7.503-1.594,8.315-5.373\
C369.551,287.208,367.145,283.485,363.366,282.672')
.caption
h3: a(href='#').text-dark= elements.typography.il_h_el_2
p= elements.typography.il_p_el_2
.col-xs-12.col-sm-6.col-lg-3.offset-sm-top-50.offset-lg-top-0
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg( width='55px', height='55px', viewbox='0 0 240.12 592.194')
g
defs
rect(width='240.12', height='592.194')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M211.893,269.674c2.662-3.41,4.282-7.652,4.282-12.201v-70.345\
c0-6.697-3.509-13.146-9.158-16.832c-11.748-7.666-33.751-9.523-44.557-9.968c-2.519-15.816-9.624-62.136-14.267-109.308\
c-0.238-2.419-0.451-4.777-0.658-7.064c-1.041-11.524-1.94-21.476-5.087-29.094C138.385,5.019,130.85,0.019,120.032,0\
c-10.791,0.019-18.322,5.017-22.385,14.855c-3.144,7.615-4.043,17.562-5.083,29.08c-0.207,2.294-0.421,4.659-0.66,7.085\
c-4.641,47.17-11.729,93.489-14.242,109.309c-10.761,0.448-32.636,2.308-44.373,9.967c-5.581,3.642-8.913,9.934-8.913,16.832\
v70.345c0,4.557,1.503,8.75,4.005,12.122C11.527,278.455,0,296.13,0,316.456V539.28c0,29.177,23.737,52.914,52.914,52.914h134.292\
c29.177,0,52.914-23.737,52.914-52.914V316.456C240.12,296.191,228.664,278.56,211.893,269.674 M105.838,52.391\
c0.242-2.465,0.459-4.867,0.67-7.196c2.249-24.909,4.079-31.179,13.524-31.195c9.477,0.016,11.308,6.29,13.56,31.216\
c0.21,2.323,0.426,4.718,0.668,7.175c5.302,53.877,13.788,106.624,15.133,114.845c-1.272,2.086-10.877,6.609-29.331,6.609\
c-18.453,0-28.059-4.523-29.33-6.609C92.071,159.026,100.534,106.273,105.838,52.391 M40.939,182.021\
c8.309-5.422,26.923-7.27,37.663-7.716c2.128,3.567,6.334,7.142,14.21,9.767c7.3,2.433,16.978,3.773,27.25,3.773\
c17.314,0,35.594-3.699,41.47-13.54c10.798,0.443,29.522,2.291,37.835,7.716c1.732,1.13,2.808,3.087,2.808,5.107v41.054H38.376\
v-41.054C38.376,184.978,39.334,183.068,40.939,182.021 M43.92,263.542c-3.057,0-5.544-2.722-5.544-6.069v-15.291h163.799v15.291\
c0,3.176-2.877,6.069-6.036,6.069h-8.933H52.914H43.92z M226.12,539.28c0,21.457-17.457,38.914-38.914,38.914H52.914\
C31.457,578.194,14,560.737,14,539.28V316.456c0-21.457,17.457-38.914,38.914-38.914h134.292c21.457,0,38.914,17.457,38.914,38.914\
V539.28z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M185.011,328.546H55.109c-3.866,0-7,3.133-7,7v70.627c0,3.866,3.134,7,7,7\
h129.902c3.866,0,7-3.134,7-7v-70.627C192.011,331.679,188.877,328.546,185.011,328.546 M178.011,399.173H62.11v-56.627h115.901\
V399.173z')
path(clip-path='url(#SVGID_2_)', fill='#222222', d='M80.179,529.191h-3.795c-7.871,0-14.274-6.403-14.274-14.274v-54.698\
c0-3.866-3.134-7-7-7c-3.867,0-7,3.134-7,7v54.698c0,15.59,12.683,28.274,28.274,28.274h3.795c3.866,0,7-3.134,7-7\
C87.179,532.326,84.045,529.191,80.179,529.191')
.caption
h3: a(href='#').text-dark= elements.typography.il_h_el_3
p= elements.typography.il_p_el_3
.col-xs-12.col-sm-6.col-lg-3.offset-sm-top-50.offset-lg-top-0
.thumbnail-variant-1.text-center.thumbnail-max-width-370
span.icon.icon-primary.icon-sm.icon-mod-1
svg.pencil(x='-80px' width='160px', height='55px', viewbox='0 0 160 51', enable-background='new 0 0 160 51', xml:space='preserve')
g
g
defs
rect(x='54.674', y='1.186', width='48.69', height='48.814')
clippath
use(xlink:href='#SVGID_1_', overflow='visible')
path(clip-path='url(#SVGID_2_)', d='M103.034,41.242L89.019,27.227c-0.303-0.303-0.794-0.303-1.096,0\
c-0.303,0.303-0.303,0.793,0,1.096l13.467,13.468l-2.558,2.558l-6.158-6.158c-0.303-0.302-0.794-0.302-1.097,0\
c-0.303,0.303-0.303,0.794,0,1.097l6.158,6.158l-2.558,2.558L81.709,34.537c-0.303-0.302-0.794-0.302-1.096,0\
c-0.303,0.303-0.303,0.794,0,1.097l14.016,14.015c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227l7.31-7.309\
C103.337,42.036,103.337,41.545,103.034,41.242L103.034,41.242z M103.034,41.242')
path(clip-path='url(#SVGID_2_)', d='M56.862,7.53c0.001,0.002,0.002,0.005,0.003,0.008l2.985,7.248\
c0.036,0.088,0.089,0.169,0.154,0.238c0.003,0.004,0.006,0.007,0.01,0.01c0.002,0.002,0.003,0.004,0.005,0.006l8.899,8.899\
c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227c0.303-0.303,0.303-0.794,0-1.096l-8.083-8.083\
c0.356-0.209,0.688-0.464,0.985-0.762c0.608-0.608,1.031-1.345,1.244-2.126l8.412,8.412c0.151,0.151,0.35,0.227,0.549,0.227\
c0.198,0,0.397-0.076,0.548-0.227c0.303-0.303,0.303-0.793,0-1.096l-8.413-8.413c0.781-0.213,1.519-0.636,2.127-1.244\
c0.297-0.297,0.553-0.629,0.761-0.985l8.083,8.083c0.303,0.303,0.794,0.302,1.096,0c0.303-0.303,0.303-0.794,0-1.096l-8.898-8.899\
c-0.002-0.002-0.003-0.003-0.005-0.004c-0.007-0.006-0.015-0.013-0.022-0.02c-0.067-0.061-0.143-0.11-0.226-0.145L60.922,3.48\
c-0.002-0.001-0.004-0.002-0.006-0.002l-5.172-2.13c-0.29-0.119-0.622-0.052-0.843,0.169C54.68,1.738,54.614,2.07,54.733,2.36\
L56.862,7.53z M63.625,9.341c-0.249-0.044-0.504,0.037-0.683,0.216c-0.179,0.179-0.259,0.433-0.216,0.682\
c0.164,0.934-0.175,1.929-0.908,2.661c-0.245,0.245-0.522,0.447-0.821,0.601l-2.502-6.077L60.81,5.11l6.077,2.502\
c-0.155,0.299-0.356,0.576-0.601,0.821C65.553,9.166,64.558,9.505,63.625,9.341L63.625,9.341z M59.256,4.47l-1.401,1.401\
L56.875,3.49L59.256,4.47z M59.256,4.47')
path(d='M84.267,31.978l3.654,3.655c0.151,0.151,0.35,0.227,0.549,0.227s0.397-0.075,0.548-0.227c0.303-0.303,0.303-0.794,0-1.097\
l-3.655-3.654c-0.303-0.303-0.794-0.303-1.096,0C83.965,31.185,83.965,31.676,84.267,31.978L84.267,31.978z M84.267,31.978')
path(d='M97.922,15.034c0.003-0.003,0.006-0.006,0.009-0.01c0.066-0.069,0.118-0.149,0.154-0.238l2.984-7.247\
c0.002-0.003,0.003-0.006,0.004-0.01l2.129-5.17c0.119-0.29,0.052-0.622-0.169-0.843c-0.222-0.222-0.554-0.288-0.843-0.169\
L97.02,3.477c-0.002,0.001-0.005,0.002-0.007,0.003l-7.248,2.985c-0.084,0.034-0.16,0.084-0.227,0.144\
c-0.008,0.007-0.015,0.013-0.022,0.02c-0.001,0.002-0.003,0.003-0.004,0.004l-34.61,34.61c-0.145,0.146-0.227,0.343-0.227,0.549\
c0,0.205,0.082,0.403,0.227,0.548l7.309,7.309c0.146,0.145,0.343,0.227,0.549,0.227c0.205,0,0.403-0.082,0.548-0.227l34.61-34.61\
C97.919,15.037,97.92,15.036,97.922,15.034L97.922,15.034z M96.117,12.901c-0.732-0.733-1.072-1.727-0.908-2.661\
c0.044-0.249-0.036-0.504-0.215-0.682c-0.179-0.179-0.434-0.259-0.683-0.216c-0.933,0.164-1.928-0.175-2.661-0.908\
c-0.244-0.244-0.446-0.522-0.601-0.821l6.077-2.502l2.315,2.315l-2.502,6.077C96.639,13.347,96.361,13.145,96.117,12.901\
L96.117,12.901z M100.08,5.871L98.679,4.47l2.382-0.981L100.08,5.871z M62.759,48.004l-2.559-2.558l10.391-10.391\
c0.303-0.303,0.303-0.794,0-1.096c-0.303-0.303-0.794-0.303-1.096,0L59.104,44.349l-2.559-2.558L89.792,8.545\
C90,8.901,90.256,9.232,90.553,9.53c0.608,0.608,1.345,1.032,2.127,1.244L72.419,31.035c-0.303,0.303-0.303,0.794,0,1.097\
c0.151,0.151,0.35,0.227,0.548,0.227c0.198,0,0.397-0.076,0.548-0.227l20.261-20.261c0.213,0.781,0.636,1.518,1.244,2.126\
c0.297,0.297,0.629,0.553,0.985,0.761L62.759,48.004z M62.759,48.004')
.caption
h3: a(href='#').text-dark= elements.typography.il_h_el_4
p= elements.typography.il_p_el_4
@@ -0,0 +1,9 @@
section.section-top-50.section-sm-top-115.text-center.text-sm-left
.container
h1.text-center.text-lg-left= elements.typography.h_el_11
.row
.col-xs-12
.thumbnail-img
+jpg('typography-2-1169x610')
.caption
p= elements.typography.p_el_5
@@ -0,0 +1,11 @@
section.text-center.text-sm-left.section-top-50.section-sm-top-115
.container
h1.text-center.text-lg-left= elements.typography.h_el_12
.row.offset-5
.col-xs-12
.media-mod-3
.media-left
+jpg('typography-3-570x386')
.media-body
p= elements.typography.p_el_6
p= elements.typography.p_el_7
@@ -0,0 +1,11 @@
section.text-center.text-sm-left.section-50.section-sm-115.section-sm-bottom-125
.container
h1.text-center.text-lg-left= elements.typography.h_el_13
.row.offset-5
.col-xs-12
.media-mod-3
.media-body
p= elements.typography.p_el_6
p= elements.typography.p_el_7
.media-right
+jpg('typography-4-570x386')