import React from "react";
import Container from "react-bootstrap/Container";
import Form from "react-bootstrap/Form";
import Row from "react-bootstrap/Row";
import Button from "react-bootstrap/Button";
const Contact = () => {
  return (
    <div style={{ paddingTop: "30px", paddingBottom: "40px" }}>
      <Container>
        <h1 style={{ paddingBottom: "30px" }} className="highlightTitle">
          Work
          <span className="highlightTitleBold">withMe</span>
        </h1>
        <Row>
          <Form netlify>
            <Form.Group controlId="formBasicEmail">
              <Form.Label>Your Email address</Form.Label>
              <Form.Control
                type="email"
                placeholder="Enter email"
                style={{ borderRadius: 0 }}
              />
              <Form.Text className="text">
                I will never share your email with anyone else.
              </Form.Text>
            </Form.Group>
            <Form.Group controlId="exampleForm.ControlTextarea1">
              <Form.Label>What do you want to say?</Form.Label>
              <Form.Control
                as="textarea"
                rows="3"
                style={{ borderRadius: 0 }}
                placeholder="Enter your proposal, question, anything!"
              />
              <Form.Text className="text">
                I will never share your what you say with anyone else.
              </Form.Text>
            </Form.Group>
            <Button variant="primary" type="submit">
              Submit
            </Button>
          </Form>
        </Row>
      </Container>
    </div>
  );
};

export default Contact;