second picture on about page

css/index.css

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

index.html

@@ -63,7 +63,7 @@
             </p>
         </div>
         <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>
@@ -71,9 +71,11 @@
 <!-- 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
+                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.
@@ -85,8 +87,17 @@
 
             <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="300px" style="display: block;float:right; margin-top: 10%">
+        </div>
+    </div>
 </div>
 
 <!-- Experience Page -->