From db8d5c3214eb6406d4956eae7e494485619cb6d7 Mon Sep 17 00:00:00 2001 From: Piero Date: Tue, 25 Jun 2019 16:29:56 +0200 Subject: [PATCH 1/3] HTML Exercise Alvaro & Piero --- index.html | 317 ++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 239 insertions(+), 78 deletions(-) diff --git a/index.html b/index.html index 8300a1607..bcba5b986 100644 --- a/index.html +++ b/index.html @@ -6,96 +6,257 @@ - Where work happens | Slack + Where work happens / Slack - -
- home_work_happening -

Where Work Happens

-

When your team needs to kick off a project, hire a new employee, deploy some code, review a sales contract, finalize next year's budget, measure an 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

+
+
+

Whatever work you do, you can do it in Slack

+

Slack gives your team the power and alignment you need to do your best work.

+
+
+ +
+

Already using Slack? Sign in

- -
-
-
-
- -
    -
  • COMPANY
    • -
  • About Us
    • -
  • Careers
    • -
  • Blog
    • -
  • Press
    • -
  • Brand Guidelines
    • -
-
    -
  • PRODUCT
    • -
  • Why Slack?
    • -
  • Enterprise
    • -
  • Customer Stories
    • -
  • Pricing
    • -
  • Security
    • -
+
+ + + +
+

Put collaboration at your fingertips

+
+ +

Organize conversations

+ +
+ +
+ +

Share files and documents

+ +
+ +
+ +

Find everything in the archive

+ +
+ +
+ +

Integrate your tools

+ +
+ +
+ +

Talk it out face-to-face

+ +
+ + See the demo + +
+ +
+

Efficient teamwork for every enterprise

+

Big companies save time with Slack by securely collaborating across teams, departments, offices and countries.

+ Slack for enterprise + + +
+ +
+

You’re in good company

+

Teams of every size, shape and kind have already made Slack the place where their work happens.

+ View all customer stories + +
+ + + + +
+
    -
  • EXTRAS
    • -
  • Podcast
    • -
  • Slack Shop
    • -
  • Slack at Work
    • -
  • Slack Fund
    • +
    • +
    • +
    • +
    • +
    • +
- -
+ + + +
+ +
+

Get more out of Slack

-
- - English (US) - - - - +
+ + +
-
- +
+ +
+

+ Try Slack for free +
+ + +
+ +

PRODUCT

+
    • +
    • +
    • +
    • +
    • +
    • +
+ +

SLACK FOR TEAMS

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+ +

RESOURCES

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+ +

COMPANY

+
    • +
    • +
    • +
    • +
    • +
    • +
+ +
+ + +
    +
    • +
    • +
    • +
+
+
+ + From f8574fc6e639f133127cf88e8df3351db4e652bf Mon Sep 17 00:00:00 2001 From: Piero Date: Thu, 27 Jun 2019 00:48:54 +0200 Subject: [PATCH 2/3] Parte superior retocada --- images/.DS_Store | Bin 0 -> 6148 bytes images/header-background.png | Bin 0 -> 12170 bytes index.html | 31 ++++--- stylesheets/style.css | 171 +++++++++++++++++++++++++++++++++-- 4 files changed, 180 insertions(+), 22 deletions(-) create mode 100644 images/.DS_Store create mode 100644 images/header-background.png diff --git a/images/.DS_Store b/images/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T089n+WT9l9=O7t>B@6lU?jHppZv;;#CJ^Cm?BzjAN zBudnX7TqwoUwNMQeRH4n{QkRl-TV8k$6D6<&OUpeT~66&f6j@#t*Jsmc8LrG0#T^m zRMZB6zz;wmh$j>RP$HSL^8iACor1z`RRsmuZFd(NJ4X}<#QW6B-295_Ro?d&7Ut&f z`}q0D+`YBY=xA;8miE@Z)^=Ej`CC{P#@Kk8foi%vgeIV|vlW^HUw+uDwngwA$*&GL zz9?Rn=B~#jRksrg_ExiZ6Fzf>gCssPLpvjb+#D&~F2Q#Y0<$*fnz}8W; zU>2zL6u4r9ZG{r{-~y(v1ENQBVeXu@I%piCN>y_foq68EC}gaQF_I5iL-Jk_&D0t) z(ysL8YpeF?(~w5hv-Of#gf#NS+r($|m(ID9Q1u{u5OoM%1V)4bVIcfn_*zPyUQ!6H z)FQp^MO40R67MyLg81DxlJd3BUvpO9RCyx;H`G#j^S*Tuly{!imMT}CB=nXot#lk! zkJd!h`%L6ITgmv&e!gR}=Jsae3Ho|F<>_XIqZ|7|Zoj1^C88(hY z7F*YZ5apAHCnr^x&YU^qJR8wMb8>Rh^!?s& zJwPCGn$v$U=vf8>2t>qfr)%J8a7#nV%Ed|0!rH|WCFtYi3UGr!GCoqkrxVK40_Nl7 z=is~<&_ zhn2gXtEZidGwifq3riO-Pg!>MQ$_#&`@>F8JDdM#a`yPsExWGt$Sx^$%sgg7}AT zGN+bHX`?(`9KB9MaM#(+Q%+dsmqULg|0g1UNGZ5Dxw@k~JOD8{u|GwAr~Q@R;6G~Q zB>tu2cj8|KwA}3gPc2UEk`wwb9K^%F#g44hZNkFGM6n zW#E6?@>fX(7e^O&9ajr0)Tw2^M1CXvmHU?-!~f_J7ryqpp5I!2leD&y^6;{>M_GCP zHeSG}{hIwcC^z_TWEuG1a?1d7LF$%^wVjQxqJ<|)P8cC1DTNT15*CLEi=2Ll1LO7= zp5H7uZBcMXS$Mj*>$GUT|L{Ll+aQv?ve+tXMPgl}!E9;MC`-=*!TRAd7 z@?U#^9N8MrWpWUR@1d&VbzL9u>I7+qF)D3+V=<%XN0W4>EE_3jga9W@F_PD2?1ru@ zlEkx<7dndb~0!Ijly8RNMA_}4ytz;ab3<9%9h=qV47m3jf zQFZ5HKoG@q4j?emRWd4}i*AgUz^4X){%;x(%1IPP4dptgBz3H)uP8G>kUtplLLtK3 z%!rgjLDV9x+$0HF>RVFdyLBtanW80$j=5+!U1HvYQVkh>?rfgBB5&c#H#5MoT@zG; z@agc(6R}TbONcAyK4a}la7X2ifx7o3)G@1)dO6zmi|=2nTX&nO?+DFMf0Yg2_x%9) zsbU{kYIrH@Y0TcuS$9(5qY3G|@I-mus+5~YjU8G$-dfHI<{yB-AJs@raZ6{#Q+U6h zOb%qmZ3n%S%t-TzWeyJeFhC!tv(ywiCj5hFfAqO)PdjeKUukl`bcM;F8S_+wQ|YnH zRLXXL+pIe|B==?rn(yn%irn~t&iIxJsb6LQ9|6`?+q3)5`V0J^o?LGK|5Aq;8XusQeUR;nEt}JZrQ~8WL5gXrWd%D)K z3jIzGvn1Od!`+_P&v{f2kzlp+h)?O1XI|3$8XFP>X3s~)g=L7k@Vb6!6{p<#cIFG| z-i=nbQ+il$J!T~fQcL0J(TO`s1#C3|Y<&%Bd(#xJd!M0(1JOW?#snQqZCrmBZ_<;b0JubE>a@(cAK z9B5dpNM$&X5Q+9J&@eXex$k`4{Pk&wJwLO~s4(`al*Tn1ck}Fshyt-tJB>w*_>`rs z+!dC}yy9)omEiL@dFS)5MNjS9X%fQ41Fe)1^CX4Z;`N9uTSN0e*gv(n`2HBoVrp ztH3Davb*ZLQZ=cB)?)%b`Qwc42lPRk3nr`zGHJJ2P z<$buep`CC))tLLByYc&OzZIiLpYcXVS$rkwkWf!YRW7`-ID@<0m%8XnfBln?OW~AV3zM8qj!uF5QzHmb0@NEd~w#0?wsmA#bNxj*&QB2Q4U z_ok}wc?g!X+&o3bFB8+kGuo9@QCMW3D15hY^NF?6$6nIow*@f<0y1|l38|gE(TWNs z$)4~!aq-^8ypW79q?q5gOQx8$ZK`AQ+qG`ynKE{6RJ75GUl&+*+j~K{*>O%O<{eNU zKt9qPyO>UXS$v%xh?>IE_o;E}Xj9AjZw741*RMGmR^GnQ9+V}r0zSwPW}-&63WY}X zGf4Q`E4@(76qapxo2OA!`8g^m+22!@%X*&&g~n)V94jO1LrA0OyqmXPB`#kGeA_v{ zp8Ob^uTEmFc)LR?PeHR}|b95R@xa`8 zL}aUH1v_nK6muGyy4qYf)ws;{j7IwRqduD9w(X$3pJtm;frEOsf~<_1K{FOYRE{`$?BnXP*BcYbCU(+V_X z`Gi-;NlsMC-NMJSoW=}}->T&04 z|g%Oe1w18zf@Er*~~xNo8V9B3~!^0wR{rND@aw&N7ZD!s?MH#?eIzEz|ml~ zoW$OT+NwPP3U6GHYuWJ!tESJSrb^Wsvd7b%GsbL|PiA{fsmkHgJUBZKZT(p6 z2t#l7QAN2|7c%CxBn5r&8-%D6 zi{0<&7-D-w4sM~z^3D}*^;Y=Xs`BK+Hd{9KT)(b%V?;8ouf ztvJq$rZ)aIiqTFMohq>Np#kD8gm**!!8BcS#AY`I8)}wER8=ykV=`0l$BSGO2}Zl^ z9gM7ry5S%38;V`0V@VYUOc&catFZA}$@+Aey&r4YLEDR&%UbDH&SXrJ=hB&+2I9~a z0=@gt4mR^xGb#DYhK8d@3TKCOdwtXT^^-R1OH*GvX~v@~3VX(&9bD#GzXma$e%)Kd=a;GgE|-)|(S$6-bq@cKbknthy;ffY%2=k;YS zy)tpOS-3mOLvKRU6yb!w(P41b#)ruA0+dNyEk5eO<%l=w{Cz59Ql;JjkDb z!}Tj|AAG!Bew}WVXwjN8Hk zClhrZ^#mcno)3M$0tvMw#kgz*?k^C4-p4PN+1&WCMR`DDtHjFk{&o1R#@w)HpEtNs zPw+}JGIy@%t&dYeYKYqqd&@5KDJQ($N!ErxXlf5=Y?Kd0ThgB6y7|j0n@;53Ez)7- z49Cz&KC(wcMoUu7C2W2-MDb&mmrH0j*)7Ss%2`6SX?_ysNaWUAW=*ukxHsMm_*%ue zzX0{Wts5j>2no3dj0tjD^-rXJ zP0xSk)IY25pDp44{N~xJ*I`{{SZzZa0fL;l__Gbc{4=wj0|JF1u7QnIgu>E^_W;Bg z3v9{5o!S?HLnxJy^LD5q?71$G3qBik-)N-(azTt7f}AJ`$OURl>W0udHXs)ak=TTW zXoK06?X397!4g0&kT__)N_88+u6UiUqS&S*fLx%=iXn!m0l5GhgS|@h703l&zn`f> zA`5|B@VX)?JcJ2Q%oJ#T5y}hXf+X>jN-9?cAVK9)_Cf%oy0W~&Eo$6Oj^#@yx7xDr z>ASpN8Dm*+?`nAV#BjuczL&*+_hAuD+{T5-thgClA}Zu_c&M}4E5`7i=D;33F#=&} zLB6a@toHr4srn@z8k7!qw25bDM;yG=@11Aa)sLegjtT%Yex8&WjX^k0;hf$nXs!5d zkN5UZ3=iz#{Y+O2c{G|fb9Zc;`0wa=-RCT21CaG5q6T*Ers{92jlsC(ip8y40!?cp z4q@we`{fQ^as`VVE39kj>hCtBQ9xlK$W)|fgT&Nu%@Il5>cLx&Gu`xCAuz|OI@G(c zmd_`{X1!^bu2LgGp*J9RI#!Ho+!wX7dTU=_Y|vR>wUC=?u*sGD(dGDM;!v*!2I$U& zG)uny@-wl(J?4;v|3Y5XE%*_3Xr1diQWpBcF2;5jGihaGb0TS0inNREgBITFWHyW1OsFSDHG7tccVUTFWwn zwLg9x#|jzRM1mk#?&$*VPg;br8EX@-!oCbVdkB&gs+fJJNPc;OMo@0F>=kb)URa5U zikB~x*D|5{u8Il%saw=k>dTpQMztb;jf>z#;vBS4>Sk_%hS5PqB&#f3%;MF#MX{Cs zZ~IKZHOqIZYd>k#m3aGR^FsSnqwd&%?4E-7{s~C z`rc0wN5KZwdwcL&T!YY;L5z#mUba|48G+O`>hbv5%dsJPq3s;X4#^+FK@cHQ&&;Su zyY-ceV4@@d%?oHBTBn|+I zamOnx;CWy@Y@XG*4A}q{+r~ka_dgx|6Qlo6<`L)Y#8FG>G5+!1l(ax{Tt4-KqbWjr z_A#T&=YpIV;F|M!5-|=DecTs2U&%8OK!{7tNOTOm|7o(Fhw6#`Q=dI8PRWIztAs}& z2p2ciA`O;5t5KGIF8k|jnIl}f_2QFAnXQ)RvMt|g&M@J5Akd^Dq$BlKHpO!GRL$pd zU%nF^hhhS+zEm4_i!>4cV#C{Fq!|078wcz(3a~6RY1_|A+lKSnxV#owmdWwk4q4@1 zGPcY6w%hu0V?Vt}Jv_<4L~8l~C;rn974O$9*G^{qXMAgMPw!LoS?8Qdi_ME1=5`De zaol%Wni2K@u4>sVAJnWi1?~(`=I(J)`Etr^A?p7D9ElaS^k-q z-cQFPAeZl4IX?X{>qC-Ebs<;wKzclBZh_W<7G|KNUh?26IbhZ^=9lgMwM)^S3*}9SD;e_2wy9*CQ7j|prM#f=?J0m!@v5mPmhpqtVp{DfQhZQ#V zX?TAsbzj3P54g8ORMe?bnkRt0^Z%0(nUS7!i$IMVn0P^~1~+8U`n%a52pbbVJsD9crTl zscb~J_tipv{z=0nXK`aCP^bktt+ZwDBYCNZI%YlPq^m>Y3?9^J z(j2~>8-?x8izL8+vxLqx<>*Rr_tJuilr>-xxftqn=`(C0AzMI(*b=aO2u-R4QR{S1 zSgk>?0k^N$rr5awfPnm`y(^!0Ts;TEG1QoM6^~$fG*rukk$B~+z2Kir3YWaGp3h?$ zF~NQo`COE^*VgkvUKl-7)xc_hsZ;lQ|1%0UbcRhPaS+MjkUe4Adrb>EMksR0L;DT{!PJXn8J=mOr?2cAYA_I@Fa$1F!PW( z7QK`h9s}SB1{D&uekZV?GdYqp1j||2+SD1K4crz7<)z^CjLS zd{5l5STTbgGYg$!39khC^=liFPp*YIGvth|kb?D*K2pinfikDgChexkxd*qFQOJP0F{$nVg`A`uTa+ z)lB`VO{+5%LjuyI+ep;ydkeeU_iv(kqd~9s0e4uLGLCKjNZ)_M}oa`4A9A%Vg zDLz4*ue+Z*@KTgSctYa*4=HL9-qIIS5tkT=p zeK{eYhyt{1^m&|RN`K5XSRAD&%Go)UC^eluKYEq&GCm>IJ|>HIKG6apxDoy?@71h? z>P~|Q6ID59`7~ZOElA$oI@X{w9~Vxe&6=$zRQtdHZ>a`6pV_HsEnoF-zq_ZpY$S|& z;XR}BcGlA$%qwn0v;Q;dkSwsMqBpf`{+J-twZ)yxVwA~nymu#!9nIj7xx!p0%i`!W z;V`w@hY?J)RbEFg1$8a9-8$iF-0j)7n|x)}!JO`X9hnMRw7j}2Vz8&TTk{xaUS(F* zQ#`SpDL!!Wz9iw=&jYiOUBc05Pm1TDsGwsOOh@y|VS$#KfNikAgGVo-;H{wzVp|&G zhx7i{F6ol1?08+wtw&`?Yyk^q4ZHMb-<-)#GHGl#zS5u&e@?=&FW?C5Q03-lzLi;_ zb)xj(S*!UGS_Vt@E9lo?Hc4ef;`__xc zZ4^CiCcbuMDH>Q`Zw-tz()wp%sc;!s zL9pR5Ap(CpRc7Z&Z_AzLWAtmLD}r3?t@R8>F`L|RiGz8njdMk9HTOK&CEgdvY+dlG zoHf>1jULQ+D73zIYxL35rLF=l(O}^O27wnXzNrBRg7}GN?S!pR!n>%U#Qd`3l3omK zG#K8Uxt6-{0KXYG_qb=Sd7%5@_=L;1hFnN4>N1lrXZqkwyoyb_d0Gzk-hEMOZ@XBnrG>QJKs)Nd4)&wx!QkW9@1dp*ZD!- z+@^O|&APaYWv@t$Mkb?k2{g7lgmrg+Zi8y^uT`Vzy6f4(Dhat8 zzQvM<+k1OG6Ix1-1+*r43z$c$I1Y{GSIW?mOa7BG_;Gq{Y2_lz{x}Nga(*p3r9Le; zIrumYGn?wI@uP9B)24odt$tQSTj*Yv%I@mzCq|JN?UiRmk|#@E`1dDIYnix~dMN07 zVpyO4*i;~XW|hH8&@64zuf%^R^c;}h4T8Afxd*m!8l{E=u<8<`W^iLX11Z4!ISgh7Mv7EpIp@jR1ZK|bXyiqQ6TjyTx zz1^~2!n<$#;NP)E`7$={Ve@Y^2WJ{rKHn2?bkhu>FUfT1;!TT}Eb$+~l9-uFzxuAU zHFxmV9dD*o#=LWEe&0~L)PyriQ*MQgF#QUoBGg}FqpRVlZsnOZuMhX8lP*<0UZ)fG zue^Fxy5f-RpMv&1jP@+#?#t%dGv!!t5yS#7ppw)IKJ<^^q!&i{=QkVY+VGpz zEr~8NSN3H2mty0fm|Ce|pXPw|D)&Vi_b>3d^z4M`KZrKrm# zd1%hioZ6c#46%;CFgcT4d*yz4PC}CJThsJy(+w=iSW0jDRrlV1}O9!P`tL&&22zogK@1VB&P8tYogYkoTsm}Rh2XqOK+Gz{9guES;qhX literal 0 HcmV?d00001 diff --git a/index.html b/index.html index bcba5b986..38a7f01eb 100644 --- a/index.html +++ b/index.html @@ -5,18 +5,19 @@ + Where work happens / Slack -
- - - -
+
+ + Slack Menu +
+
-
+

Whatever work you do, you can do it in Slack

Slack gives your team the power and alignment you need to do your best work.

-
-
- + +
+
-
+

Put collaboration at your fingertips

- -

Organize conversations

+

+ Organize conversations

diff --git a/stylesheets/style.css b/stylesheets/style.css index cff873eb2..db12c7a9d 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -1,7 +1,164 @@ -/* -background-grey: #F4F3F4; -button-purple: #192592 -main-titles dark-grey: #2C303F; -paragraph grey: #5b5e6d; -nav grey: #5b5e6d; -*/ +/* ---- reset ---- */ + +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} + +body { /* el body debería ser como una hoja en blanco, sin padding ni margin, eso se aplica a los elementos que van dentro */ + padding: 0; + margin:0; + color: #111; + font-family: Helvetica Neue,Helvetica,"Segoe UI",Tahoma,Arial,sans-serif; + font-size: 16px; +} + + +/* ---- typography ---- */ + +body { /* no habría que repetir el body dos veces, sino hacerlo en uno solo */ + +} + +h1 { + font-size: 46px; + margin-bottom:15px; + margin-top:0; + word-spacing: -5px; +} + +h2 { + font-size: 30px +} + +h3 { + font-size: 20px +} + +p { + font-size: 16px; + font-color: rgb(69, 69, 69); + margin: 0 auto; + +} + + + +/* ---- layout ---- */ + +.header-top { + height:70px; + position:sticky; + position: -webkit-sticky; + top:0; + background-color: white; + padding:20px 30px; + +} + +#site-footer { + color: white; + padding: 60px 0; + background: #111; +} + +#site-main { + margin-bottom: 60px; +} + +.container { + margin: 0 20px; +} + +section { + margin-bottom: 20px; + padding-left: 30px; + padding-right: 30px; +} + +.section1 { + padding-top:50px; + padding-bottom:50px; +} +.section1 p{ +margin-bottom:20px; +} + +.section2{ + +} + +.section2 p{ + margin-bottom:15px; +} + + +.signin-text{ + font-size:13px; +} + +.signin-text a{ + color:#1264a3; +} + +@media (min-width: 768px) { + .container { + max-width: 728px; + margin: 0 auto; + } +} + + + + +/* ---- components ---- */ + +.btn{ + width: 100%; + height:60px; + text-transform:uppercase; + border-radius:5px; + font-size:18px; + border: none; +} + +.button-top { + background-color: #611f69; + color: #fff; + margin-bottom:15px; +} + +.button-footer { + color: #611f69; + background-color: #fff; +} + +img { + /* width: 100%; */ + border: 0; + max-width: 100%; + height: auto; +} + +.slack-logo { + width: 110px; +} + +.burger { + float:right; +} + +.header-signup input { + width:100%; + height:60px; + padding:10px; + border-radius:5px; + border:1px solid #979797; + box-sizing: border-box; + margin-bottom:5px; + font-weight: 700; +} + +/* ---- section ---- */ \ No newline at end of file From 9840c048c42fd94830768d9bc084ae4dff31843b Mon Sep 17 00:00:00 2001 From: Piero Date: Thu, 27 Jun 2019 09:27:57 +0200 Subject: [PATCH 3/3] =?UTF-8?q?A=C3=B1adidas=20im=C3=A1genes=20y=20estilos?= =?UTF-8?q?=20en=20secciones?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 0 -> 6148 bytes index.html | 92 ++++++++++++++++++++++-------------------- stylesheets/style.css | 54 +++++++++++++++++++++---- 3 files changed, 94 insertions(+), 52 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0Whatever work you do, you can do it in Slack

Put collaboration at your fingertips

-

+

Organize conversations

-

Share files and documents

+

+ Share files and documents

-

Find everything in the archive

+

+ Find everything in the archive

-

Integrate your tools

+

+ Integrate your tools

-

Talk it out face-to-face

+

+ Talk it out face-to-face

- See the demo + See the demo

Efficient teamwork for every enterprise

Big companies save time with Slack by securely collaborating across teams, departments, offices and countries.

- Slack for enterprise + Slack for enterprise
@@ -98,7 +102,7 @@

Efficient teamwork for every enterprise

You’re in good company

Teams of every size, shape and kind have already made Slack the place where their work happens.

- View all customer stories + View all customer stories
diff --git a/stylesheets/style.css b/stylesheets/style.css index db12c7a9d..ee33e2b9a 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -18,9 +18,7 @@ body { /* el body debería ser como una hoja en blanco, sin padding ni margin, e /* ---- typography ---- */ -body { /* no habría que repetir el body dos veces, sino hacerlo en uno solo */ -} h1 { font-size: 46px; @@ -30,7 +28,8 @@ h1 { } h2 { - font-size: 30px + font-size: 30px; + margin-bottom: 65px; } h3 { @@ -38,13 +37,46 @@ h3 { } p { - font-size: 16px; - font-color: rgb(69, 69, 69); - margin: 0 auto; + font-size: 17px; + color: rgb(69, 69, 69); + margin: 0 auto; + line-height: 22px; + +} + +ul { + list-style: none; +} + +.expand-link { + color: rgb(25,101,161); + text-decoration: none; + font-weight: 600; + +} +footer { + font-size: 14px; + + } +footer p { + font-size: 14px; + font-weight: 500; + text-align: center; +} + +footer ul { + color: rgb(105,105,105); + line-height: 40px; + text-decoration: none; +} +.bottom-footer{ + background-color: rgb(253, 70, 70); + +} /* ---- layout ---- */ @@ -120,7 +152,7 @@ margin-bottom:20px; height:60px; text-transform:uppercase; border-radius:5px; - font-size:18px; + font-size:16px; border: none; } @@ -142,6 +174,11 @@ img { height: auto; } +svg { + margin-left: 20px; + +} + .slack-logo { width: 110px; } @@ -161,4 +198,5 @@ img { font-weight: 700; } -/* ---- section ---- */ \ No newline at end of file +/* ---- section ---- */ +