better mobile css
This commit is contained in:
parent
89773c7517
commit
da1a85a700
42
index.html
42
index.html
|
@ -2,18 +2,27 @@
|
|||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="./data/favicon.ico">
|
||||
<link rel="icon" sizes="192x192" href="./data/icon.png">
|
||||
<title>Hendrik Schutter</title>
|
||||
<link rel="stylesheet" href="./css/w3.css">
|
||||
<style>
|
||||
body {
|
||||
background-image: url('background.png');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="w3-container w3-content w3-center w3-animate-zoom" style="min-width:50%;max-width:800px;margin-top:5%">
|
||||
<body class="w3-animate-zoom">
|
||||
<div class="w3-container w3-content w3-center" style="max: width 800px;margin-top:5%">
|
||||
<h1 class="w3-wide">Hendrik Horst Schutter</h1>
|
||||
<p class="w3-opacity"><i>twenty-four-year-old computer scientist from southwest Germany</i></p>
|
||||
<div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding">
|
||||
<h5 class="w3-container w3-left">
|
||||
Education:</h6>
|
||||
<h3 class="w3-container w3-left">
|
||||
Education</h3>
|
||||
<h6 class="w3-right-align">Bachelor of Science,
|
||||
<a style="text-decoration: none" href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte">
|
||||
Applied Computer Science at University Offenburg;</a> 2017 - 2021
|
||||
|
@ -24,36 +33,37 @@
|
|||
</h6>
|
||||
</div>
|
||||
<div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding">
|
||||
<h5 class="w3-container w3-left">
|
||||
Work:</h6>
|
||||
<h3 class="w3-container w3-left">
|
||||
Work</h3>
|
||||
<h6 class="w3-right-align">Scientific laboratory assistant,
|
||||
<a style="text-decoration: none" href="https://emi.hs-offenburg.de/httpcms1fh-offenburgdeeif/labore/betriebssysteme-und-computernetze">
|
||||
Operating systems and computer networks at University Offenburg</a>
|
||||
</h6>
|
||||
</div>
|
||||
<div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding">
|
||||
<h5 class="w3-container w3-left">
|
||||
Freetime:</h6>
|
||||
<h3 class="w3-container w3-left">
|
||||
Freetime</h3>
|
||||
<h6 class="w3-right-align">
|
||||
<a style="text-decoration: none" href="https://www.youtube.com/watch?v=GSftku-Mck0">
|
||||
building and flying unmanned systems, sometimes with an rapid unscheduled disassembly</a>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-container w3-content w3-center w3-animate-zoom" style="min-width:25%;max-width:200px;">
|
||||
<div class="w3-panel w3-dark-white w3-hover-opacity w3-hover-gray w3-padding">
|
||||
<div class="w3-container w3-content w3-center" style="max-width:300px;">
|
||||
<div class="w3-panel w3-card w3-dark-gray w3-hover-opacity w3-hover-gray w3-padding">
|
||||
<div class="w3-center-align">
|
||||
<p>
|
||||
|
||||
<a class="w3-hover-opacity" style="text-decoration: none" href="mailto:mail@hendrikschutter.com">
|
||||
<h6>mail@hendrikschutter.com</h6></a></p>
|
||||
<p>
|
||||
<h6>mail@hendrikschutter.com</h6></a>
|
||||
|
||||
<a class="w3-hover-opacity" style="text-decoration: none" href="https://matrix.to/#/@localhorst:willmann.dev">
|
||||
<h6>Matrix: localhorst</h6></a></p>
|
||||
<p>
|
||||
<h6>Matrix: localhorst</h6></a>
|
||||
|
||||
<a class="w3-hover-opacity" style="text-decoration: none" href="https://git.mosad.xyz/localhorst">
|
||||
<h6>git.mosad.xyz/localhorst</h6></a></p>
|
||||
<h6>git.mosad.xyz/localhorst</h6></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="w3-container w3-center">Last update: 2021/09/25</footer>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue