index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <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/index.css">
</head>
<!-- The scrollable area -->
<body data-spy="scroll" data-target=".navbar" data-offset="50">

<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>
    </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="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.
                <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="aboutPic">
            <img src="rsc/self4.jpg" height="100%" style="float:right; margin-top: 10%">
        </div>
    </div>
</div>

<!-- Experience Page -->
<div id="section3" class="tile" style="background-color: #53bf65">
    <div class="container">
        <h1>Experience</h1>
        <p>Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
            Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
            Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
            Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page! </p>
    </div>
</div>

<!-- Projects Page -->
<div id="section4" class="bg-secondary 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>

<!-- 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>

</body>
</html>
init 2020-03-16 19:00:42 +01:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
init 2020-03-16 19:00:42 +01:00			`<title>Lukas Heiligenbrunner</title>`
some comments and reformattings 2020-03-16 21:11:07 +01:00
init 2020-03-16 19:00:42 +01: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>`

some comments and reformattings 2020-03-16 21:11:07 +01:00			`<!-- Stylesheets -->`
init 2020-03-16 19:00:42 +01:00			`<link rel="stylesheet" href="css/index.css">`
			`</head>`
			`<!-- The scrollable area -->`
			`<body data-spy="scroll" data-target=".navbar" data-offset="50">`

navbar on right side name tag left 2020-03-17 18:57:49 +01:00			`<nav class="navbar navbar-expand-sm navbar-dark fixed-top">`
			`<a class="navbar-brand" href="#">Lukas</a>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`<!-- 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">`
navbar on right side name tag left 2020-03-17 18:57:49 +01:00			`<ul class="nav navbar-nav ml-auto">`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`<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">`
added about me infos 2020-03-16 22:24:51 +01:00			`<a class="nav-link" href="#section3">Experience</a>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`</li>`
collapsed navbar background color behaviour of minimum screen size 2020-03-16 20:24:03 +01:00			`<li class="nav-item">`
added about me infos 2020-03-16 22:24:51 +01:00			`<a class="nav-link" href="#section4">Projects</a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#section5">Contact</a>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`</li>`
			`</ul>`
			`</div>`
init 2020-03-16 19:00:42 +01:00			`</nav>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00
navbar on right side name tag left 2020-03-17 18:57:49 +01:00
some comments and reformattings 2020-03-16 21:11:07 +01:00			`<!-- Home Page-->`
init 2020-03-16 19:00:42 +01:00			`<div id="section1" class="tile">`
			`<div class="container">`
navbar on right side name tag left 2020-03-17 18:57:49 +01:00			`<div style="float: left;">`
font size improvements 2020-03-16 19:47:15 +01:00			`<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">`
collapsed navbar background color behaviour of minimum screen size 2020-03-16 20:24:03 +01:00			`I'm a software engineer based in Austria who loves code`
			`development and is always open for new projects and ideas.`
font size improvements 2020-03-16 19:47:15 +01:00			`</p>`
init 2020-03-16 19:00:42 +01:00			`</div>`
picture size 2020-03-17 21:16:01 +01:00			`<div id="homepicture">`
about page responsive design for mobile 2020-03-17 22:18:12 +01:00			`<img src="rsc/self3.png" height="100%" style="display: block;margin-left: auto; margin-right: auto">`
navbar on right side name tag left 2020-03-17 18:57:49 +01:00			`</div>`
init 2020-03-16 19:00:42 +01:00			`</div>`
			`</div>`

some comments and reformattings 2020-03-16 21:11:07 +01:00			`<!-- About Page -->`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`<div id="section2" class="bg-warning tile">`
			`<div class="container">`
second picture on about page 2020-03-17 22:04:26 +01:00			`<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.`
			`<br><br>`
added about me infos 2020-03-16 22:24:51 +01:00
second picture on about page 2020-03-17 22:04:26 +01:00			`Here are a few technologies I've been working with recently:`
			`</p>`
navbar on right side name tag left 2020-03-17 18:57:49 +01:00
second picture on about page 2020-03-17 22:04:26 +01:00			`<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="aboutPic">`
about page responsive design for mobile 2020-03-17 22:18:12 +01:00			`<img src="rsc/self4.jpg" height="100%" style="float:right; margin-top: 10%">`
second picture on about page 2020-03-17 22:04:26 +01:00			`</div>`
added about me infos 2020-03-16 22:24:51 +01:00			`</div>`
			`</div>`

			`<!-- Experience Page -->`
			`<div id="section3" class="tile" style="background-color: #53bf65">`
			`<div class="container">`
			`<h1>Experience</h1>`
added some todo notations 2020-03-16 20:27:05 +01:00			`<p>Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!`
			`Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!`
			`Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!`
			`Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page! </p>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`</div>`
init 2020-03-16 19:00:42 +01:00			`</div>`
some comments and reformattings 2020-03-16 21:11:07 +01:00
			`<!-- Projects Page -->`
added about me infos 2020-03-16 22:24:51 +01:00			`<div id="section4" class="bg-secondary tile">`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`<div class="container">`
collapsed navbar background color behaviour of minimum screen size 2020-03-16 20:24:03 +01:00			`<h1>Projects</h1>`
added some todo notations 2020-03-16 20:27:05 +01:00			`<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!`
some comments and reformattings 2020-03-16 21:11:07 +01:00			`Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo`
			`Projects Page! </p>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`</div>`
init 2020-03-16 19:00:42 +01:00			`</div>`
some comments and reformattings 2020-03-16 21:11:07 +01:00
			`<!-- Contact Page -->`
added about me infos 2020-03-16 22:24:51 +01:00			`<div id="section5" class="bg-danger tile">`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`<div class="container">`
collapsed navbar background color behaviour of minimum screen size 2020-03-16 20:24:03 +01:00			`<h1>Contact</h1>`
			`<h3>Stay in Contact!</h3>`
some comments and reformattings 2020-03-16 21:11:07 +01:00			`<p>Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo`
			`Contacts page! Todo Contacts page!`
added some todo notations 2020-03-16 20:27:05 +01:00			`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>`
more responsive for smaller screens collapsable navbar 2020-03-16 19:14:02 +01:00			`</div>`
init 2020-03-16 19:00:42 +01:00			`</div>`

			`</body>`
			`</html>`