WEB APP ASSISTANT

This web-app-assistant is a developer toolkit for website development. It acts as a html builder by script request.

TODO:

• Query code lines and location.
• Update the template format.

HEAD ELEMENT:

Insert the following code for into head element:

    <!-- Meta Description -->
    <meta name="description" content="This is a HTML application tool." />
    
    <!-- Favicon -->
    <link rel="icon" type="images/x-icon" href="./codebox.svg" />
    
    <!-- Fonts -->
    <script src="https://kit.fontawesome.com/95e9008956.js" crossorigin="anonymous"></script>
    
    <!-- Internal Stylesheet -->
    <style type="text/css">
        body {
        background-color: #22223f;
        color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-family: verdana;
        font-weight: bold;

        margin: 0;
        padding: 0;
        
        height: 100vh;
        width: 100%;
        }  
    </style>
    
    <!-- Internal Script -->
    <script type="text/javascript">
        console.log("Script Loaded Successfully!");
    </script>

    <!-- External Script -->
    <script src="../src/scripts/main.js"></script>
    

BODY ELEMENT:

Insert the following codework into body element:

    <main>
    <div>
        <img src="./codebox.svg">
        <h1>THE WEBSITE</h1>
        <p>This is a website application assistant for development!</p>
    </div>
    </main>
    <footer><span>&copy; S-EP 2023</span></footer>

Project Developer

This project is a web application created by Self-Empowerment Projects.

Dani Bester - [email protected]