Applications opened!

SiteHelper.js

@@ -16,7 +16,7 @@ const HeaderHTML = `
         <li><a class="dktl" href="./index.html#about">About</a></li>
         <li><a class="dktl" href="./quotes.html">Quotes</a></li>
         <li><a class="dktl" href="./digital-tools.html">Digital Tools</a></li>
-        <li><a class="dktl contactlink" href="https://discord.gg/JSRHqSZ">Get in touch</a></li>
+        <li><a class="dktl contactlink" href="https://forms.gle/dJNGDHAcozxzZ5Xb9">Get in touch</a></li>
         <li id="mnb-hamburger"><a href="#" id="mnb-hamburger-btn">≡</a></li>
         </ul>
 `

index.html

@@ -25,6 +25,9 @@
     <div class="mainpagebg">
         <p class="mpbtxt">Inspiring entrepreneur and people to become stronger and successful</p>
         <p class="mpbstxt">Especially at the young age it's important to learn about finance, business and how to self improve.</p>
+        <div class="centre">
+            <a href="https://forms.gle/dJNGDHAcozxzZ5Xb9" class="work-with-me">Work with me</a>
+        </div>
     </div>
 
     <div id="about">
@@ -40,7 +43,7 @@
             <p class="graphtitle">Subscribers</p>
         </div>
         <div class="graph">
-            <p class="graphnumber" id="view_count">114,0K</p>
+            <p class="graphnumber" id="view_count">114,4K</p>
             <p class="graphtitle">Viewers</p>
         </div>
         <div class="graph">

style.css

@@ -92,6 +92,12 @@ li {
     border-radius: 5px;
 }
 
+/* KEK */
+
+.centre {
+    text-align: center;
+}
+
 /* Header */
 
 header {
@@ -344,6 +350,22 @@ footer {
     flex: 1;
 }
 
+.work-with-me:hover {
+    opacity: 1 !important;
+    background: rgb(70, 70, 70);
+}
+
+.work-with-me {
+    display: inline-block;
+    background: rgb(30, 30, 30);
+    font-family: "DarkerGrote";
+    color: white;
+    text-align: center;
+    padding: 10px 20px;
+    border: 5px;
+    margin-bottom: 20px;
+}
+
 /* Effects */
 
 .green-text-shadow {