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 (1).png b/starter_code/images/youtube (1).png new file mode 100644 index 0000000..ff9fdcb Binary files /dev/null and b/starter_code/images/youtube (1).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 deleted file mode 100644 index bf06bff..0000000 --- a/starter_code/index.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - Where work happens | Slack - - - - - - - diff --git a/starter_code/indexx.html b/starter_code/indexx.html new file mode 100644 index 0000000..3f9802d --- /dev/null +++ b/starter_code/indexx.html @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + Where work happens | Slack + + + + + +
+
+
+

Where Work Happens

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minus eaque voluptate debitis mollitia + cupiditate, + vitae vel enim ut eum deleniti ipsa itaque atque corporis ab repellat maxime deserunt! Explicabo, + ab! +

+
+ +
+
+ +
+

Alredy using slack? Sing in

+
+ +
+ +
+
+
+ home_talking + +
+
+ +
+ +
+ +
+
+

You're in the good company

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem unde voluptatum + fugiat odit ad debitis + sed + deleniti ipsa reiciendis porro assumenda magni incidunt omnis

+ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+
+
+

Try it for free

+

Already using slack? Sign in

+
+
+
+
+
+
+ +
+ +
+
+
+
+
+ + \ No newline at end of file diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index cff873e..f8f82f2 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -5,3 +5,76 @@ main-titles dark-grey: #2C303F; paragraph grey: #5b5e6d; nav grey: #5b5e6d; */ + +img { + width: 100%; +} + +.slack-logo { + width: 200px; + padding-left: 20px; +} + +.hola { + width: 30px; + height: 30px; +} + + +li { + list-style: none; + font-size: 13px; + +} + +header { + border-bottom: 0.5px solid #a3a4a8; + +} + +.zona-gris { + background-color: + #f8f8f8; +} + +.btn { + background-color: #192592 !important; + color: white; + text-transform: uppercase; + margin: 10px; +} + +input { + + margin: 10px; +} + + + +.in-footer { + background-color: #F4F3F4; +} + +.in-footer ul { + display: flex; + flex-direction: row; + padding-top: 5px; +} + +.in-footer li { + padding: 10px; +} + +.in-footer img { + width: 20px; +} + +.icono { + width: 50%; + padding: 10px; + +} + +.marcas { + padding: 30px; +} \ No newline at end of file