From e71e42cff7c65d5510d74456d5e0be78f848b456 Mon Sep 17 00:00:00 2001 From: David Bouhaben Date: Tue, 18 Nov 2025 17:51:47 +0100 Subject: [PATCH 1/5] feat: update index.html with new navbar and footer structure --- starter_code/index.html | 322 ++++++++++++++++++++-------------------- 1 file changed, 164 insertions(+), 158 deletions(-) diff --git a/starter_code/index.html b/starter_code/index.html index 2f593610f..43eacdbf8 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,179 +1,185 @@ + + + + + + + + + + + + + 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 - +
+ 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

+ + + +
+
+ + + + From fc48af6081c41118bdeddc8cb80a282fa7bd620a Mon Sep 17 00:00:00 2001 From: David Bouhaben Date: Tue, 18 Nov 2025 17:51:54 +0100 Subject: [PATCH 2/5] feat: enhance style.css with comprehensive layout and design updates --- starter_code/stylesheets/style.css | 107 +++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index 59f4a7798..27c3c264c 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,110 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ +/* 768px - mobile */ +/* width > 768px and width < 1024px - small screen */ +/* width > 1024px and width < 1440px - medium screen */ +/* Large Screens (width > 1440px) - large screen */ + +* { + padding: 0; + margin: 0; + color: white; +} + +body { + background-color: #540b51; +} + +nav { + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 25px 25px 40px 25px; +} + +nav .logo-slack { + width: 120px; + height: auto; + object-fit: cover; +} + +nav .nav-choice-container { + @media screen and (max-width: 1024px) { + display: none; + } +} + +.button-nav-container img, +button { + background-color: #540b51; + border: 0px #540b51; + padding: 0 5px; +} + +.button-nav-container ul { + @media screen and (max-width: 1024px) { + display: none; + } +} + +header { + display: flex; + flex-direction: column; + align-items: center; +} + +header .hero-product-ui { + padding: 0 25px; + text-align: center; +} + +.free-try { + color: #ecb12f; +} + +.signup-container { + display: flex; + flex-direction: column; +} + +.signup { + width: 100%; + border-radius: 3px; + height: 30px; +} + +.signup-container { + margin: 10px 0 35px 0; +} + +.signup-container .first-party { + background-color: white; + color: #540b51; + margin: 10px 0 10px 0; +} +.signup-container .third-party { + display: flex; + align-items: center; + justify-content: center; + background-color: #4285f4; +} + +.third-party img { + width: 30px; +} + +.hero-product-container { + @media screen and (max-width: 768px) { + width: 100%; + height: auto; + } +} +.hero-product-container img { + width: 100%; + object-fit: cover; +} + +.companies-container { + background-color: #f3eae2; +} From 43e05df6a81fafbd5e546c0eac3840cef8b2007e Mon Sep 17 00:00:00 2001 From: David Bouhaben Date: Tue, 18 Nov 2025 17:53:35 +0100 Subject: [PATCH 3/5] fix: streamline paragraph formatting and update section class in index.html --- starter_code/index.html | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/starter_code/index.html b/starter_code/index.html index 43eacdbf8..bb64d8a6f 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -70,10 +70,7 @@

Great teamwork starts with a digital HQ

-

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

+

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