code 

<h1>مكتبة أ.ب.ج</h1>

<p>تصفح مجموعتنا من الكتب المذهلة!</p>

<p>أقرأ وتعلم.</p>

<div class="card-container">

    <div id="sally-adventure-book" class="card">

        <h2>مغامرة الخيال العلمي لسالي</h2>

        <p>هذه قصة ملحمية عن سالي وكلبها ريكس أثناء تنقلهما عبر عوالم أخرى.</p>

        <button class="btn">اشتري الآن</button>

    </div>

    <div id="dave-cooking-book" class="card">

        <h2>مغامرة ديف في الطبخ</h2>

        <p>هذه هي قصة ديف وهو يتعلم كيفية طهي كل شيء من الفطائر إلى المعكرونة، وصفة واحدة في كل مرة.</p>

        <button class="btn">اشتري الآن</button>

    </div>

</div>

<p>قم بمراجعة اختياراتك ثم استمر في الدفع.</p>

<div class="btn-container">

    <button id="view-cart-btn" class="btn">عرض العربة</button>

    <button id="checkout-btn" class="btn">الدفع</button>

</div>