ContactForm.js
4.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import React, { useState } from "react";
import Link from "next/link";
import GoogleMap from "./GoogleMap";
import { Col, Container, Row } from "react-bootstrap";
const ContactForm = () => {
return (
<>
<div className="contact-area ptb-100">
<Container>
<Row>
<Col lg={6} sm={12}>
<GoogleMap />
</Col>
<Col lg={6} sm={12}>
<div className="contact-form">
<span className="sub-title">SEND MESSAGE</span>
<h2>Lets Provide Us a Message & Contact Us</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy liquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolo lorem ipsum dolor sit amet,
consetetur sadipscing elitr.
</p>
<form>
<Row>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="name"
placeholder="Name"
className="form-control"
value=""
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="email"
placeholder="Email"
className="form-control"
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="number"
placeholder="Phone number"
className="form-control"
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="subject"
placeholder="Subject"
className="form-control"
required
/>
</div>
</Col>
<div className="col-lg-12 col-md-12 col-sm-12">
<div className="form-group">
<textarea
name="text"
cols="30"
rows="6"
placeholder="Write your message..."
className="form-control"
required
/>
</div>
</div>
<div className="col-lg-12 col-md-12 col-sm-12">
<div className="form-check">
<input
type="checkbox"
className="form-check-input"
id="checkme"
/>
<label className="form-check-label" htmlFor="checkme">
Accept
<Link href="/terms-conditions">
Terms of Services
</Link>
and <Link href="/privacy-policy">Privacy Policy</Link>
</label>
</div>
</div>
<div className="col-lg-12 col-md-12 col-sm-12">
<button type="submit" className="default-btn">
Send Message <i className="ri-arrow-right-line"></i>
</button>
</div>
</Row>
</form>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
};
export default ContactForm;