="up fade-in">Step into Sydney CBD Barber, where every haircut transcends the ordinary. Experience the craftsmanship of expert barbers in a welcoming atmosphere that makes you feel like royalty. Choose us not just for a haircut, but for a rejuvenation of your confidence and style. Transform your look, transform your life.</div>
            </div>
            <div class="btn-column d-md-flex align-items-center justify-content-center">
                <a href="#services" class="btn btn-primary mx-3 my-4 my-lg-0 arrow-right" data-hd-visible="true"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12" fill="none">
                            <path d="M8.37461 6L2.37461 12L0.974609 10.6L5.57461 6L0.974609 1.4L2.37461 -6.11959e-08L8.37461 6Z" fill="#2EC4B6" />
                        </svg></span><span>Get Started!</span></a>
            </div>
        </div>
    </section>
    <section class="services-default" id="services">
        <div id="overlay"></div>
        <div class="heading-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="heading-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none">
                                <path d="M97 57.3115L81.334 42.6895L65.673 57.3115L50.007 42.6895L34.339 57.3115L18.67 42.6895L3 57.3115" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </div>
                        <h2 class="up fade-in">"Premium Haircuts and Styling Services"</h2>
                        <p class="up fade-in">Experience premier grooming with Sydney CBD Barber—expert cuts, shaves, and styling in the heart of Sydney.</p>
                        <a href="" class="btn btn-text btn-text-secondary arrow-right" data-hd-visible="false"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12" fill="none">
                                    <path d="M8.37461 6L2.37461 12L0.974609 10.6L5.57461 6L0.974609 1.4L2.37461 -6.11959e-08L8.37461 6Z" fill="#2EC4B6" />
                                </svg></span><span></span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row justify-content-around"></div>
        </div>
    </section>
    <section class="textimage-default altColor3" id="textimage">
        <div id="overlay"></div>
        <div class="container">
            <div class="heading-icon mb-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none">
                    <path d="M97 57.3115L81.334 42.6895L65.673 57.3115L50.007 42.6895L34.339 57.3115L18.67 42.6895L3 57.3115" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </div>
            <div class="d-lg-flex align-items-start justify-content-between">
                <div class="content-section">
                    <div class="heading-area text-start py-0">
                        <h2 class="mb-4 up fade-in">"Sydney's Premier CBD Barbershop"</h2>
                        <p class="up fade-in">Discover Sydney CBD Barber—where expert craftsmanship meets style. Experience the finest cuts and shaves in the heart of Sydney. Your top choice for impeccable grooming.</p>
                        <a href="#contact" class="btn btn-text arrow-right" data-hd-visible="true"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12" fill="none">
                                    <path d="M8.37461 6L2.37461 12L0.974609 10.6L5.57461 6L0.974609 1.4L2.37461 -6.11959e-08L8.37461 6Z" fill="#2EC4B6" />
                                </svg></span><span>Join us</span></a>
                    </div>
                </div>
                <div class="image-section">
                    <div class="image">
                        <img src="https://images.pexels.com/photos/897253/pexels-photo-897253.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" />
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="testimonial-default" id="testimonials">
        <div id="overlay"></div>
        <div class="container">
            <div class="section-heading text-center">
                <div class="container container-inner">
                    <div class="tag-line fade-in up">"Real Clients, Stellar Reviews!"</div>
                    <h2 class="fade-in up">Customers rave about Sydney CBD Barber, praising its skilled stylists and exceptional, friendly service in the heart of Sydney.</h2>
                </div>
            </div>
        </div>
        <div class="swiper testimonials">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="testimonial-column">
                        <h3 class="testimonial" id="0">Technology is nothing. What’s important is that you have faith in people</h3>
                        <div class="testimonial-author-column">
                            <div class="testimonial-img"><img src="https://bacore.blob.core.windows.net/templateimages/testi-image1.webp" alt="" /></div>
                            <div class="testimonial-author" id="0">Steve Jobs</div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="testimonial-column">
                        <h3 class="testimonial" id="1">At Designership, they ship truly brilliant products! It’s easy to use and scale, and is really handy to customise for any projects.</h3>
                        <div class="testimonial-author-column">
                            <div class="testimonial-img"><img src="https://bacore.blob.core.windows.net/templateimages/testi-img.png" alt="" /></div>
                            <div class="testimonial-author" id="1">— Dora Mount, CEO at Spotify</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>
    <section class="gallery-modeui" id="gallery">
        <div id="overlay"></div>
        <div class="section-heading text-center">
            <div class="container">
                <h2 class="fade-in up">"Showcasing Sydney's Finest Cuts"</h2>
                <p class="fade-in up">Offering expert haircuts, shaves, and grooming essentials in the heart of Sydney CBD for a polished, impeccable look.</p>
                <div class="btn-column fade-in">
                    <a href="#contact" class="btn btn-text arrow-right" data-hd-visible="true"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                                <path d="M4.66699 10.0003H16.3337M16.3337 10.0003L10.5003 4.16699M16.3337 10.0003L10.5003 15.8337" stroke="#E46A00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg></span><span>Contact Us</span></a>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row gallery-list">
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/897253/pexels-photo-897253.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="0"></h3>
                                <p id="0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/8867553/pexels-photo-8867553.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="1"></h3>
                                <p id="1"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/7697652/pexels-photo-7697652.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="2"></h3>
                                <p id="2"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/8867541/pexels-photo-8867541.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="3"></h3>
                                <p id="3"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/7518729/pexels-photo-7518729.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="4"></h3>
                                <p id="4"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/683039/pexels-photo-683039.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="5"></h3>
                                <p id="5"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/4050356/pexels-photo-4050356.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="6"></h3>
                                <p id="6"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gallery-column">
                    <div class="gallery-img"><img src="https://images.pexels.com/photos/2964779/pexels-photo-2964779.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="" />
                        <div class="gallery-img-overlay">
                            <div class="gallery-img-overlay-content">
                                <h3 id="7"></h3>
                                <p id="7"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="team-modeui altColor3" id="team">
        <div id="overlay"></div>
        <div class="container">
            <div class="section-heading text-center">
                <h2 class="fade-in up">"Expert Barbers, Unmatched Craftsmanship."</h2>
                <p class="fade-in up"></p>
            </div>
            <div class="team-list">
                <div class="team-column">
                    <div class="team-img"><img src="https://bacore.blob.core.windows.net/templateimages/team-1.png" alt="" /></div>
                    <div class="team-name" id="0">Cary Bennett</div>
                </div>
                <div class="team-column">
                    <div class="team-img"><img src="https://bacore.blob.core.windows.net/templateimages/team-2.png" alt="" /></div>
                    <div class="team-name" id="1"></div>
                </div>
                <div class="team-column">
                    <div class="team-img"><img src="https://bacore.blob.core.windows.net/templateimages/team-3.png" alt="" /></div>
                    <div class="team-name" id="2"></div>
                </div>
            </div>
        </div>
    </section>
    <section class="location-modeui" id="location">
        <div id="overlay"></div>
        <div class="container">
            <div class="contact-column">
                <div class="row ">
                    <div class="col-lg-7">
                        <div class="section-heading">
                            <h2 class="fade-in up">"Central Sydney Barber Shop"</h2>
                            <p class="fade-in up">Finding Sydney CBD Barber is easy! We are conveniently located in the heart of Sydney's bustling Central Business District. Our shop is situated at [insert specific address], just a short walk from [mention nearby landmarks or streets, e.g., "near the intersection of George Street and Park Street" or "adjacent to the Queen Victoria Building"].

                                For those using public transportation, we are accessible via multiple bus routes and a stone's throw away from [nearest train station, e.g., "Town Hall Station" or "Wynyard Station"]. If you're driving, there are several parking garages nearby, such as [mention a nearby parking garage or area].

                                Look for our distinctive signage and the classic barber pole at the entrance. We can't wait to welcome you and provide you with the best barber experience in Sydney!</p>
                        </div>
                    </div>
                    <div class="col-lg-4 offset-lg-1">
                        <ul class="contact-address">
                            <li>
                                <h4 id="0">Sydney</h4>
                                <p id="0">1/44 Martin Place Sydney NSW 2000</p>
                            </li>
                            <li>
                                <h4 id="1">Melbourne</h4>
                                <p id="1">152 Elizabeth Street Melbourne VIC 3000</p>
                            </li>
                            <li>
                                <h4 id="2">Brisbane</h4>
                                <p id="2">Level 6/200 Adelaide St Brisbane City QLD 4000</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="svg-column">
            <svg width="361" height="528" viewBox="0 0 361 528" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M308.629 385.711C299.919 380.928 288.983 384.109 284.202 392.816C279.418 401.523 282.599 412.46 291.306 417.242C312.734 429.014 325.023 442.064 325.023 453.046C325.023 466.479 305.992 487.297 252.575 505.445C199.803 523.376 129.281 533.249 54 533.249C-21.281 533.249 -91.8034 523.376 -144.575 505.445C-197.992 487.298 -217.023 466.479 -217.023 453.046C-217.023 442.064 -204.734 429.014 -183.306 417.241C-174.599 412.459 -171.418 401.522 -176.202 392.814C-180.986 384.108 -191.919 380.927 -200.629 385.71C-224.52 398.836 -253 421.172 -253 453.046C-253 477.479 -236.197 512.314 -156.149 539.51C-99.747 558.672 -25.1149 569.225 54 569.225C133.115 569.225 207.747 558.672 264.149 539.51C344.197 512.314 361 477.479 361 453.046C361 421.172 332.52 398.836 308.629 385.711Z" fill="black" fill-opacity="0.05" />
                <path d="M-81.8102 479.439C-45.294 489.755 2.93741 495.437 53.9989 495.437C105.06 495.437 153.292 489.756 189.808 479.439C234.483 466.82 257.135 448.551 257.135 425.144C257.135 401.737 234.483 383.47 189.808 370.851C179.891 368.05 169.105 365.592 157.638 363.496C151.41 374.255 144.885 385.33 138.063 396.724C150.756 398.628 162.672 400.963 173.494 403.72C206.372 412.094 218.383 421.521 220.852 425.146C218.382 428.771 206.373 438.198 173.495 446.571C142.377 454.496 102.339 459.017 60.1713 459.422C58.1291 459.573 56.0712 459.658 53.9989 459.658C51.9255 459.658 49.8688 459.573 47.8254 459.422C5.65724 459.017 -34.3799 454.498 -65.4984 446.571C-98.3762 438.198 -110.386 428.77 -112.856 425.146C-110.386 421.521 -98.375 412.094 -65.4972 403.72C-54.6755 400.964 -42.7588 398.628 -30.0651 396.724C-36.8874 385.331 -43.4124 374.254 -49.6399 363.496C-61.1069 365.594 -71.8938 368.05 -81.8102 370.851C-126.485 383.47 -149.137 401.738 -149.137 425.144C-149.137 448.551 -126.485 466.818 -81.8102 479.439Z" fill="black" fill-opacity="0.05" />
                <path d="M54.0003 423.68C70.0135 423.68 84.5588 415.521 92.9126 401.853C151.446 306.087 221.219 179.874 221.219 122.442C221.219 30.2381 146.206 -44.7754 54.0003 -44.7754C-38.2052 -44.7754 -113.219 30.2381 -113.219 122.442C-113.219 179.874 -43.4446 306.087 15.0881 401.853C23.4418 415.521 37.9883 423.68 54.0003 423.68ZM-13.2123 110.961C-13.2123 73.9017 16.9397 43.7509 54.0003 43.7509C91.061 43.7509 121.213 73.9017 121.213 110.961C121.213 148.022 91.061 178.173 54.0003 178.173C16.9397 178.173 -13.2123 148.023 -13.2123 110.961Z" fill="black" fill-opacity="0.05" />
            </svg>
        </div>
    </section>
    <section class="contact-default" id="contact">
        <div id="overlay"></div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="section-heading">
                        <h2 class="up fade-in">Let's Get In Touch!</h2>
                        <p class="up fade-in">Ready to start your next project with us? Send us a message and we will get back to you as soon as possible!</p>
                    </div>
                </div>
                <div class="col-lg-7 offset-lg-1">
                    <div class="contact-form">
                        <form id="contactForm" class="needs-validation" novalidate="">
                            <ul>
                                <li class="">
                                    <label>Full name</label>
                                    <input type="text" id="name" class="form-control error" autocomplete="off" placeholder="e.g. Ellie Hanson" required="" />
                                </li>
                                <li>
                                    <label>Phone number</label>
                                    <input type="tel" id="phone" class="form-control" autocomplete="off" placeholder="e.g. +1 (000) 000 00 00" required="" />
                                </li>
                                <li>
                                    <label>E-mail</label>
                                    <input type="email" id="email" class="form-control" autocomplete="off" placeholder="e.g. ellie@hansondesign.com" required="" />
                                </li>
                                <li>
                                    <label>Additional Message</label>
                                    <div class="textarea-col">
                                        <div class="message-count">0/300</div>
                                        <textarea class="form-control" id="message" placeholder="Type a message here..."></textarea>
                                    </div>
                                </li>
                                <li class="btn-li">
                                    <button type="submit" class="btn">Submit</button>
                                    <p class="terms-text">By clicking the button, you agree to our terms and conditions.</p>
                                </li>
                            </ul>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="footer-default altColor3" id="footer">
        <div class="container">
            <div class="site-logo">
                <svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31" fill="none">
                    <path d="M15.147 0.353516C12.1512 0.353516 9.22266 1.24187 6.73176 2.90624C4.24086 4.5706 2.29944 6.93623 1.153 9.70397C0.00656291 12.4717 -0.293397 15.5173 0.291051 18.4555C0.875499 21.3937 2.31811 24.0926 4.43644 26.211C6.55478 28.3293 9.25371 29.7719 12.1919 30.3564C15.1301 30.9408 18.1757 30.6408 20.9434 29.4944C23.7112 28.348 26.0768 26.4066 27.7412 23.9157C29.4055 21.4247 30.2939 18.4962 30.2939 15.5005C30.2939 11.4832 28.6981 7.63056 25.8575 4.78995C23.0169 1.94935 19.1642 0.353516 15.147 0.353516V0.353516ZM15.147 20.2415C14.2093 20.2415 13.2926 19.9635 12.5129 19.4426C11.7332 18.9217 11.1255 18.1813 10.7666 17.315C10.4077 16.4487 10.3138 15.4954 10.4967 14.5757C10.6796 13.656 11.1311 12.8112 11.7942 12.1482C12.4572 11.4851 13.3019 11.0335 14.2216 10.8506C15.1413 10.6676 16.0946 10.7615 16.9609 11.1203C17.8272 11.4791 18.5677 12.0868 19.0886 12.8665C19.6096 13.6461 19.8876 14.5628 19.8876 15.5005C19.8876 16.7578 19.3882 17.9636 18.4991 18.8527C17.6101 19.7418 16.4043 20.2414 15.147 20.2415Z" fill="#FF3366" />
                </svg>
                <a href="#">Sydney CBD Barber</a>
            </div>
            <ul class="footer-nav">
                <li class="nav-link"><a href="#location" class="nav-link">About</a></li>
                <li class="nav-link"><a href="#services" class="nav-link">Services</a></li>
                <li class="nav-link"><a href="#gallery" class="nav-link">Portfolio</a></li>
                <li class="nav-link"><a href="#contact" class="nav-link">Contact</a></li>
            </ul>
            <div class="copyright-text col-lg-8">
                <p class="">The information on this website is provided for general informational purposes only and does not constitute legal or professional advice. The information is accurate to the best of our knowledge for USA law. Use of this website constitutes acceptance of our Terms of Use and Privacy Policy.</p>
                <p class="">Copyright 2024</p>
            </div>
        </div>
    </footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js" integrity="sha512-ykZ1QQr0Jy/4ZkvKuqWn4iF3lqPZyij9iRv6sGqLRdTPkY69YX6+7wvVGmsdBbiIfN/8OdsI7HABjvEok6ZopQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="assets/js/base-script.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js" integrity="sha512-Ysw1DcK1P+uYLqprEAzNQJP+J4hTx4t/3X2nbVwszao8wD+9afLjBQYjz7Uk4ADP+Er++mJoScI42ueGtQOzEA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="assets/testimonials/default/script.js"></script>
    <script src="assets/gallery/modeui/script.js"></script>
</body>

</html><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" rel="stylesheet" integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded" rel="stylesheet" />

    <link href="assets/css/base-fonts.css" rel="stylesheet" />
    <link href="assets/css/base-style.css" rel="stylesheet" />
    <link href="assets/header/default/style.css" rel="stylesheet" />
    <link href="assets/hero/modeui/style.css" rel="stylesheet" />
    <link href="assets/text/default/style.css" rel="stylesheet" />
    <link href="assets/services/default/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" integrity="sha512-rd0qOHVMOcez6pLWPVFIv7EfSdGKLt+eafXh4RO/12Fgr41hDQxfGvoi1Vy55QIVcQEujUE1LQrATCLl2Fs+ag==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="assets/testimonials/default/style.css" rel="stylesheet" />
    <link href="assets/textimage/default/style.css" rel="stylesheet" />
    <link href="assets/location/modeui/style.css" rel="stylesheet" />
    <link href="assets/gallery/modeui/style.css" rel="stylesheet" />
    <link href="assets/footer/default/style.css" rel="stylesheet" />
    <link href="assets/team/modeui/style.css" rel="stylesheet" />
    <link href="assets/contact/default/style.css" rel="stylesheet" />
    <title>"Top Barber Shop in Sydney CBD | Sydney CBD Barber - Best Haircuts &amp; Styles"</title>
    <meta name="description" content="Discover Sydney CBD Barber, the premier barber shop in Sydney's Central Business District. Experience top-notch haircuts and grooming services in a stylish, welcoming environment. Book your appointment today and see why we're the city's favorite!" />
    <style>
        :root {
            --bs-body-bg: #FFFFFF;
            --bs-body-bg-rgb: rgb(255, 255, 255);
            --bs-primary: #69625C;
            --bs-primary-rgb: rgb(105, 98, 92);
            --bs-primary-hover: rgb(94, 88, 82);
            --bs-primary-disabled: rgb(120, 113, 108);
            --bs-primary-focus-border: rgb(150, 145, 140);
            --bs-secondary: #352D25;
            --bs-secondary-rgb: rgb(53, 45, 37);
            --bs-secondary-hover: rgb(47, 40, 33);
            --bs-secondary-focus-border: rgb(113, 108, 102);
            --bs-text: #000;
            --bs-text-hover: rgb(25, 25, 25);
            --bs-text-secondary: #FFF;
            --bs-text-secondary-hover: rgb(255, 255, 255);
            --bs-body-font-family: 'Manrope';
            --bs-logo-font-family: 'Roboto';
        }
    </style>
</head>

<body>
    <header class="header-default" id="header">
        <div class="container">
            <div class="d-flex align-items-center justify-content-between">
                <div class="site-logo">Sydney CBD Barber</div>
                <div class="mobile-menu-btn">
                    <div class="menu-open">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g id="menu">
                                <mask id="mask0_20_1288" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24" style="mask-type: alpha;">
                                    <rect id="Bounding box" width="24" height="24" fill="#D9D9D9" />
                                </mask>
                                <g mask="url(#mask0_20_1288)">
                                    <path id="menu_2" d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="black" />
                                </g>
                            </g>
                        </svg>
                    </div>
                    <div class="menu-close">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g id="Icon/x">
                                <path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289Z" fill="#28282D" />
                                <path id="Vector (Stroke)_2" fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="#28282D" />
                            </g>
                        </svg>
                    </div>
                </div>
                <ul class="nav">
                    <li class="nav-link"><a class="nav-link" href="#location">About</a></li>
                    <li class="nav-link"><a class="nav-link" href="#services">Services</a></li>
                    <li class="nav-link"><a class="nav-link" href="#gallery">Portfolio</a></li>
                    <li class="nav-link"><a class="nav-link" href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
        <div class="mobile-menu">
            <div class="container">
                <ul>
                    <li class="nav-link"><a class="nav-link" href="#location">About</a></li>
                    <li class="nav-link"><a class="nav-link" href="#services">Services</a></li>
                    <li class="nav-link"><a class="nav-link" href="#gallery">Portfolio</a></li>
                    <li class="nav-link"><a class="nav-link" href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
    </header>
    <section class="hero-modeui altColor2" id="hero" style="background-image: url(&quot;https://images.pexels.com/photos/3162022/pexels-photo-3162022.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940&quot;); background-size: cover; background-position: center center; background-repeat: no-repeat;">
        <div id="overlay" style="position: absolute; inset: 0px; background-color: rgb(0, 0, 0); opacity: 0.42;"></div>
        <div class="container container-md">
            <div class="hero-tagline fade-in up">Sydney CBD Barber</div>
            <h1 class="fade-in up">Sydney CBD Barber: Unrivaled Precision.</h1>
            <p class="hero-content fade-in up">Welcome to Sydney CBD Barber, the premier destination where expert craftsmanship meets style in the heart of Sydney. Experience the pinnacle of grooming excellence with us!</p>
            <div class="hero-btns fade-in d-lg-flex align-items-center justify-content-lg-center">
                <a href="#contact" class="btn btn-primary arrow-right" data-hd-visible="true"><span>Join us</span><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M4.66699 10.0003H16.3337M16.3337 10.0003L10.5003 4.16699M16.3337 10.0003L10.5003 15.8337" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg></span></a>
            </div>
        </div>
    </section>
    <section class="text-default altColor3" id="text">
        <div id="overlay"></div>
        <div class="container">
            <div class="heading-area">
                <h2 class="up fade-in">"Transform your style, boost your confidence—experience Sydney's finest craftsmanship in grooming."</h2>
                <div class