lukas/PersonalWebsite
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

added about me infos

Browse Source
This commit is contained in:
Lukas Heiligenbrunner 2020-03-16 22:24:51 +01:00
parent a400a37600
commit bdc41967c2
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/index.css
View File

@ -5,7 +5,7 @@ body, html {
} }
.tile { .tile {
height: 70%; height: 80%;
padding-top: 70px; padding-top: 70px;
padding-bottom: 70px padding-bottom: 70px
} }

27
index.html
View File

@ -36,10 +36,13 @@
<a class="nav-link" href="#section2">About Me</a> <a class="nav-link" href="#section2">About Me</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#section3">Projects</a> <a class="nav-link" href="#section3">Experience</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#section4">Contact</a> <a class="nav-link" href="#section4">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section5">Contact</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -64,6 +67,22 @@
<div id="section2" class="bg-warning tile"> <div id="section2" class="bg-warning tile">
<div class="container"> <div class="container">
<h1>About me</h1> <h1>About me</h1>
<p style="width: 40%">
Hello! I'm Lukas, a software engineer based in Austria who enjoys building things that live on the internet.
I develop exceptional websites and web apps that provide intuitive, pixel-perfect user interfaces with efficient and modern backends.
I'm currently a student of the HTL Steyr and I am in the final year.
<br>
Here are a few technologies I've been working with recently:
</p>
</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! <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! Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
@ -72,7 +91,7 @@
</div> </div>
<!-- Projects Page --> <!-- Projects Page -->
<div id="section3" class="bg-secondary tile"> <div id="section4" class="bg-secondary tile">
<div class="container"> <div class="container">
<h1>Projects</h1> <h1>Projects</h1>
<p>Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! <p>Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
@ -83,7 +102,7 @@
</div> </div>
<!-- Contact Page --> <!-- Contact Page -->
<div id="section4" class="bg-danger tile"> <div id="section5" class="bg-danger tile">
<div class="container"> <div class="container">
<h1>Contact</h1> <h1>Contact</h1>
<h3>Stay in Contact!</h3> <h3>Stay in Contact!</h3>