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

+
+ 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..07876a35b 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,96 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ + +* { + font-family: sans-serif; +} + +@media screen and (width < 768px) { + nav { + background-color: rgb(182, 182, 255); + display: flex; + } + + .hidde { + display: none; + } + + .padre-izq { + display: flex; + justify-content: flex-start; + } + + .logo-izq { + justify-content: flex-start; + width: 100px; + } + + .padre-der { + display: flex; + justify-content: flex-end; + } + + header { + background-color: blueviolet; + display: flex; + flex-direction: column; + align-items: center; + } + + header > div { + display: flex; + flex-direction: column; + } + + .btn-size { + display: flex; + flex-direction: column; + } + + .img-size { + display: flex; + align-items: center; + } + + .btn-adjust { + display: flex; + justify-content: space-between; + background-color: #4285f4; + } + + .btn-adjust > img { + width: 15px; + background-color: white; + } + + .logos { + background-color: #f3eae2; + display: flex; + flex-direction: column; + } + + .logos > p { + text-align: center; + } + + .companies { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 40px; + } + + .companies > img { + height: 40px; + object-fit: contain; + } + + .average { + display: flex; + flex-direction: column; + color: #540b51; + text-align: center; + } +}