PersonalWebsite/index.html

215 lines
8.6 KiB
HTML
Raw Normal View History

2020-03-16 18:00:42 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-03-16 18:00:42 +00:00
<title>Lukas Heiligenbrunner</title>
2020-03-16 20:11:07 +00:00
2020-03-16 18:00:42 +00:00
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
2020-03-16 20:11:07 +00:00
<!-- Stylesheets -->
2020-03-18 09:22:43 +00:00
<link rel="stylesheet" href="css/general.css">
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/experience.css">
<link rel="stylesheet" href="css/projects.css">
2020-03-16 18:00:42 +00:00
</head>
<!-- The scrollable area -->
<body data-spy="scroll" data-target=".navbar" data-offset="50">
2020-03-18 15:02:43 +00:00
<div id="maincontent">
<nav class="navbar navbar-expand-sm navbar-dark fixed-top">
<a class="navbar-brand" href="#">Lukas</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#section1">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section2">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section3">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section4">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section5">Contact</a>
</li>
</ul>
2020-03-16 18:00:42 +00:00
</div>
2020-03-18 15:02:43 +00:00
</nav>
<!-- Home Page-->
<div id="section1" class="tile">
<div class="container">
<div style="float: left;">
<div id="preTitle">Hey, my name is</div>
<div class="bigText" id="titleText">Lukas Heiligenbrunner</div>
<div class="bigText lightOpacity" id="subTitleText">A creative IT Student</div>
<p id="meaningFullSentence" class="lightOpacity">
I'm a software engineer based in Austria who loves code
development and is always open for new projects and ideas.
</p>
</div>
<div id="homepicture">
<img src="rsc/self3.png" height="100%" style="display: block;margin-left: auto; margin-right: auto">
</div>
2020-03-17 17:57:49 +00:00
</div>
2020-03-16 18:00:42 +00:00
</div>
2020-03-18 15:02:43 +00:00
<!-- About Page -->
<div id="section2" class="bg-warning tile">
<div class="container">
<div class="aboutcontainer">
<h1>About me</h1>
<p id="aboutmeText">
Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as
things
that live on the internet.
I develop hardware near software exceptional websites and apps that provide intuitive and user
friendly
interfaces with efficient and modern backends.
I'm currently a student of the HTL Steyr and I am in the final year now.
<br><br>
Here are a few technologies I've been working with recently:
</p>
<ul>
<li>C++</li>
<li>Java</li>
<li>Kotlin</li>
<li>HTML/CSS/JS</li>
<li>Latex</li>
<li>OpenSCAD</li>
</ul>
</div>
<div class="aboutPicContainer">
<img src="rsc/self4.jpg" id="aboutPic">
</div>
2020-03-17 21:04:26 +00:00
</div>
2020-03-16 21:24:51 +00:00
</div>
2020-03-18 14:18:32 +00:00
2020-03-18 15:02:43 +00:00
<!-- Experience Page -->
<div id="section3" class="tile">
<div class="container">
<h1>Experience</h1>
<div id="experiencecontentcontainer">
<input class="ratiobtn" id="tab1" type="radio" name="tabs" checked="">
<label class="tab" for="tab1">Profactor</label>
<input class="ratiobtn" id="tab2" type="radio" name="tabs">
<label class="tab" for="tab2">SPS Technik</label>
<input class="ratiobtn" id="tab3" type="radio" name="tabs">
<label class="tab" for="tab3">Profactor</label>
<input class="ratiobtn" id="tab4" type="radio" name="tabs">
<label class="tab" for="tab4">Klausriegler</label>
<div class="content">
<div id="content1">
<div>
Engineer @Profactor
</div>
<div>
research lab
</div>
<div>
07.2019 08.2019
</div>
<p>
Development of picture corrections for a surface inspection robot with the help of
OpenCV.<br>
außeruniversitäres Forschungsinstitut
▪ Programmieren von Bildkorrekturen für
Oberflächeninspektionen mithilfe von OpenCV in C++
Diplomarbeit „Bildkorrektur für Oberflächeninspektion“
● Entwicklung einer C++ Bibliothek zur Entzerrung
eines von einem Roboterarm aufgenommenen
Oberflächenbildes
● Bearbeitung mit Hilfe von OpenCV und überwiegend
der Affinen-Transformation
</p>
2020-03-18 14:18:32 +00:00
</div>
2020-03-18 15:02:43 +00:00
<div id="content2">
<p>
todo
Automatisierungsprojekte
▪ Aufbau einer Dichtprüfanlage für BMW Werk Steyr in
Ellwangen/Deutschland
</p>
</div>
2020-03-18 14:18:32 +00:00
2020-03-18 15:02:43 +00:00
<div id="content3">
<p>
todo außeruniversitäres Forschungsinstitut
▪ Aufbauen und Programmieren eines
Oberflächeninspektions-Roboters
</p>
</div>
2020-03-18 14:18:32 +00:00
2020-03-18 15:02:43 +00:00
<div id="content4">
<p>
todo Heizung-Lüftung-Klima-Sanitär
▪ Mithilfe bei Ölbrenner- und Gasthermenservice
▪ Mithilfe bei Badsanierung und -installation
</p>
</div>
2020-03-18 14:18:32 +00:00
</div>
</div>
</div>
</div>
2020-03-16 20:11:07 +00:00
2020-03-18 15:02:43 +00:00
<!-- Projects Page -->
<div id="section4" class="tile">
<div class="container">
<h1>Projects</h1>
<p>Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo
Projects Page! </p>
</div>
</div>
2020-03-16 20:11:07 +00:00
2020-03-18 15:02:43 +00:00
<!-- Contact Page -->
<div id="section5" class="bg-danger tile">
<div class="container">
<h1>Contact</h1>
<h3>Stay in Contact!</h3>
<p>Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo
Contacts page! Todo Contacts page!
Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page!
Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! </p>
</div>
</div>
2020-03-16 18:00:42 +00:00
</div>
2020-03-18 15:02:43 +00:00
<a href="#section1">
<div id="backtotopbutton">
<div style="margin-top: 25%">
Back to Top!
</div>
</div>
</a>
2020-03-16 18:00:42 +00:00
</body>
</html>