From 517545ea034abfffa434ebb25214b90b793aedb1 Mon Sep 17 00:00:00 2001 From: PatiNaka Date: Tue, 2 Sep 2025 21:35:57 +0100 Subject: [PATCH] lab3-slack --- starter_code/index.html | 349 ++++++++++++++++------------- starter_code/stylesheets/style.css | 90 ++++++++ 2 files changed, 281 insertions(+), 158 deletions(-) diff --git a/starter_code/index.html b/starter_code/index.html index 2f593610f..ba8d1f670 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,179 +1,212 @@ - - - - - - - - - - - - - - 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 +

Great teamwork starts with a digital HQ

+ +

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

+ +
+ + + +
-
- -
-

Teams large and small rely on Slack

-

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

+ 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

+ + + +
+
+ +
+
    +
  • Status
    • +
  • Privacy
    • +
  • Terms
    • +
  • Cookie Preferences
    • +
  • Contact Us
    • +
  • Change Region
    • +
  • Download Slack
    • +
+
  • -

    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

- - - -
- -
- - - - - \ No newline at end of file + +
+ + © 2022 Slack Technologies, LLC, a Salesforce company. All rights + reserved. Various trademarks held by their respective owners. + +
+ + + diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index 59f4a7798..b60247dc6 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,93 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ + +nav { + background-color: #540b51; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; +} + +header { + background-image: url("../images/background-singup.png"); + background-size: cover; + color: white; + font-family: Arial, Helvetica, sans-serif; + display: flex; + justify-content: space-between; + align-items: flex-start; + padding: 10px; +} + +#menu { + background-color: #540b51; +} + +#search { + background-color: #540b51; +} + +#slack-free { + font-size: 95%; +} + +#slack-is-free { + color: rgb(220, 96, 8); +} + +header button { + width: 100%; + height: 50%; + margin-top: 5px; + text-transform: uppercase; + font-size: 60%; +} + +#slack-logo { + width: 50%; +} + +#google-logo { + width: 8%; + background-color: white; +} + +#screenshot { + width: 40%; +} + +#navigation { + display: none; +} + +.logo-image { + width: 10%; +} + +#signup-with-email { + background-color: white; + color: #540b51; +} + +#sign-up-google { + background-color: #4285f4; + color: white; + align-items: flex-start; +} + +#companies-logos { + background-color: #efe1c4; +} + + + +@media screen and (max-width: 700px) { + body { + } + + .header { + flex-direction: column; + align-items: center; + } \ No newline at end of file