added projects box

css/style.css

@@ -30,6 +30,7 @@ h1 {
 	/*border: 0.5px solid rgb(208, 160, 236);*/
 }
 
+/*Container*/
 .text_container {
 	position: relative; 
   	width: 90%;
@@ -53,6 +54,7 @@ h1 {
 	/*border: 0.5px solid rgb(138, 206, 186);*/
 }
 
+/*Content Classes*/
 .main_text {
 	order: 1;
 	padding: 15px;
@@ -82,4 +84,14 @@ h1 {
 	border-radius: 0px;
 	align-self: flex-start;
 	color: white;
+}
+.projects {
+	order: 3;
+	padding: 2%;
+	margin: 3%;
+	text-align: left;
+	border: 0.5px solid white;
+	border-radius: 0px;
+	align-self: flex-start;
+	color: white;
 }

index.html

@@ -26,10 +26,15 @@
 			<div class="contacts">
 				<h2>Contact</h2>
 				<p> You can contact me via the following channels:</p>
-				<p>Email: baumsplitter41@baumsplitter41.eu</p>
-				<p>Matrix: @baumsplitter41:baumsplitter41.eu</p>
-				<p>Discord: baumsplitter41</p>
-				<p> <a style="color:inherit; text-decoration: none;" href="https://github.com/baumsplitter41"> Github</a></p>
+				<p>• Email: baumsplitter41@baumsplitter41.eu</p>
+				<p>• Matrix: @baumsplitter41:baumsplitter41.eu</p>
+				<p>• Discord: baumsplitter41</p>
+			</div>
+			<div class="projects">
+				<h2>Projects</h2>
+				<p>Little projects I worked on or currently working on.</p>
+				<p> <a style="color:inherit; text-decoration: none;" href="https://github.com/baumsplitter41">• Git repositories</a></p>
+				<p> <a style="color:inherit; text-decoration: none;" href="https://vicepd-fivem.de/">• VicePD Fivem Server</a></p>
 			</div>
 		</div>