Accordion Gallery Switcher Tables
.uk-panel.uk-width-1-1.uk-margin-small
.uk-accordion.uk-text-left(data-uk-accordion='{showfirst: false}')
h3.uk-accordion-title Gallery
.uk-accordion-content
.uk-grid.uk-grid-width-medium-1-4.uk-grid-small(data-uk-grid-margin='')
div
figure.uk-overlay.uk-overlay-hover
img.uk-overlay-grayscale(src='http://terrellmacygroup.com/wp-content/uploads/1115russellpl000.jpg')
a.uk-position-cover(href='http://terrellmacygroup.com/wp-content/uploads/1115russellpl000.jpg', data-lightbox-type='image', data-uk-lightbox="{group:'group1'}", title='test image 1', target='_blank')
div
figure.uk-overlay.uk-overlay-hover
img.uk-overlay-grayscale(src='http://terrellmacygroup.com/wp-content/uploads/1115russellpl007.jpg')
a.uk-position-cover(href='http://terrellmacygroup.com/wp-content/uploads/1115russellpl007.jpg', data-lightbox-type='image', data-uk-lightbox="{group:'group1'}", title='test image 2', target='_blank')
h3.uk-accordion-title Exterior Features
.uk-accordion-content
.uk-width-1-1
table.uk-table.uk-table-striped
tbody
tr
td.uk-width-1-2.uk-text-center Stories
td.uk-width-1-2.uk-text-center 1
tr
td.uk-width-1-2.uk-text-center Pool/Spa
td.uk-width-1-2.uk-text-center None
tr
td.uk-width-1-2.uk-text-center Garage Spaces
td.uk-width-1-2.uk-text-center 2
tr
td.uk-width-1-2.uk-text-center Lot Size (Acres)
td.uk-width-1-2.uk-text-center 1.5
h3.uk-accordion-title Utilities
.uk-accordion-content
.uk-width-1-1
table.uk-table.uk-table-striped
tbody
tr
td.uk-width-1-2.uk-text-center Air Conditioning
td.uk-width-1-2.uk-text-center Central
tr
td.uk-width-1-2.uk-text-center Heating
td.uk-width-1-2.uk-text-center Central
tr
td.uk-width-1-2.uk-text-center Heating Fuel
td.uk-width-1-2.uk-text-center Gas
tr
td.uk-width-1-2.uk-text-center Sewer
td.uk-width-1-2.uk-text-center Septic
h3.uk-accordion-title Financial Tools
.uk-accordion-content
.uk-margin
div
ul.uk-tab(data-uk-tab="{connect:'#wk-fb2'}")
li.uk-active
a(href='') Mortgage Calculator
li
a(href='') Closing Cost Calculator
li
a(href='') Affordability Calculator
li
a(href='') Current Interest Rates
ul#wk-fb2.uk-switcher.uk-text-left.uk-margin-top(data-uk-check-display='')
li
.uk-panel.uk-width-1-1
| Mortgage Calculator widget Here
li
.uk-panel
| Closing Cost Calculator widget Here
li
.uk-panel
| Affordability Calculator widget Here
li
.uk-panel
| Current Mortgage Rate widget Here
h3.uk-hidden-small.uk-accordion-title WalkScore
.uk-accordion-content
.uk-width-1-1
| Walkscore Widget Here
h3.uk-accordion-title Contact Agent
.uk-accordion-content
.uk-margin-left.uk-width-small-1-1.uk-width-medium-3-5.uk-panel.uk-panel-box.uk-grid
.uk-width-small-1-1.uk-width-medium-1-3
figure
img(src='https://s-media-cache-ak0.pinimg.com/736x/45/46/cc/4546cc287f4511a96773183ecaf2b232.jpg')
.uk-width-small-1-1.uk-width-medium-2-3
h2.uk-h3.uk-margin-top-remove
a(href='http://getuikit.com') Test Name REALTOR
ul.uk-list
li
a(href='mailto:test@gmail.com')
i.uk-icon-envelope.uk-icon-medium.uk-icon-justify
| test@gmail.com
li
a(href='tel:+1-123-456-7890')
i.uk-icon-mobile-phone.uk-icon-medium.uk-icon-justify
| Cell - 123-456-7890
<div class="uk-container uk-container-center">
<div class="uk-grid uk-margin-large-top uk-grid-match uk-grid-width-1-2 uk-grid-width-medium-1-3 uk-flex uk-flex-center" data-uk-grid-match="{target:'.uk-panel'}" data-uk-grid-margin>
<div>
<div class="uk-panel uk-panel-box">
<h3>Phasellus ultrices</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div>
<div class="uk-panel uk-panel-box">
<h3>Phasellus ultrices</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div>
<div class="uk-panel uk-panel-box">
<h3>Phasellus ultrices</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div>
<div class="uk-panel uk-panel-box">
<h3>Phasellus ultrices</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div>
<div class="uk-panel uk-panel-box">
<h3>Phasellus ultrices</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
</div>
</div>