From 4b8f1fdc05589abd02d67c83b5f25a9425ef1671 Mon Sep 17 00:00:00 2001 From: Clyhtsuriva Date: Sun, 16 May 2021 19:37:08 +0200 Subject: Finishing the project --- img/computer_inside.jpg | Bin 362954 -> 0 bytes img/customer_1.jpg | Bin 0 -> 66251 bytes img/customer_2.jpg | Bin 0 -> 69597 bytes img/logo.xcf | Bin 7404 -> 0 bytes img/nas.jpg | Bin 0 -> 198010 bytes img/sever_rack.jpg | Bin 1065399 -> 733081 bytes img/slide_img1.jpg | Bin 477154 -> 583944 bytes img/slide_img3.jpg | Bin 451671 -> 600704 bytes img/social-networks-1863613_640.png | Bin 18463 -> 0 bytes img/switch.jpg | Bin 198010 -> 0 bytes index.html | 79 ++++++++++++++++++++++++++---------- style.css | 56 +++++++++++-------------- 12 files changed, 80 insertions(+), 55 deletions(-) delete mode 100644 img/computer_inside.jpg create mode 100644 img/customer_1.jpg create mode 100644 img/customer_2.jpg delete mode 100755 img/logo.xcf create mode 100644 img/nas.jpg delete mode 100644 img/social-networks-1863613_640.png delete mode 100644 img/switch.jpg diff --git a/img/computer_inside.jpg b/img/computer_inside.jpg deleted file mode 100644 index 94c16ef..0000000 Binary files a/img/computer_inside.jpg and /dev/null differ diff --git a/img/customer_1.jpg b/img/customer_1.jpg new file mode 100644 index 0000000..f81d235 Binary files /dev/null and b/img/customer_1.jpg differ diff --git a/img/customer_2.jpg b/img/customer_2.jpg new file mode 100644 index 0000000..0ef4921 Binary files /dev/null and b/img/customer_2.jpg differ diff --git a/img/logo.xcf b/img/logo.xcf deleted file mode 100755 index 0086fe6..0000000 Binary files a/img/logo.xcf and /dev/null differ diff --git a/img/nas.jpg b/img/nas.jpg new file mode 100644 index 0000000..8efa024 Binary files /dev/null and b/img/nas.jpg differ diff --git a/img/sever_rack.jpg b/img/sever_rack.jpg index 446aa5a..98f6d27 100644 Binary files a/img/sever_rack.jpg and b/img/sever_rack.jpg differ diff --git a/img/slide_img1.jpg b/img/slide_img1.jpg index 59e8a8e..00e01d5 100755 Binary files a/img/slide_img1.jpg and b/img/slide_img1.jpg differ diff --git a/img/slide_img3.jpg b/img/slide_img3.jpg index 3da9a4e..7bfe116 100755 Binary files a/img/slide_img3.jpg and b/img/slide_img3.jpg differ diff --git a/img/social-networks-1863613_640.png b/img/social-networks-1863613_640.png deleted file mode 100644 index 1b7d363..0000000 Binary files a/img/social-networks-1863613_640.png and /dev/null differ diff --git a/img/switch.jpg b/img/switch.jpg deleted file mode 100644 index 8efa024..0000000 Binary files a/img/switch.jpg and /dev/null differ diff --git a/index.html b/index.html index 4b1acf7..753d294 100755 --- a/index.html +++ b/index.html @@ -29,9 +29,11 @@
- - - + + + + +
@@ -51,19 +53,18 @@
I.T. Consulting
-
-
-
- + +
+
-

ABOUT US

+

ABOUT US

Are The Leader In I.T. solutions and services.

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


@@ -73,6 +74,7 @@ server racks
+
Latest Projects
@@ -85,47 +87,80 @@
View All Projects
+
- + - + - + - +
+
-

From Great Our Clients

+

From Our Great Clients

- Avatar + 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 + 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 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 -- cgit v1.2.3