</iframe</noscript><header class="header bg-secondary text-light"> <nav class="navbar navbar-expand-xl navbar-light bg-primary"> <div class="container-fluid"> <a href="/"> <img class="logo" src="img/light-logo.svg" alt="Review Us"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Search Reputably"> <i class="fas fa-search"></i> </button> <div class="collapse navbar-collapse" id="navbar"> <form id="SearchForm" autocomplete="off" class="d-flex flex-wrap align-items-center w-100 mt-3 mt-xl-0" method="post"> <div class="search-bar top-search w-100"> <div class="row g-2 align-items-stretch"> <div class="col-12 col-md-4 col-lg-5 autocomplete-container"> <input id="Search" name="Search" class="form-control" type="text" placeholder="Enter a Search Term" value=""> </div> <div class="col-12 col-md-5 autocomplete-container"> <div class="d-flex w-100"> <input id="Location" name="Location" class="form-control rounded-end-0" type="text" placeholder="Town or Postcode" value=""> <button class="btn btn-none btn-lg rounded-start-0 border-start-0" type="button" onclick="getLocation()" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Use My Location"> <i class="fas fa-location"></i> </button> </div> </div> <div class="col-12 col-md-3 col-lg-2"> <button class="btn btn-secondary btn-lg w-100" id="search" type="submit"> <i class="fas fa-search"></i> Search </button> </div> </div> </div> </form> </div> </div> </nav> </header> <script> autocomplete(document.getElementById("Search"), autocompletesearch); autocomplete(document.getElementById("Location"), autocompletelocation); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } } function showPosition(position) { var data = { Latitude: position.coords.latitude, Longitude: position.coords.longitude }; $.ajax({ type: "POST", url: "includes/getlocation.php", data: data, success: function (output) { $("#Location").val(output); } }); } </script><main role="main"> <nav id="listingNav" class="bg-white border-bottom py-2"> <div class="container-fluid"> <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-2"> <div class="d-flex flex-column align-items-center align-items-lg-start text-center text-lg-start"> <div class="d-flex flex-column flex-lg-row align-items-lg-center"> <h1 class="title mx-3">Cleaning Services Bristol</h1> <div class="d-flex align-items-center gap-2"> <div class="stars mb-0"><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i></div> <small class="text-muted mb-0"> No reviews </small> </div> </div> </div> <ul class="nav justify-content-center justify-content-lg-end flex-wrap"> <li class="nav-item"> <a class="nav-link" href="#about-section">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#reviews-section">Reviews</a> </li> </ul> </div> </div> </nav> <div class="container"> <section id="about-section" class="my-4"> <div class="row"> <div class="col-lg-6 mb-4 mb-lg-0"> <div class="p-4 bg-light"> <div class="listing-logo my-3"> </div> <table class="about-table table table-borderless"> <tr><td><i class="fad fa-map-marker-alt duotone"></i></td><td><strong>Cleaning Services Bristol</strong><br>17 Baldwin Street<br>London<br>Greater London<br>BS1 1EH</td></tr> <tr><td><i class="fad fa-tags duotone"></i></td> <td> <a href="search/Cleaners">Cleaners</a> </td> <tr><td><i class="fad fa-phone duotone"></i></td><td>011 7242 0497</td></tr> <tr><td><i class="fad fa-laptop duotone"></i></td><td><a href="https://www.gocleanersbristol.co.uk/" target="new">https://www.gocleanersbristol.co.uk/</a></td></tr> <tr><td><i class="fad fa-location duotone"></i></td><td>51.526898600000<br>-0.089224300000</td></tr> </table> </div> </div> <div class="col-lg-6"> <div id="Map" class="map"></div> </div> <script> function initMapInstance(){ var location = { lat: 51.526898600000, lng: -0.089224300000 }; var map = new google.maps.Map(document.getElementById('Map'), { mapTypeId: 'roadmap', zoom: 15, minZoom: 8, maxZoom: 18, center: location, scrollwheel: false, gestureHandling: 'cooperative', disableDefaultUI: true, zoomControl: true, styles: [{ featureType: "poi", stylers: [{ visibility: "off" }], }], }); var icon = { path: "M16.8,49C2.6,28.4,0,26.3,0,18.7C0,8.4,8.4,0,18.7,0s18.7,8.4,18.7,18.7c0,7.6-2.6,9.7-16.8,30.2 C19.7,50.3,17.8,50.3,16.8,49L16.8,49z M18.7,26.6c4.3,0,7.8-3.5,7.8-7.8s-3.5-7.8-7.8-7.8s-7.8,3.5-7.8,7.8S14.4,26.6,18.7,26.6z", fillColor: '#63397C', fillOpacity: 1, strokeWeight: 0, scale: 1, size: new google.maps.Size(37.5, 50), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(18.75, 50)}; var marker = new google.maps.Marker({ position: location, map: map, icon: icon }); } window.initMaps = function (){ initMapInstance(); }; jQuery(function ($){ var script = document.createElement('script'); script.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyDrF9t0EbF2QJKpW9FgYMnNvaoAKdXziJE&libraries=visualization&callback=initMaps"; script.async = true; script.defer = true; document.body.appendChild(script); }); </script> </div> <div class="row pt-4"> <div class="col mb-4"> <h3 class="py-4">About Us</h3> <p><a href="https://www.gocleanersbristol.co.uk/">Cleaning Services Bristol</a><br>Go Cleaners Bristol sets itself apart as a premier provider of cleaning services in Bristol, offering a comprehensive range of solutions tailored to meet the diverse needs of both residential and commercial clients.</p><p>For homeowners, Go Cleaners Bristol delivers meticulous house cleaning services designed to maintain a clean and comfortable living environment. Their skilled team tackles every corner of the home, from dusting and vacuuming to sanitizing bathrooms and kitchens. They also offer specialized services such as deep cleaning for move-ins or move-outs, ensuring properties are thoroughly cleaned and ready for new occupants.</p><p>In the realm of commercial cleaning, Go Cleaners Bristol understands the importance of a pristine workplace. They cater to various businesses, including offices, retail spaces, and educational institutions, with services that encompass regular maintenance cleaning, carpet and upholstery cleaning, and floor care. Their attention to detail and commitment to quality ensure that businesses can present a clean and professional image to clients and employees alike.</p><p>What distinguishes Go Cleaners Bristol is their dedication to using environmentally friendly cleaning products and practices. They prioritize sustainability by opting for eco-conscious cleaning solutions that are effective yet gentle on the environment and safe for occupants.</p><p>Customer satisfaction is paramount to Go Cleaners Bristol. They strive to build long-lasting relationships with clients through open communication, reliability, and exceptional service. Their team of trained professionals undergoes continuous training to stay abreast of industry standards and best practices, ensuring consistent and superior cleaning results.</p><p>Additionally, Go Cleaners Bristol offers flexible scheduling options to accommodate the unique needs and schedules of their clients. Whether you require a one-time deep clean or ongoing maintenance services, they provide personalized solutions that fit your specific requirements.</p><p>In conclusion, Go Cleaners Bristol stands out in Bristol's cleaning services landscape for their commitment to quality, eco-friendliness, and customer satisfaction. Whether you're a homeowner or business owner looking for reliable cleaning services, Go Cleaners Bristol is poised to deliver excellence with every clean. Contact them today to experience the difference firsthand and enjoy a cleaner, healthier environment.</p> </div> </div> </section> <section id="reviews-section" class="mb-4"> <h3 class="mb-4">Reviews</h3> <div class="row"> <div class="col-lg-5 col-xl-4"> <div class="card mb-4 shadow-sm"> <div class="card-body review-summary"> <h4 class="mb-3">Review Summary</h4> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="5" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="4" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="3" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="2" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="1" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> </div> </div> <div class="d-grid mb-5"> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#reviewModal">Leave a Review</button> </div> <div class="modal fade" id="reviewModal" tabindex="-1" aria-labelledby="reviewModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="reviewModalLabel">Leave a Review</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="success" class="alert alert-success d-none" role="alert">Thank you for leaving a review. We have sent you an email. You will need to verify your email address before the review is published.</div> <div id="error" class="alert alert-danger d-none" role="alert"> Please enter a rating for the review.</div> <form id="submitReview" class="needs-validation" novalidate> <div class="form-floating mb-3"> <input type="text" class="form-control" id="FirstName" name="FirstName" placeholder="First Name" required> <label for="FirstName">First Name</label> <div class="invalid-feedback">Please enter your first name.</div> </div> <div class="form-floating mb-3"> <input type="text" class="form-control" id="LastName" name="LastName" placeholder="Last Name" required> <label for="LastName">Last Name</label> <div class="invalid-feedback">Please enter your last name.</div> </div> <div class="form-floating mb-3"> <input type="email" class="form-control" id="Email" name="Email" placeholder="Email" required> <label for="Email">Email</label> <div class="invalid-feedback">Please enter a valid email address.</div> </div> <div class="form-floating mb-3"> <input type="text" class="form-control" id="ReviewTitle" name="ReviewTitle" placeholder="Review Title" required> <label for="ReviewTitle">Review Title</label> <div class="invalid-feedback">Please enter a review title.</div> </div> <div class="form-floating mb-3"> <textarea class="form-control resize-text" id="Comments" name="Comments" placeholder="Comments" required style="height: 120px;"></textarea> <label for="Comments">Comments</label> <div class="invalid-feedback">Please enter your review text.</div> </div> <div class="mb-3"> <div id="Stars" class="form-group star-rating"> <fieldset> <input type="radio" id="star5" name="Rating" value="5"> <label for="star5" title="Outstanding">5 Stars</label> <input type="radio" id="star4" name="Rating" value="4"> <label for="star4" title="Very Good">4 Stars</label> <input type="radio" id="star3" name="Rating" value="3"> <label for="star3" title="Good">3 Stars</label> <input type="radio" id="star2" name="Rating" value="2"> <label for="star2" title="Poor">2 Stars</label> <input type="radio" id="star1" name="Rating" value="1"> <label for="star1" title="Very Poor">1 Star</label> </fieldset> </div> <div id="error" class="alert alert-danger mt-2 d-none">Please enter a rating for the review.</div> </div> <div class="d-grid"> <button type="submit" class="btn btn-primary">Post Review</button> </div> </form> <div id="success" class="alert alert-success mt-3 d-none" role="alert"> Thank you for leaving a review. We have sent you an email. You will need to verify your email address before the review is published.</div> </div> </div> </div> </div> <script> function isValidEmail(emailAddress) { const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return pattern.test(emailAddress); } $("#submitReview").on('submit', function (e) { e.preventDefault(); const form = this; form.classList.add('was-validated'); if (!form.checkValidity()) { return false; } const rating = $('input[name=Rating]:checked', form).val(); if (!rating) { $('#error').removeClass("d-none"); $('#success').addClass("d-none"); return false; } else { $('#error').addClass("d-none"); } const data = { location: '2128', company: 'Cleaning Services Bristol', firstname: $("#FirstName").val(), lastname: $("#LastName").val(), email: $("#Email").val(), title: $("#ReviewTitle").val(), comments: $("#Comments").val(), rating: rating }; $.ajax({ type: "POST", url: "includes/review.php", data: data, success: function () { $('#submitReview input, #submitReview textarea, #submitReview button').prop("disabled", true); $('#success').removeClass("d-none"); $('#error').addClass("d-none"); setTimeout(function () { const modal = bootstrap.Modal.getInstance(document.getElementById('reviewModal')); if (modal) { modal.hide(); } }, 5000); }, error: function () { $('#error').removeClass("d-none").text("Something went wrong. Please try again."); $('#success').addClass("d-none"); } }); return false; }); </script> </div> <div class="col-lg-7 col-xl-8"> <p>There are no reviews for Cleaning Services Bristol, be the first to write one!</p> </div> </div> </section> <script> document.addEventListener('DOMContentLoaded', function () { const checkboxes = document.querySelectorAll('.filter-checkbox'); const reviews = document.querySelectorAll('.review-item'); function updateFilter() { const checkedRatings = Array.from(checkboxes) .filter(cb => cb.checked) .map(cb => cb.getAttribute('data-rating')); reviews.forEach(review => { const rating = review.getAttribute('data-rating'); const show = checkedRatings.length === 0 || checkedRatings.includes(rating); review.style.display = show ? '' : 'none'; }); } checkboxes.forEach(cb => cb.addEventListener('change', updateFilter)); updateFilter(); }); document.querySelectorAll('a.nav-link[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e){ e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); const sticky = document.querySelector('#listingNav'); if (target){ const stickyHeight = sticky ? sticky.offsetHeight : 0; const elementTop = target.getBoundingClientRect().top + window.scrollY; const scrollToPosition = elementTop - stickyHeight - 20; window.scrollTo({ top: scrollToPosition, behavior: 'smooth' }); } }); }); </script> </div> <script> function addAutoResize(){ document.querySelectorAll('.resize-text').forEach(function (element){ element.style.boxSizing = 'border-box'; var offset = element.offsetHeight - element.clientHeight; document.addEventListener('input', function (event){ if (event.target.type == 'textarea'){ event.target.style.height = 'auto'; event.target.style.height = event.target.scrollHeight + offset + 'px'; } }); element.style.height = element.scrollHeight + offset + "px"; }); } addAutoResize(); function forceCloseAllLists() { var x = document.getElementsByClassName("autocomplete-items"); for (var i = x.length - 1; i >= 0; i--) { x[i].parentNode.removeChild(x[i]); } } document.addEventListener("DOMContentLoaded", function () { const nav = document.getElementById("listingNav"); const stickyOffset = nav.offsetTop; window.addEventListener("scroll", function () { if (window.pageYOffset > stickyOffset) { nav.classList.add("sticky-top", "shadow-sm"); forceCloseAllLists(); if (document.activeElement.id === "Search" || document.activeElement.id === "Location") { document.activeElement.blur(); } } else { nav.classList.remove("sticky-top", "shadow-sm"); } }); }); </script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "@id": "https://www.reviewus.uk", "name": "Review Us", "url": "https://www.reviewus.uk", "logo": { "@type": "ImageObject", "url": "https://www.reviewus.uk/img/logo.svg" }, "address": { "@type": "PostalAddress", "streetAddress": "Suite 10, 1 Waterham Business Park", "addressLocality": "Faversham", "addressRegion": "Kent", "postalCode": "ME13 9EJ", "addressCountry": "GB" }, "contactPoint": [ { "@type": "ContactPoint", "telephone": "+443333003440", "contactType": "customer service", "areaServed": "GB", "availableLanguage": "English" } ], "sameAs": [ "https://www.facebook.com/reputablyuk", "https://www.instagram.com/reputablyuk", "https://twitter.com/reputablyuk", "https://www.linkedin.com/company/reputablyuk" ] }</script></main> <!--<div class="categories bg-primary text-light py-4 text-center"> <div class="container"> <h3 class="text-light pb-2">Popular Categories</h3> <div class="row"> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Beauty+Salons">Beauty Salons</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Builders">Builders</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Business+Consultants">Business Consultants</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Business+Services">Business Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Cafes+and+Coffee+Shops">Cafes and Coffee Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Charities+and+Trusts">Charities and Trusts</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Charity+Shops">Charity Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Clothes+Shops">Clothes Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Construction+Contractors">Construction Contractors</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Educational+Services">Educational Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Estate+Agents">Estate Agents</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Financial+Services">Financial Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Fish+and+Chip+Shops">Fish and Chip Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Health+and+Medical+Clinics">Health and Medical Clinics</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Health+Clubs+and+Fitness+Centres">Health Clubs and Fitness Centres</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Hotels">Hotels</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Indian+Restaurant">Indian Restaurant</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Insurance+Brokers">Insurance Brokers</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Legal+Services">Legal Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Petrol+Service+Stations">Petrol Service Stations</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Recruitment+Agency">Recruitment Agency</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Removals">Removals</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Restaurants">Restaurants</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Solicitors+and+Legal+Advisors">Solicitors and Legal Advisors</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Sports+and+Social+Clubs">Sports and Social Clubs</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Supermarkets">Supermarkets</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Takeaways">Takeaways</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Taxis">Taxis</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Training">Training</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Travel+Agents">Travel Agents</a> </div> </div> </div> </div>--> <footer class="text-light py-4 text-center"> <div class="container"> <img class="logo" src="img/light-logo.svg" alt="Review Us"> </div> </footer> <div id="cookie-confirmation"> <div id="cookie-confirmation-inner"> <div class="float-end"> <button id="cookie-confirmation-button" aria-label="Close cookie confirmation" class="btn-close"></button> </div> <div class="container"> <div class="row"> <div class="col-10 offset-1"> <p>We use cookies on our website to provide you with a better user experience. To learn more about these cookies, please see our <a href="cookies">Cookie Policy</a>. By continuing to use our website you agree to our use of cookies.</p> <div id="hs-en-cookie-confirmation-buttons-area"></div> </div> </div> </div> </div> </div> <script type="text/javascript"> $("#cookie-confirmation-button").click(function() { SetCookie('cookies','dismissed',365*10) $("#cookie-confirmation").remove(); }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/859247e388.js" crossorigin="anonymous"></script> </body> </html>