diff --git a/index.html b/index.html new file mode 100644 index 0000000..b2fb06a --- /dev/null +++ b/index.html @@ -0,0 +1,181 @@ + + + + + + + + Mi web + + + + +
+ +
+ slackLogo +
+ + + menu + +
+
+
+
+
+
+
+

Where Work Happens

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Explicabo corrupti quod aliquam, id + quidem quis magni ab tenetur eveniet at porro sunt necessitatibus, repellendus dolore. Eos + aliquam tempora fugit unde!

+
+
+ +
+
+ Get Started +
+
+
+

Already using Slack? Sign in

+
+
+ +
+
+
+ +
+
+ imagenPeople +
+
+
+
+
+
+
+
+
+
+

You're in good company

+

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

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

Try it for free

+

Already using Slack? Sign in

+
+ +
+
+
+
+
+
+
+
+
+
+ Slack +
+
+
+
+
+

Company

+

About us

+

Careers

+

Blog

+

Press

+

Brand Guidelines

+
+
+
+
+

Product

+

Why Slack?

+

Enterprise

+

Customer 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/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/style.css b/style.css new file mode 100644 index 0000000..4639824 --- /dev/null +++ b/style.css @@ -0,0 +1,135 @@ +img { + width: 100%; +} + +.hero { + display: flex; + justify-content: space-between; +} + +.hero img { + width: 80px; + +} + +.hero .imgNav { + width: 5%; + justify-content: flex-end; + +} + +.unorderedList { + display: flex; + align-items: center; + justify-content: end; + padding-right: 15px; +} + +.unorderedList a { + color: grey; + padding-right: 10px; +} + +.unorderedList li { + display: inline; + text-decoration: none; + margin-right: 15px; + color: gray; +} + +.unorderedList a { + text-decoration: none; +} + +h1 { + font-size: 60px; + font-family: sans-serif; + font-weight: bold; +} + +.secondSection h2 { + width: 100%; + font-size: 60px; + text-align: center; +} + +.secondSection p { + font-family: sans-serif; + font-size: 16px; + text-align: center; +} + +.secondSection img { + width: 100%; + padding: 50px; +} + +.secondSection a { + color: darkblue; + align-items: center; + text-align: center; + text-transform: none; + text-decoration: none; + text-transform: uppercase; + border: 1px solid darkblue; + border-radius: 5px; + background-color: white; + display: block; + padding: 10px; + margin-top: 15px; +} + +.thirdSection { + text-align: center; +} + +.fourthSection img { + width: 15%; +} + +.getStarted { + + color: white; + display: block; + border: 1px solid #192592; + background-color: #192592; + text-decoration: none; + text-transform: uppercase; + text-align: center; + margin-top: 10px; + border-radius: 5px; + width: 100%; + padding: 10px; + text-align: center; + +} + +.inputType { + width: 100%; +} + +.footer { + background-color: rgb(157, 155, 155); +} + +.footer img { + width: 5%; +} + +.footer a { + text-decoration: none; + text-align: center; + color: white; +} + +.footer p { + text-align: center; + align-items: center; +} + +.footer img { + display: flex; + align-items: center; + text-align: center; + width: 15px; +} \ No newline at end of file