<%- include('partials/head') %>

    <div class="container">

        <%- include('partials/navbar') %>

    </div>

    <div class="container">

        <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">

            <div class="carousel-inner">
                <div id="slide1" class="carousel-item active" data-bs-interval="3000">
                    <img src="../images/lake_charles.jpg" class="d-block w-100" alt="...">
                </div>
                <div id="slide2" class="carousel-item" data-bs-interval="3000">
                    <img src="../images/laptop.jpg" class="d-block w-100 " alt="...">
                </div>
                <div id="slide3" class="carousel-item" data-bs-interval="3000">
                    <img src="../images/collaboration.jpg" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                    </div>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon bg-black border border-white" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon bg-black border border-white" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>

        </div>


        <h1 class="mainheading">Multiple Dynamic</h1>
        <h2>One-stop shop for all website needs.</h2>
        <p></p>

        <%- include('partials/footer') %>