PersonalWebsite/index.html
lukas a2033e7c3f added item to about page
better height of about page
2020-06-08 10:25:22 +02:00

249 lines
10 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--
-- index.html - https://heili.eu
-- Licensed under the MIT license - http://opensource.org/licenses/MIT
-- E-mail: lukas.heiligenbrunner@gmail.com
-- Copyright (c) 2020 Lukas Heiligenbrunner
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta NAME="author" CONTENT="Lukas Heiligenbrunner">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scaleable=0">
<title>Lukas Heiligenbrunner</title>
<!-- 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>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<!-- main javascript -->
<script src="js/index.js"></script>
<!-- Stylesheets -->
<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">
<link rel="stylesheet" href="css/contact.css">
<!-- Icon -->
<link rel="icon" href="favicon.png">
</head>
<!-- The scrollable area -->
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<div id="maincontent">
<nav class="navbar navbar-expand-sm navbar-dark fixed-top">
<a class="navbar-brand" href="index.html"><img id="nameTag" src="favicon.png" height="50px" alt=""/></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="#section5">Contact</a>
</li>
</ul>
</div>
</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 id="selfimg1" src="rsc/self3.png" alt="">
</div>
</div>
</div>
<!-- About Page -->
<div id="section2" class="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 class="arrowicon">C++</li>
<li class="arrowicon">Java</li>
<li class="arrowicon">Kotlin</li>
<li class="arrowicon">HTML/CSS</li>
<li class="arrowicon">JavaScript (React)</li>
<li class="arrowicon">Latex</li>
<li class="arrowicon">OpenSCAD</li>
</ul>
<a href="rsc/curriculumvitaee.pdf" target="_blank">
<div id="downloadcvbtn">
Download Curriculum Vitae
</div>
</a>
</div>
<div class="aboutPicContainer">
<img src="rsc/self4.jpg" alt="" id="aboutPic">
</div>
</div>
</div>
<!-- Experience Page -->
<div id="section3" class="tile">
<div class="container">
<h1 id="experienceheader">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 class="experiencetitle">
Software engineer <a href="https://www.profactor.at/en/" class="companyname">@Profactor</a>
</div>
<div>
extramural research institute
</div>
<div>
07.2019 08.2019
</div>
<p class="experienceworktext">
Diploma thesis - "Image correction for surface inspection": Development of picture
corrections for a surface inspection robot in C++.
A C++ library was created for equalization of one of the parts picked up by a robot arm.
Surface picture Processing using OpenCV and especially the affine transformation.
</p>
</div>
<div id="content2">
<div class="experiencetitle">
Electrician <a href="https://www.sps.at/en/" class="companyname">@SPS Technik</a>
</div>
<div>
automation technology
</div>
<div>
08.2017 09.2017
</div>
<p class="experienceworktext">
Electronic setup of a leak test system in Ellwangen in Germany for the company BMW Steyr.
</p>
</div>
<div id="content3">
<div class="experiencetitle">
Software and electronics engineer
<a href="https://www.profactor.at/en/" class="companyname">@Profactor</a>
</div>
<div>
extramural research institute
</div>
<div>
07.2017 08.2017
</div>
<p class="experienceworktext">
Design and programming of a surface inspection robot
</p>
</div>
<div id="content4">
<div class="experiencetitle">
plumber & maintenance worker <a href="https://www.klausriegler.at/" class="companyname">@Klausriegler</a>
</div>
<div>
Heating-Ventilation-Climate-Sanitary
</div>
<div>
07.2016 08.2016
</div>
<p class="experienceworktext">
Assistance with oil burner and gas heater service.
Furthermore, assistance with bathroom renovation and installation.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Page -->
<div id="section5" class="tile">
<div class="container">
<h1 id="contactheader">Contact</h1>
<h3 id="contactsubheader">I'd love to hear from You!</h3>
<div class="personalcontacts">
<a href="mailto:lukas.heiligenbrunner@gmail.com" target="_blank">
<div id="emailsign" class="contactsign">
<span><img src="rsc/emailicon.png" alt="" height="32px"> &nbsp; lukas.heiligenbrunner@gmail.com</span>
</div>
</a>
<a href="https://github.com/lukas-heiligenbrunner" target="_blank">
<div id="githubsign" class="contactsign">
<span><img src="rsc/GitHub-Mark-64px.png" alt="" height="32px"> &nbsp; github.com/Lukas-Heiligenbrunner</span>
</div>
</a>
<a href="https://gitlab.heili.eu/lukas" target="_blank">
<div id="gitlabsign" class="contactsign">
<span><img src="rsc/gitlab-icon-black.png" alt="" height="40px"> gitlab.heili.eu/lukas</span>
</div>
</a>
</div>
</div>
</div>
</div>
<a href="#section1">
<div id="backtotopbutton">
<div style="margin-top: 25%">
Back to Top!
</div>
</div>
</a>
</body>
</html>