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..4cac3dd 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,20 +1,176 @@ - - - - - - + + + + - - - Where work happens | Slack - + + + - - - - - + + Where work happens | Slack + + + +
+ + menu + +
+
+
+
+
+

Where work happens

+

When your teams 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. +

+
+
+ Email address +
+
+ GET STARTED +
+
+

Already using Slack? Sign in.

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

+ You're in good company +

+

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

+ DISCOVER WHY +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+
+

Try for free

+

Already using Slack? Sign in.

+
+
+
+ Email addresss +
+
+ GET STARTED +
+
+
+
+ +
+
+
+
+ +
+
+

COMPANY

+
    +
  • About Us
    • +
  • Careers
    • +
  • Blog
    • +
  • Press
    • +
  • Brand Guidelines
    • +
+
+
+

PRODUCT

+
    +
  • Why Slack?
    • +
  • Enterprise
    • +
  • Customer Stories
    • +
  • Pricing
    • +
  • Security
    • +
+
+
+

RESOURCE

+
    +
  • Download
    • +
  • Help Center
    • +
  • Guides
    • +
  • Partners
    • +
  • Events
    • +
  • App Directory
    • +
+
+
+

EXTRA

+
    +
  • 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..e181ada 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -1,7 +1,57 @@ -/* -background-grey: #F4F3F4; -button-purple: #192592 -main-titles dark-grey: #2C303F; -paragraph grey: #5b5e6d; -nav grey: #5b5e6d; -*/ +img { + width: 100%; +} + +.menu { + display: flex; + border-bottom: 1px solid #ccc; + justify-content: space-between; + padding: 10px; + align-items: center; +} + +.menu .logo { + width: 180px; +} + +.menu .rayitas { + width: 30px; +} + +.menu ul { + display: flex; + margin: 0; + list-style: none; +} + +.menu a { + color: inherit; + margin-left: 20px; + text-decoration: none; +} + +.menu .cuadro { + + border-style: solid; + border-radius: 5px; + +} + +.menu nav { + display: none; +} + +.menu nav ul { + list-style: none; + display: flex; +} + +@media screen and (min-width: 650px) { + .menu nav { + display: block; + } + + .menu .rayitas { + display: none; + } +} \ No newline at end of file