Subscription membership panel
Company: Lorem Ipsum Ltd.
Membership Number: 15122334
Membership Expires: 05/14/2022
Value Saved with CPS: £5,555
<div class="py-7 bg-light">
<div class="bs-container-lg">
<div class="bs-row align-items-end justify-content-center">
<div class="bs-col-12 bs-col-lg-4 text-center">
<div class="tier-table__circle mx-auto mb-4">
<span class="canon-h2--big lh-1 mt-2">563</span>
<span class="fs-xxs fs-md-xs text-uppercase fw-medium">points</span>
</div>
<p class="fs-sm text-black mb-5 fw-normal">
<span class="d-block fw-light d-md-inline-block">You are eligible for</span>
<span class="d-inline-flex justify-content-center align-items-center">
<span class="d-inline-block fw-bold ms-0 me-2">Gold</span>
<span style="background-color: #feab00" class="bs-badge bs-badge-rounded me-0">
<svg height="10.503" viewBox="0 0 14.107 10.503" width="14.107" xmlns="http://www.w3.org/2000/svg">
<path d="M5126.912-124.75l4.135,4.134,8.912-8.912" fill="none" stroke="#000" stroke-width="1.5" transform="translate(-5126.381 130.058)" />
</svg>
</span>
</span>
</p>
<a href="#" class="bs-btn bs-btn-outline-info">Upgrade to gold</a>
</div>
<div class="bs-col-12 bs-col-lg-8 px-lg-0">
<div class="my-account-accordion__group border-0">
<button class="d-flex d-md-none border-bottom border-2 pb-4 pb-md-0 justify-content-start align-items-center w-100 accordion__button fs-lg fw-bold mt-7 mt-md-0 text-start disable-rtl" type="button">
<span class="my-account-accordion__icon border border-primary mr-3 ml-0">
<svg height="8" width="8" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor">
<path class="icon-plus--horizontal-line" d="M0 4h8" />
<path class="icon-plus--vertical-line" d="M4 0v8" />
</g>
</svg>
</span>
Account Details
</button>
<div class="accordion__collapsable accordion__collapsable__visible full">
<div class="pb-7 border-bottom border-2 mt-7 mt-lg-0">
<div class="bs-row">
<div class="bs-col-12 bs-col-md-6">
<p class="fw-light mb-2"><span class="fw-medium">Company:</span> Lorem Ipsum Ltd.</p>
<p class="fw-light mb-2"><span class="fw-medium">Membership Number:</span> 15122334</p>
<p class="fw-light mb-2"><span class="fw-medium">Membership Expires:</span> 05/14/2022</p>
<p class="fw-light"><span class="fw-medium">Value Saved with CPS:</span> £5,555</p>
</div>
<div class="bs-col-12 bs-col-md-6">
<div class="d-flex flex-column mt-7 mt-md-0">
<a href="//google.co.uk" class="canon-link canon-link--blue-light mb-2 canon-link--fwd">
Manage subscription
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
<a href="//google.co.uk" class="canon-link canon-link--blue-light mb-2 canon-link--fwd">
Membership history
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
<a href="//google.co.uk" class="canon-link canon-link--blue-light mb-2 canon-link--fwd">
Sign-up for auto-renewal
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
<a href="//google.co.uk" class="canon-link canon-link--blue-light mb-2 canon-link--fwd">
Payment history and invoices
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="pt-6">
<div class="bs-row align-items-end">
<div class="bs-col-12 bs-col-md-6">
<p class="fw-medium fs-md mb-2">Earn More Points</p>
<p class="fs-sm fw-light mb-5">Your last product earned you 150 points</p>
<a href="//google.co.uk" class="bs-btn bs-btn-primary">Register new product</a>
</div>
<div class="bs-col-12 bs-col-md-6 mt-7 mt-md-0">
<p class="fw-medium fs-md mb-2">Are your products in need of service?</p>
<p class="fs-sm fw-light mb-5">Visit ‘My Products’ to sort one now</p>
<a href="//google.co.uk" class="bs-btn bs-btn-primary">My Products</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>