Schedule

<h2>Next Event Info</h2>
            <div class="info-container">
                <div class="contains-map">
                    <p id="event_date">
                        <i class="fa-solid fa-calendar"></i>
                        <strong>Saturday 31st May from 7pm</strong>
                    </p>
                    <p><i class="fa-solid fa-clock"></i> 19h00 - 00h00</p>
                    
                    <!-- Map Container -->
                    <div class="map-container">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d691.9582804242564!2d18.469617918425133!3d-33.92582896171715!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1dcc5dcabb7de335%3A0x58498067eaaa9303!2sThe%20Spice%20Yard!5e0!3m2!1sen!2sza!4v1734099588049!5m2!1sen!2sza" 
                                width="100%" height="100%" 
                                style="border:0;" 
                                allowfullscreen="" 
                                loading="lazy" 
                                referrerpolicy="no-referrer-when-downgrade">
                        </iframe>
                    </div>
                    
                    <!-- Address Information -->
                    <div class="address">
                        <a href="#">
                            <i class="fa-solid fa-location-dot"></i>The Spice Yard
                        </a>
                        <p>100 Voortrekker Rd<br>Salt River<br>Cape Town<br>7925</p>
                    </div>
                </div>
            </div>