-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
159 lines (138 loc) · 7.75 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="contact.css">
<title>Contact Form</title>
</head>
<body>
<nav class="navbar container">
<a href="#" class="logo">Golden Wings</a>
<!-- The order that we place the checkbox and label here is important because we will use css only for the click event to open the menu on mobile. -->
<input type="checkbox" id="toggler">
<label for="toggler"><img src="img/hamburger.png" alt=""></label>
<div class="menu">
<ul class="list">
<li><a href="index.html">Home</a></li>
<li><a href="#Blog">Blog</a></li>
<li><a href="contact.html ">Contact</a></li>
<li><a href="#Fort">Fort</a></li>
<li><a href="#slider">Images</a></li>
</ul>
</div>
</nav>
<div id="Form_container">
<h1>• Keep in Touch •</h1>
<div class="underline">
</div>
<div class="icon_wrapper">
<svg class="icon" viewBox="0 0 145.192 145.192">
<path
d="M126.82,32.694c-2.804,0-5.08,2.273-5.08,5.075v2.721c-1.462,0-2.646,1.185-2.646,2.647v1.995 c0,1.585,1.286,2.873,2.874,2.873h20.577c1.462,0,2.646-1.185,2.646-2.647v-3.041c0-1.009-0.816-1.825-1.823-1.825v-2.722 c0-2.802-2.276-5.075-5.079-5.075h-1.985v-3.829c0-3.816-3.095-6.912-6.913-6.912h-0.589h-20.45c0-2.67-2.164-4.835-4.833-4.835 H56.843c-2.67,0-4.835,2.165-4.835,4.835H34.356v-3.384h-9.563v3.384v1.178h-7.061v1.416c-2.67,0.27-10.17,1.424-13.882,5.972 c-1.773,2.17-2.44,4.791-1.983,7.793c0.463,3.043,1.271,6.346,2.128,9.841c2.354,9.616,5.024,20.515,0.549,28.077 C2.647,79.44-3.125,90.589,2.201,99.547c4.123,6.935,13.701,10.44,28.5,10.44c1.186,0,2.405-0.023,3.658-0.068v9.028h-0.296 c-2.516,0-4.558,2.039-4.558,4.558v4.566h100.04v-4.564c0-2.519-2.039-4.558-4.558-4.558h-0.297V84.631h0.297 c2.519,0,4.558-2.037,4.558-4.556v-0.009c0-2.516-2.039-4.556-4.556-4.556l-36.786-0.009V61.973c0-2.193-1.777-3.971-3.972-3.971 v-4.711h0.456c1.629,0,2.952-1.32,2.952-2.949h14.227V34.459h1.658c2.672,0,4.834-2.165,4.834-4.834h20.45v3.069H126.82z M34.06,75.511c-2.518,0-4.558,2.04-4.558,4.556v0.009c0,2.519,2.042,4.556,4.558,4.556h0.296v24.12l-0.042-1.168 c-15.994,0.574-26.122-2.523-30.106-9.229C-0.464,90.5,4.822,80.347,6.55,77.423c4.964-8.382,2.173-19.774-0.29-29.825 c-0.843-3.442-1.639-6.696-2.088-9.638c-0.354-2.35,0.129-4.3,1.484-5.958c3.029-3.714,9.509-4.805,12.076-5.1v1.233h7.061v1.49 v2.684c-2.403,1.114-4.153,2.997-4.676,5.237H18.15c-0.584,0-1.056,0.474-1.056,1.056v0.83c0,0.584,0.475,1.056,1.056,1.056h1.984 c0.561,2.18,2.304,3.999,4.658,5.092v0.029c0,0-2.282,20.823,16.479,22.099v1.102c0,1.177,0.955,2.133,2.133,2.133h3.297 c1.178,0,2.133-0.956,2.133-2.133V50.135c0-1.177-0.955-2.132-2.133-2.132h-3.297c-1.178,0-2.133,0.955-2.133,2.132 c-1.575-0.235-5.532-1.17-6.635-4.547c2.36-1.092,4.109-2.913,4.669-5.097h1.308c0.722,0,1.309-0.584,1.309-1.308v-0.578 c0-0.584-0.475-1.056-1.056-1.056h-1.539c-0.542-2.332-2.416-4.271-4.968-5.363v-2.559h17.651c0,2.67,2.166,4.835,4.836,4.835 h2.392v15.88h13.639c0,1.629,1.321,2.949,2.951,2.949h0.899v4.711c-2.194,0-3.972,1.778-3.972,3.971v13.529L34.06,75.511z M95.188,101.78c0,8.655-7.012,15.665-15.664,15.665c-8.653,0-15.667-7.01-15.667-15.665c0-8.647,7.014-15.664,15.667-15.664 C88.177,86.116,95.188,93.132,95.188,101.78z M97.189,45.669h-9.556c0-0.896-0.726-1.62-1.619-1.62H74.494 c-0.896,0-1.621,0.727-1.621,1.62h-8.967v-11.21h33.283V45.669z">
</path>
<path
d="M70.865,101.78c0,4.774,3.886,8.657,8.66,8.657c4.774,0,8.657-3.883,8.657-8.657c0-4.773-3.883-8.656-8.657-8.656 C74.751,93.124,70.865,97.006,70.865,101.78z">
</path>
</svg>
</div>
<form action="#" method="post" id="contact_form">
<div class="name">
<label for="name"></label>
<input type="text" placeholder="My name is" name="name" id="name_input" required>
</div>
<div class="email">
<label for="email"></label>
<input type="email" placeholder="My e-mail is" name="email" id="email_input" required>
</div>
<div class="telephone">
<label for="name"></label>
<input type="text" placeholder="My number is" name="telephone" id="telephone_input" required>
</div>
<div class="subject">
<label for="subject"></label>
<select placeholder="Subject line" name="subject" id="subject_input" required>
<option disabled hidden selected>Subject line</option>
<option>I'd like to start a Tour</option>
<option>I'd like to ask a question</option>
<option>I'd like to make a Trip Plan</option>
</select>
</div>
<div class="message">
<label for="message"></label>
<textarea name="message" placeholder="I'd like to chat about" id="message_input" cols="30" rows="5"
required></textarea>
</div>
<div class="submit">
<input type="submit" value="Send Message" id="form_button" />
</div>
</form><!-- // End form -->
</div><!-- // End #container -->
<footer class="footer">
<div class="row primary">
<div class="column about">
<h3>Golden Wings</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae,
voluptatem corporis error non,
</p>
</div>
<div class="column links">
<h3>Some Links</h3>
<ul>
<li>
<a href="#faq">F.A.Q</a>
</li>
<li>
<a href="#cookies-policy">Cookies Policy</a>
</li>
<li>
<a href="#terms-of-services">Terms Of Service</a>
</li>
<li>
<a href="#support">Support</a>
</li>
</ul>
</div>
<div class="column links">
<h3>Some Links</h3>
<ul>
<li>
<a href="#faq">F.A.Q</a>
</li>
<li>
<a href="#cookies-policy">Cookies Policy</a>
</li>
<li>
<a href="#terms-of-services">Terms Of Service</a>
</li>
<li>
<a href="#support">Support</a>
</li>
</ul>
</div>
<div class="column ">
<h3>Any Quarey</h3>
<div>
<input type="email" placeholder="Your email id here" />
<button>Send msg</button>
</div>
</div>
</div>
<div class="copyright">
<div class="footer-menu">
<a href="index.html">Home</a>
<a href="#Fort">Fort</a>
<a href="contact.html">Contact</a>
<a href="#Blog">Blog</a>
<a href="#slider">Images</a>
</div>
<div>
<p>Copyright © 2022 Design and Devloped by Shlok Jadeja</p>
</div>
</div>
</footer>
</body>
</html>