-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
52 lines (48 loc) · 2.05 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
<!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">
<title>Contact Me</title>
</head>
<body">
<h3>My Contact Details</h3>
<ul>
<li><strong>[email protected]</strong></li>
<li><strong><a href="https://www.linkedin.com/in/ravi-ranjan-66112420b/">linkedin</a></strong></li>
<li><strong><a href="https://www.instagram.com/ravir158/">instagram</a></strong></li>
</ul>
<h1>Contact me!</h1>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
<label> Your Name </label>
<input type="text" placeholder="Name" value=""><br><br>
<label> Your Email</label>
<input type="email" placeholder="Email id" value=""><br><br>
<label> Your Phone Number</label>
<input type="number" placeholder="Phone Number" value=""><br><br>
<label> Date of birth</label>
<input type="date" placeholder="DOB" value=""><br><br>
<label> Are you Indian</label>
<label for="sectionid1a">
<input type="checkbox" value="Yes" name="section" id="sectionid1a"> Yes
</label>
<label for="sectionid1b">
<input type="checkbox" value="No" name="section" id="sectionid1b"> No
</label><br><br>
<label> Describe for what you want to contact me </label><br>
<textarea name="yourMessage" id="" cols="30" rows="10" placeholder="write here"></textarea><br><br>
<br>
<label> Do you agree to share your details with us <br>
<label for="sectionida">
<input type="radio" value="Yes" name="section" id="sectionida"> Yes
</label>
<label for="sectionidb">
<input type="radio" value="No" name="section" id="sectionidb"> No
</label>
<br><br>
</label>
<input type="submit" name="">
</form>
</body>
</html>