diff --git a/starter_code/images/facebook.png b/starter_code/images/facebook.png new file mode 100644 index 0000000..3a72823 Binary files /dev/null and b/starter_code/images/facebook.png differ diff --git a/starter_code/images/menu.png b/starter_code/images/menu.png new file mode 100644 index 0000000..2574592 Binary files /dev/null and b/starter_code/images/menu.png differ diff --git a/starter_code/images/twiter.png b/starter_code/images/twiter.png new file mode 100644 index 0000000..27f7455 Binary files /dev/null and b/starter_code/images/twiter.png differ diff --git a/starter_code/images/youtube.png b/starter_code/images/youtube.png new file mode 100644 index 0000000..ff9fdcb Binary files /dev/null and b/starter_code/images/youtube.png differ diff --git a/starter_code/index.html b/starter_code/index.html index bf06bff..ee4596d 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,20 +1,192 @@ - - - - - - - - - - - Where work happens | Slack - - - - - - - + + + + + + + + + + + + Where work happens | Slack + + + +
+
+ logo slack +
+ + +
+ +
+
+
+
+

Where Work Happens

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam ducimus sapiente repellendus! Itaque animi + totam aspernatur quasi corporis nostrum! Sit cum reprehenderit tempora voluptas voluptatem eius numquam enim + in laudantium. +

+
+
+ +
+ + + +
+

Already using Slack?Sign in.

+ + +
+ +
+ personas hablando +
+ + +
+
+ +
+
+
+
+

+ You're in good company +

+

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

+

+ +

+
+ +
+
+ airbnb-logo +
+
+ capital one +
+
+ harvard +
+
+ Los angeles times +
+
+ oracle +
+
+ ticketmaster +
+
+ +
+
+
+
+
+

Try it for free

+

Already using Slack?Sign in.

+
+
+ +
+ + + + +
+
+
+
+
+
+ slack +
+ +
+
+

Company

+

About Us

+

Carrers

+

blog

+

Press

+

Brand Guidelines

+ +
+
+

Product

+

Why Slack?

+

Enterprise

+

Costumer stories

+

Pricing

+

Security

+ +
+
+

Resources

+

Download

+

Help Center

+

Guides

+

Partners

+

Events

+

App Directory

+

API

+ +
+
+

Extras

+

Podcast

+

Slack Shop

+

Slack at work

+

Slack Fund

+ +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index cff873e..2ed8d45 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -5,3 +5,127 @@ main-titles dark-grey: #2C303F; paragraph grey: #5b5e6d; nav grey: #5b5e6d; */ +img { + width: 100%; +} + +.hero { + + display: flex; + justify-content: space-between; + border-bottom: 1px solid gray; + + + +} + +.email { + display: flex; + +} + +nav ul { + display: flex; + list-style: none; + justify-content: space-between; + +} + +.hero section img { + width: 40%; +} + +nav ul li a { + margin: 20px; + text-decoration: none; + text-align: center; + color: #5b5e6d; + +} + +.hero section img { + width: 10%; + margin-left: 10px; +} + +.hero nav img { + width: 60%; +} + +.menu { + width: 10px; +} + +.boton { + background-color: #192592; + color: white; + padding: 10px +} + +.primero { + padding: 30px; +} + +.segundo { + padding: 30px; + background-color: rgb(186, 185, 185) +} + +body { + background-color: ; +} + +.graybackground { + background-color: rgb(186, 185, 185); +} + +p { + color: #5b5e6d; +} + +.enlaces a { + text-decoration: none; + color: #5b5e6d; +} + +.tercero { + padding: 30px; + +} + +.cuarto { + padding: 30px; +} + +.quinto { + padding: 20px; + background-color: rgb(186, 185, 185); + display: flex; + justify-content: space-between; + color: #5b5e6d; + +} + +.quinto img { + width: 20px; +} + +h1 h2 h3 h4 { + color: #2C303F; +} + +.good-company { + text-align: center; + align-items: center; +} + +.quinto ul { + display: flex; + justify-content: space-between; + + list-style: none; +} + +.quinto ul li a { + margin: 20px; +} \ No newline at end of file