-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontactme.html
More file actions
79 lines (75 loc) · 3.96 KB
/
Copy pathcontactme.html
File metadata and controls
79 lines (75 loc) · 3.96 KB
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
<!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="portfolio_style.css">
</head>
<body>
<div class="nav">
<nav>
<ul>
<li><a href="homepage.html">Home</a></li>
<li><a href="academics.html">Academics</a></li>
<li><a href="hobbies.html">Hobbies</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="startupideas.html">Startup Ideas</a></li>
<li><a href="sloganspectrum.html">Slogan Spectrum</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="contactme.html">Contact me</a></li>
</ul>
</nav>
</div>
<br>
<h1 class="hobbiescenter">Contact me for more info!</h1><br><br>
<form>
<center>
<div class="p1">
<label for="fname" class="p1">Let me know your full name:</label>
<input type="text" id="fname" name="fname" placeholder="Your fullname"><br><br>
<label for="name" class="p1">Your email address:</label>
<input type="text" id="name" name="name" placeholder="Your email address"><br><br>
<label for="fnam" class="p1">Your mobile number:</label>
<input type="text" id="fnam" name="fnam" placeholder="Your mobile number"><br><br>
<label for="c" class="p1">Choose your city:</label>
<select id="c" name="c" size="1">
<option value="aub">Your city</option>
<option value="a">Ahmedabad</option>
<option value="b">Anand</option>
<option value="f">Bhavnagar</option>
<option value="i">Dwarka</option>
<option value="ab">Jamnagar</option>
<option value="bc">Morbi</option>
<option value="fc">Porbandar</option>
<option value="c">Rajkot</option>
<option value="ab">Surat</option>
<option value="bac">Vadodara</option>
</select>
<br>
<br>
<label for="f7" class="p1">Any message would you like to convey?</label><br>
<textarea name="message" rows="5" cols="20"></textarea><br><br><br>
<h4 style= "color:black;">For more details, come and meet me at:</h4>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3681.1848826589026!2d72.87994747524924!3d22.684160428872328!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e5b273d43a6d5%3A0xd62b28ab0da769af!2sKrishna%20Hostel!5e0!3m2!1sen!2sin!4v1714125418671!5m2!1sen!2sin" width="340" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<br><br>
<button class="block">CONTACT ME</button>
</div>
</center>
</form>
<footer>
<div class="footer-content">
<ul class="social-links">
<a href="mailto:ladanividhi1635@gmail.com"><img src="gmail.jpg" height="40px" width="40px" style="border-radius:20%";></a>
<a href="https://facebook.com"><img src="facebook.jpg" height="40px" width="40px" style="border-radius:20%";></a>
<a href="https://www.instagram.com/vidhiladani1635?igsh=OGlvOXFrM2w4NjFl"><img src="instagram.jpg" height="40px" width="40px" style="border-radius:20%"></a>
<a href="https://twitter.com/home"><img src="twitter.jpg" height="40px" width="40px" style="border-radius:20%"></a>
<a href="https://www.linkedin.com/in/vidhi-ladani-13882a291?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img src="linkedin.jpg" height="40px" width="40px" style="border-radius:20%";></a>
</ul>
</div>
<div class="copyright">
<p>© Vidhi Ladani - All rights reserved.</p>
</div>
</footer>
</body>
</html>