-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
142 lines (122 loc) · 6.08 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html lang = en>
<html>
<head>
<title>Contact Harrison Weru</title>
<meta charset="UTF-8">
<meta name="author" content="Harrison Weru">
<meta name ="viewport" content="width=device-width, initiale-scale=1.0">
<link rel="stylesheet" href="static/style.css">
<!-- link to js script -->
<script type="text/javascript" src="static/script.js" defer></script>
<!-- fontawsome icons embedded link -->
<script src="https://kit.fontawesome.com/759d8c717c.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="top-nav" id="top-nav">
<a href="index.html" class="index">Harrison Weru</a>
<a href="contact.html" class="menu">Contact</a>
<a href="blogs/index.html" class="menu">Blogs</a>
<a href="projects/index.html" class="menu">Projects</a>
<a href="javascript:void(0);" class="nav-icon" onclick="topNavFunction()"><i class="fa-solid fa-bars fa-lg"></i></a>
</div>
<div>
<h1 style="text-align: center; font-size: 36px; margin: 72px 12px 12px 12px; padding: 12px;">Contact Harrison Weru</h1>
</div>
<div class="main-content" style="margin-top: 12px;">
<!-- <h2 style="text-align: center;">Contact Harrison Weru</h2> -->
<p style="text-align: center;">
You can contact me via email by clicking the link below:
</p>
<p style="text-align: center; max-width: 200px; margin: auto;" class="contact-buttons">
<a href="mailto:weruharim@gmail.com" style="font-size: 20px;">
<i class="fas fa-envelope"></i> Email me
</a>
</p>
<p style="text-align: center;">
Or you can copy my email address: <strong>weruharim@gmail.com</strong>
</p>
</div>
<div class="main-content" style="margin-top: 12px; max-width: 100%;">
<h2>Reach me through my social media</h2>
<div class="contact-cards" style="margin-bottom: 96px;">
<div class="contact-card-items">
<img src="pictures/logos/x-black.png" style="width: 30px; height: 30px; margin: 32px 0 16px 0;">
<h2>x.com</h2>
<p style="margin: 16px 0; text-align: left;">
Feel free to tweet me your thoughts, questions, or just say hello!
</p>
<button class="contact-buttons"><a href="https://twitter.com/weru_harim" target="_blank" style="padding: 0; margin: 16px 0 32px 0;">Twitter</a>
</div>
<div class="contact-card-items">
<img src="pictures/logos/Linkedin.png" style="width: 35px; height: 30px; margin: 32px 0 16px 0;">
<h2>LinkedIn</h2>
<p style="margin: 16px 0; text-align: left;">
Connect with me on LinkedIn for networking and career opportunities.
</p>
<button class="contact-buttons"><a href="https://www.linkedin.com/in/harrison-w-487911102/" target="_blank" style="padding: 0; margin: 16px 0 32px 0;">LinkedIn</a>
</div>
<div class="contact-card-items">
<img src="pictures/logos/whatsapp.png" style="width: 30px; height: 30px; margin: 32px 0 16px 0;">
<h2>WhatsApp</h2>
<p style="margin: 16px 0; text-align: left;">
Drop me a message on WhatsApp for quick and direct communication.
</p>
<button class="contact-buttons"><a href="https://wa.me/+254742495731" target="_blank" style="padding: 0; margin: 16px 0 32px 0;">WhatsApp</a>
</div>
</div>
</div>
<!-- <div class="main-content" style="margin-top: 12px;">
<form method="POST" action="mailto::weruharim@gmail.com">
<div>
<h2 style="text-align: center;">Contact me through email</h2>
</div>
<fieldset style="margin-bottom: 20px;">
<legend>Personal information</legend>
<div>
<label for="fname">First Name: </label>
<input type="text" id="fname" name="fname"> <br>
<label for="lname">Last Name: </label>
<input type="text" id="lname" name="lname"> <br>
<label for="email">Your Email: </label>
<input type="email" id="email" name="email">
</div>
</fieldset>
<fieldset style="margin-top: 20px;">
<legend>Your message</legend>
<div>
<label for="subject">Subject: </label><br>
<input type="text" id="subject" name="subject" style="width: 80%;"><br>
<label for="message">Message: </label><br>
<textarea id="message" name="message" rows="10" cols="50" style="width: 100%;"></textarea><br>
</div>
<div style="text-align: center;">
<input type="submit" value="Send Email" id="submit">
</div>
</fieldset>
</form>
</div> -->
<footer class="footer">
<div class="flex-footer-item-left">
<h2><a href="index.html" style="font-size:20px">Harrison Weru</a></h2>
<a href="projects/index.html">Projects</a><br>
<a href="blogs/index.html">Blogs</a><br>
<a href="contact.html">Contact</a><br>
</div>
<div class="flex-footer-item-middle">
<h2>Recent Projects</h2>
<!-- <a href="projects/projects-pages/project1.html">Project 1 title</a><br>
<a href="projects/projects-pages/project2.html">Project 2 title</a><br>
<a href="projects/projects-pages/project3.html">Project 3 title</a><br> -->
</div>
<div class="flex-footer-item-right">
<h2>Recent Blogs</h2>
<!-- <a href="blogs/blogs-pages/blog1.html">Blog 1 title</a><br>
<a href="blogs/blogs-pages/blog2.html">Blog 2 title</a><br>
<a href="blogs/blogs-pages/blog3.html">Blog 3 title</a><br> -->
</div>
<div class="copyright">
© 2024 Harrison Weru
</div>
</footer>
</body>
</html>