From 012f628a42e49fde53d3fd5642a89734bec2b797 Mon Sep 17 00:00:00 2001 From: Carlos Rodriguez Date: Wed, 11 Oct 2023 22:45:56 +0200 Subject: [PATCH] done --- index.html | 181 +++++++++++++++++++++++++++++++++++ starter_code/images/menu.png | Bin 0 -> 3250 bytes style.css | 135 ++++++++++++++++++++++++++ 3 files changed, 316 insertions(+) create mode 100644 index.html create mode 100644 starter_code/images/menu.png create mode 100644 style.css 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 0000000000000000000000000000000000000000..2574592ff7a7afe314c2a004ac28c26c6bde228f GIT binary patch literal 3250 zcmeH}dpOi-8^@TvoeUxU=&7~l1MCmlS4`< z$1%(pr$us@=)i;=V$2M}wvh}{GOBUfwzq4qz25!negAx~_x|U8p6CASdG7o3eZEoF z$IR81VU{5f2sI1hArb@4fpLoU`#ka~1yZ2Zl{+jo=irxep4K7LZp%+3cqxiE!5sERBO5y%>v;}2p&)TXpV z?>=;Q%ZPwQcmxjTuUqB(?Uw7$FI^|?sN9aPI_3E_9@8_IMbi4 zpQ}l;QvFAFA6p-Impr*<+gll{WHvdfUb*vWNN{szdJl|jpYF`mEozg#ZnT%2)LZuS zYEP2@B8>3o3LpZ#ua-}a<$Pop^{|nW`7UfdrX;BiyLe)@8I$~DF06gqG3!Mt<+OG- zqcGyM{Inssv9gUz*XW<`BtA{|-R9iw1ce2<-$+s&(6CT?giY#IKO>S~daKd8@t}kB zCJn&uhr^lP;*3CzsNPJ1z#yUGm{-GQn;EB)gY0k|B&8D zoPmp{EgWg#&Tl1CdKTool;3>-(5_TjwrMUJ z;*O>rgiJ033?v%EXXbBZE!~ZM;Vr3cD#SeaS=aWvQJ5;><$7O1AO6W+D9|%?$TT{p z5qjI&xvd=IQf8DJxxGb`FnE)%)dj8Sl1pNGTxGXM|HPA5!G zkLiQ@qO`6vZIfWV!xv;i|Ama}gZRMgjB+i9jQEtG;!d6Ocb1-}Yj2uR ziii)5t2cSwJG`e)FX614EiWSb^_^`Hsj$YDQ)BtDhuA7znV8!>45RL(7SxcP3=#qg z4hNk`H&DMpDauT|$j}~pudXKN`La2|Gl@%Vrmw``(`v$HJaqwsA`LJ^Hrj-}q?p?Y zWcag{3e#$|>C88Bk@yI-B8e;C=w^j=xxGIBejqk<%wEgi586;^C?C&5H`yqDl>r_l ztbH_;Kk1-g_d|z*rO{aS8B7e*xg2d>{$`8UZX|t&Z3P}8dWpv~&>e(6JHI|)gcVgq z)+E^Rn%9GQ2dhB;Zb0q_b(n&Js|iNC9x92XD`@*GxJJM`VYOzcZU+UT`i{7P#j$p$ zQTDkLaNYgRHi&9GnuV5`%`s5Z)eOzhz7Acmn4;_h#?Cq6kkxtV?7B;ma}afa*9r)Z zX<5XCHyyCDN zy-}qnglqAphW!3lgRqI8zgWZoA%%bW_CflHd(HEbWX>dhRjx3?a-pcG6Jo zm5@rFJ~Ho_$*xHD;JQ{%6L({csF}>8SI)~RAZ@@Xhj8O-7u|zfiDZUw(wf;q>?q$l z7)MZcsqcxz0c}gV=lM4GpG1rJ*777pk2sdjAeea$P?$j^)5a@V=*V&g<=L} zyFQ&19%my1m=lxwtV1uI=O(!}#f(dz;VmHg`5Mz3(ds#f^#=wy$j;=dIS+ur-bnWwyzrTbKqL{8)EA|Q_yIMYb1HUUa#}NGGIqBeFr9B8s zhQ(4jSzi8cz+La=HxJ3*E$l7maXd3Lsn-l z2aA`NV?)dHy8(fNB}BDUJ_E+g@8}`-XR1KdrBj(`StP3-7+ck1fK1ITsbCi~VsFUV z#quBRur78-SXG?>|2?hmYy%*Nt1ePeiqNV9z9>b_8#>OEPOk8Qh`r*1hXBv?!)+XL zA8%$gc9E_`g$eCtDy7eFqmMEQSu!tF>G6Y>UIwPLRPISSY)u#U-tz$CUY(V{#Dj6t zskm`SqgPR!7ckNiFz>bSGeMqp0*f=t{OWOSbV%?Gv3N-NeX zc`Z5!ALDgBlgf*8Yoa$B+0MHzUQgM1)7YTo#6M8k5V4@*6zSwPTTPVwS+p=acBs&l G8uka}{t;{d literal 0 HcmV?d00001 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