-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (118 loc) · 8.32 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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Wed May 26 2021 09:32:12 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="leons-awesome-project.webflow.io" data-wf-page="60ae156143040efb1a6f60e6" data-wf-site="60ae156043040e22cb6f60dd" data-wf-status="1">
<head>
<meta charset="utf-8" />
<title>Leon's cool Portfolio</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="Webflow" name="generator" />
<link href="./styles2.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Varela Round:400", "Roboto:100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic:vietnamese,cyrillic-ext,greek-ext,greek,latin-ext,latin,cyrillic"]
}
});
</script>
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]-->
<script type="text/javascript">
! function(o, c) {
var n = c.documentElement,
t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
<link href="./letter_H2.png" rel="shortcut icon" type="image/x-icon" />
<link href="https://uploads-ssl.webflow.com/img/webclip.png" rel="apple-touch-icon" />
</head>
<body>
<div data-collapse="none" data-animation="default" data-duration="400" role="banner" class="navbar w-nav">
<a href="/" aria-current="page" class="brand w-nav-brand w--current">
<img src="https://uploads-ssl.webflow.com/60ae156043040e22cb6f60dd/60ae156143040eae716f6138_logo.png" width="188" alt="" />
<!-- Portfolio Logo -->
</a>
<!-- <nav role="navigation" class="nav-menu w-nav-menu">
<a href="/" aria-current="page" class="link-nav w-nav-link w--current">Home</a>
<a href="/about" class="link-nav w-nav-link">About</a>
<a href="/contact" class="link-nav w-nav-link">Contact</a></nav>
<div class="w-nav-button">
<div class="w-icon-nav-menu"></div>
</div> -->
</div>
<div data-w-id="8d967f30-0f60-53ad-afff-f6be8eeb33d6" class="hero"><img src="https://uploads-ssl.webflow.com/60ae156043040e22cb6f60dd/60ae156143040ee52a6f6137_arrow.svg" alt="" class="arrow" />
<div data-w-id="8379a733-d2be-9ef6-7d74-5aa993d72c65" class="wrapper-title">
<div class="_w-h1">
<h1 data-w-id="eca8521f-4208-5159-fae5-908e9ea99674" style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="main-h1 home">Hello,</h1>
</div>
<div class="_w-h1">
<h1 data-w-id="a5b9f386-66ee-dfd4-322d-966155820ac1" style="-webkit-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="main-h1 bold home">there.</h1>
</div>
<div data-w-id="01ca0c99-bc4a-9067-fcdd-21f3e0abdd06" style="-webkit-transform:translate3d(0, 200PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 200PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 200PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 200PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="home-subhead">
<p>Welcome to Leon Hinderling's portfolio</p>
</div>
</div>
</div>
<div class="section main">
<div class="w-dyn-list">
<div role="list" class="w-dyn-items">
<div role="listitem" class="wrapper w-dyn-item">
<div style="background-image:url("https://images.unsplash.com/photo-1446776653964-20c1d3a81b06")" class="column background-image">
<div class="column _100vh">
<div class="project-info">
<div class="number">
<h2 class="number zero">01</h2>
</div>
<h2 class="project-title">Data Enthusiast</h2>
<p class="project-description">Living life the <a href="https://en.wikipedia.org/wiki/A*_search_algorithm" class="project-link">A*</a> way. <br>Knowledge graphs never lie.</p>
<a href="staging.html" class="project-link">Projects </a>
<!-- <a href="/work/looking-for-life-beyond-earth" class="project-link">view project</a> -->
</div>
</div>
</div>
</div>
<div role="listitem" class="wrapper w-dyn-item">
<div style="background-image:url('engineering.png')" class="column background-image">
<div class="column _100vh">
<div class="project-info">
<div class="number">
<h2 class="number zero">02</h2>
</div>
<h2 class="project-title">Engineer</h2>
<p class="project-description">Petrol, numbers and sleep deprivation.</p>
<!-- <a href="/work/igotchu" class="project-link">view project</a> -->
</div>
</div>
</div>
</div>
<div role="listitem" class="wrapper w-dyn-item">
<div style="background-image:url("https://personaltraining-denhelder.nl/wp-content/uploads/2019/01/0445EE13-B265-4896-8BA5-45EFBFC3A935.jpeg")" class="column background-image">
<div class="column _100vh">
<div class="project-info">
<div class="number">
<h2 class="number zero">03</h2>
</div>
<h2 class="project-title">Beer Enjoyer</h2>
<p class="project-description">In hop we trust. <br>Cracks under pressure, but only a cold one. <br>Drink responsibly. </p>
<!-- <a href="/work/looking-for-life-beyond-earth-2" class="project-link">view project</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="div-block-27">
<div class="div-block-26"><img src="https://uploads-ssl.webflow.com/60ae156043040e22cb6f60dd/60ae156143040eae716f6138_logo.png" width="147" alt="" class="logo-footer" />
<div class="wrapper-list-links">
<a href="https://www.linkedin.com/in/leon-hinderling-555561194/" class="footer-links">Linkedin</a>
<a href="mailto: [email protected]" class="footer-links">Email</a>
</div>
<p class="small-p">I'm a Data Enthusiast.<br>I'm an Engineer.<br>I'm a Beer Enjoyer.<em> </em></p>
</div>
</div>
</div>
<script src="./webflow_stuff_2.js" type="text/javascript"></script>
<script src="./webflow_stuff.js" type="text/javascript"></script>
<!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>