10 - 100 /vulputate
Nam consequat maximus turpis, vestibulum tristique
Vivamus dictum justo a venenatis pulvinar. Fusce ullamcorper
Serously! Fusce id egestas metus, consectetur sagittis lacus.
Sed et lacinia ante. Donec id urna feugiat, sollicitudin
.mod-navigator.layout-navigator
.bar
.hamburger-toggle.i-rows
.logo
img src='holder.js/320x60?auto=yes&text=PolicyGenius+Logo'
ul.mod-step-progress
li
a href='#'
i.icon-calculator
span.icon-check
.label Suspendisse
li
a href='#'
i.icon-health
span.icon-check
.label Vivamus
li.active
a href='#'
i.icon-quotes
.label Nulla
li.inactive
a href='#'
i.icon-application
.label Suspendisse
h1 Cras egestas neque non massa porta, molestie ornare
.mod-card.navigator
.content
.feature.price
h4 Pellentesque eu
p.value
strong 10 - 100 <small>/vulputate</small>
img.figure src='images/dog.png'
.main
.container
.header
ul.mod-step-progress
li
a href='#'
i.icon-calculator
span.icon-check
.label Suspendisse
li
a href='#'
i.icon-health
span.icon-check
.label Vivamus
li.active
a href='#'
i.icon-quotes
.label Nulla
li.inactive
a href='#'
i.icon-application
.label Suspendisse
.actions
.mod-contact-bar
.image
img src='images/roberta.png'
.stacked-buttons
a.button.i-phone href='#'
| (000) 000-0000
a.button.i-chat href='#' In rhoncus orci et
.content
ul.mod-step-progress
li
a href='#'
i.icon-calculator
span.icon-check
.label Suspendisse
li
a href='#'
i.icon-health
span.icon-check
.label Vivamus
li.active
a href='#'
i.icon-quotes
.label Nulla
li.inactive
a href='#'
i.icon-application
.label Suspendisse
h2
' Pellentesque habitant morbi tristique
span.emphasized
| senectus
.toggle-input
label Suspendisse molestie
.radio-buttons
label.radio
input type='radio' name='radios' checked='checked'
span Vulputate
label.radio
input type='radio' name='radios'
span Proin pharetra
.selectfield
.field
label for='select1' Donec dui est, aliquet
.selectbox
select id='select1'
option disabled='disabled' selected='selected' Aliquam nisl nibh, lacinia
option tellus augue
option tellus augue
.textfield
.field
label for='zip' Nam accumsan
input type='text' id='zip' placeholder='Quam eu blandit rhoncus (10000)'
.date-field
label vitae consectetur
.field
.selectbox
select
option selected='selected' disabled='disabled' Aliquam
option Porttitor
option Egestas
.selectbox
select
option selected='selected' disabled='disabled' Sed
option 1
option 1
input type='text' placeholder='Ipsum aliquet' maxlength='4'
.spacer-l
h2 Pellentesque habitant morbi tristique senectus your pet
.toggle
.header
label Vel sapien at
.content
label.toggler
input type='radio' name='gender'
span.button Congue
label.toggler
input type='radio' name='gender'
span.button Dolor
.toggle
.header
.help
label Nam accumsan quam eu blandit
.content
label.toggler
input type='radio' name='example2'
span.button Quam
label.toggler
input type='radio' name='example2'
span.button Eu
p Nam consequat maximus turpis, vestibulum tristique
.form-error
p.form-error-message Maecenas efficitur accumsan
button.button.action Phasellus tellus augue
.hint maximus a viverra tincidunt
.sidebar
.mod-switch-images
img.active src='images/dog.png'
img src='images/dog2.png'
h3 Vivamus dictum justo a venenatis pulvinar.
ul.unstyled-list
li
h4 Curabitur et magna
p Vivamus dictum justo a venenatis pulvinar. Fusce ullamcorper
li
h4 Morbi sit amet
p Serously! Fusce id egestas metus, consectetur sagittis lacus.
li
h4 Proin at nunc at
p Sed et lacinia ante. Donec id urna feugiat, sollicitudin
hr
h3 Etiam malesuada quis augue vitae dapibus
a.button.info href='#' Sed non tortor
.footer
.container
.helpdesk
.phone
| Morbi quis
br
| 0-000-000-0000
a.button href='#' Vulputate ipsum
.availability
| Ullamcorper rhoncus nunc, ut convallis leo
a href='#' pretium
.trust
.pg-logos
ul.links
li: a href='#' Morbi quis dui
li: a href='#' Sodales cursus
li: a href='#' Vivamus ultricies
$10 - $100 /sapien
Suspendisse erat dolor, auctor sed eleifend quis, hendrerit eget sapien. Donec blandit diam a neque aliquet, nec facilisis mi finibus.
.mod-navigator.layout-navigator
.bar
.hamburger-toggle.i-rows
.logo
img src='holder.js/320x60?auto=yes&text=PolicyGenius+Logo'
h1 Mauris semper faucibus tellus, id auctor mauris suscipit eget
.mod-card.navigator
.content
.feature.price
h4 Estimate so far
p.value
strong $10 - $100 <small>/sapien</small>
img.figure src='images/dog.png'
.main
.container
.header
.actions
.mod-contact-bar
.image
img src='images/roberta.png'
.stacked-buttons
a.button.i-phone href='#'
| (000) 000-0000
a.button.i-chat href='#' Proin aliquam tortor et
.content
h2
' Pellentesque habitant morbi
span.emphasized
| tristique senectus
.toggle-input
label Nullam mollis turpis
.radio-buttons
label.radio
input type='radio' name='radios' checked='checked'
span Nullam
label.radio
input type='radio' name='radios'
span Eget mattis
.selectfield
.field
label for='select1' Nunc tincidunt velit
.selectbox
select id='select1'
option disabled='disabled' selected='selected' Nulla consectetur
option Condimentum
option Volutpat
.textfield
.field
label for='zip' Nulla vitae
input type='text' id='zip' placeholder='Fringilla turpis et (00000)'
.date-field
label Vitae consectetur
.field
.selectbox
select
option selected='selected' disabled='disabled' Risus
option Condimentum
option Volutpat
.selectbox
select
option selected='selected' disabled='disabled' Vitae
option ultricies
option turpis
input type='text' placeholder='Nulla vitae' maxlength='4'
.spacer-l
h2 Pellentesque habitant morbi tristique senectus
.toggle
.header
label Proin aliquam
.content
label.toggler
input type='radio' name='gender'
span.button Tortor
label.toggler
input type='radio' name='gender'
span.button Aliquam
.toggle
.header
.help
label Aliquam sapien enim, elementum
.content
label.toggler
input type='radio' name='example2'
span.button Enim
label.toggler
input type='radio' name='example2'
span.button Sit
p Suspendisse erat dolor, auctor sed eleifend quis, hendrerit eget sapien. Donec blandit diam a neque aliquet, nec facilisis mi finibus.
.hint consectetur ornare, ultrices
.sidebar
a.button.left-side.info.mini.i-floppydisk In rhoncus orci
.mod-trustpilot.spacer-s
h4 Suspendisse sed sem sagittis
.content
.powered-by
span Accumsan quam eu
.trustpilot-logo
.stars.good
.star.filled
.star.filled
.star.filled
.star.filled
.star
.rating
strong> Laoreet
| quis dui consequat
.review
p Lorem Ipsum dolor sit amet, consecte tur adipiscing elit. Eti...
.meta
span> Nulla maximus,
em dui consequat
.review
p Lorem Ipsum dolor sit amet, consecte tur adipiscing elit. Eti...
.meta
span> Nulla maximus,
em dui consequat
.review
p Lorem Ipsum dolor sit amet, consecte tur adipiscing elit. Eti...
.meta
span> Nulla maximus,
em dui consequat
.footer
.container
.helpdesk
.phone
| Morbi quis
br
| 0-000-000-0000
a.button href='#' Vulputate ipsum
.availability
| Vestibulum lacinia dignissim convallis
a href='#' pretium
.trust
.pg-logos
ul.links
li: a href='#' Morbi quis dui
li: a href='#' Sodales cursus
li: a href='#' Vivamus ultricies
$('select#select1').on('change', function(e) {
var $target = $('.mod-switch-images img').not('.active');
$('.mod-switch-images img').removeClass('active');
$target.addClass('active');
});