-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
29 lines (27 loc) · 1.72 KB
/
index.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
<html>
<head>
<title>Matthew Johnson</title>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
</head>
<body>
<div id="profile-card">
<div class="profile-img"></div>
<h1>Matthew Johnson</h1>
<div class="description">
I am a systems engineering fellow and MBSE architect with over 18 years' experience developing complex medical systems for cardiac and urologic therapies.
</div>
<div class="social">
<a href="https://www.linkedin.com/in/nosnhojm/"><i class="fa-brands fa-linkedin fa-2xl" style="color:#0966C2;"></i></a>
<a href="https://github.com/nosnhojm"><i class="fa-brands fa-github fa-2xl" style="color:#24292F;"></i></a>
<a rel="me" href="https://mastodon.social/@nosnhojm"><i class="fa-brands fa-mastodon fa-2xl" style="color:#6364FF;"></i></a>
<a href="https://twitter.com/nosnhojm"><i class="fa-brands fa-twitter fa-2xl" style="color:#1DA1F2;"></i></a>
<a href="https://www.reddit.com/user/nosnhojm"><i class="fa-brands fa-reddit fa-2xl" style="color:#FF4500;"></i></a>
<a href="https://youtube.com/@nosnhojm"><i class="fa-brands fa-youtube fa-2xl" style="color:#FF0000;"></i></a>
<a href="https://psnprofiles.com/nosnhojm"><i class="fa-brands fa-playstation fa-2xl" style="color:#0070D1;"></i></a>
<a href="https://account.xbox.com/en-us/profile?gamertag=nosnhojm"><i class="fa-brands fa-xbox fa-2xl" style="color:#107C10;"></i></a>
</div>
<button class="footer" data-contact="dGluZy10dXJlZW4tMG5AaWNsb3VkLmNvbQ==" onclick="window.location.href='mailto:'+atob(this.dataset.contact);"><i class="fa-regular fa-paper-plane fa-xl"></i> Contact</button>
</div>
</body>
</html>