diff --git a/starter_code/index.html b/starter_code/index.html index 2f593610f..92c94529a 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,179 +1,198 @@ - - - - - - - - - - - - - - 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..c0653732c 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,124 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ + +html { + box-sizing: border-box; + font-size: 16px; +} +*, +*:before, +*:after { + box-sizing: inherit; +} + +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ol, +ul { + margin: 0; + padding: 0; + font-weight: lighter; +} + +#slack-logo { + display: flex; + width: 25%; + +} + + +button, +input, +select, +textarea { + appearance: none; + -webkit-appearance: none; + border: none; + background: none; + padding: 0; + margin: 0; + font: inherit; + color: inherit; +} +nav { + background-color: rgb(83, 4, 83); + display: flex; + padding: 30px 0px 0px 30px; +} + +#nav-list { + display: none; +} + +header { + display: flex; + flex-direction: column; + justify-content: space-evenly; + background-color: rgb(83, 4, 83); +} + +.header-title { + color: white; + flex-direction: row; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 48px; + justify-content: center; + padding: 60px; + + +} + +.paragraph { + color: white; + flex-direction: row; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 20px; + justify-content: center; + padding: 0px 60px 10px 60px; +} + +#google-logo { + display: flex; + width: 10%; + background-color: white + + + +} + +#email-btn { + display: flex; + justify-content: center; + margin: 10px; + width: 80%; + background-color: white; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 15px; + border: none; + padding: 8px; + border-radius: 3px; + cursor: pointer; +} + + + +#google-btn { + display: flex; + justify-content: flex-start; + margin: 10px; + width: 80%; + + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + background-color: rgb(89, 146, 211); + border: none; + padding: 8px; + border-radius: 3px; + cursor: pointer; +} \ No newline at end of file