Commit c856eca6 authored by 이재연's avatar 이재연
Browse files

logsign

parent 559aff2c
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav'; import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav'; import Nav2 from '../Components/SubNav';
import { Form, Col, Container, Button, Row } from 'react-bootstrap'
import { Link , Redirect} from 'react-router-dom'
function Login() { function Login() {
return ( return (
<Container className="d-flex justify-content-center"> <div>
<Nav1 /> <Nav1 />
<Nav2 /> <Nav2 />
<div className="margin-auto"> <Container className="my-5">
<Form.Label className="d-flex justify-content-center">Login</Form.Label> <Row className="justify-content-center">
<Col md={5} xs={10} className="border">
<h3 className="text-center mt-5">Login</h3>
<Form className="p-5">
<Form>
<Form.Group controlId="formBasicId"> <Form.Group controlId="formBasicId">
<Form.Row> <Form.Row>
<Form.Label for="id">User Name</Form.Label> <Form.Label for="id">User Name</Form.Label>
...@@ -29,15 +37,20 @@ function Login() { ...@@ -29,15 +37,20 @@ function Login() {
</Col> </Col>
</Form.Row> </Form.Row>
</Form.Group> </Form.Group>
</Form> <Button variant="outline-dark" type="submit" block>Login</Button>
<div className="loginLine"> <div className="loginLine">
<Link to="/Signup">SignUp?</Link> <Link to="/signup">SignUp?</Link>
</div> </div>
</Form>
</Col>
</Row>
<Button variant="outline-dark" type="submit" block>Login</Button>
</div>
</Container> </Container>
</div>
) )
} }
......
...@@ -2,86 +2,105 @@ import React, { useState, useEffect, useRef } from 'react'; ...@@ -2,86 +2,105 @@ import React, { useState, useEffect, useRef } from 'react';
import { Redirect } from 'react-router-dom'; import { Redirect } from 'react-router-dom';
import Nav1 from '../Components/MainNav'; import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav'; import Nav2 from '../Components/SubNav';
import { Form, Col, Container, Button, Row } from 'react-bootstrap'
function Signup() { function Signup() {
return ( return (
<Container className="d-flex justify-content-center"> <div>
<Nav1 /> <Nav1 />
<Nav2 /> <Nav2 />
<div className="form-control"> <Container className="my-5">
<Form.Label className="d-flex justify-content-center">Sign Up</Form.Label> <Row className="justify-content-center">
<Form> <Col md={6} xs={10} className="border">
<h2 className="text-center mt-5">Sign Up</h2>
<Form className="p-5">
<Form.Group controlId="formBasicId"> <Form.Group controlId="formBasicId">
<Form.Row> <Form.Row>
<Form.Label for="id">User Name</Form.Label> <Form.Label for="id">User Name</Form.Label>
</Form.Row>
<Col> <Col>
<Form.Control type="text" id="id" size="sm" placeholder="UserName" className="mx-sm-3"></Form.Control> <Form.Control type="text" id="id" size="sm" placeholder="UserName" className="mx-sm-3"></Form.Control>
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group controlId="formBasicName"> <Form.Group controlId="formBasicName">
<Form.Row> <Form.Row>
<Form.Label for="name">Real Name</Form.Label> <Form.Label for="name">Real Name</Form.Label>
</Form.Row>
<Col> <Col>
<Form.Control type="text" id="name" size="sm" placeholder="Enter your Real Name" className="mx-sm-3"></Form.Control> <Form.Control type="text" id="name" size="sm" placeholder="Enter your Real Name" className="mx-sm-3"></Form.Control>
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group controlId="formBasicNumber"> <Form.Group controlId="formBasicNumber">
<Form.Row> <Form.Row>
<Form.Label for="number">Resident registration number</Form.Label> <Form.Label for="number">Resident registration number</Form.Label>
</Form.Row>
<Col> <Col as={Row}>
<Form.Control type="text" id="number1" size="sm" maxlength="6" className="mx-sm-3"></Form.Control> <Form.Control type="text" id="number1" size="sm" maxlength="6" className="mx-sm-3" style={{width:'120px'}}></Form.Control>
-
<Form.Control type="text" id="number1" size="sm" maxlength="1" className="mx-sm-3" style={{width:'25px'}}></Form.Control>
******
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group controlId="formBasicPassword"> <Form.Group controlId="formBasicPassword">
<Form.Row> <Form.Row>
<Form.Label for="password">Password</Form.Label> <Form.Label for="password">Password</Form.Label>
</Form.Row>
<Col> <Col>
<Form.Control type="password" id="password" size="sm" aria-describedby="passwordHelpBlock" className="mx-sm-3"></Form.Control> <Form.Control type="password" id="password" size="sm" aria-describedby="passwordHelpBlock" className="mx-sm-3"></Form.Control>
<Form.Text id="password" muted>Must be 8-20 characters long.</Form.Text> <Form.Text id="password" muted>Must be 8-20 characters long.</Form.Text>
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group controlId="formBasicPassword2"> <Form.Group controlId="formBasicPassword2">
<Form.Row> <Form.Row>
<Form.Label for="password2">Confirm Password</Form.Label> <Form.Label for="password2">Confirm Password</Form.Label>
</Form.Row>
<Col> <Col>
<Form.Control type="password" id="password2" size="sm" placeholder="Confirm Password" className="mx-sm-3"></Form.Control> <Form.Control type="password" id="password2" size="sm" placeholder="Confirm Password" className="mx-sm-3"></Form.Control>
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group controlId="formBasicTel"> <Form.Group controlId="formBasicTel">
<Form.Row> <Form.Row>
<Form.Label for="tel">Phone Number</Form.Label> <Form.Label for="tel">Phone Number</Form.Label>
</Form.Row>
<Col> <Col>
<Form.Control type="text" id="tel" size="sm" placeholder="Enter your Phone Number" className="mx-sm-3"></Form.Control> <Form.Control type="text" id="tel" size="sm" placeholder="Enter your Phone Number" className="mx-sm-3"></Form.Control>
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group controlId="formBasicAdd"> <Form.Group controlId="formBasicAdd">
<Form.Row> <Form.Row>
<Form.Label>address</Form.Label> <Form.Label>Address</Form.Label>
</Form.Row>
<Col> <Col>
<Form.Control type="text" id="add" size="sm" placeholder="Enter your Address" className="mx-sm-3"></Form.Control> <Form.Control type="text" id="add" size="sm" placeholder="Enter your Address" className="mx-sm-3"></Form.Control>
</Col> </Col>
</Form.Row>
</Form.Group> </Form.Group>
</Form>
<Button variant="outline-dark" type="submit" block>Sign Up</Button> <Button variant="outline-dark" type="submit" block>Sign Up</Button>
</div> </Form>
</Col>
</Row>
</Container> </Container>
</div>
) )
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment