NattyTracker/app/javascript/bundles/homepage/components/LandingPage.js at 344ff9354a1cf8f0ac260dad57279ed7c6a40c9d · chessmyers/NattyTracker · 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
35
36
37
import PropTypes from 'prop-types';
import React from 'react';
import '../../../../assets/stylesheets/homepage.css';
import '../../../../assets/stylesheets/Sidebar.css';

const LandingPage = () => {
    return(
        <main>
            <header>
                This is the landing page
                {/* insert natty tracker logo here */}
            </header>
            <body>
                <form>
                    <h1>
                        Login
                    </h1>
                    <div class = "Container">
                        <label htmlFor="uname"> <b>Username</b></label>
                        <input type = "text" placeholder="Username" name="uname" required></input>
                        <button type = "submit"> Login</button>
                        <label>
                            <input type = "checkbox" checked = "checked" name="remember"> Remember me </input>
                        </label>
                        <br></br> {/*not sure why just </br> doesn't work*/}
                        <button type = "submit">Sign Up</button>
                    </div>
                </form>
            </body>
        </main>
    );
}

LandingPage.propTypes = {

}
export default LandingPage;