diff --git a/starter_code/index.html b/starter_code/index.html index 2f593610f..3fce12c7d 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,27 +1,21 @@ - - - - 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 app screenshot + Slack app screenshot
-
-
+

Trusted by companies all over the world

- -
+
Airbnb logo NASA logo Uber logo @@ -94,50 +80,41 @@

Great teamwork starts with a digital HQ

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 securely scales up to support collaboration at the world’s biggest companies.

  • 85%

    - of users say Slack has improved communication + of users say Slack has
    improved
    communication *

    • -

  • 86%

    - feel their ability to work remotely has improved has improved + feel their ability to work
    remotely has improved has improved *

    • -

  • 88%

    - feel more connected to their teams* + feel more connected to
    their teams* *

- -
+

Welcome to your new digital HQ

- - - + +
-
- +
- \ No newline at end of file diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index 59f4a7798..6b293cc3e 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -8,3 +8,215 @@ paragraph yellow: #ECB12F links blue: #2E71A6 footer links grey: #454245 */ + +body { + margin: 0; + padding: 0; +} +nav { + display: flex; + justify-content: space-evenly; + background-color: #540B51; + color: white; +} +nav ul { + list-style: none; + display: flex; + justify-content: space-evenly; +} +nav ul li a{ + justify-content: space-evenly; + display: flex; + padding: 5px 10px; + color: white; + text-decoration: none; +} +.logo { + height: 50px; + margin: 5px; + height: 30px; + margin-top: 15px; +} +.burger_icon { + display: none; +} +.search_icon{ + background-color: #540B51; + border: none; +} +.try_background { + background-color: white; + color: #540B51; +} +.hero_img { + height: 300px; + margin: 100px 30px; +} +header { + display: flex; + background-color: #540B51; + justify-content: space-around; +} +header h1 { + color: white; + font-size: 50px; + padding: 35px 0px; + margin: 0px; +} +.teamwork { + padding-left: 50px; +} +.yellow { + color: #ECB12F; +} +.slack_paragraph{ + color: white; +} +.signup_buttons { + display: flex; + flex-direction: column; +} +.signup_buttons button { + margin: 5px 0px; +} +.sign_email { + padding: 8px; + color: #540B51; + font-weight: 600; +} +.google_logo { + height: 35px; + background-color: white; + margin: 3px; +} +.sign_google { + display: flex; + justify-content: space-between; + background-color: #4285F4; + border: none; + color: white; + padding: 0px; +} +.google_span { + padding-top: 10px; +} +.companies { + background-color: #F3EAE2 ; + padding-bottom: 30px; +} +.companies img { + height: 30px; +} +.company_images { + display: flex; + justify-content: space-around; +} +.companies p { + text-align: center; + text-transform: uppercase; + font-weight: 700; + padding: 30px; + margin: 0px; +} +.team h3 { + text-align: center; + font-size: 30px; + color: #540B51; + padding-top: 30px; +} +.team_paragraph { + text-align: center; +} +.team ul { + display: flex; + list-style: none; + justify-content: space-around; +} +.team span { + font-size: 45px; + color: #540B51; + font-weight: 700; + padding-left: 10px; +} +.team p { + font-weight: 700; + padding-bottom: 10px; + margin: 0px; +} +.digital{ + background-color: #540B51; + padding: 30px; + text-align: center; +} +.digital h3 { + font-size: 25px; + color: white; + text-align: center; + font-weight: 700; + margin-top: 0px; +} +.try_btn { + background-color: white; + color: #540B51; + padding: 10px 30px; + border: 1px solid white; + text-transform: uppercase; + font-size: 10px; + font-weight: 600; + margin-right: 10px; +} +.talk_btn { + background-color: #540B51; + color: white; + padding: 10px 30px; + border: 1px solid white; + text-transform: uppercase; + font-size: 10px; + font-weight: 600; +} +footer ul { + display: flex; + list-style: none; + justify-content: space-between; + padding: 20px; +} +hr { + width: 96%; + border: 1px solid #E0DDDD; + margin-top: 30px; +} +/* footer ul a { +} */ +.icons { + justify-content: flex-start; + margin: 0px; +} +.icons li { + margin-right: 60px; +} +.copyright { + padding: 20px 0px 60px 20px; + color: gray; +} + + + + + + + + + + + +Message Kristi + + + + + + + + + +Shift + Return to add a new line \ No newline at end of file