    <%- include("partials/header") %>
    <nav class="navbar navbar-expand-lg selectDisable">
        <a class="navbar-brand" href="index.html">
            Technosoft
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <i class="fas fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link px-4 active" href="/home">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link px-4" href="/products">Products</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link px-4" href="/resources">Resources</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link px-4" href="/ideas">Ideas</a>
                </li>
                <% if(!currentUser) { %>
                <li class="nav-item">
                    <a class="nav-link px-4" href="/login"><button class="btn login-btn">Login</button></a>
                </li>
                <% } else { %>
                    <li class="nav-item ml-auto" id="auth-in" style="display: flex;flex-direction: column;">
                        <a href="#" class="nav-link disable" ><button class="btn btn-lg badge badge-pill badge-dark" style="display: flex;justify-content:space-between;align-items: center;"><img src="<%= currentUser.image %>" class="image-fluid rounded-circle user-img"><%= currentUser.name %><i class="fas fa-angle-down"></i> </button></a>
                    </li>
                </ul>
                <ul class="auth-list">
                   
                    <li class="nav-item ml-auto" id="auth-out">
                        <a href="/logout" class="nav-link"><button class="btn btn-lg btn-dark idea-submit-btn">Logout</button></a>
                    </li>
                <% } %>
            </ul>
            
        </div>
    </nav>

    <section id="hero-section">
        <div class="container-fluid-hero">
            <div class="row">
                <div class="col-lg-6 hero-intro">
                    <h1>Empowering women across communities to get started in tech<span>.</span></h1>
                    <p>We see you, we hear you and we empower you!</p>
                    <a href="#go-here"><button class="btn btn-lg cta">Learn More</button></a>
                </div>
                <div class="col-lg-6 hero-image">
                    <img class="image-fluid w-100" src="/assets/images/HeroImage.gif" alt="Hero Image">
                </div>
            </div>
        </div>
        <img class="hero-wave" src="/assets/svg/wave.svg" alt="techify-hero-wave">
    </section>

    <section id="description-section">
        <div id="go-here" class="container-fluid">
            <h1>One-platform for all your goals.</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a urna enim. Integer in
                sapien
                lorem. In
                hac habitasse
                platea dictumst. Suspendisse potenti. Aenean feugiat nisi sem, finibus vestibulum orci lobortis in.
                Aenean tempor
                vehicula luctus. Suspendisse at velit ultrices, imperdiet lorem eget, placerat dui. Aenean faucibus vel
                velit at semper.</p>

            <div class="row">
                <div class="col-lg-4 col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <p><i class="fas fa-calendar-check fa-2x"></i></p>
                            <h5>Resources</h5>
                            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a urna
                                enim. Integer in sapien lorem. In hac habitasse
                                platea dictumst.</p>
                            <a href="#"><button class="btn btn-lg description-cta">Learn more</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <p><i class="fas fa-shopping-cart fa-2x"></i></p>
                            <h5>Products</h5>
                            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a urna
                                enim. Integer in sapien lorem. In hac habitasse
                                platea dictumst.</p>
                            <a href="#"><button class="btn btn-lg description-cta">Learn more</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <p><i class="fas fa-search fa-2x"></i></p>
                            <h5>Ideas</h5>
                            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a urna
                                enim. Integer in sapien lorem. In hac habitasse
                                platea dictumst.</p>
                            <a href="#"><button class="btn btn-lg description-cta">Learn more</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

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