<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="assets/img/67937525_p1_master12_01JB0W3JYRKNFTS6WYKVTDKCAA.1680x0.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/swiper.config.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/lightbox.min.css">
    <title>Document</title>
</head>
<body>

    <main id="fiestasmx">
        <section class="hero">
            <!-- START Swiper.js -->
            <div class="swiper mySwiper" role="slider">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="assets/img/01.jpg" data-lightbox="fiestasmx" class="hover-container">
                            <picture>
                                <source srcset="assets/img/avif/01.avif" type="image/avif">
                                <source srcset="assets/img/webp/01.webp" type="image/webp">
                                <img src="assets/img/01.jpg" width="100%" height="auto" alt="imagen-slider" />
                            </picture>
                            <div class="icon"><img src="assets/img/icons/crop.svg"/></div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="assets/img/02.jpg" data-lightbox="fiestasmx" class="hover-container">
                            <picture>
                                <source srcset="assets/img/avif/02.avif" type="image/avif">
                                <source srcset="assets/img/webp/02.webp" type="image/webp">
                                <img src="assets/img/02.jpg" width="100%" height="auto" alt="imagen-slider" />
                            </picture>
                            <div class="icon"><img src="assets/img/icons/crop.svg"/></div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="assets/img/03.jpg" data-lightbox="fiestasmx" class="hover-container">
                            <picture>
                                <source srcset="assets/img/avif/03.avif" type="image/avif">
                                <source srcset="assets/img/webp/03.webp" type="image/webp">
                                <img src="assets/img/03.jpg" width="100%" height="auto" alt="imagen-slider" />
                            </picture>
                            <div class="icon"><img src="assets/img/icons/crop.svg"/></div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="assets/img/04.jpg" data-lightbox="fiestasmx" class="hover-container">
                            <picture>
                                <source srcset="assets/img/avif/04.avif" type="image/avif">
                                <source srcset="assets/img/webp/04.webp" type="image/webp">
                                <img src="assets/img/04.jpg" width="100%" height="auto" alt="imagen-slider" />
                            </picture>
                            <div class="icon"><img src="assets/img/icons/crop.svg"/></div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="assets/img/05.jpg" data-lightbox="fiestasmx" class="hover-container">
                            <picture>
                                <source srcset="assets/img/avif/05.avif" type="image/avif">
                                <source srcset="assets/img/webp/05.webp" type="image/webp">
                                <img src="assets/img/05.jpg" width="100%" height="auto" alt="imagen-slider" />
                            </picture>
                            <div class="icon"><img src="assets/img/icons/crop.svg"/></div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="assets/img/06.jpg" data-lightbox="fiestasmx" class="hover-container">
                            <picture>
                                <source srcset="assets/img/avif/06.avif" type="image/avif">
                                <source srcset="assets/img/webp/06.webp" type="image/webp">
                                <img src="assets/img/06.jpg" width="100%" height="auto" alt="imagen-slider" />
                            </picture>
                            <div class="icon"><img src="assets/img/icons/crop.svg"/></div>
                        </a>
                    </div>
                </div>
                <div class="swiper-button-next swiper-button-disabled"></div>
                <div class="swiper-button-prev swiper-button-disabled"></div>
            </div>
            <!-- END Swiper.js -->
        </section>

        <section class="content-title container">
            <h1>Emperor Salon & Spa</h1>
            <span>5855 W Century Blvd, Los Angeles - 90045</span>
        </section>
    </main>
    
    <script src="assets/js/scripts.js"></script>
    <script src="assets/js/swiper.min.js"></script>
    <script src="assets/js/swiper.config.js"></script>
    <script src="assets/js/lightbox.min.js"></script>
</body>
</html>