<?php
include "classes/html.class.php";
$html = new html("NAVBAR MANUAL");
$db = new db();
?>

<div>
    <br>
    <h1 style="font-size: 2vw;text-align: center;">NAVIGATING THE NAVBAR</h1>

    <div id="list1" style="align-items: center;">
        <div class='form' style="padding-bottom: 0%;">
            <h2 style="font-size: 2vw;">NAVBAR</h2>
            <hr><br>
            <img src="images/navbar.png" alt=" add home"
                style="width: 80%; padding: 1vw; border: #099200 5px solid;border-radius: 2vw;">

            <p style="font-size: 1vw;">
                <br>
                <hr>
            <h3 style="font-size: 1.5vw;">Overview</h3>
            <p style="font-size: 1vw;">The Navigation Bar appears at the top of every screen, providing users with quick access to navigation and context.
            </p>
            <br><br>
            <hr>
            <h3 style="font-size: 1.5vw;">Button Description</h3>
            <ul style="list-style-type:none;line-height: 1.5vw;font-size: 1vw;">
                <li><b>CURRENT PAGE (top-left )</b> - Name of the current page</li>
                <li><b>USERNAME (center-bottom)</b> - Username of the current user</li>
                <li><b>LOGO (center-top)</b> - Used to redirect to the Homepage</li>
                <li><b>BACK BUTTON (top-right)</b> - Allows you to return to the homepage.</li>
            </ul>
            </p>
            <br>
        </div>
    </div>

    <br><br><br><br><br>