From cbcfe3d6c65ab9b659638d6208af543942625d10 Mon Sep 17 00:00:00 2001 From: Clyhtsuriva Date: Sun, 16 May 2021 12:26:12 +0200 Subject: overall update --- img/computer_inside.jpg | Bin 642244 -> 362954 bytes img/proxy.jpg | Bin 616170 -> 264403 bytes img/server_room.jpg | Bin 107183 -> 43039 bytes img/sever_rack2.jpg | Bin 821951 -> 365669 bytes img/switch.jpg | Bin 265847 -> 198010 bytes index.html | 57 +++++++++++++++++++++++----- style.css | 96 ++++++++++++++++++++++++++++++++++++++++++++---- 7 files changed, 137 insertions(+), 16 deletions(-) diff --git a/img/computer_inside.jpg b/img/computer_inside.jpg index d3ef487..94c16ef 100644 Binary files a/img/computer_inside.jpg and b/img/computer_inside.jpg differ diff --git a/img/proxy.jpg b/img/proxy.jpg index f87b4b5..7a42e1a 100644 Binary files a/img/proxy.jpg and b/img/proxy.jpg differ diff --git a/img/server_room.jpg b/img/server_room.jpg index 43b5139..e3a97d5 100644 Binary files a/img/server_room.jpg and b/img/server_room.jpg differ diff --git a/img/sever_rack2.jpg b/img/sever_rack2.jpg index 3788764..bcc5880 100644 Binary files a/img/sever_rack2.jpg and b/img/sever_rack2.jpg differ diff --git a/img/switch.jpg b/img/switch.jpg index 82935e6..8efa024 100644 Binary files a/img/switch.jpg and b/img/switch.jpg differ diff --git a/index.html b/index.html index c8fcb97..4b1acf7 100755 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Document + Adjutech @@ -52,7 +52,7 @@
I.T. Consulting
- +
@@ -60,7 +60,6 @@
-
@@ -70,23 +69,63 @@
26 years experience working
-
+
server racks
+
Latest Projects
- -
- + +
+ + + + + + + + +
+ +
+

From Great Our Clients

+
+
+ Avatar +

Chris Fox. CEO at Mighty Schools.

+

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?

+
+
+ Avatar +

Rebecca Flex. CEO at Company.

+

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.

+
+
+
+ +
+

Latest News

+
+ inside_a_computer +
+
+ +
+ +
+ + \ No newline at end of file diff --git a/style.css b/style.css index 66a183c..fd191b5 100755 --- a/style.css +++ b/style.css @@ -109,9 +109,11 @@ header{ max-width: 35%; } -#picture img{ - height: 100%; - width: 100%; +#server_rack_img img{ + max-width: 80%; + display: block; + margin-left: auto; + margin-right: auto; } @media screen and (min-width: 1000px) { @@ -125,10 +127,9 @@ header{ #project-list-container{ display: flex; - flex-wrap: wrap; justify-content: space-around; align-items: center; - padding-top: 10px; + padding-top: 50px; } #project-list-container a { @@ -136,7 +137,88 @@ header{ text-decoration: none; } +#menu-links nav { + display: none; +} + +@media screen and (min-width: 530px) { + #menu-links { + display: flex; + justify-content: space-between; + } + #menu-links nav { + display: block; + padding-right: 10px; + } + #menu-links a { + padding-right: 5px; + } +} + + +#latest-project-pics{ + display: flex; + justify-content: space-around; + align-items: stretch; + padding-top: 10px; +} #latest-project-pics img{ - height: 100%; - width: 100%; + max-width: 20%; +} + +#reviews { + display: flex; +} + +.container { + border: 2px solid white; + background-color: black; + border-radius: 5px; + 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; + } + .container img { + margin: auto; + float: none; + display: block; + } +} + +#latest-news-pics { + display: flex; + justify-content: space-between; + align-items: center; +} + +#latest-news-pics img { + height: auto; + max-width: 35%; +} + +footer { + display: flex; + justify-content: space-between; + align-items: center; } \ No newline at end of file -- cgit v1.2.3