diff --git a/week1/3-website/css/style.css b/week1/3-website/css/style.css
index 75e9841e..77309836 100644
--- a/week1/3-website/css/style.css
+++ b/week1/3-website/css/style.css
@@ -6,3 +6,335 @@
  *    for example: General styles, Navigation styles, Hero styles, Footer etc.
  * 
  */
+
+.company-name
+{
+    font-size: 6vw ;
+    font: 5rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+    color: rgb(42, 166, 238);
+    margin-bottom: 3px;
+    margin-top: 3vw;
+}
+
+.sponsor
+{
+    color: rgb(44, 127, 138);
+    font-size: 2vw;
+    font-style: italic;
+}
+
+
+.capgemini-logo
+{
+    width:20vw;
+    height: auto;
+    float: right;
+}
+
+
+.sponsor a
+{
+    font: 2.5rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+    color: rgb(19, 120, 179);
+    text-decoration: none;
+}
+
+.sponsor a:hover
+{
+    font: 3rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+    color: rgb(255, 44, 90);
+}
+
+.tag-line
+{
+    font-size: 1.6vw;
+    font-family:Marker Felt, fantasy;
+    color: rgb(7, 104, 104);
+    margin-bottom: 0px;
+    font: 1.4rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+}
+
+.navbar
+{
+    height:10vw;
+    font: 1rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+}
+
+nav ul li
+{
+   list-style-type:none;
+   width:150px;
+   float:left;
+   padding-left:4vw;
+   font-size: 2vw;
+   margin-top: 3vw;
+   color: rgb(7, 148, 204);
+   font-weight: bold;
+}
+
+.navbar a 
+{
+    text-decoration: none;
+    color: rgb(7, 148, 204);  
+}
+
+.nav-list-item a:hover , .caption a:hover
+{
+   color: rgb(255, 44, 90);
+   font-size: 2.4vw;
+}
+
+.body
+{
+    background: linear-gradient( #f2fafa, #b9faff,#9eedf3, #96d2f5);
+ 
+}
+
+.main-image
+{
+
+    width:70vw;
+    height:auto;
+    display:table;
+    margin:auto; 
+    border-radius: 2em;
+    border-style: solid;
+    border-color: rgb(15, 176, 240);
+    border-width: 10px;
+}    
+
+
+
+
+
+ .caption
+ {
+     text-align: center;
+     font-size: 3vw;
+     margin-top: 0.7em;
+     color: rgb(4, 62, 114);
+     font: 2rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+ }
+
+
+ .caption a 
+ {
+     text-decoration: none;
+     color: rgb(4, 62, 114);
+ }
+ 
+
+
+ .center-text h3
+ {
+     font-size: 3vw;
+     margin-bottom: auto;
+     font: 3rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+     color: rgb(145, 37, 82);
+ }
+
+ .center-text p
+ {
+     
+     color: rgb(3, 65, 68);
+     font: 1.3rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+ }
+
+ .article-container
+ {
+     display:grid;
+     grid-template-columns: 31vw 31vw 31vw;
+     grid-gap:30px;
+     justify-items:center;
+     
+     font: 1rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+
+ } 
+
+ .article-container a:hover img
+{
+    border-color: #ff8e0c;
+}
+
+ .article-item
+ {   
+     border-radius: 1em;
+     text-align: center;
+     color: #aceef3;
+     text-shadow: blue;
+     font-size: 1.5vw;
+     background-color: rgb(38, 107, 109);
+ }
+
+ .article-image
+ {
+     width:20vw; 
+     height:auto;
+     display:table;
+     margin:auto;
+     border-radius:50em;
+     border-color: #9eedf3;
+     border-style: solid;
+     border-width: 5px
+}
+
+.third-image
+{
+    width:13vw;
+}
+
+.article-item h3
+{
+    text-align: center;
+}
+
+
+article:first-child
+{
+    color: #aceef3;
+
+}
+
+.slide-container
+{
+    width:400px;
+    height:300px;
+    margin-left: auto;
+    margin-right: auto;
+    overflow:hidden;
+    text-align: center;
+    margin-top: 5em;
+}
+
+.image-container
+{
+    width:1600px;
+    height:300px;
+    position: relative;
+    transition:left 2s;
+    -webkit-transition: left 2s;
+    -moz-transition: left 2s;
+    -o-transition: left 2s;
+}
+
+.slider-image
+{
+    float:left;
+    margin:0px;
+    padding:0px;
+    border-radius: 5%;
+}
+
+.button-container
+{
+    top:-20px;
+    position: relative;
+}
+.slider-button
+{
+    display:inline-block;
+    height: 10px;
+    width: 10px;
+    border-radius: 5px;
+    background-color: #a9f5f5;
+}
+
+#slider-image-1:target~ .image-container
+{
+    left:0px;
+}
+#slider-image-2:target~ .image-container
+{
+    left:-400px;
+}
+#slider-image-3:target~ .image-container
+{
+    left:-800px;
+}
+#slider-image-4:target~ .image-container
+{
+    left:-1200px;
+}
+
+.slide-show-caption
+{
+    font: 2rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+    text-align: center;
+    color:rgb(22, 91, 94);
+    
+}
+
+
+
+
+
+.covid-19
+{
+    font: 1.6rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+
+    background: linear-gradient( #0d7070, #c3ecee,hsl(292, 28%, 16%));
+    background-color: rgb(38, 107, 109);
+    border-radius: 0.5em;
+    color: rgb(190, 238, 228);
+    margin-bottom: 10vw;
+    
+}
+
+
+.covid-19 h3
+{
+    color: #caedf0;
+    font-size: 3vw;
+    margin-bottom: auto;
+    margin-left: 1vw;
+}
+
+.covid-19 img
+{
+    width:30vw;
+    display:table;
+    margin:auto; 
+    border-radius: 3.5em;
+    border-color: #d4cbd4;
+    border-style: solid;
+    border-width: 5px
+}
+
+.covid-19 a:hover img
+{
+    border-color: #ff8e0c;
+}
+
+.covid-19 p
+{
+    text-align: center;
+    color: rgb(252, 236, 229);
+}
+
+
+.rights
+{
+    text-align: center;
+    font: 1.2rem/1.56 "ubuntu",Verdana,Arial,sans-serif;
+}
+
+
+
+.footer-image
+{
+    width:3vw;
+    height:auto;
+    border-radius: 5%;    
+    opacity: 75%;
+    padding: 0.5vw;
+    margin-top: 5vw;    
+}
+
+.footer-image:hover 
+{
+    border-radius: 50%; 
+
+}
+
+
+
diff --git a/week1/3-website/images/capgemini.png b/week1/3-website/images/capgemini.png
new file mode 100644
index 00000000..20c91361
Binary files /dev/null and b/week1/3-website/images/capgemini.png differ
diff --git a/week1/3-website/images/consult.jpg b/week1/3-website/images/consult.jpg
new file mode 100644
index 00000000..b41bc7e1
Binary files /dev/null and b/week1/3-website/images/consult.jpg differ
diff --git a/week1/3-website/images/corona.jpg b/week1/3-website/images/corona.jpg
new file mode 100644
index 00000000..963c91f4
Binary files /dev/null and b/week1/3-website/images/corona.jpg differ
diff --git a/week1/3-website/images/digi.jpeg b/week1/3-website/images/digi.jpeg
new file mode 100644
index 00000000..7cfb1d75
Binary files /dev/null and b/week1/3-website/images/digi.jpeg differ
diff --git a/week1/3-website/images/fb_1.png b/week1/3-website/images/fb_1.png
new file mode 100644
index 00000000..165efde2
Binary files /dev/null and b/week1/3-website/images/fb_1.png differ
diff --git a/week1/3-website/images/in.png b/week1/3-website/images/in.png
new file mode 100644
index 00000000..cf082c01
Binary files /dev/null and b/week1/3-website/images/in.png differ
diff --git a/week1/3-website/images/insta.png b/week1/3-website/images/insta.png
new file mode 100644
index 00000000..b551ea9e
Binary files /dev/null and b/week1/3-website/images/insta.png differ
diff --git a/week1/3-website/images/tech_1.jpg b/week1/3-website/images/tech_1.jpg
new file mode 100644
index 00000000..0460e958
Binary files /dev/null and b/week1/3-website/images/tech_1.jpg differ
diff --git a/week1/3-website/images/twitter.png b/week1/3-website/images/twitter.png
new file mode 100644
index 00000000..fb0724f7
Binary files /dev/null and b/week1/3-website/images/twitter.png differ
diff --git a/week1/3-website/index.html b/week1/3-website/index.html
index 67dfc7f5..9f1257bf 100644
--- a/week1/3-website/index.html
+++ b/week1/3-website/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="UTF-8" /> 
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <title>My Blog</title>
+    <title>Tech-Gemini</title>
     <link
       href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
       rel="stylesheet"
@@ -15,8 +15,149 @@
     <link rel="stylesheet" href="css/style.css" />
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
   </head>
-  <body>
-    <!-- Add your HTML markup here -->
-    <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
+  <body class="body">
+      <header class="header">
+
+     <!--   <img class="logo" alt="explain" src="https://blog-cdn.californiapsychics.com/blog/wp-content/blogs.dir/1/files/2019/05/gemini-inquisitive-daring-1200x668.jpg"> -->
+
+        <h1 class="company-name"> TechGemini    <span class="sponsor"> .Sponsored by  <a target="_blank" href="https://www.capgemini.com/gb-en/">CapGemini </a> </span> 
+          <a target="_blank" href="https://www.capgemini.com/gb-en/">
+             <img class=" capgemini-logo"alt="CapGemini Logo" src="images/capgemini.png">  
+          </a>   
+        </h1> 
+        
+        <p class="tag-line">
+          Succesfully Leading the solutions of Technology since 1898.
+          <hr>
+        </p>
+        
+        <nav class="navbar" > 
+          <ul class ="nav-list">
+            <li class="nav-list-item" > <a target="_blank" href="https://www.capgemini.com/gb-en/our-services/" > Services </a>  </li>
+            <li class="nav-list-item" > <a target="_blank" href=" https://www.capgemini.com/gb-en/insights-news/"> News </a>  </li>
+            <li class="nav-list-item" > <a target="_blank" href="https://www.capgemini.com/gb-en/careers/"> Careers </a>  </li>
+            <li class="nav-list-item" > <a target="_blank" href="https://www.capgemini.com/gb-en/experts/"> Experts </a>  </li>
+            <li class="nav-list-item" > <a target="_blank" href="https://www.capgemini.com/gb-en/industries/">Industries</a> </li>
+            <li class="nav-list-item" > <a target="_blank" href="https://www.capgemini.com/gb-en/partner/">Partners </a> </li>
+          </ul>
+        </nav>
+
+        <div class="center-text"> <!-- center pic -->
+          <img class="main-image"src="images/tech_1.jpg" alt="explain" >
+          <section class="caption">
+            <a target="_blank" href="https://www.capgemini.com/gb-en/our-services/" >Delivering services at your doorstep</a>
+          </section>
+          <h3>Tech-Tour</h3>
+          <hr width="500" align="left" color= "#117083" >
+          <p>  
+            TechGemini welcomes you to the hub of solutions of tech world.
+          
+            Technology is the sum of techniques, skills, methods, and processes used in the production of goods 
+            and services or in the accomplishment of objectives. We complete these objectives in accordance with your needs.
+          </p>
+        </div> 
+
+        <div class="article-container">
+
+          <article class="article-item">
+            <h3>Consultancies</h3>
+            <a target="_blank" href="https://www.capgemini.com/gb-en/research/the-great-digital-divide/">
+              <img class="article-image" alt="Consultancies logo"src="images/consult.jpg">
+            </a>
+          
+            <section>
+              Our experts are more than happy to help you with your Business and Technology.
+             
+            </section>
+          </article>
+
+          <article class="article-item"> 
+            <h3>Digital Services</h3>
+            <a target="_blank" href="https://www.capgemini.com/gb-en/research/the-great-digital-divide/">
+              <img class="article-image" alt="Digital photo"src="images/digi.jpeg">
+            </a>
+            <section>
+              From vision to reality we help you put digital
+              at the core for sustainable profitable growth 
+              by offering best services. 
+          </article>
+
+          <article class="article-item">
+            <h3>Partners</h3>
+            <a target="_blank" href="https://www.capgemini.com/gb-en/research/the-great-digital-divide/">
+              <img class="article-image third-image" alt="handshakes"src="https://media.fromthegrapevine.com/assets/images/2016/4/handshake-hand.jpg.696x0_q71_crop-smart.jpg">
+            </a> 
+            <section>
+              We go along with our leading parners CapGemini. 
+            </section>   
+          </article>        
+        </div>
+
+        <div>
+
+          <div class="slide-container">
+            <span id="slider-image-1"></span>
+            <span id="slider-image-2"></span>
+            <span id="slider-image-3"></span>
+            <span id="slider-image-4"></span>
+            <div class="image-container">
+              <img class="slider-image" alt=" Technology image"src="slideshow/techno_1.jpg">
+              <img class="slider-image" alt=" Technology image"src="slideshow/techno_2.jpg">
+              <img class="slider-image" alt=" Technology image"src="slideshow/techno_3.jpg">
+              <img class="slider-image" alt=" Technology image"src="slideshow/techno_4.jpg">
+            </div>
+            <div class="button-container">
+              <a href = "#slider-image-1" class="slider-button" > </a>
+              <a href = "#slider-image-2" class="slider-button" > </a>
+              <a href = "#slider-image-3" class="slider-button" > </a>
+              <a href = "#slider-image-4" class="slider-button" > </a>
+            </div>
+          </div>
+
+          <section class="slide-show-caption">
+            Changing the world
+          </section>
+
+          <section class="covid-19">
+           <h3>Covid-19</h3>
+           <hr width="300" align="left" color= "#8ADFDA" >
+           <a target="_blank" href="https://www.capgemini.com/gb-en/our-company/covid-19-insights-for-today-and-tomorrow/">
+             <img alt="Corona virus image" src="images/corona.jpg">
+           </a>
+           <p> Insight of Challenges and Solutions</p>
+            We as a TechGemini community stand together to support the society in this pandemic situation.
+            Our team is working hard to make this situation easier for You by offering our services remotely,
+            and making them accessible to everyone.  
+          </section>
+        </div>
+
+      </header>
+
+      <footer class="footer">
+        <hr  width="1000"align="center" color= "#62C9AD" >
+        
+        <section class="rights">
+          All rights reserved by TechGemini. Copyright © 2020
+        </section>
+
+        <section class="footer-image-container">
+          <br>
+          <a target="_blank" href=" https://twitter.com/CapgeminiUK">
+            <img class="footer-image" src= " images/twitter.png" alt=" Twitter logo" >
+          </a>
+
+          <a target="_blank" href=" https://www.instagram.com/capgemini_uk/ ">
+            <img class="footer-image" src= " images/insta.png" alt=" Insta Logo" >
+          </a>
+          <a target="_blank" href=" https://www.facebook.com/CapgeminiUK ">
+            <img class="footer-image" src= " images/fb_1.png" alt=" Facebook logo" >
+          </a>
+          <a target="_blank" href=" https://www.linkedin.com/authwall?trk=gf&trkInfo=AQHJBioS7YeCRgAAAXHu_JGwkY_mcPkHYL9ATEttpn3-xSM-8WdgFyib6GXn3IMmgdINxhzqJvUnVJ6L99ZE4A2L9jk6XSWJF1nqiv-GkgVG97nCfUaAsqnMxmeZK6_1ttdlV0M=&originalReferer=https://www.capgemini.com/gb-en/our-company/covid-19-insights-for-today-and-tomorrow/&sessionRedirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fcapgemini ">
+            <img class="footer-image" src= " images/in.png" alt=" Linkedin logo" >
+          </a>
+          
+        </section>
+      </footer>
   </body>
 </html>
+
diff --git a/week1/3-website/slideshow/techno_1.jpg b/week1/3-website/slideshow/techno_1.jpg
new file mode 100644
index 00000000..ae4821ca
Binary files /dev/null and b/week1/3-website/slideshow/techno_1.jpg differ
diff --git a/week1/3-website/slideshow/techno_2.jpg b/week1/3-website/slideshow/techno_2.jpg
new file mode 100644
index 00000000..92fdb225
Binary files /dev/null and b/week1/3-website/slideshow/techno_2.jpg differ
diff --git a/week1/3-website/slideshow/techno_3.jpg b/week1/3-website/slideshow/techno_3.jpg
new file mode 100644
index 00000000..5b8801e6
Binary files /dev/null and b/week1/3-website/slideshow/techno_3.jpg differ
diff --git a/week1/3-website/slideshow/techno_4.jpg b/week1/3-website/slideshow/techno_4.jpg
new file mode 100644
index 00000000..3cdd2bff
Binary files /dev/null and b/week1/3-website/slideshow/techno_4.jpg differ