fix thumb screen previews on About page

Author: PANSTER.Daniel

src/app/app.component.html

@@ -1,7 +1,7 @@
 <div class="w3-sidebar w3-bar-block w3-black w3-top" style="z-index:3;width:10%;">
   <div class="w3-container w3-display-container w3-padding-16">
     <h3>
-      <b>3D Test</b>
+      <b><!--3D Test--></b>
     </h3>
   </div>
   <code>

src/app/home/home.component.html

@@ -16,18 +16,30 @@ <h1>
       <b>Note: This page is not responsive for mobile screens yet.</b>
     </p>
   </div>
-  <ul>
-    <li>Cube - Three.js</li>
-    <a routerLink="cube-threejs">
-      <!-- possible property binding
-        <img src="{{imgURL}}">
-        <img [src]="imgURL">
-      -->
-      <img [src]="imgURL_cube_threejs" alt="" height="150" width="150">
-    </a>
-    <li>CSS3D - Three.js</li>
-    <a routerLink="css3d-threejs">
-      <img [src]="imgURL_css3d_threejs" alt="" height="150" width="150">
-    </a>
-  </ul>
+
+  <!-- thumb naming-->
+  <div class="w3-row">
+    <div class="w3-col s3 w3-center">
+      <p>Cube - Three.js</p>
+    </div>
+    <div class="w3-col s3 w3-center">
+      <p>CSS3D - Three.js</p>
+    </div>
+    <div class="w3-col s6"></div>
+  </div>
+
+  <!--thumbs-->
+  <div class="w3-row">
+    <div class="w3-col s3 w3-center">
+      <a routerLink="cube-threejs">
+        <img [src]="imgURL_cube_threejs" alt="" height="150" width="150">
+      </a>
+    </div>
+    <div class="w3-col s3 w3-center">
+      <a routerLink="css3d-threejs">
+        <img [src]="imgURL_css3d_threejs" alt="" height="150" width="150">
+      </a>
+    </div>
+    <div class="w3-col s6"></div>
+  </div>
 </div>

src/app/home/home.component.ts

@@ -7,8 +7,11 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HomeComponent implements OnInit {
 
-  public imgURL_cube_threejs = "assets/texture/cube_threejs.jpg";
-  public imgURL_css3d_threejs = "/assets/texture/css3d_threejs.jpg";
+  // thumbnails
+  public imgURL_cube_threejs = "assets/screens/thumb_cube_threejs.jpg";
+  public imgURL_css3d_threejs = "assets/screens/thumb_css3d_threejs.jpg";
+
+
   constructor() { }
 
   ngOnInit() {