From 7e4d00c2def311813a15b92d01deceec3d9571d5 Mon Sep 17 00:00:00 2001 From: Ana Zamora Date: Thu, 28 Sep 2023 23:56:37 +0200 Subject: [PATCH] finished --- starter_code/images/icons8-facebook-30.png | Bin 0 -> 212 bytes starter_code/images/icons8-twitter-30.png | Bin 0 -> 452 bytes starter_code/images/icons8-youtube-30.png | Bin 0 -> 316 bytes starter_code/index.html | 174 +++++++++++++++++++-- starter_code/stylesheets/style.css | 127 +++++++++++++++ 5 files changed, 286 insertions(+), 15 deletions(-) create mode 100644 starter_code/images/icons8-facebook-30.png create mode 100644 starter_code/images/icons8-twitter-30.png create mode 100644 starter_code/images/icons8-youtube-30.png diff --git a/starter_code/images/icons8-facebook-30.png b/starter_code/images/icons8-facebook-30.png new file mode 100644 index 0000000000000000000000000000000000000000..76c2b21bfb7caaa723db8f701ad95d897f09052b GIT binary patch literal 212 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX1|+Qw)-3{3oCO|{#S9GG!XV7ZFl&wkP_WI@ z#WAE}&fCiyc@G%~I9wDrbkxd9Tae!2b0BQXn*(eH4J*Mz5tMWC=hqjMS<`gYF%x$7wvx0TLa7KGv<1&^wtq_&VSDQAA8mEUc z&)cwqalT#axmNl5Ki}oUqnf)#-yU1qwe3~V(fez6J)Qfm@npAYpq9pTpoOV literal 0 HcmV?d00001 diff --git a/starter_code/images/icons8-twitter-30.png b/starter_code/images/icons8-twitter-30.png new file mode 100644 index 0000000000000000000000000000000000000000..914e973dd2d87a0ec36f185eaf47be9f6e0e96e5 GIT binary patch literal 452 zcmV;#0XzPQP)b!TEyYGV(?l&r5Q{8%GjJEevU6uHGuz01aGK%X^Ks71 zy=UmtryR#{3y<&+Q{h=BNAnU~z)5Lb!B6aW#0DBTjXQXck-Q|Y@G-WagNxYgB5lVO zcCd$O4CE#H7B+mwXbJI`h_oG#uid z)6E3wOAN+Z7fbd7&(RFk-bfHP6>tQv6I)m&8b#u-SP1X8PVw0y@oEpM{TI79+Fa{_ zc%?|%=5fv9`(?!$ck!zR>7RsK&|o-sAJD2Oejtmi4Yb}CgofEN{{yO>actKqBc zHuhqX&E(3Q!>0u4v)K46;&?dIi`XtHY{kZ2j7xZj^)SFwTDyiZ6*z&J@FP$p`-?ZY utY*$&G90b!HhY43+`~AA>lXI;zc>KaqDD*-;Elro0000E_h96 zS2NiVtaV*jdU+b;zjjClr!l+!Bs&nM-Iq_YKH?v_hkFTb@n zd5?nWlTFt-%fuYZ4KoFPT%GLtp z<*v-=wY;i(=a67rakKr_{?pqIY|pN}I@hdib$7dJFVdQ&MBb@0PWg>^Z)<= literal 0 HcmV?d00001 diff --git a/starter_code/index.html b/starter_code/index.html index bf06bff..6667178 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,20 +1,164 @@ - - - - - - + + + + - - - Where work happens | Slack - + + - - - - - + + + + Where work happens | Slack + + + + +
+
+ home talking +
+

Where Work Happens

+

When your team needs to kick off a project, hire a new employee, deploy some code, review a + sales contact, finalize next year's budget, measure a A/B test, plan your next office opening, and more, Slack + has you covered.

+ +

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.

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

Try it for free

+

Already using Slack? Sign in

+
+
+ + +
+
+
+
+
+
+
+ slack icon +
+
+
    +
  • 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
    • +
+
+
+
+
+
+
+
+ Status + Privacy & Terms + Contact us +
+
+ us flag + English (US) + twitter + facebook + youtube +
+
+
+ + + \ No newline at end of file diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index cff873e..6e65a52 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -5,3 +5,130 @@ main-titles dark-grey: #2C303F; paragraph grey: #5b5e6d; nav grey: #5b5e6d; */ +nav { + position: fixed; +} +.slack-logo { + width: 100px; +} +.row-one { + display: flex; + justify-content: center; + align-items: center; + padding-top: 40px; +} +.home-talking { + width: 100%; +} +.top-text { + display: flex; + flex-direction: column; + align-items:flex-start; + text-align:left; + gap: 10px; +} +.title { + font-family:'Times New Roman', Times, serif; + font-style: inherit; + color: #2C303F; + font-size: 5rem; +} +.subtitle { + font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-size: 1.5rem; +} +.primary { + background-color: #192592; + color:white; + font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + padding: 4px 4px; + border: 5px solid #192592; + border-radius: 8px; +} +.companies { + background-color: #F4F3F4; + padding-top: 100px; + border-top: 2px solid lightgray; + display: flex; + align-items: center; + flex-direction: column; + text-align: center; +} +.second-title { + font-family:'Times New Roman', Times, serif; + font-size: 3rem; + color: #2C303F; +} +.secondary { + color: #192592; + border: 2px solid lightgrey; + padding: 10px 10px; + border-radius: 8px; + background-color: white; +} +.logo { + width: 250px; + padding: 30px; +} +.row-images { + width: 80%; + padding: 40px; + display: flex; + justify-content: space-around; + align-items: center; +} +.column-images { + display: flex; + justify-content: center; +} +.try-it { + margin: 40px; +} +.third-title { + font-family:'Times New Roman', Times, serif; + font-size: 2rem; + color: #2C303F; +} +.button-email { + color: #192592; + border: 2px solid lightgrey; + padding: 8px 8px; + border-radius: 8px; + background-color: white; +} +footer { + border-top: 2px solid lightgray; + padding: 40px; +} +.row-footer{ + padding: 0; + width: 100%; + display: flex; + justify-content: space-between; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; +} +.slack-icon { + width: 100px; +} +.list { + list-style: none; + margin: 0; + padding: 0; + color: #5b5e6d;; +} +.image-us { + width: 30px; +} +.bottom { + background-color: #F4F3F4; + padding: 30px; +} +.column-bottom { + display: flex; + gap: 1.5rem; + align-items: center; + font-size: 0.75rem; +} +.bottom-icon { + width: 7%; +} \ No newline at end of file