item-estilos(componente).html

<!-- CARD ITEMS -------------------------------------->
<article class="card-item glide__slide" id="articulo">
    <span class="nuevo">NUEVO</span>
    <a href="item.html">
        <picture class="card-item-cover">
            <img class="img-front" src="./assets/img/pokemon/pidgeotto-1.webp"
                alt="Figura Funko de Pokemon: Pidgeotto">
            <img class="img-back" src="./assets/img/pokemon/pidgeotto-box.webp"
                alt="Figura Funko de Pokemon: Pidgeotto en Caja">
        </picture>
        <div class="item-content">
            <p class="licencia">POKEMON</p>
            <h4 class="nombre">PIDGEOTTO</h4>
            <p class="precio">$ 1799,99</p>
            <p class="promo">3 CUOTAS SIN INTERÉS</p>
        </div>
    </a>
</article>
<!-- HEADER TIENDA 01-------------------------------------------->
    <!-- Header -->
    <header>
        <nav class="container">
            <picture class="logo">
                <a href="./index.html">
                    <img src="assets/img/branding/full-logo.svg" alt="Homepage Logo ">
                </a>
            </picture>
            <ul class="nav" id="nav">
                <li> <a href="shop.html">Shop</a></li>
                <li> <a href="wip.html">Contacto</a> </li>
                <li> <a href="login.html">Login</a> </li>
                <li> <a href="carrito.html"> <img src="assets/img/icons/cart-icon.svg"
                            alt="Ir al carrito de compra"></a> </li>
            </ul>

        </nav>
        <button class="hamburger" id="ham">
            <img src="assets/img/icons/hamburger_icon.svg" alt="" height="30px" width="auto">
        </button>
    </header>
    <!-- End Header -->

<!-- HEADER ADMIN 02-------------------------------------------->
    <!-- Header -->
    <header>
        <nav class="container">
            <picture class="logo">
                <a href="./index.html">
                    <img src="assets/img/branding/full-logo.svg" alt="Homepage Logo ">
                </a>
            </picture>
            <ul class="nav" id="nav">
                <li> <a href="index.html">Ver tienda</a></li>
                <li> <a href="admin.html">Admin</a> </li>
                <li> <a href="login.html">Salir</a> </li>
            </ul>

        </nav>
        <button class="hamburger" id="ham">
            <img src="assets/img/icons/hamburger_icon.svg" alt="" height="30px" width="auto">
        </button>
    </header>
    <!-- End Header -->


<!-- FOOTER-------------------------------------------->
    <!--fOOTER-->
    <footer>
        <section class="container">
            <div class="footer">
                <ul class="footer--nav">
                    <li> <a href="shop.html">Shop</a> </li>
                    <li> <a href="register.html">Registrarse</a> </li>
                    <li> <a href="login.html">Ingresar</a> </li>
                    <li> <a href="contact.html">Contacto</a> </li>
                </ul>
                <picture class="footer--img">
                    <a href="index.html"><img src="assets/img/branding/isotype.svg" alt="logo" width="143px"></a>
                </picture>
            </div>
            <p class="footer--rights"> All rights reserved 2023 - Funkoshop &copy</p>
        </section>
    </footer>
    <!--end footer-->

<!-- SCRIPTS-------------------------------------------->
<script defer src="js/main.js"></script>