-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
25 lines (23 loc) · 1.76 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
<!DOCTYPE html>
<html>
<head>
<title>Hello, I'm Dawid Stachów</title>
<link href="https://fonts.googleapis.com/css?family=Reem+Kufi|Roboto:300" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<script async defer data-website-id="227d15eb-7ed0-4aef-b9b2-2c21815e6413" src="https://stats.blueday.pl/umami.js"></script>
<style>html{font-family:'Roboto',sans-serif}@media (min-width:576px){html{font-size:14px}}@media (min-width:768px){html{font-size:16px}}@media (min-width:992px){html{font-size:18px}}@media (min-width:1200px){html{font-size:20px}}.icons-social i{font-size:3em}main{display:flex;flex-direction:column;min-height:100vh;justify-content:center;padding:0 30px;text-align:center}main>.intro{font-family:'Reem Kufi',sans-serif;font-size:3.75em;font-weight:600}main>.tagline{font-size:1.5rem;margin:1.5rem 0;font-weight:100}.icons-social i{padding:10px}.devto{margin-bottom:-.20rem}.devto svg{margin-bottom:-.20rem;margin-left:.675rem;width:2.65rem;height:2.65rem}main{background:#fafafa;color:#0277bd}.icons-social a{color:#0277bd}.icons-social a svg path{fill:#0277bd}</style>
<meta charset="utf-8">
</head>
<body>
<main>
<div class="intro">Hello, I'm Dawid Stachów!</div>
<div class="tagline">Software Engineer | Code Fanatic | DevOps</div>
<!-- Find your icons from here - https://fontawesome.com/icons?d=gallery&s=brands -->
<div class="icons-social">
<a target="_blank" href="https://github.com/monter08"><i class="fab fa-github"></i></a>
<a target="_blank" href="mailto:[email protected]"><i class="fas fa-at"></i></a>
<a target="_blank" href="https://www.linkedin.com/in/dawid-stachów-38557211b"><i class="fab fa-linkedin-in"></i></a>
</div>
</main>
</body>
</html>