From 6d552cf52f7060bfb52c02d4e506bdb92a8e4821 Mon Sep 17 00:00:00 2001
From: oabrivard <olivier@abrivard.fr>
Date: Wed, 7 Feb 2024 12:00:10 +0100
Subject: [PATCH] Added content for Services and About Us sections

---
 css/style.css | 11 +++++++----
 index.html    | 34 +++++++++++++++++++++++++++-------
 2 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/css/style.css b/css/style.css
index 1e040ce..a6b1887 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,7 +1,8 @@
 :root {
   --main-bg-color: #121E2A;
   --main-text-color: #fff;
-  --secondary-bg-color: #f4f4f4;
+  --secondary-bg-color: #DAE6E7;
+  --secondary-text-color: #121E2A;
 }
 
 @font-face {
@@ -15,7 +16,7 @@ body {
   margin: 0 auto;
   max-width: 1581px;
   padding: 0;
-  background-color: var(--secondary-bg-color);
+  background-color: white;
   color: var(--main-text-color);
 }
 
@@ -120,9 +121,10 @@ body {
 
 
 /* Main Content */
-.main {
+main {
   padding: 20px;
-  background: var(--main-text-color);
+  color: var(--secondary-text-color);
+  background: var(--secondary--bg-color);
 }
 
 /* Footer */
@@ -223,6 +225,7 @@ body {
     position: relative;
     left: 0%;
     padding-top: 10px;
+    padding-bottom: 10px;
     font-size: 2.5vw; /* Responsive font size */
     text-align: center;
   }
diff --git a/index.html b/index.html
index 7d4a94a..f47f7cd 100644
--- a/index.html
+++ b/index.html
@@ -19,10 +19,9 @@
         <!-- menu -->
       <div class="menu">
           <ul>
-            <li><a href="index.html" class="active">Home</a></li>
-            <li><a href="services.html">Services</a></li>
-            <li><a href="about.html">About Us</a></li>
-            <li><a href="contact.html">Contact Us</a></li>
+            <li><a href="#" class="active">Home</a></li>
+            <li><a href="#services">Services</a></li>
+            <li><a href="#about">About Us</a></li>
           </ul>
         </div>
       </div>
@@ -51,6 +50,28 @@
           </div>
         </picture>        
       </div>
+      <main>
+        <section id="services">
+          <h2>Services</h2>
+          <p>We specialize in providing expert IT consultancy services, focusing on team organization and management, 
+            IT strategy development, and comprehensive IT architecture solutions. Whether you're looking to streamline 
+            your IT operations, enhance your team's efficiency, or develop a robust IT strategy, we can guide your 
+            business towards achieving its strategic and technological goals.</p>
+        </section>
+        <section id="about">
+          <h2>About Us</h2>
+          <p>With a rich history in the e-learning domain, experience managing teams of up to 150 people, and a decade of expertise 
+            in the Property and Casualty (P&C) Insurance domain, we bring a wealth of knowledge to our consultancy practice. 
+            Our extensive IT technical skills, combined with a deep understanding of IT architecture, allow us to offer valuable insights into team organization and IT strategy. 
+            In the realm of team organization, our philosophy centers on building high-performing teams that are adaptable to the rapid changes in both the business priorities and the tech landspace. 
+            We have a proven track record of developing and mentoring IT professionals, fostering a culture of continuous learning and improvement. 
+            Our approach to IT strategy is not just about technology, but also about aligning IT initiatives with business objectives, ensuring that technology serves as a catalyst for growth and innovation. And our journey in 
+            the P&C Insurance industry has equipped me with a deep understanding the digital transformation challenges specific to the insurance sector. 
+            Whether it's through optimizing IT operations, devising strategic IT roadmaps, or leading edge technological integrations, our goal is to empower businesses to achieve their technological and strategic objectives, 
+            turning IT challenges into opportunities for growth and success.
+            Let's work together to transform your IT challenges into opportunities!
+        </section>
+      </main>      
       <div class="footer">
         <div class="footer-left">
           <p>
@@ -60,9 +81,8 @@
         <div class="footer-right">
           <ul>
             <li><a href="#">Home</a></li>
-            <li><a href="#">Services</a></li>
-            <li><a href="#">About Us</a></li>
-            <li><a href="#">Contact Us</a></li>
+            <li><a href="#services">Services</a></li>
+            <li><a href="#about">About Us</a></li>
           </ul>
         </div>
       </div>