29 lines
1.2 KiB
JavaScript
29 lines
1.2 KiB
JavaScript
import { Container, Form, Button } from 'react-bootstrap';
|
|
|
|
const Reduse = () => {
|
|
return (
|
|
<Container className="p-2 text-center">
|
|
<span className="mainSt">
|
|
<b>Новости</b>
|
|
</span>
|
|
<div className="rectpage4 d-flex row justify-content-center">
|
|
<Form className="col-md-4 m-0 w-auto" action="./page4.html" method="get">
|
|
<Form.Group className="mb-2">
|
|
<Form.Label><b>Название новости</b></Form.Label>
|
|
<Form.Control id="name" name="name" placeholder="Например" type="text" required />
|
|
</Form.Group>
|
|
<Form.Group className="mb-2">
|
|
<Form.Label><b>Изображение</b></Form.Label>
|
|
<Form.Control id="image" name="image" type="file" required />
|
|
</Form.Group>
|
|
<div className="text-center">
|
|
<Button className="btn btn-primary w-auto" type="button">Добавить новость</Button>
|
|
</div>
|
|
</Form>
|
|
</div>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default Reduse;
|