<%- include("template/cabecera.ejs", { tituloWeb: "Inicio" })%>

    <main>

        <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button id="btn-carrusel" type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"
                    aria-current="true" aria-label="Slide 1"></button>
                <button id="btn-carrusel" type="button" data-bs-target="#myCarousel" data-bs-slide-to="1"
                    aria-label="Slide 2"></button>
                <button id="btn-carrusel" type="button" data-bs-target="#myCarousel" data-bs-slide-to="2"
                    aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img id="img-carrusel" src="/images/carrusel/libro1.jpg" alt="">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1>Aventuras entre las páginas.</h1>
                            <p>Descubre un mundo de aventuras entre las páginas de nuestros libros.</p>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img id="img-carrusel" src="/images/carrusel/libro2.jpg" alt="">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1 class="">Historias para todos los gustos.</h1>
                            <p>En nuestra librería encontrarás historias para todas las edades y gustos.</p>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img id="img-carrusel" src="/images/carrusel/libro3.jpg" alt="">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1>Sumérgete en la magia de la literatura.</h1>
                            <p>Sumérgete en la magia de la literatura con nuestra selección de libros.</p>
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
            </button>
        </div>


        <!-- Marketing messaging and featurettes
  ================================================== -->
        <!-- Wrap the rest of the page in another container to center all the content. -->

        <div class="container marketing">

            <!-- Three columns of text below the carousel -->
            <div class="row">
                <div class="col-lg-4">
                    <img src="/images/libro.jpg" class="rounded-circle" width="140" height="140" alt="">
                    <h1 class="fw-normal">Titulo</h1>
                    <p>Si eres un amante de la lectura y necesitas encontrar un libro por su título, ¡estás en el lugar
                        correcto! En nuestra tienda en línea, ofrecemos una amplia selección de libros de todos los
                        géneros y títulos, para que puedas encontrar fácilmente el libro que necesitas.</p>
                    <p><a class="btn btn-secondary" href="/libros">Ver más &raquo;</a></p>
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4">
                    <img src="/images/escritor.jpg" class="rounded-circle" width="140" height="140" alt="">
                    <h1 class="fw-normal">Autor</h1>
                    <p>Si estás buscando libros por autor, estás en el lugar correcto. Ofrecemos una gran variedad de
                        libros de distintos géneros y autores para que puedas encontrar el libro que necesitas de manera
                        sencilla y rápida.</p>
                    <p><a class="btn btn-secondary" href="/autores">Ver más &raquo;</a></p>
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4">
                    <img src="/images/editorial.jpg" class="rounded-circle" width="140" height="140" alt="">
                    <h1 class="fw-normal">Editorial</h1>
                    <p>Si estás buscando libros por editorial, has llegado al lugar adecuado. En nuestra tienda en
                        línea, ofrecemos una amplia selección de libros de diferentes editoriales para que puedas
                        encontrar el libro que necesitas de manera sencilla y rápida.</p>
                    <p><a class="btn btn-secondary" href="/editoriales">Ver más &raquo;</a></p>
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->

            <%- include("template/footer.ejs")%>