-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
91 lines (84 loc) · 3.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
<link rel="icon" href="icon.png" type="image/icon type">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>TechFolio - Contact</title>
<style>
td {
padding-right: 50px;
padding-bottom: 10px;
}
</style>
</head>
<body>
<div class="loader-container">
<div class="loader"></div>
</div>
<br/>
<div class="navbar">
<a href="index.html" style="font-size: 30px;"><span class="active">𝐓𝐞𝐜h𝐅𝐨𝐥𝐢𝐨</span></a>
<div style="text-align: center;" class="nav_links nav_links_ul" id="navLinks">
<i class="fa fa-times cross hidden" onclick="hideMenu()"></i>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html"><span class="active">Contact</span></a>
</div>
<i class="fa fa-bars cross2" onclick="showMenu()"></i>
<div class="icons nav_links">
<a href="https://www.facebook.com/kushal.gupta.39794895"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/kushal_gupta_03/"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/kushalgupta03/"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<section class="contact-me">
<p1>𝐂𝐨𝐧𝐭𝐚𝐜𝐭</p1>
<p class="about-main-me">Welcome to the Contact Me section! I'm thrilled to connect with you. If you have a project in mind, collaboration ideas, or anything else you'd like to discuss, I'm all ears. I'm dedicated to providing swift responses, so expect to hear back from me soon. Looking forward to our conversation!</p>
<br/>
</section>
<div class="contact-info">
<div class="info">
<i class="fa fa-map-marker icon"></i>Location:<br>Ahmedabad, Gujarat, India 380050
</div>
<div class="info">
<i class="fa fa-envelope icon"></i>Email Address:<br>guptakushal2003@gmail.com
</div>
<div class="info">
<i class="fa fa-phone icon""></i>Phone No:<br>+91 87994 46138
</div>
</div>
<div class="contact-form">
<form action="#">
<div class="column">
<div class="form-group name-group row" style="padding-right: 10px;">
<input type="text" id="name" name="name" required placeholder="Name">
</div>
<div class="form-group name-group row">
<input type="email" id="email" name="email" required placeholder="Email">
</div>
</div>
<div class="form-group">
<input type="text" id="subject" name="subject" required placeholder="Subject">
</div>
<div class="form-group">
<textarea id="message" name="message" rows="4" required placeholder="Message"></textarea>
</div>
<div align="center">
<input type="submit" value="Submit" class="green-button final-submit" onclick="showAlert()">
</div>
</form>
</div>
<section class="footer">
<h1>Contact Me:</h1>
<div class="social_links">
<a href="https://www.facebook.com/kushal.gupta.39794895"><i class="fab fa-facebook-f"></i></a>
<a href="https://instagram.com/kushal_gupta_03"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/kushalgupta03/"><i class="fab fa-linkedin-in"></i></a>
</div>
</section>
</body>
</html>