Scribd
Upload
10 views2 pages

Login

The document is a React component for a login page that includes a sign-in form and links to create an account or go to the login page. It features input fields for name, email, phone number, and password, along with a submit button. The component uses React Router for navigation between different routes in the application.

Uploaded by

shyampratap608
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
10 views2 pages

Login

The document is a React component for a login page that includes a sign-in form and links to create an account or go to the login page. It features input fields for name, email, phone number, and password, along with a submit button. The component uses React Router for navigation between different routes in the application.

Uploaded by

shyampratap608
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

import React from 'react';

import loginpic from '../images/test.png';


import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

function Login() {
return ( <
>
<
section className = "Sign-in" >
<
div className = "container mt-5" >
<
div className = "signin-content" >

<
div className = "signin-image" >
<
figure >
<
img src = { Test.png }
alt = "Login pic" / >
<
/figure> <
link to = "login/"
className = "signin-image-link" > I am already register < /link> < /
div > <
div className = " signin-image" >
<
figure >
<
img src = { test.png }
alt = "Login pic" / >

<
/figure> <
Link to = "/signup"
className = "signup-image-link" > Create an Account < /Link> < /
div > <
div className = "signin-form" >
<
h2 className = "form-title" > Signin < /h2> <
form className = "register-form"
id = "register-form" >
<
div className = "form-group" >
<
label htmlFor = "name" >
<
i className = "zmdi zmdi-account material-icons-name" > < /i> < /
label > <
input type = "text"
name = "name"
id = "name"
autoComplete = "off"
placeholder = "Your Name" / >
<
/div> <
div className = "form-group" >
<
label htmlfor = "email" >
<
i className = "zmdi zmdi-account material-icons-name" > < /i> < /
label > <
input type = "email"
name = "email"
id = "email"
autoComplete = "off"
placeholder = "Your Email" / >
<
/div> <
div className = "form-group" >
<
label htmlfor = "phone" >
<
i className = "zmdi zmdi-account material-icons-name" > < /i> < /
label > <
input type = "number"
name = "phone"
id = "phone"
autoComplete = "off"
placeholder = "Your phoneno" / >
<
/div> <
div className = "form-group" >
<
label htmlfor = "cpassword" >
<
i className = "zmdi zmdi-account material-icons-name" > < /i> < /
label > <
input type = "password"
name = "password"
id = "password"
autoComplete = "off"
placeholder = "Confirm Your Password" / >
<
/div> <
div className = "form-group form-button" >
<
input type = "submit"
name = "submit"
id = "submit"
className = "form-submit"
value = "register" / >
<
/div> < /
form > <
/div>

<
/div> < /
section >
<
/>

)
}
export default Login;

You might also like