diff options
| -rw-r--r-- | img/dribbble.png | bin | 0 -> 2570 bytes | |||
| -rw-r--r-- | img/experience.png | bin | 0 -> 20173 bytes | |||
| -rwxr-xr-x | img/facebook.png | bin | 6304 -> 1309 bytes | |||
| -rw-r--r-- | img/gplus.png | bin | 0 -> 2192 bytes | |||
| -rw-r--r-- | img/sever_rack.jpg | bin | 0 -> 1065399 bytes | |||
| -rw-r--r-- | img/social-networks-1863613_640.png | bin | 0 -> 18463 bytes | |||
| -rwxr-xr-x | img/twitter.png | bin | 10104 -> 1781 bytes | |||
| -rwxr-xr-x | index.html | 24 | ||||
| -rwxr-xr-x | style.css | 33 |
9 files changed, 41 insertions, 16 deletions
diff --git a/img/dribbble.png b/img/dribbble.png Binary files differnew file mode 100644 index 0000000..479bcf5 --- /dev/null +++ b/img/dribbble.png diff --git a/img/experience.png b/img/experience.png Binary files differnew file mode 100644 index 0000000..6649855 --- /dev/null +++ b/img/experience.png diff --git a/img/facebook.png b/img/facebook.png Binary files differindex ed01f15..18cb37d 100755 --- a/img/facebook.png +++ b/img/facebook.png diff --git a/img/gplus.png b/img/gplus.png Binary files differnew file mode 100644 index 0000000..3d8b132 --- /dev/null +++ b/img/gplus.png diff --git a/img/sever_rack.jpg b/img/sever_rack.jpg Binary files differnew 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 Binary files differnew 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 Binary files differindex 71b7c85..79b45ee 100755 --- a/img/twitter.png +++ b/img/twitter.png @@ -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> @@ -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 |
