irmaus

<div class="widget-wrap">
  <div id="loadshareprice"><img class="asx-logo" src="https://www.irmau.com/site/content/images/asxLogo.png" alt="" />
    <div class="price" data-quoteapi="price" id="price">&nbsp;</div>
    <div class="market-cap" id="market-cap">Market Cap: <span data-quoteapi="marketCap">&nbsp;</span></div>
    <div class="spdelay">Price Delay ~20min</div>
  </div>
</div>

irmaus

.widget-wrap {
  width: 350px;
  border: 1px solid #CCC;
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
}

.asx-logo {
  width: 58px;

irmaus

<h2>ASX Share Chart</h2>
<p>Below are share charts depicting the Company's performance over different time periods. The trend charts update each morning. Share prices and charts by iguana2. <a href="http://iguana2.com/legal-ir">Terms of use</a><br /> &nbsp;</p>
<div class="centered" data-quoteapi="mainChart">
  <div class="irmau-main-chart" data-quoteapi="plots">&nbsp;</div>
  <div class="irmau-from-to"><span data-quoteapi="displayedRange.from"></span> to <span data-quoteapi="displayedRange.to"></span></div>
  <div>
    <ul class="chart-buttons">
      <li data-quoteapi="range=1d">Today</li>
      <li data-quoteapi="range=1m">1 mnth</li>
      <li data-quoteapi="range=3m">3 mnths</li>

irmaus

.irmau-small-chart .quoteapi-chart {
    width: 200px;
    height: 100px;
    padding: 7px 13px 13px 32px;
    font-size: 11px;
    color: #2e2e2e;
}
.irmau-small-chart .quoteapi-chart-panel {
    height: 80px;
    background: #ccc;

irmaus

<div class="shareprice-col" id="sp-asx">
  <div class="row sptable">
    <div class="columns">
      <h4>Buy</h4>
      <p data-quoteapi="bid">&nbsp;</p>
    </div>
    <div class="columns">
      <h4>Sell</h4>
      <p data-quoteapi="ask">&nbsp;</p>
    </div>