diff --git a/company.html b/company/index.html
similarity index 75%
rename from company.html
rename to company/index.html
index f14f5be..f0673b5 100644
--- a/company.html
+++ b/company/index.html
@@ -1,31 +1,36 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
+
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="./css/company.css">
+        <link rel="stylesheet" href="../css/company.css">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
-        <title>Company</title> 
+        <link
+            href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
+            rel="stylesheet">
+        <title>Company</title>
     </head>
 </head>
+
 <body>
-    <section id="header-section" >
+    <section id="header-section">
         <nav id="navigation">
-            <a href="/index.html" class="navigation-logo">
-                <img src="images/header/logo.svg" alt="Deep Network">
+            <a href="../" class="navigation-logo">
+                <img src="../images/header/logo.svg" alt="Deep Network">
             </a>
             <div class="navigation-links">
-                <a href="/services.html"> Services</a>
-                <a href="/company.html"> Company</a>
+                <a href="../services"> Services</a>
+                <a href="../company"> Company</a>
                 <a href=""> Case Studies</a>
                 <a href=""> Blog</a>
                 <a href=""> Career</a>
             </div>
             <div id="language-selector">
-                <img src="images/header/flag-en.svg">
+                <img src="../images/header/flag-en.svg">
                 <select>
                     <option value="en">English</option>
                     <option value="de">Deutsch</option>
@@ -33,7 +38,7 @@
             </div>
         </nav>
         <div id="header">
-            <h1>We are your truster  <br>
+            <h1>We are your truster <br>
                 technology partners</h1>
             <p>Every great business needs reliable tech expertise, and we’re here to deliver scalable <br>
                 solutions for your success.</p>
@@ -44,13 +49,13 @@ <h1>We are your truster  <br>
             <div class="statistic">
                 <h3>30+</h3>
                 <p>Large-scale Cloud, AI, <br>
-                and Data Projects</p>
+                    and Data Projects</p>
             </div>
             <div class="statistic-spacer"></div>
             <div class="statistic">
                 <h3>25+</h3>
                 <p>Satisfied customers, 4 <br>
-                DAX Companies</p>
+                    DAX Companies</p>
             </div>
             <div class="statistic-spacer"></div>
             <div class="statistic">
@@ -65,11 +70,14 @@ <h3>92%</h3>
             <header>ABOUT US</header>
             <h1>Who we are</h1>
             <p>
-                Founded in 2016 by former Microsoft engineers, Deep Network is a trusted provider of Cloud, AI, and Data <br>
-                Analytics solutions. With a global team of over 25 expert engineers, we offer tailored software development <br>
+                Founded in 2016 by former Microsoft engineers, Deep Network is a trusted provider of Cloud, AI, and Data
+                <br>
+                Analytics solutions. With a global team of over 25 expert engineers, we offer tailored software
+                development <br>
                 support, whether onsite, onshore, or nearshore. <br><br>
-    
-                Our commitment to continuous learning ensures we stay at the forefront of technology trends, helping businesses <br>
+
+                Our commitment to continuous learning ensures we stay at the forefront of technology trends, helping
+                businesses <br>
                 optimize operations and achieve long-term success through innovative, scalable solutions.</p>
         </div>
         <img src="../images/company/image.png" alt="office">
@@ -93,7 +101,7 @@ <h1>Expertise you can trust</h1>
                 <img src="../images/company/certifications/ckad.png" alt="ckad">
             </div>
         </div>
-        <script src="./js/duplicateCarouselContent.js"></script>
+        <script src="../js/duplicateCarouselContent.js"></script>
     </section>
 
     <section id="our-team-section">
@@ -101,18 +109,18 @@ <h1>Expertise you can trust</h1>
             <header>OUR TEAM</header>
             <h1>Meet our expert team</h1>
             <p>Our team combines engineering excellence with international experience, delivering local <br>
-            insights with a global impact.</p>
+                insights with a global impact.</p>
             <div class="card-grid">
                 <div class="photo-card">
                     <img src="" alt="profile-picture">
                     <h1>SAVAS <br>
-                    GUVEN</h1>
+                        GUVEN</h1>
                     <h2>Founder and CTO</h2>
                 </div>
                 <div class="photo-card">
                     <img src="" alt="profile-picture">
                     <h1>OLIVER <br>
-                    RIEKENBRAUK</h1>
+                        RIEKENBRAUK</h1>
                     <h2>Director of Business Development</h2>
                 </div>
             </div>
@@ -126,45 +134,48 @@ <h1>Our growth</h1>
             <div class="line"></div>
             <div id="pin1" class="pin" onClick="selectPin(this.id)">
                 <div class="not-selected">2020</div>
-                <img src="./images/company/icons/unselected.svg" alt="">
+                <img src="../images/company/icons/unselected.svg" alt="">
             </div>
             <div id="pin2" class="pin" onClick="selectPin(this.id)">
                 <div class="not-selected">2021</div>
-                <img src="./images/company/icons/unselected.svg" alt="">
+                <img src="../images/company/icons/unselected.svg" alt="">
             </div>
             <div id="pin3" class="pin" onClick="selectPin(this.id)">
                 <div class="selected">2022</div>
-                <img src="./images/company/icons/selected.svg" alt="">
+                <img src="../images/company/icons/selected.svg" alt="">
             </div>
             <div id="pin4" class="pin" onClick="selectPin(this.id)">
                 <div class="not-selected">2023</div>
-                <img src="./images/company/icons/unselected.svg" alt="">
+                <img src="../images/company/icons/unselected.svg" alt="">
             </div>
             <div id="pin5" class="pin" onClick="selectPin(this.id)">
                 <div class="not-selected">2024</div>
-                <img src="./images/company/icons/unselected.svg" alt="">
+                <img src="../images/company/icons/unselected.svg" alt="">
             </div>
 
-            <script src="./js/alterTimeline.js"></script>
+            <script src="../js/alterTimeline.js"></script>
         </div>
         <h2>Achivements</h2>
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur nihil repellat voluptates unde amet repellendus quidem aut sapiente at fugit nostrum facere voluptate commodi accusantium enim officia, atque nulla? Modi culpa distinctio eveniet iste veniam cumque nulla quisquam quae? Quia veritatis voluptatum impedit nesciunt voluptas porro consequatur officiis nostrum reiciendis.</p>
+        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur nihil repellat voluptates unde amet
+            repellendus quidem aut sapiente at fugit nostrum facere voluptate commodi accusantium enim officia, atque
+            nulla? Modi culpa distinctio eveniet iste veniam cumque nulla quisquam quae? Quia veritatis voluptatum
+            impedit nesciunt voluptas porro consequatur officiis nostrum reiciendis.</p>
     </section>
 
     <section id="career-section" class="custom-section">
         <header>CAREER</header>
         <h1>Want to join our <span style="color:var(--dark-blue)">team</span>?</h1>
-        <p>We’re constantly seeking skilled individuals to become part of our rapidly expanding team. <br> 
+        <p>We’re constantly seeking skilled individuals to become part of our rapidly expanding team. <br>
             Check out the current job openings on our Careers page.</p>
-            <button class="classic-btn">Apply now</button>
+        <button class="classic-btn">Apply now</button>
     </section>
 
     <footer id="footer-section">
         <a id="footer-logo" class="navigation-logo">
-            <img src="images/header/logo.svg" alt="Deep Network">
+            <img src="../images/header/logo.svg" alt="Deep Network">
         </a>
         <div id="footer-texts">
-            <p id="footer-description">Empowering businesses with cutting-edge <br> 
+            <p id="footer-description">Empowering businesses with cutting-edge <br>
                 Cloud, AI, and Data solutions. Trusted <br>
                 expertise, global reach.</p>
             <p id="footer-legal-description">Managing Director: Savas Guven <br>
@@ -174,9 +185,9 @@ <h1>Want to join our <span style="color:var(--dark-blue)">team</span>?</h1>
         </div>
         <nav id="footer-site-map">
             <h1>SITEMAP</h1>
-            <a href="/index.html">Home</a>
-            <a href="/services.html">Services</a>
-            <a href="/company.html"> Company</a>
+            <a href="../">Home</a>
+            <a href="../services">Services</a>
+            <a href="../company"> Company</a>
             <a href="">Case Study</a>
             <a href="">Blog</a>
             <a href="">Career</a>
@@ -191,11 +202,11 @@ <h1>GERMANY</h1>
                 </p>
                 <div class="footer-address-contact">
                     <div class="contact-info">
-                        <img src="./images/footer/phone.svg" alt="phone-icon">
+                        <img src="../images/footer/phone.svg" alt="phone-icon">
                         <span>+49 (0) 89 2316 6638</span>
                     </div>
                     <div class="contact-info">
-                        <img src="./images/footer/email.svg" alt="email-icon">
+                        <img src="../images/footer/email.svg" alt="email-icon">
                         <span>info@deepnetwork.com</span>
                     </div>
                 </div>
@@ -209,11 +220,11 @@ <h1>USA</h1>
                 </p>
                 <div class="footer-address-contact">
                     <div class="contact-info">
-                        <img src="./images/footer/phone.svg" alt="phone-icon">
+                        <img src="../images/footer/phone.svg" alt="phone-icon">
                         <span>+1 425 247 0842</span>
                     </div>
                     <div class="contact-info">
-                        <img src="./images/footer/email.svg" alt="email-icon">
+                        <img src="../images/footer/email.svg" alt="email-icon">
                         <span>info@deepnetwork.com</span>
                     </div>
                 </div>
@@ -221,4 +232,5 @@ <h1>USA</h1>
         </div>
     </footer>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/css/common.css b/css/common.css
index 2fa5f54..e2c643a 100644
--- a/css/common.css
+++ b/css/common.css
@@ -1,11 +1,11 @@
 :root {
-    --darker-blue:#072249;
-    --dark-blue:#0062AF;
-    --light-blue:#F7FBFF;
-    --text-grey: #595959;
-    --light-grey: #999999;
-    --shadow-color:#DEEBF7;
-}   
+  --darker-blue: #072249;
+  --dark-blue: #0062AF;
+  --light-blue: #F7FBFF;
+  --text-grey: #595959;
+  --light-grey: #999999;
+  --shadow-color: #DEEBF7;
+}
 
 *,
 *:before,
@@ -17,39 +17,37 @@
   font-family: "Inter", Helvetica, sans-serif;
 }
 
-.classic-btn{
-    background-color: var(--dark-blue);
-    color: white;
-    
-    width: 192px;
-    height: 45px;
-    border-radius: 25px;
-    border: none;
+.classic-btn {
+  background-color: var(--dark-blue);
+  color: white;
+
+  width: 192px;
+  height: 45px;
+  border-radius: 25px;
+  border: none;
 
-    font-size: 1.1rem;
-    font-weight: 200;
+  font-size: 1.1rem;
+  font-weight: 200;
 }
 
 /* Header */
-#header-section{
+#header-section {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 
-  background-image: linear-gradient(
-      180deg,
-      hsla(210, 100%, 14%,1),
-      hsla(210, 100%, 14%,0.8)
-      ),
-      url(../images/header/hero.png);
+  background-image: linear-gradient(180deg,
+      hsla(210, 100%, 14%, 1),
+      hsla(210, 100%, 14%, 0.8)),
+    url(../images/header/hero.png);
 
   background-size: cover;
   background-position: center;
-  
+
   height: 100vh;
 }
 
-#header{
+#header {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -60,13 +58,13 @@
   text-align: center;
 }
 
-#header h1{
+#header h1 {
   font-weight: bold;
   font-size: 4rem;
   font-weight: 600;
 }
 
-#header p{
+#header p {
   padding: 2rem;
 
   font-size: 1.4rem;
@@ -74,24 +72,24 @@
 }
 
 /* Navigation */
-#navigation{
+#navigation {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  
+
   padding: 1rem 3rem;
 
   text-decoration: none;
 }
 
-#navigation a{
+#navigation a {
   text-decoration: none;
   font-size: 1rem;
   margin: 1rem;
   color: white;
 }
 
-#navigation a:hover{
+#navigation a:hover {
   text-decoration: underline;
 }
 
@@ -99,7 +97,7 @@
   display: flex;
 }
 
-#language-selector select{
+#language-selector select {
   background: none;
   border: none;
   color: white;
@@ -107,10 +105,10 @@
 }
 
 /* Custom Section*/
-.custom-section{
+.custom-section {
   display: flex;
   flex-direction: column;
-  justify-content:space-evenly;
+  justify-content: space-evenly;
 
   padding-top: 5.5rem;
   padding-bottom: 5.5rem;
@@ -130,20 +128,20 @@
   margin-left: auto;
 }
 
-.custom-section header{
+.custom-section header {
   color: var(--dark-blue);
 
-  font-weight:bold;
+  font-weight: bold;
   font-size: 22px;
 }
 
-.custom-section h1{
+.custom-section h1 {
   font-size: 42px;
 
   margin: 1rem 0;
 }
 
-.custom-section p{
+.custom-section p {
   padding: 1rem 0;
 
   color: var(--text-grey);
@@ -173,28 +171,29 @@
   z-index: 2;
 }
 
-.carousel-wrapper:before{
+.carousel-wrapper:before {
   left: 0;
-  background: linear-gradient(to left, rgba(255,255,255,0), white);
+  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
 }
 
-.carousel-wrapper:after{
+.carousel-wrapper:after {
   right: 0;
-  background: linear-gradient(to right, rgba(255,255,255,0), white);
+  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
 }
 
-@keyframes slide{
-  from{
-      transform: translate(0);
+@keyframes slide {
+  from {
+    transform: translate(0);
   }
-  to{
-      transform: translate(-100%);
+
+  to {
+    transform: translate(-100%);
   }
 }
 
 .carousel {
   display: inline-block;
-  
+
   padding: 10px 0px;
   margin: 0;
 
@@ -202,7 +201,7 @@
 }
 
 /* Footer */
-#footer-section{
+#footer-section {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -216,31 +215,31 @@
   font-size: 16px;
 }
 
-#footer-section *{
+#footer-section * {
   font-size: 16px;
   line-height: 1.5;
 }
 
-#footer-section > *{
+#footer-section>* {
   margin-bottom: 20px;
 }
 
-#footer-logo{
+#footer-logo {
   width: 100%;
 }
 
-#footer-texts{
+#footer-texts {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
-#footer-site-map{
+#footer-site-map {
   display: flex;
   flex-direction: column;
 }
 
-#footer-site-map a{
+#footer-site-map a {
   margin-top: 1rem;
 
   color: white;
@@ -248,14 +247,14 @@
   font-size: 14px;
 }
 
-#footer-address-wrapper{
+#footer-address-wrapper {
   display: flex;
   justify-content: space-around;
 
   min-width: 50%;
 }
 
-.footer-address{
+.footer-address {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -263,7 +262,7 @@
   height: 246px;
 }
 
-.footer-address p{
+.footer-address p {
   margin-top: 10px;
 }
 
@@ -273,14 +272,14 @@
   justify-content: flex-start;
 
   justify-self: flex-end;
-  margin-top:30px;
+  margin-top: 30px;
 }
 
-.footer-address-contact img{
+.footer-address-contact img {
   filter: invert(100%);
 }
 
-.contact-info{
+.contact-info {
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -288,17 +287,17 @@
   margin-top: 10px;
 }
 
-.contact-info img{
+.contact-info img {
   margin-right: 10px;
 }
 
 /* Lets Talk */
-#lets-talk-section{
+#lets-talk-section {
   position: relative;
   align-items: center;
   text-align: center;
 
-  background: linear-gradient(180deg, rgba(7,34,73,0.7), rgba(7,34,73,1));
+  background: linear-gradient(180deg, rgba(7, 34, 73, 0.7), rgba(7, 34, 73, 1));
 
   color: white;
 
@@ -306,7 +305,7 @@
   margin-top: -150px;
 }
 
-#lets-talk-section::before{
+#lets-talk-section::before {
   position: absolute;
 
   top: 0;
@@ -319,17 +318,17 @@
   left: 0;
   background-color: white;
 
-  border-radius: 100% 0% 100% 0% / 0% 0% 100% 100% ;
+  border-radius: 100% 0% 100% 0% / 0% 0% 100% 100%;
 }
 
-#lets-talk-section p{
+#lets-talk-section p {
   color: white;
 
   margin: 1.5rem 0;
 }
 
 /* Technology */
-#technology-section{
+#technology-section {
   display: flex;
   align-items: center;
 
@@ -339,8 +338,8 @@
   z-index: 3;
 }
 
-#technology-section .carousel img{
-  margin: 0px 20px ;
+#technology-section .carousel img {
+  margin: 0px 20px;
   padding: 20px;
 
   height: 80px;
@@ -348,16 +347,16 @@
   border: 1px solid lightgrey;
   border-radius: 25px;
 
-  background: linear-gradient(180deg, rgba(153,153,153,0.08), white);
+  background: linear-gradient(180deg, rgba(153, 153, 153, 0.08), white);
 }
 
 /* Card */
-.card{
+.card {
   padding: 40px;
 
   border-radius: 5%;
 
-  background-color:white;
+  background-color: white;
   box-shadow: 15px 15px 15px var(--shadow-color);
 
   text-align: left;
diff --git a/css/company.css b/css/company.css
index f4886e8..484e577 100644
--- a/css/company.css
+++ b/css/company.css
@@ -1,18 +1,18 @@
 /* General */
 @import url("common.css");
 
-#header-statistic-box{
+#header-statistic-box {
     display: flex;
     justify-content: center;
     align-items: center;
-    
+
     height: 22%;
     width: 100%;
-    
+
     background-color: rgba(7, 34, 73, 0.37);
 }
 
-.statistic{
+.statistic {
     display: flex;
     flex-direction: column;
 
@@ -24,28 +24,28 @@
     color: white;
 }
 
-.statistic h3{
+.statistic h3 {
     font-size: 42px;
 }
 
-.statistic p{
+.statistic p {
     font-size: 22px;
     font-weight: 150;
 }
 
-.statistic-spacer{
+.statistic-spacer {
     height: 117px;
     border-right: 1px solid white;
 }
 
 /* About Us */
-#about-us-section .custom-section{
+#about-us-section .custom-section {
     align-items: center;
 
     text-align: center;
 }
 
-#about-us-section img{
+#about-us-section img {
     width: 100%;
     height: 439px;
 
@@ -53,15 +53,15 @@
 }
 
 /* Certifications */
-#certifications-section{
+#certifications-section {
     align-items: center;
 }
 
-#certifications-carousel{
+#certifications-carousel {
     max-width: 1271px;
 }
 
-.carousel img{
+.carousel img {
     height: 104px;
     width: 106px;
 
@@ -75,17 +75,17 @@
 }
 
 /* Our team */
-#our-team-section{
+#our-team-section {
     background-color: var(--light-blue);
 }
 
-#our-team-section .custom-section{
+#our-team-section .custom-section {
     align-items: center;
 
     text-align: center;
 }
 
-.card-grid{
+.card-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
 
@@ -94,7 +94,7 @@
     margin-top: 40px;
 }
 
-.photo-card{
+.photo-card {
     display: grid;
     grid-template-rows: 7fr 1fr 1fr;
 
@@ -111,7 +111,7 @@
     box-shadow: 15px 15px 15px var(--shadow-color);
 }
 
-.photo-card h1{
+.photo-card h1 {
     align-self: flex-end;
 
     margin: 10px 0;
@@ -120,7 +120,7 @@
     font-weight: bold;
 }
 
-.photo-card h2{
+.photo-card h2 {
     margin: 0;
 
     font-size: 22px;
@@ -128,18 +128,18 @@
 }
 
 /* Timeline */
-#timeline-section{
+#timeline-section {
     align-items: center;
 
     text-align: center;
 }
 
-#timeline-section h2{
+#timeline-section h2 {
     font-size: 22px;
     font-weight: 200;
 }
 
-.timeline{
+.timeline {
     position: relative;
     display: flex;
     justify-content: space-between;
@@ -150,7 +150,7 @@
     margin: 30px;
 }
 
-.timeline .line{
+.timeline .line {
     position: absolute;
 
     top: 70%;
@@ -158,48 +158,48 @@
     left: 43px;
 
     height: 2px;
-    
+
     background-color: black;
 }
 
-.pin{
+.pin {
     position: relative;
 
     display: flex;
     flex-direction: column;
-    
-    gap:1.5rem;
+
+    gap: 1.5rem;
 }
 
-.pin .selected, 
-.not-selected{
+.pin .selected,
+.not-selected {
     display: flex;
     justify-content: center;
     align-items: center;
-    
+
     height: 51px;
     width: 100px;
 }
 
-.pin .selected{
+.pin .selected {
     font-size: 42px;
     font-weight: 500;
     color: var(--dark-blue);
 }
 
-.pin .not-selected{
+.pin .not-selected {
     font-size: 18px;
     font-weight: 200;
     color: black;
 }
 
-.pin img{
+.pin img {
     object-fit: none;
     pointer-events: none;
 }
 
 /* Career */
-#career-section{
+#career-section {
     align-items: center;
 
     background-color: var(--light-blue);
@@ -207,6 +207,6 @@
     text-align: center;
 }
 
-#career-section button{
+#career-section button {
     margin-top: 48px;
-}
+}
\ No newline at end of file
diff --git a/css/homepage.css b/css/homepage.css
index 38ce41b..05d21b9 100644
--- a/css/homepage.css
+++ b/css/homepage.css
@@ -2,17 +2,17 @@
 @import url("common.css");
 
 /* About Us */
-#about-section{
+#about-section {
     display: flex;
     justify-content: flex-end;
     gap: 150px;
 }
 
-#about-section button{
+#about-section button {
     margin-top: 2rem;
 }
 
-#detail-wrapper{
+#detail-wrapper {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
@@ -20,7 +20,7 @@
     padding-bottom: 5.5rem;
 }
 
-#detail-wrapper img{
+#detail-wrapper img {
     height: 495.05px;
     width: 719px;
 
@@ -30,43 +30,43 @@
     border-radius: 300px 0 0 300px;
 }
 
-#about-details{
+#about-details {
     display: flex;
-    flex-direction:row;
+    flex-direction: row;
     justify-content: space-between;
 }
 
-#about-details .detail-box{
+#about-details .detail-box {
     margin-right: 30px;
 }
 
-#about-details h2{
+#about-details h2 {
     color: var(--text-grey);
     font-size: 42px;
 }
 
-#about-details p{
+#about-details p {
     color: var(--text-grey);
     font-size: 22px;
     font-weight: 200;
 }
 
 /* Service */
-#services-section{
+#services-section {
     align-items: center;
     background-color: var(--light-blue);
 
     text-align: center;
 }
 
-#services-section button{
+#services-section button {
     width: 161px;
     align-self: center;
 
     margin-top: 1.5rem;
 }
 
-#service-grid{
+#service-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 3rem;
@@ -75,7 +75,7 @@
     margin: 0;
 }
 
-.services-box{
+.services-box {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -85,49 +85,50 @@
     padding: 0 3rem;
     height: 304px;
     width: 454px;
-    
+
     border: 1px solid transparent;
 }
 
-.services-box:hover{
-    border: 1px  solid var(--dark-blue);
+.services-box:hover {
+    border: 1px solid var(--dark-blue);
 }
 
-.services-box h1{
+.services-box h1 {
     color: var(--dark-blue);
     font-size: 25px;
 }
 
-.services-box p{
+.services-box p {
     margin: 0;
     padding: 0;
 
     font-size: 18px;
     font-weight: 300;
-    
+
     color: #595959;
 }
 
-.services-box a{
+.services-box a {
     font-size: 16px;
     color: var(--dark-blue);
     text-decoration: none;
 }
 
 /* Business Model */
-#business-model-section{
+#business-model-section {
     background-color: var(--light-blue);
 }
 
-.model-grid{
+.model-grid {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 2rem;
 }
 
-.model-box{
+.model-box {
     width: 289px;
-    height: 237px;;
+    height: 237px;
+    ;
 
     padding: 1rem;
 
@@ -137,30 +138,30 @@
     isolation: isolate;
 }
 
-.model-box .image-background{
+.model-box .image-background {
     display: flex;
     justify-content: center;
     align-items: center;
-    
+
     width: 65px;
     height: 65px;
-    
+
     border-radius: 50%;
     background-color: var(--dark-blue);
 }
 
-.model-box img{
+.model-box img {
     border-radius: 50%;
     filter: invert(100%);
 }
 
-.model-box p{
+.model-box p {
     font-size: 18px;
     font-weight: 300;
 }
 
 /* Case Studies */
-#case-studies-section{
+#case-studies-section {
     align-items: center;
     text-align: center;
 
@@ -168,13 +169,13 @@
     z-index: 3;
 }
 
-#case-studies-section .classic-btn{
+#case-studies-section .classic-btn {
     margin-top: 48px;
-    
+
     width: 242px;
 }
 
-#case-study-grid{
+#case-study-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
@@ -182,7 +183,7 @@
     margin-top: 50px;
 }
 
-.case-study-cell{
+.case-study-cell {
     display: flex;
     flex-direction: column;
 
@@ -195,20 +196,20 @@
     box-shadow: 10px 10px 10px var(--shadow-color);
 }
 
-.case-study-cell:hover{
-    border: 1px  solid var(--dark-blue);
+.case-study-cell:hover {
+    border: 1px solid var(--dark-blue);
 }
 
-.case-study-cell img{
+.case-study-cell img {
     object-fit: cover;
-    
+
     height: 253px;
     width: 570px;
 
     border-radius: 15px 15px 0 0;
 }
 
-.case-study-metadata{
+.case-study-metadata {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -220,29 +221,29 @@
     margin: 24px 40px;
 }
 
-.case-study-metadata time{
+.case-study-metadata time {
     font-size: 16px;
     font-weight: 200;
     color: var(--light-grey);
 }
 
-.case-study-metadata h2{
+.case-study-metadata h2 {
     font-size: 18px;
 }
 
-.case-study-metadata a{
+.case-study-metadata a {
     font-size: 16px;
     color: var(--dark-blue);
     text-decoration: none;
 }
 
 /* Testimonials */
-#testimonials-section{
+#testimonials-section {
     align-items: center;
     justify-content: center;
     background-color: var(--light-blue);
 }
 
-#testimonials-section h1{
+#testimonials-section h1 {
     text-align: center;
 }
\ No newline at end of file
diff --git a/css/services.css b/css/services.css
index 2857401..b478fcb 100644
--- a/css/services.css
+++ b/css/services.css
@@ -1,33 +1,33 @@
 @import url("common.css");
 
 /* Services */
-#service-section{
+#service-section {
     display: flex;
     flex-direction: column;
 }
 
-#main-image{
+#main-image {
     height: 494px;
 
     object-fit: cover;
 }
 
-#service-section-content{
+#service-section-content {
     display: grid;
     grid-template-columns: auto auto;
 
     padding-top: 5.5rem;
 }
 
-#content-column{
+#content-column {
     padding-top: 0;
 }
 
-.dropdown-item{
+.dropdown-item {
     margin-bottom: 15px;
 }
 
-.dropdown .card{
+.dropdown .card {
     display: flex;
     flex-direction: row;
 
@@ -35,23 +35,23 @@
     align-items: center;
 }
 
-.dropdown .card header{
+.dropdown .card header {
     color: var(--dark-blue);
     font-size: 25px;
     font-weight: 500;
 }
 
-.dropdown-toggle{
+.dropdown-toggle {
     height: 35px;
     width: 35px;
 
-    object-fit:contain;
+    object-fit: contain;
 }
 
 
 
 /* Ways of Work  */
-#ways-of-work-section{
+#ways-of-work-section {
     align-items: center;
 
     text-align: center;
@@ -59,23 +59,23 @@
     background-color: var(--light-blue);
 }
 
-#work-grid{
+#work-grid {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 
     gap: 26px;
 }
 
-.work-card{
+.work-card {
     display: grid;
     grid-template-rows: 50px 1fr;
-    gap:24px;
+    gap: 24px;
 
     height: 395px;
     width: 382px;
 }
 
-.work-card h1{
+.work-card h1 {
     display: flex;
     align-items: flex-start;
 
@@ -86,7 +86,7 @@
     color: var(--dark-blue);
 }
 
-.work-card p{
+.work-card p {
     margin: 0;
     padding: 0;
 
diff --git a/index.html b/index.html
index bb857a6..fda82ab 100644
--- a/index.html
+++ b/index.html
@@ -12,12 +12,12 @@
     <body>
         <section id="header-section" >
             <nav id="navigation">
-                <a href="/index.html" class="navigation-logo">
+                <a href="/" class="navigation-logo">
                     <img src="images/header/logo.svg" alt="Deep Network">
                 </a>
                 <div class="navigation-links">
-                    <a href="/services.html"> Services</a>
-                    <a href="/company.html"> Company</a>
+                    <a href="/services"> Services</a>
+                    <a href="/company"> Company</a>
                     <a href=""> Case Studies</a>
                     <a href=""> Blog</a>
                     <a href=""> Career</a>
@@ -218,9 +218,9 @@ <h1>What our clients say <br>about us</h1>
             </div>
             <nav id="footer-site-map">
                 <h1>SITEMAP</h1>
-                <a href="/index.html">Home</a>
-                <a href="/services.html">Services</a>
-                <a href="/company.html"> Company</a>
+                <a href="/">Home</a>
+                <a href="/services">Services</a>
+                <a href="/company"> Company</a>
                 <a href="">Case Study</a>
                 <a href="">Blog</a>
                 <a href="">Career</a>
diff --git a/services.html b/services/index.html
similarity index 64%
rename from services.html
rename to services/index.html
index 530aea5..4d75620 100644
--- a/services.html
+++ b/services/index.html
@@ -1,29 +1,33 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="./css/services.css">
+    <link rel="stylesheet" href="../css/services.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
+        rel="stylesheet">
     <title>Services</title>
 </head>
+
 <body>
-    <section id="header-section" >
+    <section id="header-section">
         <nav id="navigation">
-            <a href="/index.html" class="navigation-logo">
-                <img src="images/header/logo.svg" alt="Deep Network">
+            <a href="../" class="navigation-logo">
+                <img src="../images/header/logo.svg" alt="Deep Network">
             </a>
             <div class="navigation-links">
-                <a href="/services.html"> Services</a>
-                <a href="/company.html"> Company</a>
+                <a href="../services"> Services</a>
+                <a href="../company"> Company</a>
                 <a href=""> Case Studies</a>
                 <a href=""> Blog</a>
                 <a href=""> Career</a>
             </div>
             <div id="language-selector">
-                <img src="images/header/flag-en.svg">
+                <img src="../images/header/flag-en.svg">
                 <select>
                     <option value="en">English</option>
                     <option value="de">Deutsch</option>
@@ -32,18 +36,20 @@
         </nav>
         <div id="header">
             <h1>Empowering your business with <br>our comprehensive product offerings.</h1>
-            <p>Explore our diverse range of products designed to drive efficiency, security and growth in <br>your organization.</p>
+            <p>Explore our diverse range of products designed to drive efficiency, security and growth in <br>your
+                organization.</p>
         </div>
         <div></div>
     </section>
 
     <section id="service-section" class="central-item-large">
-        <img id="main-image" src="./images/services/hero.png">
+        <img id="main-image" src="../images/services/hero.png">
         <div id="service-section-content">
             <div id="content-column" class="custom-section">
                 <header>SERVICES</header>
                 <h1>Tailered solutions for <br>
-                <span style="color: var(--dark-blue);">your success</span></h1>
+                    <span style="color: var(--dark-blue);">your success</span>
+                </h1>
                 <p>At Deep Network, we are dedicated to driving <br>
                     innovation and transformation through our cutting- <br>
                     edge product suite. Our solutions are meticulously <br>
@@ -59,21 +65,21 @@ <h1>Tailered solutions for <br>
                 <div class="dropdown">
                     <div class="dropdown-item card">
                         <header>Cloud Services</header>
-                        <img class="dropdown-toggle" src="./images/services/icons/maximize.svg" alt="">
+                        <img class="dropdown-toggle" src="../images/services/icons/maximize.svg" alt="">
                     </div>
                     <div class="dropdown-item card">
                         <header>LLM/AI Solutions</header>
-                        <img class="dropdown-toggle" src="./images/services/icons/maximize.svg" alt="">
+                        <img class="dropdown-toggle" src="../images/services/icons/maximize.svg" alt="">
                     </div>
                     <div class="dropdown-item card">
                         <header>Big data analytics platform</header>
-                        <img class="dropdown-toggle" src="./images/services/icons/maximize.svg" alt="">
+                        <img class="dropdown-toggle" src="../images/services/icons/maximize.svg" alt="">
                     </div>
                     <div class="dropdown-item card">
                         <header>Trainings & Workshops</header>
-                        <img class="dropdown-toggle" src="./images/services/icons/maximize.svg" alt="">
+                        <img class="dropdown-toggle" src="../images/services/icons/maximize.svg" alt="">
                     </div>
-                    
+
                 </div>
             </div>
         </div>
@@ -82,20 +88,27 @@ <h1>Tailered solutions for <br>
     <section id="ways-of-work-section" class="custom-section">
         <header>WAYS OF WORK</header>
         <h1>How we corporate</h1>
-        <p>Our adaptable business models enable us to quickly respond to your needs and seamlessly align with the way your
+        <p>Our adaptable business models enable us to quickly respond to your needs and seamlessly align with the way
+            your
             company operates.</p>
         <div id="work-grid">
             <div class="work-card card">
                 <h1>Consulting</h1>
-                <p>Our consulting services are crafted to equip your business with the insights and strategies necessary to thrive in today’s competitive environment. With expertise across multiple industries, our seasoned consultants deliver tailored solutions to meet your specific challenges.</p>
+                <p>Our consulting services are crafted to equip your business with the insights and strategies necessary
+                    to thrive in today’s competitive environment. With expertise across multiple industries, our
+                    seasoned consultants deliver tailored solutions to meet your specific challenges.</p>
             </div>
             <div class="work-card card">
                 <h1>Project <br> development</h1>
-                <p>Our consulting services are crafted to equip your business with the insights and strategies necessary to thrive in today’s competitive environment. With expertise across multiple industries, our seasoned consultants deliver tailored solutions to meet your specific challenges.</p>
+                <p>Our consulting services are crafted to equip your business with the insights and strategies necessary
+                    to thrive in today’s competitive environment. With expertise across multiple industries, our
+                    seasoned consultants deliver tailored solutions to meet your specific challenges.</p>
             </div>
             <div class="work-card card">
                 <h1>Outsourcing</h1>
-                <p>Outsourcing allows you to delegate non-core functions to our expert team, enabling you to focus on what you do best. Our services are designed to provide flexibility, cost efficiency, and high-quality results without the overhead of managing additional in-house staff.</p>
+                <p>Outsourcing allows you to delegate non-core functions to our expert team, enabling you to focus on
+                    what you do best. Our services are designed to provide flexibility, cost efficiency, and
+                    high-quality results without the overhead of managing additional in-house staff.</p>
             </div>
         </div>
     </section>
@@ -103,33 +116,35 @@ <h1>Outsourcing</h1>
     <section id="technology-section" class="custom-section central-item">
         <header>TECHNOLOGY</header>
         <h1>Software solutions we are <br>experts in</h1>
-        <p>Harness top-tier software solutions to elevate your development process, driving scalability and excellence.</p>
+        <p>Harness top-tier software solutions to elevate your development process, driving scalability and excellence.
+        </p>
         <div class="carousel-wrapper">
             <div class="carousel">
-                <img src="./images/homepage/technology/amazon-kinesis.svg" alt="">
-                <img src="./images/homepage/technology/amazon-synapse.svg" alt="">
-                <img src="./images/homepage/technology/aws.svg" alt="">
-                <img src="./images/homepage/technology/azure.svg" alt="">
-                <img src="./images/homepage/technology/databricks.svg" alt="">
-                <img src="./images/homepage/technology/spark.svg" alt="">
-                <img src="./images/homepage/technology/terraform.svg" alt="">
+                <img src="../images/homepage/technology/amazon-kinesis.svg" alt="">
+                <img src="../images/homepage/technology/amazon-synapse.svg" alt="">
+                <img src="../images/homepage/technology/aws.svg" alt="">
+                <img src="../images/homepage/technology/azure.svg" alt="">
+                <img src="../images/homepage/technology/databricks.svg" alt="">
+                <img src="../images/homepage/technology/spark.svg" alt="">
+                <img src="../images/homepage/technology/terraform.svg" alt="">
             </div>
         </div>
-        <script src="./js/duplicateCarouselContent.js"></script>
+        <script src="../js/duplicateCarouselContent.js"></script>
     </section>
 
     <section id="lets-talk-section" class="custom-section">
         <h1>Let's talk about your next <br>project</h1>
-        <p>Whether you're looking to scale your cloud infrastructure, implement AI solutions, or <br>optimize your data analytics, our team is here to help.</p>
+        <p>Whether you're looking to scale your cloud infrastructure, implement AI solutions, or <br>optimize your data
+            analytics, our team is here to help.</p>
         <button class="classic-btn">Get a quote</button>
     </section>
 
     <footer id="footer-section">
         <a id="footer-logo" class="navigation-logo">
-            <img src="images/header/logo.svg" alt="Deep Network">
+            <img src="../images/header/logo.svg" alt="Deep Network">
         </a>
         <div id="footer-texts">
-            <p id="footer-description">Empowering businesses with cutting-edge <br> 
+            <p id="footer-description">Empowering businesses with cutting-edge <br>
                 Cloud, AI, and Data solutions. Trusted <br>
                 expertise, global reach.</p>
             <p id="footer-legal-description">Managing Director: Savas Guven <br>
@@ -139,9 +154,9 @@ <h1>Let's talk about your next <br>project</h1>
         </div>
         <nav id="footer-site-map">
             <h1>SITEMAP</h1>
-            <a href="/index.html">Home</a>
-            <a href="/services.html">Services</a>
-            <a href="/company.html"> Company</a>
+            <a href="../">Home</a>
+            <a href="../services">Services</a>
+            <a href="../company"> Company</a>
             <a href="">Case Study</a>
             <a href="">Blog</a>
             <a href="">Career</a>
@@ -156,11 +171,11 @@ <h1>GERMANY</h1>
                 </p>
                 <div class="footer-address-contact">
                     <div class="contact-info">
-                        <img src="./images/footer/phone.svg" alt="phone-icon">
+                        <img src="../images/footer/phone.svg" alt="phone-icon">
                         <span>+49 (0) 89 2316 6638</span>
                     </div>
                     <div class="contact-info">
-                        <img src="./images/footer/email.svg" alt="email-icon">
+                        <img src="../images/footer/email.svg" alt="email-icon">
                         <span>info@deepnetwork.com</span>
                     </div>
                 </div>
@@ -174,11 +189,11 @@ <h1>USA</h1>
                 </p>
                 <div class="footer-address-contact">
                     <div class="contact-info">
-                        <img src="./images/footer/phone.svg" alt="phone-icon">
+                        <img src="../images/footer/phone.svg" alt="phone-icon">
                         <span>+1 425 247 0842</span>
                     </div>
                     <div class="contact-info">
-                        <img src="./images/footer/email.svg" alt="email-icon">
+                        <img src="../images/footer/email.svg" alt="email-icon">
                         <span>info@deepnetwork.com</span>
                     </div>
                 </div>
@@ -186,4 +201,5 @@ <h1>USA</h1>
         </div>
     </footer>
 </body>
+
 </html>
\ No newline at end of file
