-
Notifications
You must be signed in to change notification settings - Fork 8
/
contact.html
81 lines (78 loc) · 3.68 KB
/
contact.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Contact Us</title>
<link rel="stylesheet" href="assets/css/contact_style.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section id="ContactUs">
<h4 id="heading4">Got a Question?</h4>
<h1 id="heading1">CONTACT US</h1>
<p id="para1"> We're here to help and answer any question you might have.
We look forward to hearing from you 😊.
</p>
<div class="display-flex">
<div class="d1" >
<h3>Get in touch with us</h3>
<p>Please fill out our form, and we'll get in touch shortly.</p>
<form>
<div class="row">
<span><input type="text" name="fname" class="t1" placeholder="First Name" /></span>
<span><input type="text" name="lname" class="t1" placeholder="Last Name" /></span>
</div>
<br>
<div class="row">
<span><input type="text" name="phno" class="t1" placeholder="Phone-Number" /></span>
<span><input type="text" name="Email-id" class="t1" placeholder="Email-id" /></span>
</div>
<br>
<span><input type="text" name="Subject" class="t1" placeholder="Subject"/></span>
<br>
<span><textarea name="Message" class="t2" placeholder="Type your query"></textarea></span>
<br>
<span><input type="submit" class="t3" value="Send Message" size=50/></span>
<br>
</form>
</div>
<div class="d2">
<h3 id="heading3">Other Ways To Connect</h3>
<p id="para2">Call, Email - whatever works for you. We'll be there</p>
<div class="row1">
<i class='fa fa-mobile' style='font-size:48px; color:#ff6699'></i>
<h4>Call Us</h4>
<p style='color:gray'>+123 456 78900<p>
</div>
<div class="row1">
<i class="fa fa-headphones" style='font-size:48px; color:#ff6699'></i>
<h4> Live Chat</h4>
<p style='color:gray'>Chat with us 24/7<p>
</div>
<div class="row1">
<i class='fa fa-envelope' style='font-size:48px; color:#ff6699'></i>
<h4>Mail Us</h4>
<p style='color:gray'>[email protected]<p>
</div>
</div>
</div>
<hr>
<div class='row2'>
<h4 style='text-align:center; font-size:35px; font-family:"New Tegomin", serif;'>Our Headquarters</h4>
<i class="fa fa-map-marker" style='font-size:48px; color:#8c0000'></i>
<p id='para3'> 332, 2nd FLOOR, ISCON MALL
150,RING ROAD
RAJKOT, GUJRAT
360005
</p>
</div>
<!--google map block start-->
<div class="google-map">
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&height=400&hl=en&q=332,second%20floor,iscon%20mall%20150%20ring%20road%20rajkot,gujrat+(rc%20diamond)&t=&z=14&ie=UTF8&iwloc=B&output=embed"></iframe>
</div>
<!--google map block end-->
</section>
<hr>
</body>
</html>