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..573e861 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,20 +1,164 @@ - - - - - - - - - - - Where work happens | Slack - - - - - - - + + + + + + + + + + + + Where work happens | Slack + + + +
+ + + + + +
+ +
+
+ +
+
+
+
+

Where Work Happy

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima odio nihil dolorem, odit aliquid + facilis quo beatae repellendus cumque minus, cupiditate molestiae. Aliquam quia repellat esse, + voluptatibus doloremque voluptatum eaque!

+ +
+ +
+ GET STARTED +

Already using slack ? Sign in

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

youre in good company

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima odio nihil dolorem

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

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/style.css b/starter_code/style.css new file mode 100644 index 0000000..bab222e --- /dev/null +++ b/starter_code/style.css @@ -0,0 +1,132 @@ +img { + width: 100%; +} + +.menu { + border-bottom: 1px solid #ccc; + display: flex; + justify-content: space-between; + padding-right: 100px; + padding-left: 50px; + align-items: center; +} + + +.menu img { + width: 80px; +} + + + +.menu nav { + + display: flex; + list-style: none; + text-align: justify; + text-decoration: none; + justify-content: space-around; + + +} + +.menu nav ul { + margin: 0; + + list-style: none; + display: flex; +} + +.menu nav ul li { + padding: 10px; + text-decoration: none; +} + +.menu a { + text-decoration: none; + color: grey +} + +.logo { + padding: 10px; + + +} + +.icons { + display: flex; + padding: 25px; + margin: 15px; +} + +.icons text { + align-items: center; +} + +.patros { + text-align: center; + + background-color: rgb(213, 213, 213); + border-bottom: 5px; + margin-bottom: 10px; + +} + +.patros img { + align-items: center; + width: 50%; + justify-content: space-between; + justify-content: space-around; + margin margin-top: 10px; +} + +.patros p { + + text-align: center; + margin-bottom: 25px; + +} + +.tryfor { + border-radius: 5px; + width: 15%; + + +} + +.subot { + width: 15px; + +} + +.subot img { + width: 15px; +} + +.bot { + text-size-adjust: 15px; + display: flex; + align-items: center; +} + +footer { + display: flex; + background-color: rgb(197, 194, 194); + +} + +footer img { + margin-left: 200px; + width: 25px; + justify-content: space-around; + justify-content: end; + +} + +.slackfinal { + width: 80px; +} + +.container2 { + margin-left: 100px; + +} \ No newline at end of file