From 67c85bf82b130969614bc3abc3a666600afe17ea Mon Sep 17 00:00:00 2001 From: Elahe Date: Tue, 13 Jan 2026 22:58:31 +0100 Subject: [PATCH 1/6] footer added --- starter_code/index.html | 334 +++++++++++++++-------------- starter_code/stylesheets/style.css | 32 +++ 2 files changed, 201 insertions(+), 165 deletions(-) diff --git a/starter_code/index.html b/starter_code/index.html index 2f593610f..8ba511fb4 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,179 +1,183 @@ - - - - - - - - - - - - - - Slack is your digital HQ | Slack - - - - - - - - -
-
-

Great teamwork starts with a digital HQ

- -

Slack is free to try for as long as you'd like.

+ + + + + + + + + + + + + Slack is your digital HQ | Slack + + + + + -
+ +
+
+

Great teamwork starts with a digital HQ

-
- Slack app screenshot -
-
+

Slack is free to try for as long as you'd like.

-
-
-

Trusted by companies all over the world

+
+ -
- Airbnb logo - NASA logo - Uber logo - Target logo - New York Times logo - Spotify logo + +
-
- -
-

Teams large and small rely on Slack

-

Slack securely scales up to support collaboration at the world’s biggest companies.

- - -
    -
  • -

    85%

    -

    - of users say Slack has improved communication - * -

    -
    • - -
  • -

    86%

    -

    - feel their ability to work remotely has improved has improved - * -

    -
    • - -
  • -

    88%

    -

    - feel more connected to their teams* - * -

    -
    • -
-
- -
-

Welcome to your new digital HQ

- - - -
- -
- -
-
    -
  • Status
    • -
  • Privacy
    • -
  • Terms
    • -
  • Cookie Preferences
    • -
  • Contact Us
    • -
  • Change Region
    • -
  • Download Slack
    • -
- -
- -
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
- -
- - © 2022 Slack Technologies, LLC, a Salesforce company. All rights reserved. Various trademarks held by - their respective owners. - -
- -
- - - \ No newline at end of file +
+ Slack app screenshot +
+
+ +
+
+

Trusted by companies all over the world

+ +
+ Airbnb logo + NASA logo + Uber logo + Target logo + New York Times logo + Spotify logo +
+
+ +
+

Teams large and small rely on Slack

+

+ Slack securely scales up to support collaboration at the world’s + biggest companies. +

+ +
    +
  • +

    85%

    +

    + of users say Slack has improved communication + * +

    +
    • + +
  • +

    86%

    +

    + feel their ability to work remotely has improved has improved + * +

    +
    • + +
  • +

    88%

    +

    + feel more connected to their teams* + * +

    +
    • +
+
+ +
+

Welcome to your new digital HQ

+ + + +
+
+ + + + diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index 59f4a7798..fd9e033b2 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,35 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ +/* ////////////////////////////header */ + + + + + +/* ///////////////////////////////footer */ +#footer{ + display: flex; + flex-direction: column; + margin: 10px; + border-top:1px solid #454245; +} +#footer ul{ + list-style-type: none; +} +#footer .items{ + display: flex; + flex-direction: column; + justify-content: flex-start; +} +#footer .items:hover { + color: #454245; +} +#footer .social-media { + display: flex; + justify-content: space-between; +} +#footer small{ + text-align: center; + color: #454245; +} \ No newline at end of file From 15de92a7a6d1d828d77ed1a33eb1c2476091ac49 Mon Sep 17 00:00:00 2001 From: Elahe Date: Thu, 15 Jan 2026 22:16:27 +0100 Subject: [PATCH 2/6] social media --- starter_code/index.html | 6 ++-- starter_code/stylesheets/style.css | 52 +++++++++++++++++++++++++++++- 2 files changed, 54 insertions(+), 4 deletions(-) diff --git a/starter_code/index.html b/starter_code/index.html index 8ba511fb4..f96591181 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -83,10 +83,10 @@

Great teamwork starts with a digital HQ

-
+

Trusted by companies all over the world

-
+
Airbnb logo NASA logo Uber logo @@ -154,7 +154,7 @@

Welcome to your new digital HQ

-
+
-
+

Welcome to your new digital HQ

- - + +
diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index dfedcf8e6..098c6cc11 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -40,6 +40,31 @@ p { box-sizing: border-box; } + +/* ////////////////////////////////////welcome */ +#welcome { + padding: 20px 10px; + color: white; + text-align: center; + background-color: #540B51; + display: flex; + flex-direction: column; + justify-content: stretch; +} +#welcome .button{ + padding: 10px; + color:#540B51 ; + background-color: #fff; + border: none; +} +#welcome > .button { + margin-bottom: 10px; +} +#welcome .button:hover { + background-color: #540B51; + color: #fff; +} + /* ////////////////////////////////companies */ #companies { From 88e4e7d3ecf1f29272a953b22edb65ec7e9c52bc Mon Sep 17 00:00:00 2001 From: Elahe Date: Sun, 18 Jan 2026 12:41:52 +0100 Subject: [PATCH 4/6] collab and header --- starter_code/index.html | 10 ++-- starter_code/stylesheets/style.css | 73 ++++++++++++++++++++++++++++-- 2 files changed, 74 insertions(+), 9 deletions(-) diff --git a/starter_code/index.html b/starter_code/index.html index 8a210d4b7..68870bd78 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -61,16 +61,16 @@ -
+ diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index 54646a499..e8a75aefc 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,6 +8,27 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ +/* //////////////////////////// navbar */ + +#navbar { + padding: 20px; + display: flex; + justify-content: space-between; + background-color: #540B51; + color: white; +} +#navbar ul { + display: none; +} +#nav-btn button{ + background-color: transparent; + border: none; +} + + + + + /* ////////////////////////////header */ html, body { @@ -55,6 +76,7 @@ p { display: flex; flex-direction: column; gap: 10px; + margin-bottom: 50px; } #header .button{ position: relative; @@ -73,6 +95,9 @@ p { .button-box .button:nth-last-child(1){ background-color: #4285F4; } +#header .image-header img { + width: 27rem; +} /* /////////////////////////// collab */ @@ -89,6 +114,8 @@ p { #collab ul{ list-style-type: none; padding: 0; + width: 50%; + margin: auto; } #collab ul li { font-weight: 700; From 5c02357fd1f2c9047b1730327de02243aeca1083 Mon Sep 17 00:00:00 2001 From: Elahe Date: Sun, 18 Jan 2026 21:29:41 +0100 Subject: [PATCH 6/6] done --- starter_code/stylesheets/style.css | 90 ++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index e8a75aefc..11e857e3f 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -206,4 +206,94 @@ p { text-align: center; color: #454245; +} + +@media (width > 768px) and (width < 1024px){ + #header { + flex-direction: row; + } + #header h1 { + font-size: 5rem; + text-align: start; + } + #collab ul { + display: flex; + justify-content: space-evenly; + width: 100%; + text-align: left; + margin-left: 50px; + } + #collab ul li { + padding-right: 60px; + } + #welcome .button { + width: 70%; + margin: auto; + margin-bottom: 10px; + } + #footer .items ul { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } + #footer .social-media ul{ + flex-direction: row; + justify-content: start; + gap: 20px 60px; + } +} +@media (width > 1024px) and (width < 1440px){ + #header { + flex-direction: row; + } + #header h1 { + font-size: 5rem; + text-align: start; + } + #collab ul { + display: flex; + justify-content: space-evenly; + width: 100%; + text-align: left; + margin-left: 50px; + } + #collab ul li { + padding-right: 60px; + } + #welcome .button { + width: 70%; + margin: auto; + margin-bottom: 10px; + } + #footer .items ul { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } + #footer .social-media ul{ + flex-direction: row; + justify-content: start; + gap: 20px 60px; + } + + + + + + /* #welcome .button { + flex-direction: row; + width: 500px; + margin: auto; + margin-bottom: 10px; + } + #footer .items ul { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } + #footer .social-media ul{ + flex-direction: row; + justify-content: start; + gap: 20px 60px; + } */ } \ No newline at end of file