123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- import './App.css';
- const LoginForm = () =>
- <>
- <h1>Web-player</h1>
- <div>
- <h2>Log-in</h2>
- <input type="text" placeholder='Login'/>
- <br />
- <input type="password" placeholder='Password'/>
- <br />
- <button>Login</button>
- <p>- OR -</p>
- <a href='#'>Register new user</a>
- </div>
- </>
- const RegisterForm = () =>
- <>
- <h1>Web-player</h1>
- <div>
- <h2>Registration</h2>
- <input type="text" placeholder='Login'/>
- <br />
- <input type="text" placeholder='Nickname'/>
- <br />
- <input type="password" placeholder='Password'/>
- <br />
- <button>Register</button>
- <br />
- <a href='#'>Back to log-in</a>
- </div>
- </>
- function App() {
- return (
- <div className="App">
- <LoginForm />
- <RegisterForm />
- </div>
- );
- }
- export default App;
|