เพิ่มรูปมาจากหน้ารายการอุปกรณ์

src/app/pages/equipment/equipment.component.html

@@ -4,7 +4,7 @@
             <div class="card">
                 <div class="card-body">
                     <div>
-                        <h4 class="card-title ">รายการอุปกรณ์ที่ยืมได้</h4>
+                        <h4 class="nav justify-content-center ">รายการอุปกรณ์ที่ยืมได้</h4>
                     </div>
                 </div>
             </div>
@@ -12,27 +12,34 @@
     </div>
 
     <div class="row">
-        <div class="col-sm-6">
+        <div class="col-sm-12">
             <div class="card">
-                <div class="card-body">
-                    <div>
-                        <h4 class="card-title">รูปภาพอุปกรณ์</h4>
-                    </div>
-                    <div class="card mb-3" style="max-width: 540px;">
-                        <div class="row g-0">
-                            <div class="col-md-4">
-                                <img src="assets\img\mo.jpg" class="img-fluid rounded-start" alt="...">
-                            </div>
-                            <div class="col-md-8">
-                                <div class="card-body">
-                                    <h5 class="card-title">จอคอมพิวเตอร์</h5>
-                                    <p class="card-text">รหัสอุปกรณ์ : 0001</p>
-                                    <p class="card-text">ชื่อรุ่นอุปกรณ์ : MSI</p>
-                                    <p class="card-text">จำนวนที่เหลือ </p>
-                                </div>
-                                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
-                                    <button class="btn btn-primary me-md-2" type="button">ยืนยัน</button>
-                                    <button class="btn btn-primary" type="button">ยกเลิก</button>
+                <div class="card" style="width: 18rem;">
+                    <div class="card-body">
+                        <img src="assets\img\mo1.jpg" class="card-img-top" alt="...">
+                        <div class="card-body">
+                            <h5 class="card-title">จอคอมพิวเตอร์</h5>
+                            <p class="card-text">รหัสอุปกรณ์ : 0001</p>
+                        </div>
+                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
+                            <button class="btn btn-primary me-md-2" type="button">ยืนยัน</button>
+                            <button class="btn btn-primary" type="button">ยกเลิก</button>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-sm-6">
+                                <div class="card" style="width: 18rem;">
+                                    <div class="card-body">
+                                        <img src="assets\img\notebook.jpg" class="card-img-top" alt="...">
+                                        <div class="card-body">
+                                            <h5 class="card-title">โน๊ตบุ๊ค</h5>
+                                            <p class="card-text">รหัสอุปกรณ์ : 0002</p>
+                                        </div>
+                                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
+                                            <button class="btn btn-primary me-md-2" type="button">ยืนยัน</button>
+                                            <button class="btn btn-primary" type="button">ยกเลิก</button>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>