<!DOCTYPE html>
<html lang="en" class="has-navbar-fixed-top">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="/public/favicon.png">
    <title>Niko</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
</head>
<body>
    <%- include('navbar') %>
    <figure class="image">
        <img src="/public/nikobanner.jpg" style="height:25% !important; width:100% !important;" alt="Banner Image">
    </figure>
    <section class="section">
        <!-- Banner -->
        <div class="container">
            <div class="columns is-vcentered">
                <div class="column is-6">
                    <h1 class="title is-1">Welcome to Niko's Website!</h1>
                    <p class="subtitle is-4">A personal space for my projects, thoughts, and more.</p>
                </div>
                <div class="column is-6">
                    <figure class="image is-1by1">
                        <img src="/public/nikoicon.jpg" alt="Profile Picture" style="object-fit: cover; border-radius: 10%;">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <%- include('footer') %>
</body>
</html>