fixed some issues and continued on the website

9 files changed, 41 insertions, 16 deletions

diff --git a/img/dribbble.png b/img/dribbble.png
new file mode 100644
index 0000000..479bcf5
--- /dev/null
+++ b/img/dribbble.png
diff --git a/img/experience.png b/img/experience.png
new file mode 100644
index 0000000..6649855
--- /dev/null
+++ b/img/experience.png
diff --git a/img/facebook.png b/img/facebook.png
index ed01f15..18cb37d 100755
--- a/img/facebook.png
+++ b/img/facebook.png
diff --git a/img/gplus.png b/img/gplus.png
new file mode 100644
index 0000000..3d8b132
--- /dev/null
+++ b/img/gplus.png
diff --git a/img/sever_rack.jpg b/img/sever_rack.jpg
new file mode 100644
index 0000000..446aa5a
--- /dev/null
+++ b/img/sever_rack.jpg
diff --git a/img/social-networks-1863613_640.png b/img/social-networks-1863613_640.png
new file mode 100644
index 0000000..1b7d363
--- /dev/null
+++ b/img/social-networks-1863613_640.png
diff --git a/img/twitter.png b/img/twitter.png
index 71b7c85..79b45ee 100755
--- a/img/twitter.png
+++ b/img/twitter.png
diff --git a/index.html b/index.html
index ad35e68..035db53 100755
--- a/index.html
+++ b/index.html
@@ -16,10 +16,16 @@
         <div id="contacts">
             <p>CALL US : <b>(+33)0123456789</b></p>
             <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/twitter.png" alt="twitter"/>
+                <img src="img/gplus.png" alt="google_plus"/>
+            </a>
+            <a href="#">
+                <img src="img/dribbble.png" alt="dribbble"/>
             </a>
         </div>
         <div id="hamenu">
@@ -58,19 +64,15 @@
     
     <div id="desc-and-pic-container">
         <div id="description">
-            <p>ABOUT US</p>
+            <p class="highlight">ABOUT US</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>
-            <p></p>
-            <div class="experience-box">
-                <div class="experience-border"></div>
-                <div class="experience-content">
-                <div class="experience-number">26</div>
-                <div class="experience-info"></div>Years<br>Experience<br>Working</div>
-                </div>
-                </div>
+            <br/>
+            <img src="img/experience.png" alt="26 years experience working">
+        </div>
+        <div id="picture">
+            <img src="img/sever_rack.jpg" alt="server racks">
         </div>
-        <div id="picture"></div>
     </div>
     <div id="project-list-container"></div>
     <div id="review-container"></div>
diff --git a/style.css b/style.css
index 962fdc3..f3cf369 100755
--- a/style.css
+++ b/style.css
@@ -1,21 +1,26 @@
 header{
     display: flex;
     justify-content: space-between;
+    align-items: center;
 }
 
 #logo img{
-    max-width: 75%;
+    width: 100%;
     height: auto;
 }
 
 #contacts{
     display: flex;
-    align-items: center;
 }
 
-#contacts img{
+#contacts p{
+  font-size: 2vmin;
+  margin-right: 10px;
+}
+
+#contacts img {
+    min-width: 0%;
     max-width: 50%;
-    min-width: 40%;
 }
 
 #hamenu span{
@@ -77,4 +82,22 @@ header{
   @keyframes fade {
     from {opacity: .4} 
     to {opacity: 1}
-  }
\ No newline at end of file
+  }
+.highlight {
+  color: blue;
+}
+
+#desc-and-pic-container{
+  display: flex;
+  flex-wrap: wrap;
+}
+
+#description img{
+  height: auto;
+  max-width: 35%;
+}
+
+#picture img{
+  height: 100%;
+  width: 100%;
+}
\ No newline at end of file