-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
128 lines (119 loc) · 4.57 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<title>My portfolio</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-37286605-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-37286605-2');
</script>
</head>
<body id="bg-img">
<header>
<div class="menu-btn" tabindex="0" aria-haspopup="true" aria-label="Menu button">
<div class="btn-line"></div>
<div class="btn-line"></div>
<div class="btn-line"></div>
</div>
<nav class="menu" aria-label="Half screen menu">
<div class="menu-branding">
<div class="portrait"></div>
</div>
<ul class="menu-nav" role="menubar" aria-hidden="true" aria-label="submenu">
<li class="nav-item current" role="menuitem">
<a href="index.html" class="nav-link">
Home
</a>
</li>
<li class="nav-item" role="menuitem">
<a href="about.html" class="nav-link">
About Me
</a>
</li>
<li class="nav-item" role="menuitem">
<a href="work.html" class="nav-link">
My Work
</a>
</li>
<li class="nav-item" role="menuitem">
<a href="contact.html" class="nav-link">
Contact Me
</a>
</li>
</ul>
</nav>
</header>
<main id="home">
<h1 class="lg-heading">
Maximilian
<span class="text-secondary">Berkmann</span>
</h1>
<h2 class="sm-heading">
Web Developer, Programmer, Software Enginner & Designer
</h2>
<div class="icons">
<!-- Social media -->
<a href="https://twitter.com/berkmann18" tabindex="2">
<i class="fab fa-twitter fa-2x" title="Twitter"></i>
</a>
<a href="https://www.facebook.com/maxkberkmann" tabindex="3">
<i class="fab fa-facebook fa-2x" title="Facebook"></i>
</a>
<a href="https://www.linkedin.com/in/mberkmann/ " tabindex="4">
<i class="fab fa-linkedin fa-2x" title="LinkedIn"></i>
</a>
<a href="https://dev.to/berkmann18" tabindex="5">
<i class="fab fa-dev fa-2x" title="Dev.to"><small>DEV</small></i>
</a>
<a href="https://plus.google.com/+MaximilianBerkmann" tabindex="6">
<i class="fab fa-google-plus-g fa-2x" title="Google+ "></i>
</a>
<a href="https://www.instagram.com/berkmann18/ " tabindex="7">
<i class="fab fa-instagram fa-2x" title="Instagram"></i>
</a>
<a href="https://www.pinterest.co.uk/maxieberkmann/ " tabindex="8">
<i class="fab fa-pinterest fa-2x" title="Pinterest"></i>
</a>
<a href="https://hashnode.com/@berkmann18" tabindex="9">
<i class="fas fa-bolt fa-2x" title="Hashnode"></i>
</a>
<a href="https://www.quora.com/profile/Maximilian-Berkmann" tabindex="10">
<i class="fab fa-quora fa-2x" title="Quora"></i>
</a>
<a href="https://medium.com/@B.Max" tabindex="11">
<i class="fab fa-medium fa-2x" title="Medium"></i>
</a>
<br>
<a href="https://github.com/Berkmann18" tabindex="12">
<i class="fab fa-github fa-2x" title="Github"></i>
</a>
<a href="https://gitlab.com/Berkmann18" tabindex="13">
<i class="fab fa-gitlab fa-2x" title="Gitlab"></i>
</a>
<a href="https://bitbucket.org/Berkmann18/ " tabindex="14">
<i class="fab fa-bitbucket fa-2x" title="Bitbucket"></i>
</a>
<a href="https://keybase.io/berkmann18" tabindex="15">
<i class="fab fa-keybase fa-2x" title="Keybase"></i>
</a>
<!-- skype: b.max-18 -->
</div>
<p>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;" src="https://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" />
</a>
</p>
</main>
<script src="js/main.js"></script>
</body>
</html>