<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Fruit tart</title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
        <header>
            <img src="../Fruit-Tart-Stalking/assets/images/general/logo.png" id="logo" alt="logo"/>

            <nav id="navbar">
                <ul id="navbar_items">
                    <li class="menu_item"><a href="#" class="menu_item_link" id="Ino">Ino Sakura</a></li>
                    <li class="menu_item"><a href="#" class="menu_item_link" id="Roko">Roko Sekino</a></li>
                    <li class="menu_item"><a href="#" class="menu_item_link" id="Hayu">Hayu Nukui</a></li>
                    <li class="menu_item"><a href="#" class="menu_item_link" id="Nina">Nina Maehara</a></li>
                    <li class="menu_item"><a href="#" class="menu_item_link" id="Hemo">Hemo Midori</a></li>
                    <li class="menu_item"><a href="#" class="menu_item_link" id="Hoho">Hoho Kajino</a></li>
                </ul>
            </nav>

        </header>

        <!--  Main program  -->

        <section id="main">

            <div id="title">
                <p id="title_text"> Introduction </p>
            </div>

            <div id="description">
                <p id="description_text"></p>
            </div>,
            
            <ul id="main_images">
                <li><img id="image_main" src="#"/></li>
                <li><img id="image_main0" src="#"/></li>
            </ul>

        </section>

        <!--  end of main program  -->

        <footer>
            <!-- add link to ur website when done -->
            <p class="footer">Author: Tucan444</p>
        </footer>

        <script type="module" src="./backend.js"/>
    </body>
</html>