Olive Branch

AUG 2018

by ceebee

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#tab1" role="tab" data-toggle="tab">Description</a>
  </li>
  <li><a href="#tab2" role="tab" data-toggle="tab">Property Features</a>
  </li>
  <li><a href="#tab3" role="tab" data-toggle="tab">Listing Agent</a>
  </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="tab1">
    <div class="grey-text text-darken-2 light">
      <h5 class="grey-text text-darken-2 light pdp-section-header">DESCRIPTION</h5>

      <p>4 bedroom, 2.5 bath home of 2,584 sq. ft. with functional floor plan, vaulted ceilings, and updated finishes. Located on a cul-de-sac, thoughtfully designed with privacy, convenience and entertaining in mind, the home features extra large family
        and living areas, expansive master bedroom, kitchen with garden views, and new carpet and paint throughout. Lush and tranquil backyard with gated pool and dual storage sheds provide utility and the perfect place to entertain or relax. Award winning
        schools Williams Elementary (walking distance) (greatschools.org 9/10), Bret Harte Middle (8/10), and Leland High (10/10).</p>

      <div class="share-wrap">
        <div class="pl_shareButtons pl_listing-shareButtons">

          <!-- Print -->
          <div id="print-listing" class="pl_listing-shareButton" data-uii="share:listing:print">

          </div>

          <!-- Pinterest -->
          <div class="pl_listing-shareButton" data-uii="share:listing:pinterest"><a...

CSS

#chartdiv {
  width: 100%;
  height: 500px;
}

JavaScript

// OBSERVE TAB CHANGE
jQuery(".nav-tabs a").on("shown.bs.tab", function() {
  var data = jQuery(this).data();
  if (data.chart !== undefined) {
    chart.validateSize();
  }
});