LocalChat/index.html at main · Galane-dev/LocalChat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
    <head>
        <title>Authenticate | LocalChat</title>
        <link href="./styles/landing-page.css" rel="stylesheet">
    </head>
    <body>
        <main>
            <article>
                <div  id="landing-message">
                    <img id="logo-image" src="./assets/images/logo.png" alt="logo image">
                    <h1 id="welcome-heading">Welcome Back...</h1>
                    <p id="welcome-message">LocalChat is a local chat app<br>
                        Your data is stored securely in your own <br>computer, no one but you will be able to access the data</p>
                </div>
            </article>
            <!--The login form on the side-->
            <aside>
                <section  id="landing-form">
                    <h3 id="text-logo">Local<span>Chat</span></h3>
                    <form>
                        <input id="username-input" name="username-input" type="text" placeholder="Enter username">
                        <input id="password-input" name="password-input" type="password" placeholder="Enter password">
                        <button id="submit-button" name="submit-button" type="button">Sign In</button>
                    </form>
                    <p id="toggle-question">Don't have an account?</p>
                    <p id="toggle-action">Sign Up</p>
                </section>
            </aside>
        </main>
        <footer></footer>
        <script type="module" src="./js/landing-page.js"></script>
    </body>
</html>