-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
63 lines (55 loc) · 1.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Me</title>
<link rel="icon" href="images/title_logo.png" type="image/x-icon">
<script src="https://kit.fontawesome.com/b356ad9dc8.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/contact_style.css">
</head>
<style>
p {
text-align: center;
font-size: 30px;
}
button {
background-color: #ffddd3;
border: none;
cursor: pointer;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
<body>
<p>I will be always open for collaborations and suitable job opportunities. Please feel free to contact me via
following:</p>
<div class="main">
<!-- Email Icon -->
<div class="icon mail">
<a href="mailto: [email protected]"><i class="fa-regular fa-envelope"></i></a>
<span>E-Mail</span>
</div>
<!-- Twitter Icon -->
<div class="icon twt">
<a href="https://twitter.com/saketkhopkar478"><i class="fa-brands fa-twitter"></i></a>
<span>Twitter</span>
</div>
<!-- Linkedin Icon -->
<div class="icon lnk">
<a href="https://www.linkedin.com/in/saket-khopkar-336684198/"><i class="fa-brands fa-linkedin-in"></i></a>
<span>Linkedin</span>
</div>
<!-- GitHub Icon -->
<div class="icon git">
<a href="https://github.com/SAKET-SK"><i class="fa-brands fa-github"></i></a>
<span>GitHub</span>
</div>
<br />
<br />
<a href="index.html"><button type="button">Back to Home Page</button></a>
</div>
</body>
</html>