diff --git a/public/content/content.json b/public/content/content.json
index b2648d8ead242cd390a02928dd21e8251e437f42..40dd424ab0f66c8cc519c6c36d974a626d995892 100644
--- a/public/content/content.json
+++ b/public/content/content.json
@@ -24,28 +24,26 @@
   },
   {
     "item": {
-      "title": "Vision Zero",
-      "project": "Hackathon",
+      "title": "COVID-STA",
+      "project": "iCity Project",
       "author": {
         "firstName": "Joe",
         "lastName": "T. Santhanavanich",
         "hftURL": "https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"
       },
-      "project_year_start": "2019",
-      "project_year_end": "2019",
-      "project_is_on_going": false,
-      "imageLink":"imgs/thumbnails/visionZero.jpeg",
-      "keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
-      "description_en":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)",
-      "description_de":"VISION ZERO ist eine Anwendung zum sicheren Routing mit einer Visualisierung eines 3D Grids und einer Heatmap. Entwickelt bein Hackathon Event 'Neue Wege für die Mobilität in Augsburg'. (24 Stunden Zeit begrenzt)"
+      "project_year_start": "2020",
+      "project_year_end": "",
+      "project_is_on_going": true,
+      "imageLink":"imgs/thumbnails/covidSta.jpg",
+      "keywords":["SensorThings API","COVID-19", "Urban Analytics"],
+      "description_en":"The COVID-STA is the OGC SensorThings API data server which provides an open standard-based and geospatial-enabled framework to interconnect the COVID-19 statistics and applications over the web.",
+      "description_de":"Der COVID-STA ist der OGC SensorThings API-Datenserver, der ein auf offenen Standards basierendes und raumbezogenes Framework zur Verfügung stellt, um die COVID-19-Statistiken und Anwendungen über das Web miteinander zu verbinden."
     },
     "links": {
-      "youtube": "https://www.youtube.com/watch?v=T5jF20yXcWw",
-      "demo": "http://193.196.37.89:8083/visionzero/",
-      "publication":"https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020",
-      "project":"https://www.hft-stuttgart.de/forschung/i-city"
+      "demo": "https://covidsta.hft-stuttgart.de/server/",
+      "project":"https://www.hft-stuttgart.com/news/covid-19-dashboard-von-hft-stuttgart-entwickelt"
     },
-    "refIndex": 2
+    "refIndex": 1
   },
   {
     "item": {
@@ -119,6 +117,7 @@
     },
     "refIndex": 3
   },
+  
   {
     "item": {
       "title": "3D Wind Simulation",
@@ -211,6 +210,31 @@
     },
     "refIndex": 3
   },
+  {
+    "item": {
+      "title": "Vision Zero",
+      "project": "Hackathon",
+      "author": {
+        "firstName": "Joe",
+        "lastName": "T. Santhanavanich",
+        "hftURL": "https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"
+      },
+      "project_year_start": "2019",
+      "project_year_end": "2019",
+      "project_is_on_going": false,
+      "imageLink":"imgs/thumbnails/visionZero.jpeg",
+      "keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
+      "description_en":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)",
+      "description_de":"VISION ZERO ist eine Anwendung zum sicheren Routing mit einer Visualisierung eines 3D Grids und einer Heatmap. Entwickelt bein Hackathon Event 'Neue Wege für die Mobilität in Augsburg'. (24 Stunden Zeit begrenzt)"
+    },
+    "links": {
+      "youtube": "https://www.youtube.com/watch?v=T5jF20yXcWw",
+      "demo": "http://193.196.37.89:8083/visionzero/",
+      "publication":"https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020",
+      "project":"https://www.hft-stuttgart.de/forschung/i-city"
+    },
+    "refIndex": 2
+  },
   {
     "item": {
       "title": "Multi-scale Urban Scenario Interface",
@@ -259,5 +283,53 @@
       "project":"https://www.hft-stuttgart.de/forschung/projekte/aktuell/ensource-2-foerderphase"
     },
     "refIndex": 3
+  },
+  {
+    "item": {
+      "title": "Quality ADE for CityGML",
+      "project": "CityDoctor2",
+      "author": {
+        "firstName": "Matthias",
+        "lastName": "Betz",
+        "hftURL": "https://www.hft-stuttgart.de/p/matthias-betz"
+      },
+      "project_year_start": "2019",
+      "project_year_end": "2021",
+      "project_is_on_going": true,
+      "imageLink":"imgs/thumbnails/QualityADE_Icon.png",
+      "keywords":["ADE", "CityGML", "Quality"],
+      "description_en":"This ADE enables the storage of validation data in CityGML files themselves. It can be used to improve CityGML file generation or simulation applications.",
+      "description_de":"Die Erweiterung ermöglicht die Speicherung von Validierungsdaten in CityGML Dateien. Die Validierungsdaten können verwendet werden um die Generierung von CityGML Dateien oder Ergebnisse von Simulationen zu verbessern."
+    },
+    "links": {
+      "demo": "",
+      "publication":"",
+      "project":"https://transfer.hft-stuttgart.de/gitlab/citydoctor/qualityade"
+    },
+    "refIndex": 6
+  },
+  {
+    "item": {
+      "title": "CityDoctor2",
+      "project": "CityDoctor2",
+      "author": {
+        "firstName": "Matthias",
+        "lastName": "Betz",
+        "hftURL": "https://www.hft-stuttgart.de/p/matthias-betz"
+      },
+      "project_year_start": "2019",
+      "project_year_end": "2021",
+      "project_is_on_going": true,
+      "imageLink":"imgs/thumbnails/CityDoctorScreen.png",
+      "keywords":["Quality", "Validation", "Repairing", "Healing"],
+      "description_en":"CityDoctor2 is able to validate CityGML files for their geometric and semantic correctness and writing the results in CityGML back or write reports in different file formats. It is also capable of repairing some more common errors in geometries.",
+      "description_de":"CityDoctor2 is in der Lage CityGML Dateien auf ihre geometrische und sematische Korrektheit zu überprüfen. Die Ergebnisse können zurück in die CityGML Datei oder in seperate Report Dateien geschrieben werden. CityDoctor2 kann zum Teil häufig vorkommende geometrische Fehler automatisch reparieren."
+    },
+    "links": {
+      "demo": "",
+      "publication":"https://doi.org/10.1007/s41064-020-00094-0",
+      "project":"https://projekt.beuth-hochschule.de/citydoctor2/"
+    },
+    "refIndex": 7
   }
 ]
diff --git a/public/content/team.json b/public/content/team.json
index a933e682ed37a82980ee7482f9036f8f0f7e48f4..1357f91709d512d901f0f5fc97023ad2b56fdc4b 100644
--- a/public/content/team.json
+++ b/public/content/team.json
@@ -3,7 +3,7 @@
         "firstName": "Prof. Dr. Volker",
         "lastName": "Coors",
         "jobTitle_en": "Lab Leader",
-        "imgUrl": "/imgs/avatar/volker.Coors.jpg",
+        "imgUrl": "https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/f/2/csm_Coors-Volker__2__2fbc5a88e2.jpg",
         "profile_link": "https://www.hft-stuttgart.de/p/volker-coors",
         "researchTopics": "Smart Cities | OGC Standards | Sensors & IoT | 3D City Models | 3D Web Visualization | 3D Simulation | Big Data",
         "optional": {
@@ -15,7 +15,7 @@
         "firstName": "Joe T.",
         "lastName": "Santhanavanich",
         "jobTitle_en": "Researcher",
-        "imgUrl": "/imgs/avatar/JoeSquare.jpg",
+        "imgUrl": "https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/9/b/csm_JoeSquare_89b2f100d1.jpg",
         "profile_link": "https://www.hft-stuttgart.de/p/thunyathep-santhanavanich",
         "researchTopics": "Smart Cities | OGC Standards | Sensors & IoT | 3D City Models | 3D Web Visualization | 3D Simulation | Big Data",
         "optional": {
@@ -59,7 +59,7 @@
         }
     },
     {
-        "firstName": "Sven",
+        "firstName": "Dr. Sven",
         "lastName": "Schneider",
         "jobTitle_en": "Researcher",
         "imgUrl": "https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/9/d/csm_sven_head_shot_ieee_d1acb7cb1f.png",
@@ -79,5 +79,69 @@
         "optional": {
             "LinkedInURL": "https://www.linkedin.com/in/sabo-kwada-sini-345143107/"
         }
+    },
+    {
+        "firstName": "Rushikesh ",
+        "lastName": "Padsala",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/1/6/csm_Passport_Size_Pic__2__d559dc6245.jpg",
+        "profile_link": "https://www.hft-stuttgart.de/p/Rushikesh-Padsala",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Dr. Preston ",
+        "lastName": "Francisco Rodrigues ",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar1.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/preston-francisco-rodrigues",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Pithon",
+        "lastName": "Kabiro",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar2.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/Pithon-Kabiro",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Athanasios",
+        "lastName": "Koukofikis",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar3.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/Athanasios-Koukofikis",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Matthias",
+        "lastName": "Betz",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar4.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/Matthias-Betz",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Simone",
+        "lastName": "Weil",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar2.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/Simone-Weil",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Martin",
+        "lastName": "Storz",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar2.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/Martin-Storz",
+        "researchTopics": ""
+    },
+    {
+        "firstName": "Nora ",
+        "lastName": "Bartke",
+        "jobTitle_en": "Researcher",
+        "imgUrl": "https://www.w3schools.com/w3images/avatar2.png",
+        "profile_link": "https://www.hft-stuttgart.de/p/Nora-Bartke",
+        "researchTopics": ""
     }
 ]
diff --git a/public/content/text.txt b/public/content/text.txt
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/public/css/main.css b/public/css/main.css
index aea0c765f5f62401936a9344a82bdac00870d4e9..703616f48607be19e0e799a6afecfb88bd5a5e82 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -4,6 +4,7 @@
   margin-bottom: 0;
   background-color: #fff;
 }
+
 @media (min-width: 768px) {
   .jumbotron {
     padding-top: 6rem;
@@ -11,13 +12,31 @@
   }
 }
 
+#document-body {
+  font-family: 'Noto Sans JP', sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Roboto', sans-serif;
+}
+
+.content-subtitle {
+  font-family: 'Noto Sans JP';
+  font-size: 0.85em;
+}
+
 .jumbotron p:last-child {
   margin-bottom: 0;
 }
 
-.jumbotron h1 {
-  font-weight: 300;
-}
+/* .jumbotron h1 {
+  font-weight: 700;
+} */
 
 .jumbotron .container {
   max-width: 40rem;
@@ -32,8 +51,9 @@ footer p {
   margin-bottom: 0.25rem;
 }
 
-body{
-    background-color: #cc3125;/* thistle; */
+body {
+  background-color: #cc3125;
+  /* thistle; */
 }
 
 .bd-placeholder-img {
@@ -57,56 +77,65 @@ a {
   /* text-decoration: underline; */
   background-color: transparent;
 }
-a:hover{
+
+a:hover {
   color: rgb(65, 57, 57);
 }
 
 a:visited {
-	/* color: black; */
+  /* color: black; */
 }
 
 
 .myBtn {
-    color: #fff;
-    background-color: tomato;
-    border-color: thistle; /*set the color you want here*/
-    width: 180px;
+  color: #fff;
+  background-color: tomato;
+  border-color: thistle;
+  /*set the color you want here*/
+  width: 180px;
 }
-.myBtn:hover, .myBtn:focus, .myBtn:active, .myBtn.active, .open>.dropdown-toggle.myBtn {
-    color: #fff;
-    background-color: thistle;
-    border-color: #285e8e; /*set the color you want here*/
+
+.myBtn:hover,
+.myBtn:focus,
+.myBtn:active,
+.myBtn.active,
+.open>.dropdown-toggle.myBtn {
+  color: #fff;
+  background-color: thistle;
+  border-color: #285e8e;
+  /*set the color you want here*/
 }
 
-.thumbimg{
-    width: 100%;
-    height: 225px;
+.thumbimg {
+  width: 100%;
+  height: 225px;
 }
 
 a.button {
-    -webkit-appearance: button;
-    -moz-appearance: button;
-    appearance: button;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
 
-    text-decoration: none;
-    color: blue;
-    border: solid;
-    border: 4px;
+  text-decoration: none;
+  color: blue;
+  border: solid;
+  border: 4px;
 }
 
-.windSVG{
-    margin-right : 20px;
+.windSVG {
+  margin-right: 20px;
 }
 
-.hftlogo{
+.hftlogo {
   /* margin-right : 20px; */
   /* width: 100px; */
 }
-.hftlogo:hover{
+
+.hftlogo:hover {
   cursor: pointer;
 }
 
-.extension{
+.extension {
   padding: 20px 10px;
   /* min-height: 445px; */
   /* max-height: 445px; */
@@ -114,25 +143,25 @@ a.button {
   height: 610px;
 }
 
-.py-5{
-  padding: 1rem!important; 
+.py-5 {
+  padding: 1rem !important;
 }
 
-.card-body{
+.card-body {
   min-height: 90px;
   padding: 0.5rem 0.5rem 0.2rem;
 
 }
 
-.card-text{
+.card-text {
   max-height: 85px;
   overflow: auto;
-  /* overflow-y: auto; */  
+  /* overflow-y: auto; */
   /* padding-bottom: 10px; */
 
 }
 
-.btnGroupDiv{
+.btnGroupDiv {
   /* padding: 20px 00px 00px 20px; */
   padding: 0.5rem;
 }
@@ -145,15 +174,17 @@ a.button {
   color: #9e9e9e !important;
 }
 
-.z-depth-1, .chip:active {
-  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
-  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
+.z-depth-1,
+.chip:active {
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
 }
 
 .hftBackground {
   background-image: url(../imgs/avatar/Bibliothek_HFT_f.jpg);
   background-size: cover;
 }
+
 /* .hftBackground::after {
   content: '';
     z-index: 0;
@@ -163,9 +194,9 @@ a.button {
     top: 0;
 } */
 
-main[role=main]{
-  background-color: #f8f9fa!important;
-  padding-bottom: 1rem!important;
+main[role=main] {
+  background-color: #f8f9fa !important;
+  padding-bottom: 1rem !important;
 }
 
 a {
@@ -183,30 +214,34 @@ a:hover {
   background-color: #cccccc;
   color: #0f0f0f;
 
-  margin-left:40%;
+  margin-left: 40%;
   cursor: pointer;
   border-radius: .2rem;
   border: none;
   border: 0px;
   width: 6em;
   height: 2em;
-  
+
 }
+
 .previous:disabled,
-.previous[disabled]{
+.previous[disabled] {
   cursor: not-allowed;
   background-color: #f1f1f1;
   color: #666666;
 }
+
 .next:disabled,
-.next[disabled]{
+.next[disabled] {
   background-color: #0069d970;
   color: #666666;
   cursor: not-allowed;
 }
-#papercount{
+
+#papercount {
   text-align: center;
 }
+
 .next {
   /* background-color: #2196f3 !important; */
   color: white;
@@ -220,7 +255,8 @@ a:hover {
   height: 2em;
 
 }
-.next:hover{
+
+.next:hover {
   background-color: #005bbd !important;
   border: none;
   border: 0px;
@@ -229,6 +265,7 @@ a:hover {
 .round {
   border-radius: 50%;
 }
-.publication_card{
-  overflow:hidden;
+
+.publication_card {
+  overflow: hidden;
 }
\ No newline at end of file
diff --git a/public/imgs/thumbnails/CityDoctorScreen.png b/public/imgs/thumbnails/CityDoctorScreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..07bb6eff14c9222c3ad7b8126c480be316c2eb1e
Binary files /dev/null and b/public/imgs/thumbnails/CityDoctorScreen.png differ
diff --git a/public/imgs/thumbnails/QualityADE_Icon.png b/public/imgs/thumbnails/QualityADE_Icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..232c205528c2c46e0a1dc88599f77495f4df99cf
Binary files /dev/null and b/public/imgs/thumbnails/QualityADE_Icon.png differ
diff --git a/public/imgs/thumbnails/covidSta.jpg b/public/imgs/thumbnails/covidSta.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b5f3e9ea80a60419cfe678ff28b4e28b5e74041f
Binary files /dev/null and b/public/imgs/thumbnails/covidSta.jpg differ
diff --git a/public/imgs/ugl.svg b/public/imgs/ugl.svg
new file mode 100644
index 0000000000000000000000000000000000000000..635903d1a0799d38f8f3bc0f5adbc2e428609163
--- /dev/null
+++ b/public/imgs/ugl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 101.74 130.27"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#00050a;}.cls-3{fill:#fff;}.cls-4{fill:#211355;}.cls-5{fill:#0574e2;}.cls-6{fill:url(#linear-gradient);}.cls-7{fill:url(#linear-gradient-2);}.cls-8{fill:url(#linear-gradient-3);}.cls-9{fill:#30b9ef;}.cls-10{fill:#54c5f0;}.cls-11{fill:#77d1f2;}.cls-12{fill:#9bdcf3;}.cls-13{fill:#bee8f4;}.cls-14{fill:url(#linear-gradient-4);}</style><linearGradient id="linear-gradient" x1="60.36" y1="111.67" x2="101.74" y2="111.67" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#055ad4"/><stop offset="1" stop-color="#00050a"/></linearGradient><linearGradient id="linear-gradient-2" x1="77.88" y1="92.76" x2="64.7" y2="56.11" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="89.52" y1="47.52" x2="36.74" y2="78.49" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-4" x1="84.6" y1="38" x2="35.91" y2="63.79" xlink:href="#linear-gradient"/></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><path class="cls-2" d="M10.37,85.17,45.61,64.69c0,1.52,0,3,0,4.39L10.36,89.56C10.36,88.12,10.37,86.69,10.37,85.17Z"/><path class="cls-2" d="M10.36,89.56,45.6,69.08l4.68,2.7L15,92.26Z"/><path class="cls-2" d="M10.37,85.17,45.61,64.69l4.68,2.7L15.05,87.87Z"/><path class="cls-2" d="M15.05,87.87,50.29,67.39v4.39L15,92.26C15,90.77,15.05,89.32,15.05,87.87Z"/><path class="cls-3" d="M15.05,87.87v4.39l-4.68-2.7V85.17Z"/><path class="cls-4" d="M.06,71.24,35.3,50.76,66.85,69,31.61,89.45Z"/><path class="cls-2" d="M10.44,61.4,45.68,40.92c0,1.49,0,2.94,0,4.41L10.43,65.81C10.44,64.34,10.44,62.89,10.44,61.4Z"/><path class="cls-2" d="M10.43,65.81,45.67,45.33,50.37,48,15.13,68.52Z"/><path class="cls-3" d="M15.14,64.11v4.41l-4.7-2.71V61.4Z"/><path class="cls-2" d="M15.14,64.11,50.38,43.63c0,1.47,0,2.9,0,4.41L15.13,68.52C15.13,67,15.14,65.58,15.14,64.11Z"/><path class="cls-2" d="M10.44,61.4,45.68,40.92l4.7,2.71L15.14,64.11Z"/><path class="cls-5" d="M.06,71.24,31.61,89.45l-.4.51c-2.46,2.84-4.87,5.73-7.38,8.49-1.54,1.7-2.11,4-1,7.81l-.87-.5L.84,93.58c-.28-.16-.56-.28-.84-.42Zm15,21V87.87l-4.68-2.7v4.39L15,92.26"/><path class="cls-4" d="M31.61,89.45l-.4.51c-2.46,2.84-4.87,5.73-7.38,8.49-1.54,1.7-2.11,4-1,7.81L58.05,85.78c-1.09-3.76-.52-6.11,1-7.8,2.51-2.77,4.92-5.66,7.38-8.5l.4-.51Z"/><path class="cls-2" d="M23.67,69,58.91,48.55c0,1.51,0,3,0,4.39L23.66,73.42Z"/><path class="cls-2" d="M23.66,73.42,58.9,52.94l4.69,2.7L28.35,76.12Z"/><path class="cls-2" d="M28.36,71.74,63.6,51.26c0,1.46,0,2.89,0,4.38L28.35,76.12C28.35,74.63,28.35,73.2,28.36,71.74Z"/><path class="cls-3" d="M28.36,71.74v4.38l-4.69-2.7V69Z"/><path class="cls-2" d="M23.67,69,58.91,48.55l4.69,2.71L28.36,71.74Z"/><path class="cls-4" d="M87.27,88.45l-6.41-3.7-.64-.37h0L70,78.46l-1-.57-.33-.19c-.36-.21-.73-.42-1.09-.61A.64.64,0,0,0,67,77L31.74,97.51a.68.68,0,0,1,.58.06c.36.19.73.4,1.09.61l.33.19,1,.57L45,104.86l.64.37,6.41,3.7h0l8.33,4.8L95.6,93.25Z"/><path class="cls-2" d="M10.51,37,45.75,16.48c0,1.49,0,2.94,0,4.42L10.49,41.38C10.5,39.9,10.5,38.45,10.51,37Z"/><path class="cls-4" d="M.13,47.81,35.37,27.33c.3.2.6.42.9.59L72,48.54l.89.52L37.63,69.54,36.74,69,1,48.4C.73,48.23.43,48,.13,47.81Z"/><path class="cls-2" d="M10.49,41.38,45.73,20.9l4.7,2.72L15.19,44.1Z"/><path class="cls-2" d="M15.21,39.67,50.45,19.19c0,1.47,0,2.92,0,4.43L15.19,44.1C15.2,42.58,15.2,41.14,15.21,39.67Z"/><path class="cls-3" d="M15.21,39.67l0,4.43-4.7-2.72,0-4.42Z"/><path class="cls-2" d="M10.51,37,45.75,16.48l4.7,2.71L15.21,39.67Z"/><path class="cls-6" d="M100.86,109.61,65.62,130.09a.57.57,0,0,0,.13-.08,1.43,1.43,0,0,0,.37-.4,2.32,2.32,0,0,0,.38-1.3,6.37,6.37,0,0,0-.6-2.48c-1.49-3.6-3-7.2-4.45-10.8a2.31,2.31,0,0,0-1.09-1.3L95.6,93.25a2.34,2.34,0,0,1,1.09,1.31c1.46,3.59,3,7.19,4.45,10.79a6.37,6.37,0,0,1,.6,2.49,2.36,2.36,0,0,1-.38,1.3,1.54,1.54,0,0,1-.37.39A.57.57,0,0,1,100.86,109.61Z"/><path class="cls-5" d="M60.36,113.73a2.31,2.31,0,0,1,1.09,1.3c1.46,3.6,3,7.2,4.45,10.8a6.37,6.37,0,0,1,.6,2.48,2.32,2.32,0,0,1-.38,1.3,1.43,1.43,0,0,1-.37.4l-.15.1a1.34,1.34,0,0,1-.6.16,3.25,3.25,0,0,1-1.67-.53l-8.56-5-8.54-4.92L34.9,113.32,29.23,110a6.34,6.34,0,0,1-3.05-4.47,4.18,4.18,0,0,1-.06-.68,2.22,2.22,0,0,1,.49-1.49c1.68-2,3.37-3.92,5.08-5.84.11-.14.41-.1.63,0s.73.4,1.09.61l.33.19,1,.57L45,104.86l.64.37,6.41,3.7Z"/><path class="cls-5" d="M37.66,70.39c0,3.83,0,7.67,0,11.48a1.81,1.81,0,0,1-.33,1C36.43,84,35.5,85,34.65,86c-.28.36-.59.38-1.14.06q-10-5.82-20.06-11.6L.07,66.76l.06-19c.3.2.6.42.9.59L36.74,69l.89.52C37.64,69.86,37.66,70.13,37.66,70.39ZM15.13,68.52V64.11l-4.7-2.71v4.41l4.7,2.71m13.22,7.6V71.74L23.67,69v4.39l4.69,2.7"/><path class="cls-4" d="M72.87,49.06,37.63,69.54c0,.32,0,.59,0,.85,0,3.83,0,7.67,0,11.48a1.81,1.81,0,0,1-.33,1C36.43,84,35.5,85,34.65,86a.9.9,0,0,1-.23.21L69.66,65.75a.9.9,0,0,0,.23-.21c.85-1.07,1.78-2.05,2.64-3.11a1.81,1.81,0,0,0,.33-1c0-3.81,0-7.65,0-11.48C72.9,49.66,72.88,49.38,72.87,49.06Z"/><path class="cls-2" d="M23.72,44.58,59,24.1v4.43L23.71,49Z"/><path class="cls-2" d="M23.71,49,59,28.53l4.71,2.72L28.42,51.73Z"/><path class="cls-2" d="M28.43,47.3,63.67,26.82c0,1.48,0,2.93,0,4.43L28.42,51.73C28.43,50.23,28.43,48.78,28.43,47.3Z"/><path class="cls-2" d="M23.72,44.58,59,24.1l4.71,2.72L28.43,47.3Z"/><path class="cls-3" d="M28.43,47.3v4.43L23.71,49V44.58Z"/><path class="cls-4" d="M33.83,48.89,69.07,28.41l0,14L33.79,62.83Z"/><path class="cls-7" d="M52.13,68.41,87.37,47.93c0,.32,0,.58,0,.84,0,7.43,0,14.86,0,22.3a4,4,0,0,0,.32,1.42q2.9,7.1,5.85,14.2c.12.29.23.59.37,1L58.58,108.14c-.14-.38-.25-.68-.37-1Q55.27,100.07,52.36,93A4.07,4.07,0,0,1,52,91.55c0-7.44,0-14.87.05-22.3C52.09,69,52.11,68.73,52.13,68.41Z"/><path class="cls-8" d="M54.85,65.57,90.09,45.09l0,4.4L54.83,70C54.84,68.47,54.84,67,54.85,65.57Z"/><path class="cls-9" d="M37.75,55.7,73,35.22l17.1,9.87L54.85,65.57Z"/><path class="cls-5" d="M54.85,65.57l0,4.4-2.7-1.56c0,.32,0,.58,0,.84,0,7.43-.05,14.86-.05,22.3A4.07,4.07,0,0,0,52.36,93q2.89,7.09,5.85,14.19c.12.3.23.6.37,1l-24-13.88c.14-.19.25-.35.37-.49,2.11-2.43,4.23-4.86,6.32-7.31a1.34,1.34,0,0,0,.28-.86q.06-11.25.08-22.52c0-.22,0-.44,0-.73l-3.81-2.2V55.7Z"/><path class="cls-5" d="M.2,23,52,53l0,6.42L33.83,48.89l0,13.94-.95-.54L1,43.94c-.3-.18-.6-.31-.9-.46ZM28.42,51.73V47.3l-4.71-2.72V49l4.71,2.72M15.19,44.1l0-4.43L10.51,37l0,4.42,4.7,2.72"/><path class="cls-9" d="M.2,23,35.44,2.56,87.26,32.48,52,53Z"/><path class="cls-10" d="M.2,22.4,35.44,1.92c22.21,14.9,34.88,16.56,51.82,28.74l-34.83,21C38.23,41.94,21.55,34.45.2,22.4Z"/><path class="cls-11" d="M.2,21.76,35.44,1.28C62.59,21.1,70.66,14.46,87.26,28.84L52.84,50.45C41.71,40.9,25.63,35.88.2,21.76Z"/><path class="cls-12" d="M.2,21.12,35.44.64C67.52,25.38,71,10.44,87.26,27l-34,22.17C45.19,39.86,29.71,37.3.2,21.12Z"/><path class="cls-13" d="M.2,20.48,35.44,0c37,29.66,35.9,6.41,51.82,25.2L53.66,47.93C48.68,38.81,33.79,38.73.2,20.48Z"/><path class="cls-14" d="M52,53,87.26,32.48c0,2.11,0,4.22,0,6.42L52,59.38C52,57.18,52,55.07,52,53Z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 424576a95a1e74c175aa2e7592d05f1e10a6e1f4..3e6a2fbe5c6f54c0627dc79531dbbc8e0b435fad 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,11 +10,13 @@
   <meta name="generator" content="GitLab Pages">
   <link rel="stylesheet" href="./css/bootstrap.min.css">
   <!-- <link rel="stylesheet" href="./css/theme.min.css"> -->
-  <link href="css/main.css" rel="stylesheet">
   <link href="css/custom.css" rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.3/xlsx.full.min.js"></script>
   <script src="https://kit.fontawesome.com/79b3e255a2.js" crossorigin="anonymous"></script>
   <link rel="shortcut icon" type="image/png" sizes="32x32" href="./imgs/icon.png">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto:wght@700&display=swap" rel="stylesheet">
+  <link href="css/main.css" rel="stylesheet">
 
 </head>
 
@@ -64,14 +66,24 @@
 
     <section class="jumbotron text-center hftBackground">
       <div class="container">
-        <img src="imgs/database.svg" class="windSVG" width="100px" alt="wind">
-        <h1> <b>Urban Geoinformatics Lab </b> <br>@HFT Stuttgart </h1>
-        <!-- <p id="rgc_introduction" class="lead text-muted"> (or Vote for new group name) <br>A research group introduction
-          here ....</p> -->
-        <!-- <p id="rgc_introduction2">The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p> -->
+        <img src="imgs/ugl.svg" class="windSVG" width="100px" alt="wind">
+        <h1 class="display-5 fw-bold" >Urban Geoinformatics Lab</h1>
+        <h3 style="color:#cc3125"> @HFT Stuttgart </h3>
       </div>
     </section>
 
+    <!-- <div class="px-4 py-5 my-5 text-center">
+      <img class="d-block mx-auto mb-4" src="imgs/ugl.svg" alt="" width="72" height="57">
+      <h1 class="display-5 fw-bold">Urban Geoinformatics Lab</h1>
+      <div class="col-lg-6 mx-auto">
+        <p class="lead mb-4">@HFT Stuttgart</p>
+        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
+          <button type="button" class="btn btn-primary btn-lg px-4 gap-3">Primary button</button>
+          <button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button>
+        </div>
+      </div>
+    </div> -->
+
     <!-- <div class="container col-xxl-8 px-4 py-5">
       <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
         <div class="col-10 col-sm-8 col-lg-6">
@@ -408,7 +420,9 @@
       <p class="float-right">
         <a id="rgc_backtotop" href="#">Back to top</a>
       </p>
-      <p>&copy; HFT Stuttgart, 2020 - <span id="current-year"></span>.</p>
+      <p> 
+        <img src="imgs/ugl.svg" alt="" width="32px">
+        Urban Geoinformatics Lab @HFT Stuttgart, 2020 - <span id="current-year"></span>.</p>
       <a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a>
       <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a>
     </div>
diff --git a/public/js/add_content.js b/public/js/add_content.js
index 1d253756a2ea86c04baf0e7a9774fc813da7b4f8..faf8731126ff6190246d4bfe5dd5797de96a1402 100644
--- a/public/js/add_content.js
+++ b/public/js/add_content.js
@@ -52,7 +52,7 @@ function addcontent(item) {
 
     new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
       '<div class="card mb-4 shadow-sm extension overflow-auto">' +
-      '<h5>' + item.item.title + ' <span class="lead text-muted"> ' + item.item.project + '</span></h5>' +
+      '<h5>' + item.item.title + ' <span class="content-subtitle text-muted"> ' + item.item.project + '</span></h5>' +
       '<img class="thumbimg" src="' + item.item.imageLink + '" alt="">' +
       '<div class="card-body">' +
       '<p class="card-text-lg small">' +