Homestay Booking History - Copy this Html, Bootstrap Component to your project

<div class="amenities-section py-5" data-aos="fade-up"> <div class="container"> <h2 class="text-center mb-5">Tiện Nghi Của Chúng Tôi</h2> <div class="row g-4"> <div class="col-md-3 text-center"> <i class="bi bi-wifi fs-1 text-primary mb-3"></i> <h5>Wifi Miễn Phí</h5> <p class="text-muted">Kết nối internet tốc độ cao, phủ sóng toàn bộ homestay.</p> </div> <div class="col-md-3 text-center"> <i class="bi bi-water fs-1 text-primary mb-3"></i> <h5>Bể Bơi</h5> <p class="text-muted">Bể bơi ngoài trời, sạch sẽ và thoáng mát.</p> </div> <div class="col-md-3 text-center"> <i class="bi bi-thermometer-snow fs-1 text-primary mb-3"></i> <h5>Máy Lạnh</h5> <p class="text-muted">Phòng được trang bị máy lạnh, đảm bảo sự thoải mái.</p> </div> <div class="col-md-3 text-center"> <i class="bi bi-cup-straw fs-1 text-primary mb-3"></i> <h5>Bếp Đầy Đủ</h5> <p class="text-muted">Bếp hiện đại, đầy đủ dụng cụ nấu nướng.</p> </div> </div> </div> </div> <div class="services-section py-5 bg-light" data-aos="fade-up"> <div class="container"> <h2 class="text-center mb-5">Dịch Vụ Của Chúng Tôi</h2> <div class="row g-4"> <div class="col-md-4 text-center"> <i class="bi bi-car-front fs-1 text-primary mb-3"></i> <h5>Đưa Đón Sân Bay</h5> <p class="text-muted">Dịch vụ đưa đón sân bay nhanh chóng và tiện lợi.</p> </div> <div class="col-md-4 text-center"> <i class="bi bi-bell fs-1 text-primary mb-3"></i> <h5>Dịch Vụ Phòng 24/7</h5> <p class="text-muted">Nhân viên phục vụ 24/7, sẵn sàng hỗ trợ mọi yêu cầu.</p> </div> <div class="col-md-4 text-center"> <i class="bi bi-cup-hot fs-1 text-primary mb-3"></i> <h5>Ăn Sáng Miễn Phí</h5> <p class="text-muted">Bữa sáng miễn phí với nhiều lựa chọn phong phú.</p> </div> </div> </div> </div> <div class="rules-section py-5" data-aos="fade-up"> <div class="container"> <h2 class="text-center mb-5">Quy Tắc Homestay</h2> <div class="row g-4"> <div class="col-md-6"> <div class="card h-100"> <div class="card-body"> <h5 class="card-title mb-3">Giờ Giấc</h5> <ul class="list-unstyled text-muted"> <li><i class="bi bi-clock me-2"></i>Check-in: 14:00 - 22:00</li> <li><i class="bi bi-clock me-2"></i>Check-out: Trước 12:00</li> </ul> </div> </div> </div> <div class="col-md-6"> <div class="card h-100"> <div class="card-body"> <h5 class="card-title mb-3">Quy Định Chung</h5> <ul class="list-unstyled text-muted"> <li><i class="bi bi-x-circle me-2"></i>Không hút thuốc trong phòng</li> <li><i class="bi bi-x-circle me-2"></i>Không mang thú cưng</li> <li><i class="bi bi-x-circle me-2"></i>Giữ trật tự sau 22:00</li> </ul> </div> </div> </div> </div> </div> </div> redesign for this code