diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..dfc4bacd1 Binary files /dev/null and b/.DS_Store differ diff --git a/images/organize-conversations-slack-product-mobile@2x.png b/images/organize-conversations-slack-product-mobile@2x.png new file mode 100644 index 000000000..95bd0fde3 Binary files /dev/null and b/images/organize-conversations-slack-product-mobile@2x.png differ diff --git a/index.html b/index.html index 8300a1607..1cb293a38 100644 --- a/index.html +++ b/index.html @@ -1,101 +1,146 @@ - + - - - - - Where work happens | Slack + Slack + + + + + + + + +
- home_work_happening -

Where Work Happens

-

When your team needs to kick off a project, hire a new employee, deploy some code, review a sales contract, finalize next year's budget, measure an A/B test, plan your next office opening, and more, Slack has you covered.

- -

Already using Slack? Sign in

+ Slack Logo + +

Whatever work you do, you can do it in Slack

+

Slack gives your team the power and alignment you need to do your best work

+
+
-
-
-

You´re in good company

-

Millions of people around the world have already made Slack the place where their work happens.

- - - - - - - -
-
-

Try it for free

-

Already using Slack? Sign in

- -
+
+

Put collaboration at your fingertip

+
+

Organize conversations

+ Organize conversations +
+
+

Share files and documents

+ Screenshot share files +
+
+

Find everything in the archive

+ Screenshot of archive panel +
+
+

Integrate your tools

+ Screenshot of tools +
+ +

Efficient teamwork for every enterprise

+

Big campanies save time with slack by securely collaboration across teams, departments, offices and countries.

+

Slack for enterprise

+ Screenshot teamwork +
+
+

You're in good company

+

Teams of every size, shape and kind have already made Slack the place where their work happens.

+

View all customers stories

+ + stacks of coins + lots of logos of sponsors +
+
+

Get more out of Slack

+ + +
+

Say hello to the collaboration hub

+ +
+
+ + + + + +
- - + \ No newline at end of file diff --git a/stylesheets/style.css b/stylesheets/style.css index cff873eb2..721268192 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -5,3 +5,110 @@ main-titles dark-grey: #2C303F; paragraph grey: #5b5e6d; nav grey: #5b5e6d; */ + +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} + +* img { + width: 100px; +} + +body { + margin: 0; + padding: 0; +} + + +/* ---- typography ---- */ + +body { + color: #111; + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 147%; + padding: 0; + margin: 0 5%; + width: 90%; +} + +h1 { + line-height: 4rem; + font-size: 2.9rem; + letter-spacing: 0.1rem; +} + +h2 {} + +h3 {} + +p { + margin: 0; + font-size: 1.2rem; +} + + + +/* ---- layout ---- */ + +#site-header { + padding: 30px 0; + color: white; + background: #111; +} + +#site-footer { + color: white; + padding: 60px 0; + background: #111; +} + +#site-main { + margin-bottom: 60px; +} + +.container { + margin: 0 20px; +} + +.section { + margin-bottom: 20px; + padding-top: 20px; +} + +@media (min-width: 768px) { + .container { + max-width: 728px; + margin: 0 auto; + } +} + + + + +/* ---- components ---- */ + +.button { + width: 100%; + background-color: blue; + color: #fff; + border: 1px solid #fff +} + +.button-alt { + color: blue; + background-color: #fff; +} + +/* ---- section ---- */ + +section.testimonials { + // ... +} + +section.testimonials .button { + margin-bottom: 10px; +} \ No newline at end of file