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

second picture on about page

Browse Source
This commit is contained in:
Lukas Heiligenbrunner 2020-03-17 22:04:26 +01:00
parent 36fb2adb32
commit 145c9ac1a7
3 changed files with 40 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/index.css
View File

@ -10,7 +10,7 @@ body, html {
padding-bottom: 70px; padding-bottom: 70px;
} }
.nav-item{ .nav-item {
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
font: bold 15px/1.4 'Open Sans', arial, sans-serif; font: bold 15px/1.4 'Open Sans', arial, sans-serif;
@ -34,14 +34,24 @@ body, html {
color: #fffd80; color: #fffd80;
} }
#homepicture{ #homepicture {
float: left; float: left;
height: 400px; height: 400px;
} }
/* About Me*/ /* About Me*/
#aboutmeText{ #aboutmeText {
width: 100%;
}
.aboutcontainer {
width: 40%; width: 40%;
float: left;
}
.aboutPic {
width: 60%;
float: left;
} }
/* screen larger than 600px -- desktop */ /* screen larger than 600px -- desktop */
@ -104,13 +114,13 @@ body, html {
font-size: 13px; font-size: 13px;
} }
#homepicture{ #homepicture {
height: 300px; height: 300px;
width: 100%; width: 100%;
} }
/* About Me*/ /* About Me*/
#aboutmeText{ #aboutmeText {
width: 100%; width: 100%;
} }
} }

39
index.html
View File

@ -63,7 +63,7 @@
</p> </p>
</div> </div>
<div id="homepicture"> <div id="homepicture">
<img src="rsc/self3.png" height="100%" style="display: block;margin-left: auto;margin-right: auto;"> <img src="rsc/self3.png" height="100%" style="display: block;right:0">
</div> </div>
</div> </div>
</div> </div>
@ -71,21 +71,32 @@
<!-- About Page --> <!-- About Page -->
<div id="section2" class="bg-warning tile"> <div id="section2" class="bg-warning tile">
<div class="container"> <div class="container">
<h1>About me</h1> <div class="aboutcontainer">
<p id="aboutmeText"> <h1>About me</h1>
Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as things <p id="aboutmeText">
that live on the internet. Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as
I develop hardware near software exceptional websites and apps that provide intuitive and user friendly things
interfaces with efficient and modern backends. that live on the internet.
I'm currently a student of the HTL Steyr and I am in the final year. I develop hardware near software exceptional websites and apps that provide intuitive and user friendly
<br><br> 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: Here are a few technologies I've been working with recently:
</p> </p>
<ul> <ul>
<li>C++</li> <li>C++</li>
</ul> <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="300px" style="display: block;float:right; margin-top: 10%">
</div>
</div> </div>
</div> </div>

BIN
rsc/self4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 KiB