Finishing the project

11 files changed, 80 insertions, 55 deletions

diff --git a/img/computer_inside.jpg b/img/computer_inside.jpg
deleted file mode 100644
index 94c16ef..0000000
--- a/img/computer_inside.jpg
+++ /dev/null
diff --git a/img/customer_1.jpg b/img/customer_1.jpg
new file mode 100644
index 0000000..f81d235
--- /dev/null
+++ b/img/customer_1.jpg
diff --git a/img/customer_2.jpg b/img/customer_2.jpg
new file mode 100644
index 0000000..0ef4921
--- /dev/null
+++ b/img/customer_2.jpg
diff --git a/img/logo.xcf b/img/logo.xcf
deleted file mode 100755
index 0086fe6..0000000
--- a/img/logo.xcf
+++ /dev/null
diff --git a/img/switch.jpg b/img/nas.jpg
index 8efa024..8efa024 100644
--- a/img/switch.jpg
+++ b/img/nas.jpg
diff --git a/img/sever_rack.jpg b/img/sever_rack.jpg
index 446aa5a..98f6d27 100644
--- a/img/sever_rack.jpg
+++ b/img/sever_rack.jpg
diff --git a/img/slide_img1.jpg b/img/slide_img1.jpg
index 59e8a8e..00e01d5 100755
--- a/img/slide_img1.jpg
+++ b/img/slide_img1.jpg
diff --git a/img/slide_img3.jpg b/img/slide_img3.jpg
index 3da9a4e..7bfe116 100755
--- a/img/slide_img3.jpg
+++ b/img/slide_img3.jpg
diff --git a/img/social-networks-1863613_640.png b/img/social-networks-1863613_640.png
deleted file mode 100644
index 1b7d363..0000000
--- a/img/social-networks-1863613_640.png
+++ /dev/null
diff --git a/index.html b/index.html
index 4b1acf7..753d294 100755
--- a/index.html
+++ b/index.html
@@ -29,9 +29,11 @@
             </a>
         </div>
         <div id="hamenu">
-            <span></span>
-            <span></span>
-            <span></span> 
+            <a href="#">
+                <span></span>
+                <span></span>
+                <span></span> 
+            </a>
         </div>
     </header>
 
@@ -51,19 +53,18 @@
           <img src="img/slide_img3.jpg" style="width:100%">
           <div class="text">I.T. Consulting</div>
         </div>
-        
     </div>
         <br>
-        
         <div style="text-align:center">
           <span class="dot"></span> 
           <span class="dot"></span> 
           <span class="dot"></span> 
-        </div>        
-    
+        </div>
+    <br>
+
     <div id="desc-and-pic-container">
         <div id="description">
-            <p class="highlight">ABOUT US</p>
+            <p class="highlight"><b>ABOUT US</b></p>
             <p><b>Are The Leader In I.T. solutions and services.</b></p>
             <p>For each project we establish relationships with partners who we know will help us create added value for your project. As well as bringing together the public and private sectors, we make sector-overarching links to gather knowledge and to learn from each other</p>
             <br/>
@@ -73,6 +74,7 @@
             <img src="img/sever_rack.jpg" alt="server racks">
         </div>
     </div>
+    <br>
 
     <div id="project-list-container">
         <div id="latest-title"><b>Latest Projects</b></div>
@@ -85,47 +87,80 @@
             <div><a href="#"><i>View All Projects</i></a></div>
         </div>
     </div>
+    <br>
 
     <div id="latest-project-pics">
         
-        <img id="server-room" src="img/server_room.jpg">
+        <img src="img/server_room.jpg">
                 
-        <img id="server-rack" src="img/sever_rack2.jpg">
+        <img src="img/sever_rack2.jpg">
                                   
-        <img id="proxy" src="img/proxy.jpg">
+        <img src="img/proxy.jpg">
 
-        <img id="switch" src="img/switch.jpg">
+        <img class="sec-pic" src="img/nas.jpg">
     </div>
+    <br>
 
     <div id="review-container">
-        <p><b>From Great Our Clients</b></p>
+        <p><b>From Our Great Clients</b></p>
         <div id="reviews">
             <div class="container">
-                <img src="img/customer_pics/" alt="Avatar" style="width:90px">
+                <img src="img/customer_1.jpg" alt="Avatar" style="width:90px">
                 <p><span>Chris Fox.</span> CEO at Mighty Schools.</p>
                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum reprehenderit temporibus atque sunt totam ratione blanditiis harum possimus repellendus cumque nihil, soluta culpa asperiores officia amet repellat magni, alias nam?</p>
               </div>
               <div class="container">
-                <img src="img/customer_pics/" alt="Avatar" style="width:90px">
+                <img src="img/customer_2.jpg" alt="Avatar" style="width:90px">
                 <p><span>Rebecca Flex.</span> CEO at Company.</p>
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatibus possimus deleniti repellendus quas, ratione maiores esse quae reiciendis earum animi, cumque at ipsa sit perferendis ipsum aliquam tempora dolores temporibus.</p>
               </div>
         </div>
     </div>
-
-    <div id="latest-news">
-        <p><b>Latest News</b></p>
-        <div id="latest-news-pics">
-            <img src="img/computer_inside.jpg" alt="inside_a_computer">
-        </div>
-    </div>
+    <br>
 
     <footer>
         <div id="logo">
             <img src="img/logo.png" alt="adjutor technology"/>
         </div>
+        <div>
+            <p>© Adjutech 2021</p>
+            <p>All Rights Reserved</p>
+        </div>
+        <div>
+            <a href="#">Site Map</a><br>
+            <a href="#">Term & Conditions</a><br>
+            <a href="#">Privacy Policy</a><br>
+            <a href="#">Help</a><br>
+            <a href="#">Affiliate</a>
+        </div>
+        <div>
+            <a href="#">Our Location</a><br>
+            <a href="#">Career</a><br>
+            <a href="#">About</a><br>
+            <a href="#">Contact</a>
+        </div>
+        <div>
+            <a href="#">ENG</a><br>
+            <a href="#">FRA</a><br>
+            <a href="#">GER</a>
+        </div>
+        <div id="contacts">
+            <a href="#">
+                <img src="img/twitter.png" alt="twitter"/>
+            </a>
+            <a href="#">
+                <img src="img/facebook.png" alt="facebook"/>
+            </a>
+            <a href="#">
+                <img src="img/gplus.png" alt="google_plus"/>
+            </a>
+            <a href="#">
+                <img src="img/dribbble.png" alt="dribbble"/>
+            </a>
+        </div>
     </footer>
 
     <script src="slideshow.js"></script>
+    
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index fd191b5..5896431 100755
--- a/style.css
+++ b/style.css
@@ -8,26 +8,21 @@ header{
     justify-content: space-between;
     align-items: center;
 }
-
 #logo img{
     width: 100%;
     height: auto;
 }
-
 #contacts{
   display: none;
 }
-
 #contacts p{
   font-size: 2vmin;
   margin-right: 10px;
 }
-
 #contacts img {
     min-width: 0%;
     max-width: 50%;
 }
-
 #hamenu span{
     display: block;
     width: 25px;
@@ -36,7 +31,6 @@ header{
     position: relative;
     background: white;
 }
-
 @media screen and (min-width: 750px) {
   #contacts {
     display: flex;
@@ -50,7 +44,6 @@ header{
     position: relative;
     margin: auto;
   }
-  
   /* Caption text */
   .text {
     color: #ccccff;
@@ -62,7 +55,6 @@ header{
     text-align: center;
     background-color: #040217;
   }
-  
   /* The dots/bullets/indicators */
   .dot {
     height: 15px;
@@ -73,11 +65,9 @@ header{
     display: inline-block;
     transition: background-color 0.6s ease;
   }
-  
   .active {
     background-color: #717171;
   }
-  
   /* Fading animation */
   .fade {
     -webkit-animation-name: fade;
@@ -85,43 +75,35 @@ header{
     animation-name: fade;
     animation-duration: 1.5s;
   }
-  
   @-webkit-keyframes fade {
     from {opacity: .4} 
     to {opacity: 1}
   }
-  
   @keyframes fade {
     from {opacity: .4} 
     to {opacity: 1}
   }
-.highlight {
-  color: blue;
-}
 
 #desc-and-pic-container{
   display: flex;
   flex-wrap: wrap;
 }
-
 #description img{
   height: auto;
   max-width: 35%;
 }
-
 #server_rack_img img{
-  max-width: 80%;
+  max-width: 50%;
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
-
 @media screen and (min-width: 1000px) {
   #desc-and-pic-container{
-    flex-wrap: initial;
+    flex-wrap: nowrap;
   }
-  #picture img{
-    padding-top: 10px;
+  #server_rack_img img{
+    max-width: 80%;
   }
 }
 
@@ -129,18 +111,15 @@ header{
   display: flex;
   justify-content: space-around;
   align-items: center;
-  padding-top: 50px;
+  
 }
-
 #project-list-container a {
   color: white;
   text-decoration: none;
 }
-
 #menu-links nav {
   display: none;
 }
-
 @media screen and (min-width: 530px) {
   #menu-links {
     display: flex;
@@ -160,16 +139,20 @@ header{
   display: flex;
   justify-content: space-around;
   align-items: stretch;
-  padding-top: 10px;
 }
 #latest-project-pics img{
   max-width: 20%;
 }
+@media (max-width: 500px) {
+  .sec-pic{
+    display: none;
+  }
+}
+
 
 #reviews {
   display: flex;
 }
-
 .container {
   border: 2px solid white;
   background-color: black;
@@ -177,24 +160,20 @@ header{
   padding: 16px;
   margin: 16px 0
 }
-
 .container::after {
   content: "";
   clear: both;
   display: table;
 }
-
 .container img {
   float: left;
   margin-right: 20px;
   border-radius: 50%;
 }
-
 .container span {
   font-size: 20px;
   margin-right: 15px;
 }
-
 @media (max-width: 500px) {
   .container {
       text-align: center;
@@ -211,7 +190,6 @@ header{
   justify-content: space-between;
   align-items: center;
 }
-
 #latest-news-pics img {
   height: auto;
   max-width: 35%;
@@ -221,4 +199,16 @@ footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-wrap: wrap;
+}
+footer a{
+  color: white;
+  text-decoration: none;
+  display: block;
+  
+}
+@media (max-width: 350px) {
+  footer a{
+    display: none;
+  }
 }
\ No newline at end of file