addede base ci

src/elements/Contacts.svelte

@@ -3,10 +3,10 @@
   <div class="contacts">
     <div class="header"><img src="/profile_pic.jpg" alt="profile" class="profile" /></div>
       <ul class="contact-list">
-        <li><div class="label"><i class="fas fa-at"></i> e-mail:</div> <a href="mailto://gianmarco@pettinato.eu">gianmarco@pettinato.eu</a></li>
-        <li><div class="label"><i class="fab fa-telegram-plane"></i> telegram:</div> <a href="https://t.me/jatus_93">@jatus_93</a></li>
-        <li><div class="label"><i class="fab fa-twitter"></i> twitter:</div> <a href="https://twitter.com/jatus_93">@jatus_93</a></li>
-        <li><div class="label"><i class="fab fa-linkedin-in"></i> linkedin:</div> <a href="https://www.linkedin.com/in/gianmarco-pettinato/">Gianmarco Pettinato</a></li>
+        <li><i class="fas fa-at"></i> e-mail: <a href="mailto://gianmarco@pettinato.eu">gianmarco@pettinato.eu</a></li>
+        <li><i class="fab fa-telegram-plane"></i> telegram: <a href="https://t.me/jatus_93">@jatus_93</a></li>
+        <li><i class="fab fa-twitter"></i> twitter: <a href="https://twitter.com/jatus_93">@jatus_93</a></li>
+        <li><i class="fab fa-linkedin-in"></i> linkedin: <a href="https://www.linkedin.com/in/gianmarco-pettinato/">Gianmarco Pettinato</a></li>
       </ul>
   </div>
 </div>
@@ -15,53 +15,34 @@
   .contactContainer{
     margin: auto;
     background-color:$navajo-white;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    height: auto;
     border-radius: 10px;
-    width: 95%;
-    border-style: solid;
-    border-width: 0.1px;
-    border-color: $rich-black-fogra-29;
+    width: 90%;
     border-radius: 10px;
     box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
     -webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
     -moz-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-    padding-top: 1vh;
-    padding-bottom: 1vh;
+    padding: 1vh;
   }
 
   .contacts{
     background-color: $cultured;
-    width: 90%;
+    display: inline-flex;
+    justify-content: center;
+    text-align: center;
+    flex-wrap: wrap;
+    align-items: center ;
     border-radius: 10px;
-    margin-bottom: 10px;
-    padding-top: 2vh;
-    padding-bottom: 2vh;
+    padding: 1vh;
     background-color: $cultured;
     border-style: solid;
     border-width: 0.1px;
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    flex-wrap: wrap;
   }
 
   .contacts>ul{
     list-style: none;
-    width: auto;
-    margin: auto;
   }
   .contacts>ul>li{
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    flex-wrap: wrap;
-  }
-  .contacts>ul>li>div{
-    margin-right: auto;
+    text-align: start;
   }
 
   .profile{
@@ -76,7 +57,7 @@
   }
 
   a,a:visited{
-    text-decoration: none;
+    // text-decoration: none;
     color: $rich-black-fogra-29;
     margin: 2px;
   }
@@ -89,18 +70,12 @@
       width: 80vw;
     }
 
-    .contacts>ul{
-      
-      
-      margin: unset;
+    .contacts{
+      width: 98%;
     }
 
-    // .job-content{
-    
-    // }
-
-    // .text-content{
-    
-    // }
+    .contacts>ul{
+      margin: unset;
+    }
   }
 </style>

src/routes/Jobs.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Menu from "$elem/menu.svelte";
-  import Jobs from '$elem/jobs.svelte';
+  import Menu from "$elem/Menu.svelte";
+  import Jobs from '$elem/Jobs.svelte';
   let menuHandler: Menu;
   let jobsHandler: Jobs;
   let currentLanguage: string ='it';

src/routes/Portfolio.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Menu from "$elem/menu.svelte";
-  import Portfolio from '$elem/portfolio.svelte';
+  import Menu from "$elem/Menu.svelte";
+  import Portfolio from '$elem/Portfolio.svelte';
   let menuHandler: Menu;
   let portfolioHandler: Portfolio;
   let currentLanguage: string ='it';

src/routes/Training.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Menu from "$elem/menu.svelte";
-  import Training from '$elem/training.svelte'
+  import Menu from "$elem/Menu.svelte";
+  import Training from '$elem/Training.svelte';
   let menuHandler: Menu;
   let trainingHandler: Training;
   let currentLanguage: string ='it';

src/routes/index.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import AboutMe from "$elem/aboutMe.svelte";
-  import Jobs from "$elem/jobs.svelte";
-  import Menu from "$elem/menu.svelte";
-  import Portfolio from '$elem/portfolio.svelte';
-  import Training from '$elem/training.svelte'
-  import Contacts from '$elem/contacts.svelte'
+  import AboutMe from "$elem/AboutMe.svelte";
+  import Jobs from "$elem/Jobs.svelte";
+  import Menu from "$elem/Menu.svelte";
+  import Portfolio from '$elem/Portfolio.svelte';
+  import Training from '$elem/Training.svelte'
+  import Contacts from '$elem/Contacts.svelte'
   let jobsHandler: Jobs;
   let menuHandler: Menu;
   let aboutMe:AboutMe;
@@ -46,10 +46,10 @@
     <h2>{titles.portfolio[currentLanguage]}</h2>
     <Portfolio bind:this="{portfolioHandler}"/>
   </div> 
-  <!-- <div class="content" id="contacts">
+  <div class="content" id="contacts">
     <h2>{titles.contacts[currentLanguage]}</h2>
     <Contacts/>
-  </div> -->
+  </div>
 </main>
 <style lang="scss">
   @import "./static/colors.scss";