-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
60 lines (60 loc) · 3.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Amogh's Contact</title>
<link rel="stylesheet" href="styles.css" />
<style>
.icon-container {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.icon-container svg {
width: 40px;
height: 40px;
cursor: pointer;
fill: white;
}
</style>
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="index.html">Amogh's Great Website</a>
</h1>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<h1 class="page-title">Contact</h1>
<form id="contact-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="ex: LeBron James" required><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="ex: [email protected]" required><br><br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="2" placeholder="Drop your message here" required></textarea><br><br>
<input type="submit" value="Submit">
</form>
<div class="icon-container">
<a href="https://www.linkedin.com/in/AmoghArora76" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 24 24">
<path d="M20 0H4C1.789 0 0 1.789 0 4v16c0 2.211 1.789 4 4 4h16c2.211 0 4-1.789 4-4V4c0-2.211-1.789-4-4-4zM7 19H4v-10h3v10zm-1.5-11.268c-.966 0-1.75-.784-1.75-1.75s.784-1.75 1.75-1.75 1.75.784 1.75 1.75-.784 1.75-1.75 1.75zm13.5 11.268h-3v-5.397c0-1.286-.026-2.94-1.793-2.94-1.793 0-2.067 1.4-2.067 2.848v5.489h-3v-10h2.884v1.367h.041c.403-.763 1.385-1.565 2.85-1.565 3.047 0 3.608 2.005 3.608 4.617v5.581z"/>
</svg>
</a>
<a href="https://github.com/Amogh76" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 24 24">
<path d="M12 0c-6.627 0-12 5.373-12 12 0 5.302 3.438 9.8 8.205 11.387.6.111.82-.261.82-.579 0-.285-.011-1.04-.017-2.04-3.338.726-4.042-1.614-4.042-1.614-.546-1.387-1.333-1.756-1.333-1.756-1.089-.744.083-.729.083-.729 1.205.084 1.838 1.237 1.838 1.237 1.07 1.834 2.809 1.305 3.492.998.108-.775.418-1.305.761-1.605-2.665-.304-5.467-1.334-5.467-5.932 0-1.311.469-2.381 1.237-3.221-.125-.304-.537-1.526.118-3.176 0 0 1.008-.323 3.3 1.23.958-.267 1.984-.4 3.006-.405 1.021.005 2.048.138 3.006.405 2.292-1.553 3.3-1.23 3.3-1.23.656 1.65.244 2.872.118 3.176.769.84 1.237 1.91 1.237 3.221 0 4.61-2.807 5.624-5.479 5.921.43.372.814 1.102.814 2.222 0 1.606-.014 2.901-.014 3.293 0 .321.217.694.825.577 4.764-1.591 8.197-6.086 8.197-11.384 0-6.627-5.373-12-12-12z"/>
</svg>
</a>
</div>
</main>
<footer class="footer">© 2024 Amogh's Great Website | All Rights Reserved</footer>
</body>
</html>