feat: added title

src/app/home/home.component.html

@@ -13,26 +13,30 @@
       </div>
 
       <div class="hero-actions">
-        <div id="contact-links" class="contact-area hero-contact-area">
-          <a [href]="contactSafeMail" aria-label="Send mail">
-            <fa-icon class="fab" [icon]="faEnvelope" size="lg"></fa-icon>
-          </a>
+        <div class="hero-contact-block">
+          <p class="hero-contact-title">Contact me</p>
 
-          <a href="tel:{{ global.hrefContactPhone }}" aria-label="Call phone number">
-            <fa-icon class="fab" [icon]="faPhone" size="lg"></fa-icon>
-          </a>
+          <div id="contact-links" class="contact-area hero-contact-area">
+            <a [href]="contactSafeMail" aria-label="Send mail">
+              <fa-icon class="fab" [icon]="faEnvelope" size="lg"></fa-icon>
+            </a>
 
-          <a href="https://discord.com/users/860206216893693973" aria-label="Discord profile">
-            <fa-icon class="fab" [icon]="faDiscord" size="lg"></fa-icon>
-          </a>
+            <a href="tel:{{ global.hrefContactPhone }}" aria-label="Call phone number">
+              <fa-icon class="fab" [icon]="faPhone" size="lg"></fa-icon>
+            </a>
 
-          <a href="https://github.com/fraujulian" aria-label="GitHub profile">
-            <fa-icon class="fab" [icon]="faGithub" size="lg"></fa-icon>
-          </a>
+            <a href="https://discord.com/users/860206216893693973" aria-label="Discord profile">
+              <fa-icon class="fab" [icon]="faDiscord" size="lg"></fa-icon>
+            </a>
 
-          <a href="https://www.linkedin.com/in/julian-lechner-98b377356/" aria-label="LinkedIn profile">
-            <fa-icon class="fab" [icon]="faLinkedin" size="lg"></fa-icon>
-          </a>
+            <a href="https://github.com/fraujulian" aria-label="GitHub profile">
+              <fa-icon class="fab" [icon]="faGithub" size="lg"></fa-icon>
+            </a>
+
+            <a href="https://www.linkedin.com/in/julian-lechner-98b377356/" aria-label="LinkedIn profile">
+              <fa-icon class="fab" [icon]="faLinkedin" size="lg"></fa-icon>
+            </a>
+          </div>
         </div>
 
         <div class="hero-action-links">