<div class="card col-12 col-lg-9 px-0 px-md-3 px-lg-3  mb-3 border-0" aria-label="Card">
    <div class="row no-gutters align-items-start aha-card py-3">
        <div class="col-3 col-sm-3 col-md-3 col-lg-3 card-head-img">
            <img src="../../images/card-head.png" class="card-img mx-auto" alt="card head" />
        </div>
        <div class="col-9 col-sm-9 col-md-9 col-lg-9 px-4 py-0 card-body">
            <a href="#" class="d-block mb-2 mb-sm-4 card-title">
                <h5 class="m-0 h5" aria-label="Add to Cart US Version Spanish Heartsaver FA CPR AED Student Workbook">US Version Spanish Heartsaver FA CPR AED Student Workbook</h5>
            </a>
            <div class="card-detail">
                <span class="pr-sm-4 mb-2 mb-sm-0 d-block d-sm-inline">Product Number : 15-1407</span>
                <span class="pl-sm-4 d-block d-sm-inline">ISBN : 978-1-61669-643-6</span>
            </div>
            <div class="py-3 aha-card-tags">
                <span class="tag" aria-label="Heartsaver"><img class="pr-1" src="../../../images/Heartsaver.svg"  alt="Heartsaver"/>Heartsaver</span>
                <span class="tag" aria-label="eLearning"><img class="pr-1" src="../../../images/Blended-Elearning.svg"  alt="Bleanded and eLearning"/>Bleanded and eLearning</span>
                <span class="tag" aria-label="Online Course"><img class="pr-1" src="../../../images/Online-course.svg"  alt="Online Course"/>Online Course</span>
                <span class="tag" aria-label="Online Course"><img class="pr-1" src="../../../images/ACLS.svg"  alt="ACLS"/>ACLS</span>
                <span class="tag" aria-label="Online Course"><img class="pr-1" src="../../../images/BLS.svg"  alt="BLS"/>BLS</span>
                <span class="tag" aria-label="Online Course"><img class="pr-1" src="../../../images/CME.svg"  alt="CE/CME"/>CE/CME</span>
            </div>
            <div class="d-flex justify-content-end align-items-center">
                <div class="special-card-price">
                    <p class="mb-0 card-price-label">Special Price</p>
                    <span class="card-price">$20.50</span>
                </div>
                <span class="card-price card-price-not">$ 22.50</span>
                <button type="button" class="btn btn-md btn-round btn-primary ml-4 d-none d-sm-none d-md-none d-lg-block" aria-label="Add to Cart US Version Spanish Heartsaver FA CPR AED Student Workbook">Add to Cart</button>
            </div>
        </div>
    </div>
</div>

<div class="col-12 col-md-6 col-xl-5 my-3">
    <div class="card p-0 p-sm-3 aha-card-sm" aria-label="Card">
        <div class="row no-gutters align-items-start">
            <div class="col-12 col-sm-3 p-4 p-sm-0 card-head-img">
                <img src="..." class="card-img mx-auto" alt="card head" />
            </div>
            <div class="col-12 col-sm-9 p-4 py-sm-0 card-body">
                <a href="#" class="d-block mb-2 mb-sm-2 card-title">
                    <h6 class="m-0 h8" aria-describedby="2015 American Heart Association Guidelines Update for CPR and ECC...">2015 American Heart Association Guidelines Update for CPR and ECC...</h6>
                </a>
                <div class="card-detail">
                    <span class="pr-sm-4 mb-2 mb-sm-0 d-block d-sm-inline" aria-describedby="This is the eBook version of the 2015 AHA Guidelines...">This is the eBook version of the 2015 AHA Guidelines...</span>
                </div>

                <div class="d-flex">
                    <button type="button" class="btn btn-md btn-round btn-sm btn-primary mt-3" aria-label="Read Online">Read Online</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-12 col-md-6 my-3">
    <div class="card aha-type-card">
        <div class="d-flex align-items-center justify-content-between typecard-header">
            <h5 class="h5 flex-grow-1 m-0">Stroke</h5>
            <i class="aha-icon-brain"></i>
        </div>
        <div class="typecard-body">
            <p>Offered by the American Stroke Association (ASA) in collaboration with the Middle East and North Africa Stroke Association (MENASO), the Primary and Comprehensive Stroke Center certification programs are based on standards developed independently and overseen by two mission-driven organizations, reflecting decades of science and clinical expertise.</p>
        </div>
        <div class="d-flex align-items-center justify-content-end typecard-footer">
            <button type="button" class="btn btn-round btn-sm btn-primary">Register</button>
        </div>
    </div>
</div>

<div class="aui-shopping-cart">
<div class="row">
<div class="col-lg-7 col-sm-12 col-12">
    <div class="row">
    <div class="col-lg-4 col-sm-4 col-4">
    <img src="..." class="card-img mx-auto" alt="card head" />
    </div>
    <div class="col-lg-8 col-sm-8 col-8">
    <a href="#" class="d-block mb-2 mb-sm-4 card-title">
    <h5 class="m-0 h5" aria-label="Add to Cart US Version Spanish Heartsaver FA CPR AED Student Workbook">US Version Spanish Heartsaver FA CPR AED Student Workbook</h5>
    </a>
    <div class="card-detail mt-3">
            <span class="pr-sm-4 mb-2 mb-sm-0 d-block d-sm-inline">Product Number : 15-1407</span>
    <div class="py-3 aha-card-tags">
            <div class="tag" aria-label="Heartsaver"><img class="pr-1 img-fluid" src="..."  alt="Heartsaver"/>Heartsaver</div>
            <div class="tag" aria-label="eLearning"><img class="pr-1 img-fluid" src="..."  alt="Bleanded and eLearning"/>Bleanded and eLearning</div>
            <div class="tag" aria-label="Online Course"><img class="pr-1 img-fluid" src="..."  alt="ACLS"/>ACLS</div>           
    </div>
    </div>
</div>
</div>
</div>
<div class="col-lg-5 offset-lg-0 offset-sm-4 col-sm-8 offset-4 col-8">
   <div class="row">
   <div class="col-lg-4">
   <h5 class="m-0 h5 float-sm-left float-left d-lg-none" aria-label="Unit Price">Unit Price</h5>
   <h5 class="m-0 h5 float-sm-right float-right" aria-label="Unit Price">$200</h5>
   </div>
   <div class="col-lg-4 mt-sm-3 mt-3 mt-lg-0">
   <label class="d-lg-none" id="quantity"><h5>Quantity</h5> </label><input type="number" min="1" max="999" class="shopping-product-qty" aria-labelledby="quantity" name="quantity"/>
       </div>
       <div class="col-lg-4">
       <h5 class="m-0 h5 d-none d-lg-block" aria-label="Total">$200</h5>
       </div>
   </div>
</div>
</div>
<div class="shopping-product-trash float-right mr-lg-5 mt-3 px-lg-5">
<a href="#" role="button">
            <span class="aha-icon-trash" aria-label="delete"></span>
        </a>
</div>
</div>

<div class="aui-collection-card col-lg-4 col-md-6 d-flex mb-5">
<div class="aui-img-sec">
    <img src="..." alt="English Healthcare Core Collection" />
</div>
<div class="aui-summary-sec pl-4">
    <h6 class="h7">English Healthcare Core Collection </h6>
    <p>Product Code : <span>20-3104</span></p>
    <div class="btn-holder">
        <button type="button" class="btn btn-round btn-primary mb-2"
            aria-label="View Titles English Healthcare Core Collection">View Titles</button>
        <button type="button" class="btn btn-round btn-secondary"
            aria-label="Subscribe English Healthcare Core Collection">Subscribe</button>
    </div>
</div>
</div>

<div class="aui-collection-card aui-catalog-card col-lg-4 col-md-6 d-flex mb-5">
<div class="aui-img-sec">
    <img src="..." alt="English Healthcare Core Collection" />
</div>
<div class="aui-summary-sec pl-4">
    <h6 class="h7" role="heading">2015 American Heart Association Guidelines Update </h6>
    <p>Product Code : <span>20-3104</span></p>
    <div class="btn-holder">
        <button type="button" class="btn btn-round btn-primary mb-2"
            aria-label="View 2015 American Heart Association Guidelines Update">View</button>
        <button type="button" class="btn btn-round btn-secondary"
            aria-label="Subscribe 2015 American Heart Association Guidelines Update">Subscribe</button>
    </div>
</div>
</div>