initial commit

assets/css/mobile.css

+@media only screen and (max-width : 800px) {
+
+  .content {
+    padding-left: 5%;
+    padding-right: 5%;
+  }
+
+  nav {
+    background-color: rgba(16, 16, 16, 0.8);
+    height: auto;
+    padding: 0;
+    position: absolute;
+    right: -40%;
+    top: 20px;
+    width: 40%;
+    margin: 0;
+    z-index: 1000;
+    transition: right 0.4s;
+  }
+
+  nav ul {
+    flex-direction: column;
+  }
+
+  nav li {
+    display: block;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+
+  nav a {
+    font-size: 0.8em;
+  }
+
+  nav a:hover {
+    border-bottom: unset;
+    padding-bottom: unset;
+  }
+
+  .hamburger {
+    display: none;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 40px;
+    height: 40px;
+    background-color: rgba(16, 16, 16, 0.8);
+    margin-top: 20px;
+    padding: 8px;
+    transition: margin-right 0.4s;
+  }
+
+  .line {
+    background-color: white;
+    height: 2px;
+  }
+
+  .slide-nav {
+    right: 0;
+  }
+
+  .slide-hamburger {
+    margin-right: 40%;
+  }
+
+  .overflow-visible{
+    overflow: visible;
+  }
+
+  .logo{
+    width: 80px;
+    height: 80px;
+    margin-left: 8vw;
+  }
+
+
+}
\ No newline at end of file

assets/css/style.css

+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Roboto', sans-serif; 
+}
+
+h1 {
+  margin-top: 1.5em;
+}
+
+p {
+  margin-top: 1.25em;
+}
+
+.content{
+  padding-left: 25%;
+  padding-right: 25%;
+}
+
+header {
+  position: relative;
+  width: 100%;
+  height: 43.2vw;
+  background: url(../images/header.jpg);
+  background-size: contain;
+  background-repeat: no-repeat;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+}
+
+.row {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: space-between;
+}
+
+nav {
+  margin-top: 20px;
+  margin-right: 5vw;
+  letter-spacing: .8px;
+}
+
+nav ul {
+  list-style: none;
+  margin: 8px;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+}
+nav li {
+  display: inline-block;
+  padding: 0 20px;
+  margin-top: 20px;
+}
+
+nav a {
+  text-decoration: none;
+  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: 700;
+  color: #fff;
+  text-shadow: 0 1px 4px rgba(0,0,0,.4);
+  border-bottom: 5px solid transparent;
+  padding-bottom: 5px;
+}
+
+nav a:hover {
+  border-bottom: 5px solid gray;
+  transition: border-bottom-color 0.5s;
+}
+
+.footer {
+  margin-top: 3em;
+  background-image: linear-gradient(45deg, #a999a0, #ded9d6);
+}
+
+.logo{
+  width: 120px;
+  height: 120px;
+  margin-left: 8vw;
+}
+
+.footer-participants-container {
+  display: flex;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 60px;
+  padding-bottom: 60px;
+}
+
+.participant {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.participant-avatar {
+  width: 120px;
+  height: 120px;
+  overflow: hidden;
+  border-radius: 50%;
+  background-color: white;
+  box-shadow: 0px 3px 8px 0px #00000069;
+  margin-left: 40px;
+  margin-right: 40px;
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+.participant-avatar img {
+  width: 100%;
+  margin: auto;
+}
+
+.participant-social {
+  margin-top: 10px;
+}
+
+.social {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.footer-logo-container {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 60px;
+  padding-bottom: 60px;
+}
+
+.footer-logo {
+  width: 80px;
+  height: 80px;
+  overflow: hidden;
+  border-radius: 25%;
+  background-color: white;
+  display: flex;
+  box-shadow: 0px 2px 6px 0px #00000069;
+  margin-right: 20px;
+  margin-top: 40px;
+}
+
+.footer-logo a {
+  display: flex;
+}
+
+.footer-logo img {
+  width: 80%;
+  margin: auto;
+}
+
+#projectname {
+  font-weight: 700;
+  color: #fff;
+  text-align: center;
+  font-size: 4vw;
+  margin-bottom: 6vw;
+}
+
+.hamburger {
+  display: none;
+}
\ No newline at end of file

assets/images/hft_logo.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 166.2 166.2" style="enable-background:new 0 0 166.2 166.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#D90F15;opacity:0.8}
+	.st2{enable-background:new    ;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g id="Group_1316" transform="translate(-140)">
+	<g id="Group_519" transform="translate(140)">
+		<g>
+			<defs>
+				<rect id="SVGID_1_" width="166.2" height="166.2"/>
+			</defs>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="Group_518" class="st0">
+				<g id="Path_371">
+					<path class="st1" d="M-8.3-6.6v180.7h184.9V-6.6H-8.3z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+	<g class="st2">
+		<path class="st3" d="M157.5,44.6V26.7h1.2V35h11.2v-8.3h1.2v17.9h-1.2v-8.4h-11.2v8.4H157.5z"/>
+		<path class="st3" d="M180.2,31.3c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.7,0.2,1.1,0.3c0.4,0.1,0.7,0.3,1.1,0.6s0.6,0.5,0.9,0.9
+			s0.5,0.8,0.6,1.3c0.2,0.5,0.2,1.1,0.2,1.8v3.7c0,0.1,0,0.4,0,0.7c0,0.3-0.1,0.6-0.2,1c-0.1,0.4-0.2,0.7-0.4,1.1s-0.5,0.7-0.8,1.1
+			c-0.4,0.3-0.8,0.6-1.4,0.8c-0.6,0.2-1.2,0.3-2,0.3c-0.8,0-1.5-0.1-2-0.3c-0.6-0.2-1-0.5-1.4-0.8c-0.4-0.3-0.6-0.7-0.8-1.1
+			c-0.2-0.4-0.4-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1c0-0.3,0-0.5,0-0.7v-3.7c0-0.7,0.1-1.3,0.3-1.8c0.2-0.5,0.4-0.9,0.7-1.3
+			c0.3-0.4,0.6-0.7,0.9-0.9c0.3-0.2,0.7-0.4,1.1-0.6c0.4-0.1,0.7-0.2,1.1-0.3C179.6,31.4,179.9,31.3,180.2,31.3z M180.2,32.6
+			c-0.3,0-0.7,0.1-1.1,0.2c-0.4,0.1-0.8,0.3-1.2,0.6c-0.4,0.3-0.7,0.6-1,1.1c-0.3,0.5-0.4,1.1-0.4,1.8v3.7c0,0.1,0,0.3,0,0.5
+			c0,0.2,0.1,0.5,0.1,0.8c0.1,0.3,0.2,0.6,0.3,0.9c0.2,0.3,0.4,0.6,0.6,0.8c0.3,0.2,0.6,0.4,1,0.6c0.4,0.2,0.9,0.2,1.5,0.2
+			c0.6,0,1.1-0.1,1.5-0.2c0.4-0.2,0.8-0.4,1-0.6c0.3-0.2,0.5-0.5,0.6-0.8c0.1-0.3,0.3-0.6,0.3-0.9c0.1-0.3,0.1-0.5,0.1-0.8
+			c0-0.2,0-0.4,0-0.5v-3.7c0-0.5-0.1-0.9-0.2-1.3c-0.1-0.4-0.3-0.7-0.5-1c-0.2-0.3-0.4-0.5-0.7-0.7c-0.3-0.2-0.5-0.3-0.8-0.4
+			c-0.3-0.1-0.5-0.2-0.8-0.2C180.6,32.6,180.4,32.6,180.2,32.6z"/>
+		<path class="st3" d="M196.8,32.9h-3.7c-0.1,0-0.2,0-0.4,0c-0.2,0-0.4,0-0.7,0.1c-0.3,0.1-0.5,0.2-0.8,0.3
+			c-0.3,0.1-0.5,0.3-0.8,0.6c-0.2,0.2-0.4,0.6-0.6,0.9c-0.2,0.4-0.2,0.8-0.2,1.4v4.3c0,0.2,0,0.3,0,0.6c0,0.2,0,0.4,0.1,0.7
+			s0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.3,0.7,0.4c0.3,0.1,0.6,0.2,1,0.2c0.2,0,0.4,0,0.7,0
+			c0.2,0,0.5-0.1,0.8-0.1c0.3-0.1,0.5-0.1,0.8-0.2c0.3-0.1,0.5-0.1,0.7-0.2c0.6-0.2,1.1-0.4,1.7-0.6l0.4,1.1
+			c-0.6,0.2-1.2,0.4-1.8,0.6c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.1c-0.3,0-0.5,0.1-0.8,0.1
+			c-0.6,0-1.1-0.1-1.5-0.2c-0.4-0.2-0.8-0.4-1-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.2-0.3-0.3-0.6-0.3-1c-0.1-0.3-0.1-0.6-0.1-0.9
+			c0-0.3,0-0.6,0-0.8v-4.3c0-0.8,0.1-1.4,0.3-1.9c0.2-0.5,0.5-0.9,0.8-1.3c0.3-0.3,0.7-0.6,1-0.8c0.4-0.2,0.7-0.3,1.1-0.4
+			c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0,0.4,0,0.5,0h3.7V32.9z"/>
+		<path class="st3" d="M200.5,44.6V26.7h1.2V33c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.5-0.2,0.8-0.3c0.3-0.1,0.5-0.2,0.7-0.3
+			c0.2-0.1,0.4-0.2,0.5-0.2c0.3-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2,0,0.4-0.1,0.5-0.1c0.2,0,0.3,0,0.5,0
+			c0.6,0,1.2,0.1,1.6,0.4c0.4,0.3,0.7,0.6,1,1c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.4,0.1,0.8,0.1,1.2v9.4h-1.2v-9.4c0-0.2,0-0.5-0.1-0.8
+			c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-1-0.3c-0.5,0-1.2,0.1-1.9,0.4c-0.2,0.1-0.4,0.2-0.7,0.3
+			c-0.3,0.1-0.6,0.2-0.9,0.4c-0.3,0.1-0.6,0.3-0.9,0.4s-0.5,0.2-0.7,0.3v10.3H200.5z"/>
+		<path class="st3" d="M213.6,42.6c0.2,0.1,0.4,0.2,0.7,0.3c0.3,0.1,0.6,0.3,1,0.4c0.4,0.1,0.8,0.2,1.2,0.3c0.5,0.1,1,0.1,1.5,0.1
+			c0.6,0,1.2-0.1,1.6-0.2c0.5-0.1,0.8-0.3,1.1-0.5c0.3-0.2,0.5-0.5,0.6-0.8c0.1-0.3,0.2-0.7,0.2-1.1c0-0.4-0.1-0.7-0.2-0.9
+			c-0.1-0.3-0.3-0.5-0.6-0.7s-0.6-0.4-1-0.5c-0.4-0.2-1-0.3-1.6-0.4c-0.9-0.2-1.6-0.5-2.2-0.7c-0.6-0.2-1-0.5-1.4-0.8
+			c-0.3-0.3-0.6-0.6-0.7-1c-0.1-0.4-0.2-0.8-0.2-1.3c0-1.1,0.4-2,1.1-2.6c0.7-0.6,1.8-0.9,3.1-0.9c1,0,1.9,0.1,2.6,0.2
+			c0.7,0.1,1.2,0.3,1.6,0.4l-0.4,1.1c-0.2-0.1-0.5-0.1-0.7-0.2c-0.2-0.1-0.5-0.1-0.8-0.2c-0.3-0.1-0.6-0.1-1-0.1c-0.4,0-0.8,0-1.3,0
+			c-1,0-1.8,0.2-2.3,0.6c-0.5,0.4-0.7,1-0.7,1.8c0,0.4,0.1,0.7,0.2,0.9c0.1,0.2,0.3,0.5,0.6,0.7c0.3,0.2,0.6,0.4,1.1,0.5
+			c0.5,0.2,1,0.3,1.7,0.5c0.8,0.2,1.5,0.4,2.1,0.6c0.6,0.2,1,0.4,1.4,0.7c0.3,0.3,0.6,0.6,0.7,1c0.2,0.4,0.2,0.9,0.2,1.4
+			c0,1.2-0.4,2.1-1.2,2.7c-0.8,0.6-2,1-3.6,1c-0.6,0-1.2,0-1.7-0.1s-1-0.2-1.4-0.3c-0.4-0.1-0.8-0.3-1.1-0.4
+			c-0.3-0.1-0.5-0.3-0.7-0.4L213.6,42.6z"/>
+		<path class="st3" d="M233.9,32.9h-3.7c-0.1,0-0.2,0-0.4,0c-0.2,0-0.4,0-0.7,0.1c-0.3,0.1-0.5,0.2-0.8,0.3
+			c-0.3,0.1-0.5,0.3-0.8,0.6c-0.2,0.2-0.4,0.6-0.6,0.9c-0.2,0.4-0.2,0.8-0.2,1.4v4.3c0,0.2,0,0.3,0,0.6c0,0.2,0,0.4,0.1,0.7
+			s0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.3,0.7,0.4c0.3,0.1,0.6,0.2,1,0.2c0.2,0,0.4,0,0.7,0
+			c0.2,0,0.5-0.1,0.8-0.1c0.3-0.1,0.5-0.1,0.8-0.2c0.3-0.1,0.5-0.1,0.7-0.2c0.6-0.2,1.1-0.4,1.7-0.6l0.4,1.1
+			c-0.6,0.2-1.2,0.4-1.8,0.6c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.1c-0.3,0-0.5,0.1-0.8,0.1
+			c-0.6,0-1.1-0.1-1.5-0.2c-0.4-0.2-0.8-0.4-1-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.2-0.3-0.3-0.6-0.3-1c-0.1-0.3-0.1-0.6-0.1-0.9
+			c0-0.3,0-0.6,0-0.8v-4.3c0-0.8,0.1-1.4,0.3-1.9c0.2-0.5,0.5-0.9,0.8-1.3c0.3-0.3,0.7-0.6,1-0.8c0.4-0.2,0.7-0.3,1.1-0.4
+			c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0,0.4,0,0.5,0h3.7V32.9z"/>
+		<path class="st3" d="M237.6,44.6V26.7h1.2V33c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.5-0.2,0.8-0.3c0.3-0.1,0.5-0.2,0.7-0.3
+			c0.2-0.1,0.4-0.2,0.5-0.2c0.3-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2,0,0.4-0.1,0.5-0.1c0.2,0,0.3,0,0.5,0
+			c0.6,0,1.2,0.1,1.6,0.4c0.4,0.3,0.7,0.6,1,1c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.4,0.1,0.8,0.1,1.2v9.4H246v-9.4c0-0.2,0-0.5-0.1-0.8
+			c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-1-0.3c-0.5,0-1.2,0.1-1.9,0.4c-0.2,0.1-0.4,0.2-0.7,0.3
+			c-0.3,0.1-0.6,0.2-0.9,0.4c-0.3,0.1-0.6,0.3-0.9,0.4s-0.5,0.2-0.7,0.3v10.3H237.6z"/>
+		<path class="st3" d="M252.8,31.6v9.4c0,0.2,0,0.5,0.1,0.8c0.1,0.3,0.2,0.6,0.3,0.9s0.3,0.5,0.6,0.7c0.3,0.2,0.6,0.3,1,0.3
+			c0.5,0,1.2-0.1,1.9-0.4c0.2-0.1,0.4-0.2,0.7-0.3c0.3-0.1,0.6-0.2,0.9-0.4c0.3-0.1,0.6-0.3,0.9-0.4c0.3-0.1,0.5-0.2,0.7-0.3V31.6
+			h1.2v13h-1.2v-1.3c-0.2,0.1-0.5,0.2-0.8,0.3c-0.3,0.1-0.5,0.2-0.8,0.3c-0.3,0.1-0.5,0.2-0.7,0.3c-0.2,0.1-0.4,0.2-0.5,0.2
+			c-0.3,0.1-0.5,0.2-0.7,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0-0.4,0.1-0.5,0.1c-0.2,0-0.3,0-0.5,0c-0.6,0-1.2-0.1-1.6-0.4
+			c-0.4-0.3-0.7-0.6-1-1c-0.2-0.4-0.4-0.8-0.5-1.3c-0.1-0.4-0.1-0.8-0.1-1.2v-9.4H252.8z"/>
+		<path class="st3" d="M266.8,26.7v17.9h-1.2V26.7H266.8z"/>
+		<path class="st3" d="M280.6,43.8c-0.3,0.1-0.7,0.2-1.1,0.4c-0.4,0.1-0.8,0.3-1.3,0.4c-0.4,0.1-0.9,0.2-1.4,0.3
+			c-0.5,0.1-1,0.1-1.6,0.1c-0.7,0-1.3-0.1-1.8-0.3c-0.6-0.2-1-0.5-1.4-0.9c-0.4-0.4-0.7-0.9-0.9-1.6c-0.2-0.6-0.3-1.4-0.3-2.2v-3.3
+			c0-0.9,0.1-1.6,0.4-2.3c0.2-0.7,0.6-1.2,1-1.7c0.4-0.5,1-0.8,1.6-1c0.6-0.2,1.4-0.3,2.1-0.3c0.8,0,1.5,0.1,2.1,0.4
+			c0.6,0.3,1.1,0.6,1.5,1.1c0.4,0.5,0.7,1,0.9,1.6c0.2,0.6,0.3,1.3,0.3,2.1v2.2H272v1.1c0,0.7,0.1,1.2,0.2,1.7
+			c0.2,0.5,0.4,0.9,0.7,1.2c0.3,0.3,0.6,0.5,1,0.7c0.4,0.1,0.9,0.2,1.4,0.2c0.5,0,1,0,1.4-0.1c0.5-0.1,0.9-0.2,1.4-0.3
+			s0.8-0.2,1.2-0.4c0.4-0.1,0.7-0.2,0.9-0.3L280.6,43.8z M272,37.5h7.4v-1.1c0-1.3-0.3-2.3-0.8-3c-0.6-0.7-1.5-1.1-2.7-1.1
+			c-0.6,0-1.2,0.1-1.7,0.2c-0.5,0.2-0.9,0.4-1.2,0.7c-0.3,0.3-0.6,0.8-0.8,1.3c-0.2,0.5-0.3,1.2-0.3,1.9V37.5z"/>
+	</g>
+	<g class="st2">
+		<path class="st3" d="M156.2,58h1.9v-0.6c0-0.6,0.1-1.1,0.2-1.6s0.4-1,0.7-1.3c0.3-0.4,0.7-0.7,1.2-0.9s1.1-0.3,1.8-0.3
+			c0.5,0,0.9,0,1.2,0.1c0.3,0.1,0.6,0.2,0.8,0.3l-0.7,1.9c-0.2-0.1-0.4-0.1-0.6-0.2c-0.2,0-0.4-0.1-0.7-0.1c-0.6,0-1,0.2-1.3,0.5
+			c-0.3,0.4-0.5,0.9-0.5,1.6V58h2.5v2.1h-2.5V71H158V60.1h-1.9V58z"/>
+		<path class="st3" d="M175.9,71h-2.2v-1.1l-1.9,0.7c-0.1,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.4,0.1-0.7,0.2s-0.5,0.1-0.8,0.2
+			c-0.3,0-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.3-0.2c-0.4-0.1-0.8-0.4-1.1-0.7c-0.3-0.3-0.6-0.8-0.8-1.3c-0.2-0.6-0.3-1.3-0.3-2.2V58
+			h2.2v8.9c0,0.2,0,0.4,0,0.6s0.1,0.5,0.2,0.8c0.1,0.3,0.3,0.5,0.5,0.7c0.2,0.2,0.6,0.3,1,0.3c0.3,0,0.5,0,0.8-0.1
+			c0.3-0.1,0.5-0.2,0.8-0.3l2.7-1.1V58h2.2V71z M167.3,55.6v-2.5h2.3v2.5H167.3z M171.9,55.6v-2.5h2.3v2.5H171.9z"/>
+		<path class="st3" d="M184.6,57.7c0.3,0,0.7,0,0.9,0.1c0.3,0.1,0.5,0.2,0.7,0.3c0.2,0.1,0.4,0.2,0.6,0.4l-0.8,2.1
+			c-0.1-0.1-0.3-0.2-0.5-0.2c-0.1-0.1-0.3-0.1-0.5-0.2c-0.2-0.1-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.4
+			c-0.2,0.1-0.4,0.3-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.5s-0.3,0.3-0.4,0.5V71h-2.2V58h2.2v1.4c0,0,0,0,0.1-0.1
+			c0.1-0.1,0.1-0.2,0.3-0.3c0.1-0.1,0.2-0.3,0.4-0.4c0.2-0.1,0.3-0.3,0.5-0.4c0.2-0.1,0.4-0.2,0.6-0.3
+			C184.1,57.8,184.4,57.7,184.6,57.7z"/>
+		<path class="st3" d="M209.6,55.2h-6.7V71h-2.4V55.2h-6.7v-2.1h15.7V55.2z"/>
+	</g>
+	<g class="st2">
+		<path class="st3" d="M220.8,70.2c-0.4,0.1-0.8,0.2-1.2,0.4c-0.4,0.1-0.8,0.2-1.3,0.3c-0.5,0.1-0.9,0.2-1.4,0.3
+			c-0.5,0.1-1,0.1-1.6,0.1c-0.6,0-1.3-0.1-1.9-0.3c-0.6-0.2-1.1-0.5-1.6-0.9c-0.5-0.4-0.9-1-1.2-1.7c-0.3-0.7-0.4-1.6-0.4-2.7v-2.1
+			c0-0.8,0.1-1.6,0.3-2.3c0.2-0.7,0.6-1.3,1-1.9c0.5-0.5,1-0.9,1.7-1.2c0.7-0.3,1.5-0.4,2.5-0.4c0.7,0,1.3,0.1,1.8,0.2
+			c0.5,0.1,1,0.3,1.3,0.6c0.4,0.3,0.7,0.6,1,0.9c0.3,0.3,0.5,0.7,0.6,1.1c0.2,0.4,0.3,0.8,0.3,1.3c0.1,0.4,0.1,0.9,0.1,1.3v2.3h-8.5
+			v0.6c0,0.6,0.1,1.1,0.2,1.5c0.1,0.4,0.3,0.7,0.6,1c0.3,0.3,0.6,0.4,0.9,0.6c0.3,0.1,0.7,0.2,1.1,0.2c0.5,0,0.9,0,1.4-0.1
+			c0.5-0.1,0.9-0.2,1.3-0.3c0.4-0.1,0.8-0.2,1.2-0.3c0.4-0.1,0.7-0.2,1-0.3L220.8,70.2z M212.4,63.6h6.3c0-0.6,0-1.2-0.1-1.7
+			c-0.1-0.5-0.2-0.9-0.4-1.3c-0.2-0.4-0.5-0.6-0.9-0.8c-0.4-0.2-0.9-0.3-1.5-0.3c-0.6,0-1.1,0.1-1.5,0.3c-0.4,0.2-0.8,0.4-1,0.7
+			s-0.5,0.7-0.6,1.1c-0.1,0.4-0.2,0.9-0.2,1.5V63.6z"/>
+		<path class="st3" d="M232.7,60h-3.3c-0.5,0-1,0.1-1.4,0.2c-0.4,0.1-0.7,0.3-0.9,0.5s-0.4,0.4-0.6,0.7c-0.1,0.2-0.2,0.5-0.3,0.7
+			c-0.1,0.2-0.1,0.5-0.1,0.7c0,0.2,0,0.4,0,0.5v3.7c0,0.4,0.1,0.8,0.2,1.1c0.1,0.3,0.2,0.6,0.4,0.7s0.4,0.3,0.6,0.4
+			c0.2,0.1,0.5,0.1,0.7,0.1c0.4,0,0.8,0,1.2-0.1c0.5-0.1,0.9-0.2,1.3-0.3c0.4-0.1,0.9-0.2,1.2-0.3c0.4-0.1,0.7-0.2,0.9-0.3
+			c0.1,0.4,0.2,0.7,0.2,1c0.1,0.2,0.1,0.5,0.2,0.7s0.1,0.3,0.1,0.3c-0.4,0.1-0.8,0.3-1.2,0.4c-0.4,0.1-0.8,0.3-1.3,0.4
+			c-0.4,0.1-0.9,0.2-1.4,0.2c-0.5,0.1-1.1,0.1-1.7,0.1c-0.4,0-0.9-0.1-1.3-0.2c-0.4-0.1-0.8-0.4-1.2-0.7c-0.4-0.3-0.6-0.8-0.9-1.4
+			c-0.2-0.6-0.3-1.3-0.3-2.2v-3.6c0-0.7,0.1-1.4,0.2-1.9c0.2-0.5,0.4-1,0.7-1.4c0.3-0.4,0.6-0.7,1-1c0.4-0.2,0.8-0.4,1.2-0.6
+			c0.4-0.1,0.8-0.2,1.3-0.3c0.4-0.1,0.8-0.1,1.2-0.1h3.3V60z"/>
+		<path class="st3" d="M236.4,53.1h2.2v6l1.9-0.7c0.1-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2-0.1,0.5-0.1,0.8-0.2
+			c0.3,0,0.6-0.1,1-0.1c0.4,0,0.8,0.1,1.3,0.2c0.4,0.1,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.8,0.8,1.3c0.2,0.6,0.3,1.3,0.3,2.2V71h-2.2
+			v-8.9c0-0.2,0-0.4,0-0.6c0-0.3-0.1-0.5-0.2-0.8c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.6-0.3-1-0.3c-0.3,0-0.5,0-0.8,0.1
+			c-0.3,0.1-0.5,0.2-0.7,0.2l-2.8,1.1V71h-2.2V53.1z"/>
+		<path class="st3" d="M250.8,58h2.1v1.1l1.9-0.7c0.1,0,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.2,0.7-0.2c0.3-0.1,0.5-0.1,0.9-0.2
+			c0.3-0.1,0.6-0.1,1-0.1c0.4,0,0.8,0.1,1.3,0.2c0.4,0.1,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.8,0.8,1.3c0.2,0.6,0.3,1.3,0.3,2.2V71h-2.2
+			v-8.9c0-0.2,0-0.4,0-0.6c0-0.3-0.1-0.5-0.2-0.8c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.6-0.3-1-0.3c-0.3,0-0.5,0-0.8,0.1
+			c-0.3,0.1-0.5,0.2-0.7,0.2l-2.8,1.1V71h-2.2V58z"/>
+		<path class="st3" d="M267.5,56h-2.2v-2.2h2.2V56z M267.5,71h-2.2V58h2.2V71z"/>
+		<path class="st3" d="M271.4,71V53.1h2.2v10.5l6-5.5h2.8l-5.7,5.3l5.7,7.6h-2.7l-4.6-6.2l-1.5,1.4V71H271.4z"/>
+	</g>
+	<g class="st2">
+		<path class="st3" d="M158,93.1c0.4,0.3,0.9,0.5,1.4,0.7c0.4,0.2,1,0.3,1.6,0.5c0.6,0.1,1.3,0.2,2,0.2c1.1,0,2-0.2,2.6-0.5
+			c0.6-0.3,0.9-0.9,0.9-1.8c0-0.4-0.1-0.7-0.2-0.9c-0.1-0.2-0.3-0.4-0.6-0.6c-0.3-0.1-0.6-0.3-1.1-0.4c-0.5-0.1-1-0.2-1.7-0.4
+			c-1.1-0.3-2.1-0.5-2.8-0.8c-0.8-0.3-1.4-0.6-1.9-1c-0.5-0.4-0.9-0.9-1.1-1.5c-0.2-0.6-0.3-1.4-0.3-2.3c0-0.9,0.1-1.7,0.4-2.4
+			c0.3-0.7,0.7-1.2,1.3-1.6c0.5-0.4,1.2-0.7,2-0.9c0.8-0.2,1.7-0.3,2.6-0.3c0.7,0,1.3,0,1.9,0.1c0.6,0.1,1.2,0.1,1.7,0.2
+			c0.5,0.1,1,0.2,1.4,0.3c0.4,0.1,0.8,0.2,1,0.3l-1,3c-0.3-0.1-0.6-0.2-1-0.3c-0.4-0.1-0.8-0.2-1.2-0.3c-0.4-0.1-0.9-0.2-1.3-0.2
+			c-0.5-0.1-0.9-0.1-1.4-0.1c-0.5,0-0.9,0-1.3,0.1c-0.4,0.1-0.6,0.2-0.9,0.4c-0.2,0.2-0.4,0.4-0.5,0.6c-0.1,0.3-0.2,0.6-0.2,0.9
+			c0,0.4,0.1,0.6,0.2,0.9c0.1,0.2,0.3,0.4,0.6,0.6c0.3,0.2,0.6,0.3,1.1,0.4c0.4,0.1,1,0.3,1.7,0.4c0.7,0.2,1.4,0.3,2,0.5
+			c0.6,0.2,1.1,0.3,1.6,0.5s0.9,0.4,1.2,0.7c0.3,0.3,0.6,0.6,0.8,0.9c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.5,0.2,1,0.2,1.7
+			c0,1-0.2,1.8-0.5,2.5c-0.3,0.7-0.8,1.3-1.4,1.7c-0.6,0.4-1.3,0.7-2.2,0.9c-0.9,0.2-1.9,0.3-3,0.3c-0.5,0-0.9,0-1.4-0.1
+			c-0.4-0.1-0.9-0.1-1.3-0.2c-0.4-0.1-0.8-0.2-1.1-0.3c-0.4-0.1-0.7-0.2-1-0.4c-0.7-0.3-1.3-0.6-1.9-1L158,93.1z"/>
+		<path class="st3" d="M176.1,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+			c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+			c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+			c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L176.1,79.9z"/>
+		<path class="st3" d="M192.6,97.4h-3.1v-0.9c-0.2,0.1-0.3,0.2-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2
+			c-0.1,0-0.3,0.1-0.5,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0.1-0.5,0.1-0.8,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.3-0.2
+			c-0.4-0.1-0.8-0.4-1.2-0.7c-0.4-0.3-0.6-0.8-0.9-1.3c-0.2-0.6-0.3-1.3-0.3-2.2v-8.9h3.2V93c0,0.3,0,0.6,0.1,0.8
+			c0,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.2,0.3,0.4,0.4c0.2,0.1,0.4,0.1,0.7,0.1c0.2,0,0.3,0,0.5-0.1c0.2-0.1,0.4-0.1,0.7-0.2
+			c0.2-0.1,0.4-0.1,0.7-0.2c0.2-0.1,0.5-0.2,0.7-0.3c0.2-0.1,0.5-0.2,0.7-0.3v-9.4h3.2V97.4z"/>
+		<path class="st3" d="M199.2,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+			c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+			c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+			c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L199.2,79.9z"/>
+		<path class="st3" d="M207.9,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+			c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+			c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+			c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L207.9,79.9z"/>
+		<path class="st3" d="M218.3,99.7c0.5,0,0.9-0.1,1.2-0.2c0.3-0.1,0.6-0.3,0.8-0.6c0.2-0.2,0.4-0.5,0.5-0.8c0.1-0.3,0.1-0.6,0.1-1
+			v-0.8l-0.6,0.3c-0.4,0.2-0.8,0.3-1.2,0.5c-0.5,0.2-1,0.2-1.6,0.2c-0.7,0-1.3-0.1-1.8-0.3c-0.5-0.2-0.9-0.5-1.3-0.8
+			c-0.3-0.3-0.6-0.7-0.8-1.1c-0.2-0.4-0.3-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1c0-0.3,0-0.6,0-0.7v-2c0-0.9,0.1-1.7,0.3-2.4
+			c0.2-0.7,0.5-1.2,0.8-1.7c0.3-0.4,0.7-0.8,1.1-1c0.4-0.3,0.8-0.5,1.2-0.6c0.4-0.1,0.7-0.2,1-0.2c0.3,0,0.5,0,0.7,0h6v12.3
+			c0,0.8-0.1,1.5-0.3,2.2c-0.2,0.7-0.5,1.3-1,1.9c-0.5,0.5-1,1-1.8,1.3c-0.7,0.3-1.6,0.5-2.7,0.5c-0.5,0-0.9,0-1.3-0.1
+			c-0.4-0.1-0.8-0.2-1.1-0.3c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.1-0.5-0.3-0.7-0.5c-0.5-0.4-0.9-0.8-1.1-1.2l2.5-1.7
+			c0.2,0.2,0.4,0.4,0.6,0.6c0.2,0.2,0.5,0.3,0.8,0.4C217.4,99.7,217.8,99.7,218.3,99.7z M219.3,94.1c0.2-0.1,0.3-0.1,0.5-0.2
+			c0.2-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.1,0.5-0.2v-6.1h-2.8c0,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.4,0.1c-0.1,0.1-0.3,0.1-0.4,0.3
+			c-0.2,0.1-0.3,0.3-0.4,0.4c-0.1,0.2-0.2,0.4-0.3,0.7c-0.1,0.3-0.1,0.6-0.1,1v2.4c0,0.2,0,0.3,0.1,0.6c0,0.2,0.1,0.5,0.3,0.7
+			c0.1,0.2,0.3,0.4,0.5,0.6c0.2,0.2,0.5,0.2,0.8,0.2c0.2,0,0.4,0,0.7-0.1C218.7,94.3,219,94.2,219.3,94.1z"/>
+		<path class="st3" d="M234.8,97.4v-0.9l-2.1,0.9c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.7,0.1-1,0.1c-0.8,0-1.5-0.1-2-0.4
+			c-0.5-0.3-0.9-0.6-1.2-1.1c-0.3-0.5-0.5-1-0.6-1.6c-0.1-0.6-0.2-1.3-0.2-2v-2.2c0-0.9,0.1-1.6,0.3-2.3c0.2-0.6,0.4-1.2,0.7-1.6
+			c0.3-0.4,0.6-0.8,1-1.1c0.4-0.3,0.8-0.5,1.1-0.6c0.4-0.1,0.7-0.2,1.1-0.3c0.3,0,0.7-0.1,0.9-0.1h5.9v13H234.8z M231.4,94.8
+			c0.3,0,0.6,0,0.8-0.1c0.3-0.1,0.6-0.2,1-0.4l1.6-0.7v-6.3h-2.8c-0.2,0-0.5,0-0.7,0.1c-0.2,0.1-0.4,0.2-0.6,0.4
+			c-0.2,0.2-0.3,0.4-0.5,0.8c-0.1,0.3-0.2,0.7-0.2,1.2v2.9c0,0.3,0,0.6,0,0.8c0,0.2,0.1,0.5,0.2,0.6c0.1,0.2,0.2,0.3,0.4,0.4
+			C230.9,94.8,231.1,94.8,231.4,94.8z"/>
+		<path class="st3" d="M241.3,97.4v-13h3.2v0.9c0.1-0.1,0.3-0.3,0.4-0.4c0.2-0.1,0.3-0.3,0.5-0.4c0.2-0.1,0.4-0.2,0.6-0.3
+			c0.2-0.1,0.4-0.1,0.7-0.1c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.6,0.2,0.8,0.3c0.3,0.1,0.5,0.3,0.8,0.5l-0.9,2.5
+			c-0.2-0.1-0.4-0.2-0.6-0.3c-0.2-0.1-0.4-0.2-0.5-0.2c-0.2-0.1-0.4-0.1-0.5-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.3
+			c-0.2,0.1-0.4,0.3-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.5v9.1H241.3z"/>
+		<path class="st3" d="M254.1,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+			c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+			c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+			c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L254.1,79.9z"/>
+	</g>
+</g>
+</svg>

home/index.html

+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title></title>
+  <link rel="stylesheet" href="../assets/css/style.css">
+  <link rel="stylesheet" href="../assets/css/mobile.css">
+</head>
+
+<body>
+  <header id="header">
+    <div class="row">
+      <div class="logo" id="logo"></div>
+      <div class="hamburger">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+      <nav></nav>
+    </div>
+    <div id='projectname'></div>
+  </header>
+  <div class="content">
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+
+  </div>
+
+  <div class="footer"></div>
+
+  <script src="../settings.js"> </script>
+  <script src="../main.js"> </script>
+</body>
+
+</html>
\ No newline at end of file

index.html

+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Redirecting to https://example.com/</title>
+<meta http-equiv="refresh" content="0; URL=/home">
+<link rel="canonical" href="/home">
\ No newline at end of file

main.js

+let portal=function(){document.querySelector("title").innerText="M4_LAB";let e=document.createElement("a");e.href="https://hft-stuttgart.de",e.innerHTML="<img src='/assets/images/hft_logo.svg'/>",document.getElementById("logo").appendChild(e);let t=(e,t,l={},i=null)=>{let o=document.createElement(e);for(cls of t)o.classList.add(cls);return Object.keys(l).forEach(e=>{o.setAttribute(e,l[e])}),i&&(o.innerText=i),o},l=e=>{let l=t("div",["participant-social"]);for(i of e){let e=t("a",["social"],{title:i.agent,href:i.profile}),o=t("img",[],{src:i.icon});e.appendChild(o),l.appendChild(e)}return l},o={projectName:()=>{document.querySelector("#projectname").innerHTML=settings.projectName},menu:()=>{let e=document.createElement("ul");for(m of settings.menu){let l=document.createElement("li"),i=t("a",[],{href:m.link},m.menuText);l.appendChild(i),e.appendChild(l)}let l=document.querySelector("nav");l.appendChild(e);let i=document.querySelector(".hamburger");i.style.display="flex";let o=document.querySelector("header");i.addEventListener("click",()=>{i.classList.toggle("slide-hamburger"),l.classList.toggle("slide-nav"),o.classList.toggle("overflow-visible")})},participants:()=>{let e=document.querySelector(".footer"),i=t("ul",["footer-participants-container"]);for(p of settings.participants){let e=t("li",["participant"]),o=t("div",["participant-avatar"]),n=t("img",[],{src:p.avatar}),a=t("div",[],{},p.name),r=t("div",[],{},p.email);o.appendChild(n),e.appendChild(o),e.appendChild(a),e.appendChild(r),e.appendChild(l(p.social)),i.appendChild(e)}e.appendChild(i)},footerLogos:()=>{let e=document.querySelector(".footer"),l=t("ul",["footer-logo-container"]);for(fl of settings.footerLogos){let e=t("li",["footer-logo"]),i=t("a",[],{title:fl.title,href:fl.href}),o=t("img",[],{src:fl.logo});i.appendChild(o),e.appendChild(i),l.appendChild(e)}e.appendChild(l)}};for(swt of settings.switches)swt.state==ON&&o[swt.name]()}();
\ No newline at end of file

results/index.html

+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title></title>
+  <link rel="stylesheet" href="../assets/css/style.css">
+  <link rel="stylesheet" href="../assets/css/mobile.css">
+</head>
+
+<body>
+  <header id="header">
+    <div class="row">
+      <div class="logo" id="logo"></div>
+      <div class="hamburger">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+      <nav></nav>
+    </div>
+    <div id='projectname'></div>
+  </header>
+  <div class="content">
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+
+  </div>
+
+  <div class="footer"></div>
+
+  <script src="../settings.js"> </script>
+  <script src="../main.js"> </script>
+</body>
+
+</html>
\ No newline at end of file

settings.js

+const ON = true;
+const OFF = false;
+const EMPTY_LINK = "javascript:undefined";
+const DEFAULT = {
+  social: {
+    twitter: {
+      icon: "/assets/images/twitter.png",
+      profile: "https://twitter.com/InnolabM4"
+    },
+    facebook: {
+      icon: "/assets/images/facebook.png",
+      profile: "https://www.facebook.com/HfTStuttgart"
+    },
+    linkedin: {
+      icon: "/assets/images/linkedin.png",
+      profile: "https://www.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences"
+    },
+    webpage: {
+      icon: "/assets/images/webpage.png",
+      profile: "https://www.hft-stuttgart.de"
+    }
+  },
+  avatar: "/assets/images/avatar.png"
+}
+
+let settings = {
+
+  switches: [
+    {
+      name: "projectName",
+      state: ON
+    },
+    {
+      name: "menu",
+      state: ON
+    },
+    {
+      name: "participants",
+      state: ON
+    },
+    {
+      name: "footerLogos",
+      state: ON
+    }
+  ],
+
+  projectName: "M4_LAB Page Demo",
+  
+  menu: [
+    {
+      menuText: "home",
+      link: "/home"
+    },
+    {
+      menuText: "results",
+      link: "/results"
+    },
+    {
+      menuText: "demo",
+      link: "http://example.com"
+    }
+  ],
+
+  participants: [
+    {
+      name: "John Doe",
+      avatar: DEFAULT.avatar,
+      email: "john.doe@lalaland.com",
+      social: [
+        {
+          agent: "twitter",
+          icon: DEFAULT.social.twitter.icon,
+          profile: DEFAULT.social.twitter.profile
+        },
+        {
+          agent: "facebook",
+          icon: DEFAULT.social.facebook.icon,
+          profile: DEFAULT.social.facebook.profile
+        },
+        {
+          agent: "linkedin",
+          icon: DEFAULT.social.linkedin.icon,
+          profile: DEFAULT.social.linkedin.profile
+        },
+        {
+          agent: "webpage",
+          icon: DEFAULT.social.webpage.icon,
+          profile: "https://johndoe.com"
+        }
+      ]
+    },
+    {
+      name: "Charlotte Doe",
+      avatar: "/assets/images/charlotte.jpg",
+      email: "charlotte.doe@lalaland.com",
+      social: [
+        {
+          agent: "twitter",
+          icon: DEFAULT.social.twitter.icon,
+          profile: DEFAULT.social.twitter.profile
+        },
+        {
+          agent: "facebook",
+          icon: DEFAULT.social.facebook.icon,
+          profile: DEFAULT.social.facebook.profile
+        },
+        {
+          agent: "linkedin",
+          icon: DEFAULT.social.linkedin.icon,
+          profile: DEFAULT.social.linkedin.profile
+        }
+      ]
+    }
+  ],
+
+  footerLogos: [
+    {
+      logo: "/assets/logos/Logo_M4_LAB.jpg",
+      href: EMPTY_LINK,
+      title: "M4_LAB"
+    },
+    {
+      logo: "/assets/logos/logo1.png",
+      href: "http://www.innovative-hochschule.de",
+      title: "Innovative Hochschule"
+    },
+    {
+      logo: "/assets/logos/logo2.png",
+      href: "https://www.bmbf.de",
+      title: "Bundesministerium für Bildung und Forschung"
+    },
+    {
+      logo: "/assets/logos/logo3.png",
+      href: "https://www.gwk-bonn.de",
+      title: "Die Gemeinsame Wissenschaftskonferenz"
+    }
+  ]
+};
\ No newline at end of file

templates/raw/index.html

+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title></title>
+  <link rel="stylesheet" href="../assets/css/style.css">
+  <link rel="stylesheet" href="../assets/css/mobile.css">
+</head>
+
+<body>
+  <header id="header">
+    <div class="row">
+      <div class="logo" id="logo"></div>
+      <div class="hamburger">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+      <nav></nav>
+    </div>
+    <div id='projectname'></div>
+  </header>
+  <div class="content">
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+
+  </div>
+
+  <div class="footer"></div>
+
+  <script src="../settings.js"> </script>
+  <script src="../main.js"> </script>
+</body>
+
+</html>
\ No newline at end of file