diff --git a/starter_code/index.html b/starter_code/index.html index 2f593610f..ab0a31f91 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,179 +1,205 @@ - - - - - - - - - - - - - - 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

+ + +
+ +
+

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..0d3696577 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,103 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ + +.smallpic { + max-width: 5vw; +} + +.middlepic { + display: flex; + max-width: 120vw; + align-items: center; + padding-top: 50px; +} + +.trustpic { + display: flex; + max-width: 20vw; +} + +.logo { + max-width: 15vw; +} + +.buttontop1 { + background-color: transparent; + position: absolute; + border-style: none; + top: 0; + right: 0%; +} + +.buttontop2 { + background-color: transparent; + border-style: none; + position: absolute; + top: 0; + right: 6%; +} +@media (max-width: 768px) { + .navibar { + display: none; + } + + body { + background-color: #540b51; + } + h1 { + color: aliceblue; + font-variant: inter; + padding-right: 50px; + padding-left: 50px; + } + .free-to-try { + text-align: center; + color: aliceblue; + } + .signup { + display: flex; + flex-direction: column; + flex-wrap: wrap-reverse; + justify-content: space-between; + + padding-right: 50px; + padding-left: 50px; + border-style: none; + height: 70px; + } + + #googlesignup { + display: flex; + background-color: blue; + height: 30px; + border-style: none; + text-align: center; + color: white; + align-items: center; + justify-content: space-between; + text-transform: uppercase; + } + + #emailsignup { + display: flex; + background-color: white; + height: 30px; + text-align: center; + display: inline-block; + border-style: none; + } + #trust { + color: black; + text-transform: uppercase; + background-color: #f3eae2; + font-size: small; + display: inline-block; + } + + #trustlogo { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } +}