Lego2012
9/26/2016 - 10:17 PM

Accordion Gallery Switcher Tables

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>