<div class="packages container">
  <div class="active package clickfunnels">
    <i class="huge clickfunnels layered logo icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">ClickFunnels</a> <span>7 days left</span></div>
      <div class="ui tiny button secondary">Activate Full Account</div>
    </div>
  </div>
  <div class="package backpack">
    <i class="huge clickfunnels layered backpack icon"><span></span>
      <span class="ui right corner green label">
        <i class="icon white lock"></i>
      </span>
    </i>
    <div class="content">
      <div class="header"><a href="">Backpack</a></div>
      <p>No access</p>
      <p>(+$86 month)</p>
    </div>
  </div>
  <div class="package actionetics">
    <i class="huge clickfunnels layered actionetics icon">
      <span class="ui right corner green label">
        <i class="icon white lock"></i>
      </span>
    </i>
    <div class="content">
      <div class="header"><a href="">Actionetics</a></div>
      <p>No access</p>
      <p>(+$86 month)</p>
    </div>
  </div>
  <div class="package actioneticsMD">
    <i class="huge clickfunnels layered actionetics-md icon"><span></span>
      <span class="ui right corner green label">
        <i class="icon white lock"></i>
      </span>
    </i>
    <div class="content">
      <div class="header"><a href="">ActioneticsMD</a> <span class="new">New!</span></div>
      <p>No access</p>
      <p>(+$86 month)</p>
    </div>
  </div>
</div>

<div class="packages container">
  <div class="active package clickfunnels">
    <i class="huge clickfunnels layered logo icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">ClickFunnels</a> <span>7 days left</span></div>
      <div class="ui tiny button secondary">Activate Full Account</div>
    </div>
  </div>
  <div class="package backpack active">
    <i class="huge clickfunnels layered backpack icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">Backpack</a></div>
    </div>
  </div>
  <div class="package actionetics">
    <i class="huge clickfunnels layered actionetics icon">
      <span class="ui right corner green label">
        <i class="icon white lock"></i>
      </span>
    </i>
    <div class="content">
      <div class="header"><a href="">Actionetics</a></div>
      <p>No access</p>
      <p>(+$86 month)</p>
    </div>
  </div>
  <div class="package actioneticsMD">
    <i class="huge clickfunnels layered actionetics-md icon"><span></span>
      <span class="ui right corner green label">
        <i class="icon white lock"></i>
      </span>
    </i>
    <div class="content">
      <div class="header"><a href="">ActioneticsMD</a> <span class="new">New!</span></div>
      <p>No access</p>
      <p>(+$86 month)</p>
    </div>
  </div>
</div>

<div class="packages container">
  <div class="active package clickfunnels">
    <i class="huge clickfunnels layered logo icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">ClickFunnels</a> <span>7 days left</span></div>
      <div class="ui tiny button secondary">Activate Full Account</div>
    </div>
  </div>
  <div class="package backpack active">
    <i class="huge clickfunnels layered backpack icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">Backpack</a></div>
    </div>
  </div>
  <div class="package actionetics active">
    <i class="huge clickfunnels layered actionetics icon"></i>
    <div class="content">
      <div class="header"><a href="">Actionetics</a></div>
      <p class="usage"><span>20</span>/500</p>
      <div class="ui progress" data-value="20" data-total="500">
        <div class="bar">
          <div class="progress"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="package actioneticsMD">
    <i class="huge clickfunnels layered actionetics-md icon"><span></span>
      <span class="ui right corner green label">
        <i class="icon white lock"></i>
      </span>
    </i>
    <div class="content">
      <div class="header"><a href="">ActioneticsMD</a> <span class="new">New!</span></div>
      <p>No access</p>
      <p>(+$86 month)</p>
    </div>
  </div>
</div>

<div class="packages container">
  <div class="active package clickfunnels">
    <i class="huge clickfunnels layered logo icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">ClickFunnels</a> <span>7 days left</span></div>
      <div class="ui tiny button secondary">Activate Full Account</div>
    </div>
  </div>
  <div class="package backpack active">
    <i class="huge clickfunnels layered backpack icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">Backpack</a></div>
    </div>
  </div>
  <div class="package actionetics active">
    <i class="huge clickfunnels layered actionetics icon"></i>
    <div class="content">
      <div class="header"><a href="">Actionetics</a></div>
    </div>
  </div>
  <div class="package actioneticsMD active">
    <i class="huge clickfunnels layered actionetics-md icon"><span></span></i>
    <div class="content">
      <div class="header"><a href="">ActioneticsMD</a> <span class="new">New!</span></div>
      <p class="usage"><span>2532</span>/5000</p>
      <div class="ui progress" data-value="2532" data-total="5000">
        <div class="bar">
          <div class="progress"></div>
        </div>
      </div>
    </div>
  </div>
</div>