-
Notifications
You must be signed in to change notification settings - Fork 14
/
contact.html
138 lines (114 loc) · 6.08 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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/contact.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="content">
<h1>Reach Out To Us</h1>
<p>Hope it has been a <em><b>smooth experience</b></em> for you with <em><b>us</b></em>. We would love to hear your feedback, if in any case you have any queries we would love to help you.</p>
</div>
<div id="box" class="row">
<div id="conOne" class="col-sm-6 ">
<button class="btn btn-default btn-lg" type="button" onclick="mybutton1()" id="formButton1">Leave your feedback here !</button>
<form id="form1" action="mailto:[email protected]" method="post" enctype="text/plain">
<center>
<h2>Give Your Valuable Feedback </h2>
</center>
<div class="form-group">
<label for="exampleFormControlInput1">Name</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Your Name" required="">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Email Address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]" required="">
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Overall Experience</label>
<select class="form-control" id="exampleFormControlSelect1" required="">
<option value="" disabled selected hidden >How was your experience with us?</option>
<option>Poor</option>
<option>Bad</option>
<option>Average</option>
<option>Good</option>
<option>Outstanding</option>
</select>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Your Review</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Is there anything you would like to tell us? " required=""></textarea>
</div>
<input class="but btn btn-success btn-sm" type="submit" value="Send">
<input class="but btn btn-warning btn-sm" type="reset" value="Reset">
</form>
</div>
<div id="conTwo" class="col-sm-6 ">
<button type="button" class="btn btn-default btn-lg" onclick="mybutton2()" id="formButton2">Have a question? Drop here !</button>
<form id="form2" action="mailto:[email protected]" method="post" enctype="text/plain">
<center>
<h2>Tell Us About Your Query</h2>
</center>
<div class="form-group">
<label for="exampleFormControlInput1">Name</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Your Name" required="">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Email Address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]" required="">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Contact Number</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Your Number" required="">
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Your Query</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Write detailed description of query, we will get back to you at the earliest!" required=""></textarea>
</div>
<input class="but btn btn-success btn-sm" type="submit" value="Send">
<input class="but btn btn-warning btn-sm" type="reset" value="Reset">
</form>
</div>
</div>
<hr>
<br>
<div class="wrap ">
<h3 class="fa fa-map-marker" style="font-size:20px"> Address</h3>
<p>Indira Gandhi Delhi Technical University fow Women</p>
</div>
<div class=" wrap ">
<h3 class="fa fa-phone" style="font-size:20px"> Phone</h3>
<p>+91 87009-11111 , +91 87009-22222 </p>
</div>
<div class="wrap ">
<h3 class="fa fa-envelope" style="font-size:20px"> Email</h3>
<p> [email protected]</p>
</div>
<center>
<div class="social">
<div class="buttons">
<a href="#" class="fb" title="Join us on Facebook"><i class="fa fa-facebook" ></i></a>
<a href="#" class="tw" title="Join us on Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/dsc_igdtuw/" class="insta" title="Join us on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/company/dscigdtuw/mycompany/" class="in" title="Join us on Linked In"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/dscigdtuw/Indulge" class="in" title="Join us on GitHub"><i class="fa fa-github" aria-hidden="true"></i></a>
</div>
</div>
</center>
</div>
<script type="text/javascript" src="js/contact.js"></script>
</div>
</body>
</html>