d237bd5d07
new tab on contact click
236 lines
9.6 KiB
HTML
236 lines
9.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta NAME="author" CONTENT="Lukas Heiligenbrunner">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.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>
|
||
<!-- 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>
|
||
|
||
<!-- 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">
|
||
</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="#">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="#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 src="rsc/self3.png" height="100%" style="display: block;margin-left: auto; margin-right: auto">
|
||
</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>C++</li>
|
||
<li>Java</li>
|
||
<li>Kotlin</li>
|
||
<li>HTML/CSS/JS</li>
|
||
<li>Latex</li>
|
||
<li>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" id="aboutPic">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 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 class="experiencetitle">
|
||
Software engineer <span class="companyname">@Profactor</span>
|
||
</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 <span class="companyname">@SPS Technik</span>
|
||
</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 <span class="companyname">@Profactor</span>
|
||
</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 <span class="companyname">@Klausriegler</span>
|
||
</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>Contact</h1>
|
||
<h3>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" height="32px"> 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" height="32px"> 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" 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> |