Skip to content

Commit e25fa56

Browse files
suyogkokajesuyogkokaje
committed
feat: added contact us form
1 parent c0a9248 commit e25fa56

File tree

4 files changed

+408
-0
lines changed

4 files changed

+408
-0
lines changed

‎Forms/Contact Us Form_01/README.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Music Player
2+
<h3> Tech Stack Used <img src = "https://media2.giphy.com/media/QssGEmpkyEOhBCb7e1/giphy.gif?cid=ecf05e47a0n3gi1bfqntqmob8g9aid1oyj2wr3ds3mg700bl&rid=giphy.gif" width = 32px> </h3>
3+
<p align="left"> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://img.icons8.com/color/48/000000/html-5--v1.png"/> <a href="https://www.w3schools.com/css/" target="_blank"><img src="https://img.icons8.com/color/48/000000/css3.png"/></a>
4+
</p>
5+
<hr>
6+
7+
### Preview
8+
![](./assets/preview.gif)

‎Forms/Contact Us Form_01/assets/preview.gif

8.85 MB
Loading

‎Forms/Contact Us Form_01/code/index.html

+107
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="style.css" />
8+
<title>Contact Us Form</title>
9+
</head>
10+
<body>
11+
<section class="body">
12+
<div id="browser">
13+
<div id="browser-bar">
14+
<div class="circles"></div>
15+
<div class="circles"></div>
16+
<div class="circles"></div>
17+
<p>Contact Us</p>
18+
<span class="arrow entypo-resize-full"></span>
19+
</div>
20+
<div id="content">
21+
<div id="left">
22+
<div id="map">
23+
<p>Where To Find Us</p>
24+
<div class="map-locator">
25+
<div class="tooltip">
26+
<ul>
27+
<li>
28+
<span class="entypo-location"></span>
29+
<span class="selectedLocation">India</span>
30+
</li>
31+
<li>
32+
<span class="entypo-mail"></span>
33+
<a href="#">[email protected]</a>
34+
</li>
35+
<li>
36+
<span class="entypo-phone"></span>
37+
(+91)9999999999
38+
</li>
39+
</ul>
40+
</div>
41+
</div>
42+
<div class="zoom"></div>
43+
</div>
44+
<ul id="location-bar">
45+
<li>
46+
<a
47+
class="location"
48+
href="#"
49+
>India</a>
50+
</li>
51+
<li>
52+
<a
53+
class="location"
54+
href="#"
55+
>India</a>
56+
</li>
57+
<li>
58+
<a
59+
class="location"
60+
href="#"
61+
>India</a>
62+
</li>
63+
<li>
64+
<a
65+
class="location"
66+
href="#"
67+
>India</a>
68+
</li>
69+
</ul>
70+
</div>
71+
<div id="right">
72+
<p>Connect</p>
73+
<div id="social">
74+
<a class="social">
75+
<span class="entypo-facebook"></span>
76+
</a>
77+
<a class="social">
78+
<span class="entypo-twitter"></span>
79+
</a>
80+
<a class="social">
81+
<span class="entypo-linkedin"></span>
82+
</a>
83+
<a class="social">
84+
<span class="entypo-gplus"></span>
85+
</a>
86+
<a class="social">
87+
<span class="entypo-instagrem"></span>
88+
</a>
89+
</div>
90+
<form>
91+
<p>Get in Contact</p>
92+
<input placeholder="Email" type="email" />
93+
<input placeholder="Subject" type="text" />
94+
<textarea placeholder="Message" rows="4"></textarea>
95+
<input placeholder="Send" type="submit" />
96+
</form>
97+
<p>other way</p>
98+
<p class="other entypo-mail">
99+
<a href="#">[email protected]</a>
100+
</p>
101+
<p class="other entypo-phone">(+91)9999999999</p>
102+
</div>
103+
</div>
104+
</div>
105+
</section>
106+
</body>
107+
</html>

0 commit comments

Comments
 (0)