</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">Edinburgh Translation Services</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="#photos-section">Photos</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"> <img src="https://app.reputably.uk/uploads/2169/66a8d00452ce7.jpg" alt="Edinburgh Translation Services"> </div> <table class="about-table table table-borderless"> <tr><td><i class="fad fa-map-marker-alt duotone"></i></td><td><strong>Edinburgh Translation Services</strong><br>23B Blair Street<br>Edinburgh<br>City of Edinburgh<br>EH1 1QR</td></tr> <tr><td><i class="fad fa-tags duotone"></i></td> <td> <a href="search/Translation">Translation</a>, <a href="search/Typing+and+Transcription+Services">Typing and Transcription Services</a>, <a href="search/Business+Services">Business Services</a> </td> <tr><td><i class="fad fa-phone duotone"></i></td><td>+44 131 241 3008</td></tr> <tr><td><i class="fad fa-laptop duotone"></i></td><td><a href="https://edinburghtranslation.co.uk/" target="new">https://edinburghtranslation.co.uk/</a></td></tr> <tr><td><i class="fab fa-facebook-f"></i></td><td><a href="https://www.facebook.com/EdinburghTranslation" target="new">EdinburghTranslation</a></td></tr> <tr><td><i class="fab fa-x-twitter"></i></td><td><a href="https://www.twitter.com/translatoruk" target="new">translatoruk</a></td></tr> <tr><td><i class="fab fa-linkedin-in"></i></td><td><a href="https://www.linkedin.com/company/edinburgh-translation-services/" target="new">company/edinburgh-translation-services/</a></td></tr> <tr><td><i class="fad fa-location duotone"></i></td><td>55.949093500000<br>-3.187759900000</td></tr> </table> </div> </div> <div class="col-lg-6"> <div id="Map" class="map"></div> </div> <script> function initMapInstance(){ var location = { lat: 55.949093500000, lng: -3.187759900000 }; 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>Edinburgh Translation Services, part of the broader Translator UK network, offers a wide array of translation and interpreting services in Edinburgh, UK. Known for their competitive pricing and high-quality outputs, they specialise in translating documents into and from numerous languages, ensuring that translations are performed by native speakers with relevant expertise. This agency prides itself on providing human translation services without relying on automated software, thereby maintaining the authenticity and accuracy of the translated documents​.</p><p>As a <a href="https://edinburghtranslation.co.uk/">translation agency in Edinburgh</a>, Edinburgh Translation Services covers a vast range of translation services, including certified, legal, medical, technical, and financial translations. Certified translations, in particular, are a significant offering, catering to documents such as birth certificates, marriage certificates, court documents, and academic transcripts. These certified translations are meticulously handled by accredited professionals who ensure compliance with the specific requirements of different countries.</p><p>In addition to document translation, Edinburgh Translation Services provides interpreting services for various settings, such as business meetings, conferences, and teleconferences. Their interpreters are highly skilled, possessing an extensive vocabulary in both source and target languages, which enables them to facilitate effective communication in real-time scenarios. This Edinburgh translation agency offers these services on an hourly or daily basis, depending on the project's needs.</p><p>Furthermore, the company is well-regarded for its specialization in technical translations, particularly in languages like Spanish. These technical translations span multiple fields, including medical, financial, and specialized technical subjects. The translators handling these projects often have dual qualifications in their technical subject areas and translation studies, ensuring the highest level of accuracy and expertise in the translated content.</p><p>Core translation services offered in Edinburgh:</p><ul><li><a href="https://edinburghtranslation.co.uk/certified-translation/">Certified Translation</a></li><li><a href="https://edinburghtranslation.co.uk/legal-translation/">Legal Translation</a></li><li><a href="https://edinburghtranslation.co.uk/sworn-translation/">Sworn Translation</a></li><li><a href="https://edinburghtranslation.co.uk/certificate-translation/">Certificate Translation</a></li><li><a href="https://edinburghtranslation.co.uk/transcription/">Transcription Services</a></li><li><a href="https://edinburghtranslation.co.uk/text-translation/">Standard Text Translation</a></li><li><a href="https://edinburghtranslation.co.uk/medical-translation/">Medical Translation</a></li><li><a href="https://edinburghtranslation.co.uk/website-translation/">Website Translation</a></li><li><a href="https://edinburghtranslation.co.uk/specialised-translation/">Specialised Translation</a></li><li><a href="https://edinburghtranslation.co.uk/technical-translation/">Technical Translation</a></li><li><a href="https://edinburghtranslation.co.uk/financial-translation/">Financial Translation</a></li><li><a href="https://edinburghtranslation.co.uk/urgent-translation/">Urgent Translation</a></li><li><a href="https://edinburghtranslation.co.uk/software-localisation/">Software Localisation</a></li><li><a href="https://edinburghtranslation.co.uk/application-translation/">Mobile App Translation</a></li><li><a href="https://edinburghtranslation.co.uk/usermanual-translation/">User Manual Translation</a></li><li><a href="https://edinburghtranslation.co.uk/interpreting/">Interpreting Services</a></li></ul> </div> <div class="col-lg-6"> <div class="bg-light"> <h3 class="py-4 px-4 mb-0">Opening Hours</h3> <div class="table-responsive"> <table class="table mb-0 border-top opening-hours"> <tbody> <tr><th class='ps-4 pe-2'>Monday</th><td class='pe-4'>08:00 - 20:00</td></tr><tr><th class='ps-4 pe-2'>Tuesday</th><td class='pe-4'>08:00 - 20:00</td></tr><tr><th class='ps-4 pe-2'>Wednesday</th><td class='pe-4'>08:00 - 20:00</td></tr><tr><th class='ps-4 pe-2'>Thursday</th><td class='pe-4'>08:00 - 20:00</td></tr><tr><th class='ps-4 pe-2'>Friday</th><td class='pe-4'>08:00 - 20:00</td></tr> </tbody> </table> </div> <p class="text-muted small px-4 py-3">Opening hours may differ on bank holidays.</p> </div> </div> </div> </section> <section id="photos-section" class="mb-4"> <h3 class="mb-4">Photos</h3> <div class="gallery row g-4 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 align-items-stretch"> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="0" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/2169/66a8b9758ae3c.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="1" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/2169/66a8b975d9344.png" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="2" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/2169/66a8b97612b2a.png" alt="" title=""> </div> </a> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { const images_mainGallery = [{"PhotoID":"959","CompanyID":"2169","LocationID":"2182","Image":"66a8b9758ae3c.jpg","Title":null,"Caption":null,"AltText":null,"Width":"1500","Height":"1500","Size":"67516","CreationDate":"2024-07-30 09:59:17"},{"PhotoID":"960","CompanyID":"2169","LocationID":"2182","Image":"66a8b975d9344.png","Title":null,"Caption":null,"AltText":null,"Width":"628","Height":"628","Size":"288553","CreationDate":"2024-07-30 09:59:17"},{"PhotoID":"961","CompanyID":"2169","LocationID":"2182","Image":"66a8b97612b2a.png","Title":null,"Caption":null,"AltText":null,"Width":"1200","Height":"576","Size":"149507","CreationDate":"2024-07-30 09:59:18"}]; const modalImage = document.getElementById('modalImage'); const imageTitle = document.getElementById('imageTitle'); const imageCaption = document.getElementById('imageCaption'); const prevButton = document.getElementById('prevImage'); const nextButton = document.getElementById('nextImage'); const modalFooter = document.querySelector('.modal-footer'); let currentIndex = 0; function updateModal(index) { const image = images_mainGallery[index]; modalImage.src = "https://app.reputably.uk/uploads/2169/" + image.Image; modalImage.alt = image.AltText || image.Title; imageTitle.textContent = image.Title || ""; imageCaption.textContent = image.Caption || ""; modalFooter.style.display = (image.Title || image.Caption) ? "flex" : "none"; currentIndex = index; prevButton.style.display = index > 0 ? "block" : "none"; nextButton.style.display = index < images_mainGallery.length - 1 ? "block" : "none"; } document.querySelectorAll('[data-gallery="mainGallery"]').forEach((link) => { link.addEventListener('click', function (e) { e.preventDefault(); const index = parseInt(this.getAttribute('data-index'), 10); updateModal(index); }); }); prevButton.addEventListener('click', function () { if (currentIndex > 0) updateModal(currentIndex - 1); }); nextButton.addEventListener('click', function () { if (currentIndex < images_mainGallery.length - 1) updateModal(currentIndex + 1); }); }); </script> <div class="modal image-gallery fade" id="imageGalleryModal" tabindex="-1" aria-labelledby="imageGalleryModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content border-0"> <div class="position-relative"> <button type="button" class="close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Close"> <i class="fa-regular fa-x"></i> </button> <button class="carousel-control-prev position-absolute top-50 start-0 translate-middle-y" id="prevImage" style="display: none;" aria-label="Previous"> <i class="fa-light fa-chevron-left"></i> </button> <img id="modalImage" class="img-fluid w-100" src="" alt=""> <button class="carousel-control-next position-absolute top-50 end-0 translate-middle-y" id="nextImage" style="display: none;" aria-label="Next"> <i class="fa-light fa-chevron-right"></i> </button> </div> <div class="modal-footer flex-column text-center"> <strong id="imageTitle" class="mb-1"></strong> <span id="imageCaption" class="text-muted m-0"></span> </div> </div> </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: '2182', company: 'Edinburgh Translation Services', 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 Edinburgh Translation Services, 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>