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/index.html b/starter_code/index.html index bf06bff..8fad916 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,20 +1,251 @@ - - - - - - - - - - - Where work happens | Slack - - - - - - - + + + + + + + + + + + + + + Where work happens | Slack + + + + +
+ + slack-logo + + + navicon + + +
+ +
+ +
+ +
+ +
+ +

Where work happens

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque vel omnis ut sapiente? Tenetur rerum + accusamus facilis.

+ +
+ +
+ +
+ +
+

Get Started

+
+ +
+ +

Already using Slack? Sign in

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

You're in good company

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque vel omnis ut sapiente? Tenetur rerum + accusamus facilis.

+ +
+

Discover Why

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

Try it for free

+

Always using Slack? Sign in

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

Get Started

+
+ +
+ +
+ + +
+ +
+ + + + +
+ +
+ +
+ +
+ +
+ iso-slack +
+ +
+

Company

+
    +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
+
+ +
+

Product

+
    +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
+
+ +
+

Resources

+
    +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
+
+ +
+

Extras

+
    +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
  • Texto
    • +
+
+ +
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index cff873e..56c5a4b 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -5,3 +5,109 @@ main-titles dark-grey: #2C303F; paragraph grey: #5b5e6d; nav grey: #5b5e6d; */ +img { + width: 100%; +} + +.menu { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid grey; + +} + +.menu img { + width: 100px; + margin-left: 50px; +} + +.menu ul { + display: flex; + align-items: center; + list-style: none; + margin-right: 50px; +} + +.menu .button { + border: 1px solid; + border-radius: 5px; +} + +.menu ul a { + text-decoration: none; + color: black; + padding: 7px; +} + +.menu .navicon { + width: 30px; + margin-right: 50px; +} + +.section1 { + border-bottom: 1px solid black; + padding: 20px 0; +} + +.email { + color: rgb(144, 131, 131); + border: 1px solid rgb(144, 131, 131); + border-radius: 3px; + text-align: left; + padding: 5px; +} + +.getStarted { + background-color: #192592; + color: white; + border: 1px solid rgb(144, 131, 131); + border-radius: 3px; + text-align: center; + padding: 5px; +} + +.section2 { + border-bottom: 1px solid black; + background-color: #F4F3F4; + padding: 50px 0; + text-align: center; +} + +.discoverWhy { + background-color: white; + color: #192592; + border: 1px solid #192592; + border-radius: 3px; + text-align: center; +} + +.section2 img { + width: 200px; + margin: 20px; + +} + +.section3 { + border-bottom: 1px solid black; + padding: 50px 0; +} + +.section4 { + border-bottom: 1px solid black; + padding: 50px 0; +} + +.section4 p { + color: grey; +} + +.section4 img { + width: 150px; +} + +.section4 ul { + list-style: none; + margin: 0; + padding: 0; +} \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..e69de29