From 07a4411d23e515bced3aa2b7f667a032dbf5d50a Mon Sep 17 00:00:00 2001 From: Velma Date: Fri, 26 Jan 2024 12:31:15 +0300 Subject: [PATCH 1/3] edited html --- .../images/favicon-32x32.png | Bin 0 -> 1063 bytes .../images/image-qr-code.png | Bin 0 -> 5224 bytes challenges/qr-code-component/index.html | 77 ++++++++++++++++++ challenges/qr-code-component/style.css | 5 ++ .../qr-code-component/tailwind.config.js | 20 +++++ 5 files changed, 102 insertions(+) create mode 100644 challenges/qr-code-component/images/favicon-32x32.png create mode 100644 challenges/qr-code-component/images/image-qr-code.png create mode 100644 challenges/qr-code-component/index.html create mode 100644 challenges/qr-code-component/style.css create mode 100644 challenges/qr-code-component/tailwind.config.js diff --git a/challenges/qr-code-component/images/favicon-32x32.png b/challenges/qr-code-component/images/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3Ix!l8kz%EE|%$}t)Qo}zLn5IJN7ft^v1Lu7;i${`O&(18&n zBcR9;6v7RP+=#5=Od^+&Q-R0;iU~px1i>7uMjQLkglaUS747^TE$c*mvPIk}w7e5#anZlOM3;r=voSQf65V|n zt?ZJtzd~<4l3Z;@&lICih9t#L#UuQcm@2gQHCoLoCi-v?wYh>8x1+zbpmU2WEd!E6bm9BOmGK$$`2ou(;v{zQPiG}PR*m2 z>rprbO>L6An_p?{lbk9LQPa`7o|Vb>=;N1?+UJtz7a1pr^M?Dy?)I}1&ZBq;qzR!us*e~!1J7$u)Y6_0+?cCcaXkPZ6$<;Q7N z7=&oTIC(Mxu*Ms76|5&io23lnGWZGxkPN0#g5QkP=#h~Huo=lH#MzlBA*QZ)JMc8+ z2=X96mhG+qXvQ|0N;VDNGr`Ue;uK!tlB1Mk<6@gB{CiCgTpIC**IF7;ni_nQA0(-R*9i(Y$ky{;PrApe!{03=>l`S73Z`|n$=JXz{MQpQ*dkQutjkg#=xM;O(xBHe9ryyAUF0?- z`)^>^BM^20Dp<<r7O|bXpuGZq4~jafW3sVFPl}0^m`&_CwkRQXk`u6Nwz2V&<3+3*0ue3ZGW2P z3&2i$glN1%Tc^}$v%Z5R@7(elTx6b`{R1v@|9Xl?q|#xsnysv8)gyfJTfH( z6IO;b0Zm0bsIMv5aM&IJ*H3^TGH_oFE6FfEH_4E`70}g0wB%twJQWY=%VJIODXCVW zv@!F0w^|;yp1sOPRCvGVbK+^cV>i3?FQ}7L8d&Du0|K8TmbV@9?|AO~w)6(Rc;eeb zEa)|E$Tykqp+oKN52a`iJYMDK+@x~Dm6AK)HzV-VbMQG?^87FUjvEMW++Il zzg-OjoGN0jK$Sy)3>iT3pLr=6;t#(yUPrqp&(WR9?VD34c^O@*42XtVEuIafe13UAw~9dl-kiSK??=}1n4%pKc_NvicMlJ>xVx-$^fl;lLX;$@ z0ejUKi`)Ke>z`&B2c!0){r3tDXm3vQd@={)xYG}rDzuk-NL2x2)kYT4Z^v3KhqfSK z-Q12vpOWH;xSI-OYe16vPoGbadJ)GU;HYU(aRPAL4t|wmFh6^|53JKc+6jzhaQ(#q zL55K|YGZlT=Hy7CsPKXyM}^eaRmoHK9iWJom$lx4_mIrTHF%UdZ4$hAk zStb03hyGZ#DUg~Bi=2QU{l;(mu2Db^Z*|UG+y<4}2F01Cwu+Q|qi4>PvlgcBH@huw znc&Y{s8q+}sE2~z%M2AIMn>iH!oMs1zOm_3aD`EOK=grL%dEO}mI+Sk63=H=O9p~yv7Rb2@U`@O zp2{QRcxoE%pU$lQN8n1OTGGCMEQpg-7h~95CCXjiv{1xUuZ#ChgwQ4rk@M6 z9i89lT(A;(@In=pf<60bcOwjke}IS0&{YM=t>c0k;)&S>k?@>D%eWO*M999*P( z3^JD!1tHR!q2MVo8?tah>&hvR(Le_xL_ z<SSVs8y@^Zf_i;Zzg5_d$`-1X=!WnPN7&s`E2#?Q_U=KCos zT}}Fpmc6ZN$&<~UzCpAK656w@3|AXnB6J#%+$VqS=d@1N-F|VgAw%`}>;6Mm$~H z8YIiZ>78I539-5rVhn?(L2XK$0nJy@!>ns&GBxIdqC@Xm>$usz>5J!Tof3(r-W=K) z^O_SrT+g$2j*os{?AWW#UCJS9F9*#>Q9;-TUuN#Jc%ws&#;$1J0t3V2C%3bbV{k27 zg|)fES&>1a$#R zuYN3v_sUhc;uYY(y{2FSPa5S{FCF33#Jv1D)kcu=OKSyVsj-7-bKKQIv4!ZMo_=mF z*z){aZu}$d!F&B~huyvFHY_#X9i(*cw@NsR)weHcMBM`%wgl=SQ>)>g zeA^jiUIQbMf4I=%!I`V>-2CCa6Io7yOV^kt0+mZquZbDyU+2Q3b8bDI^Qxq}8)_Q~|14}ayVhO)t7Str@f}wGw zbE~7l8=W$J@k=cJhlI$Hj-F(V3hSKr9-hNM6>%F7r(fGp(UM(7%QA5tUWG}Ta3z6V zWL-ytA6#6AH84SjS(R1Vi4rTbGL`JfttPUJ9KdE>uiTxv<;|>_u0e&v(GvdXIlnhY ze^GGU6CSkh%~r>N=sMm`H>E}1Lo-sdp=kjhVXkdzqo=xV$`^YnMMb$S&2(@d?foUo zNXS}K$iFvo#wlbsL#Z20Zr)=!(!X$qWbA4&o(o^gQ~VHLQRIKvaY{ML@z*$`FSn&X z2kIYyf?=;|mD9q-Zl{aUwbcH{dX7th(cHZ%(bpr3XrqO>oN6YQGI{#rk!Jkl;{MF8 zfT+%vP{Hzmr7}#=l$cZkY{H zjC)Qykm(rsU4!+)Q_GK2FY=Ff?R9QW*^$XM;(E-!?A0l_U#c4(t@oz*ncLh6SE(S&&P~7CH(H|FH zbE%fvODYxIb8c>FI$BQ*qMVLP;Bex%4Y}*`uCQq@0WSfFzjL zm#p{=C-R>Sg@lJjnn#(CVj}Jzb$k{`sp3Ci8cWdUGqwaq7I8AghiMc4>Cr{wlO?tR2@{Sf_wVPC$*!qoDi z=Fr;VB7P0?LsPkLFIvQxbIjwN^-;VkC&!xgT_Gapc^)JCS3IAk5s4Ly$9mM)7zC_% zjHFLtfEr|^gL!fzRG41ihSlNQz^}`|_yr`x(1!z;%cNBYNB!E(8jDZfV{_Sm;ZUkh zN=cjCb*shpk;GP-`(mYls_&*M{8%~-WVJqy{9)+MV-ar#${U4T<6L8!HArB(F#M3O629B^Ax>pT8^p ze1ZJ0hPVFn2MqpXP$3DX*fv20l(bQ3^Mo83dv2XXXkDNn(qIPkM97e9Ey53iU9nI> zFh+ZcK0$1OCfQjX1h&oL>AmW(lP?H-lL4wFke%6mZ*We8V`m-*e0exbgr^VdAj=SY zf}a9CoiTw^eE~Mce+Vkjg6zcLi3(h)0*$}zLNF@V80?4#<9d+YfH6`oRaCVOC2XEm z|4ae?s0utU`3w9oo^V+Q5w9qc&%v^6SyNaHUgOq~cOlSglm)^NIX1e4D^P&vFDTIQ z8n8JBoP+Rorx{Q+gu@1oka3&yegG#RJX=W>CT>Gs6XeP3$w>C^(7X(RE_-O(&PVu~ z=QsjA=m4;c!PKg@fwZ+6aHT3VPrwvblaKx#RAbf@1gGWK!DA^@3YK=YRs z=-8|JM*PV!BbQCAlM^Aw_Ppeu}7?93S+WrJdRCL zg$b&#aOBcua4tz*N_W2ppA0o%0{zP{5cZQi-Q>Xv&`O+653%js1F)a{ey4qvd;fOf Fe*phR6 + + + + + + + + + + Frontend Mentor | QR code component + + +
+
+
+ +
+
+

+ Improve your front-end skills by building projects +

+

+ Scan the QR code to visit Frontend Mentor and take your coding + skills to the next level +

+
+
+
+ +
+ for + Optimum BH + Internship. +
+ +
+ Source code +
+
+
+ + diff --git a/challenges/qr-code-component/style.css b/challenges/qr-code-component/style.css new file mode 100644 index 00000000..6374ab5b --- /dev/null +++ b/challenges/qr-code-component/style.css @@ -0,0 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); + +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/challenges/qr-code-component/tailwind.config.js b/challenges/qr-code-component/tailwind.config.js new file mode 100644 index 00000000..9d8a8823 --- /dev/null +++ b/challenges/qr-code-component/tailwind.config.js @@ -0,0 +1,20 @@ +module.exports = { + content: ['./challenges/qr_code_component/index.html'], + theme: { + extend: { + colors: { + 'optimum-blue': '#009efc', + 'optimum-darkblue': '#0389e1', + White: 'hsl(0, 0%, 100%)', + 'Light-gray': 'hsl(212, 45%, 89%)', + 'Grayish-blue': 'hsl(220, 15%, 55%)', + 'Dark-blue': 'hsl(218, 44%, 22%)', + }, + fontFamily: { + outfit: ['Outfit', 'sans-serif'], + }, + }, + }, + plugins: [], + variants: {}, +} From 9ca289ddf41f37511ecba693a9423c5502739fc2 Mon Sep 17 00:00:00 2001 From: Velma Date: Fri, 26 Jan 2024 12:34:43 +0300 Subject: [PATCH 2/3] Revert "edited html" This reverts commit df8b871e7b71bde91b26fabd5116301b84bbe7fa. --- .../images/favicon-32x32.png | Bin 1063 -> 0 bytes .../images/image-qr-code.png | Bin 5224 -> 0 bytes challenges/qr-code-component/index.html | 77 ------------------ challenges/qr-code-component/style.css | 5 -- .../qr-code-component/tailwind.config.js | 20 ----- 5 files changed, 102 deletions(-) delete mode 100644 challenges/qr-code-component/images/favicon-32x32.png delete mode 100644 challenges/qr-code-component/images/image-qr-code.png delete mode 100644 challenges/qr-code-component/index.html delete mode 100644 challenges/qr-code-component/style.css delete mode 100644 challenges/qr-code-component/tailwind.config.js diff --git a/challenges/qr-code-component/images/favicon-32x32.png b/challenges/qr-code-component/images/favicon-32x32.png deleted file mode 100644 index 1e2df7f089f46dd930239e418bf13e8e4c1cca0f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1063 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 Fe*phR6 - - - - - - - - - - Frontend Mentor | QR code component - - -
-
-
- -
-
-

- Improve your front-end skills by building projects -

-

- Scan the QR code to visit Frontend Mentor and take your coding - skills to the next level -

-
-
-
- -
- for - Optimum BH - Internship. -
- -
- Source code -
-
-
- - diff --git a/challenges/qr-code-component/style.css b/challenges/qr-code-component/style.css deleted file mode 100644 index 6374ab5b..00000000 --- a/challenges/qr-code-component/style.css +++ /dev/null @@ -1,5 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); - -@tailwind base; -@tailwind components; -@tailwind utilities; diff --git a/challenges/qr-code-component/tailwind.config.js b/challenges/qr-code-component/tailwind.config.js deleted file mode 100644 index 9d8a8823..00000000 --- a/challenges/qr-code-component/tailwind.config.js +++ /dev/null @@ -1,20 +0,0 @@ -module.exports = { - content: ['./challenges/qr_code_component/index.html'], - theme: { - extend: { - colors: { - 'optimum-blue': '#009efc', - 'optimum-darkblue': '#0389e1', - White: 'hsl(0, 0%, 100%)', - 'Light-gray': 'hsl(212, 45%, 89%)', - 'Grayish-blue': 'hsl(220, 15%, 55%)', - 'Dark-blue': 'hsl(218, 44%, 22%)', - }, - fontFamily: { - outfit: ['Outfit', 'sans-serif'], - }, - }, - }, - plugins: [], - variants: {}, -} From 6f076788249f0cef3f1ac880ab01e511c7cbfc06 Mon Sep 17 00:00:00 2001 From: Velma Date: Wed, 7 Feb 2024 17:05:32 +0300 Subject: [PATCH 3/3] work on the card --- .../images/bg-pattern-desktop.svg | 1 + .../images/bg-pattern-mobile.svg | 1 + .../images/favicon-32x32.png | Bin 0 -> 1063 bytes .../images/icon-arrow-down.svg | 1 + .../images/illustration-box-desktop.svg | 1 + .../illustration-woman-online-desktop.svg | 1 + .../illustration-woman-online-mobile.svg | 1 + challenges/faq_accordion_card/index.html | 174 +++++++++++++++++- .../faq_accordion_card/tailwind.config.js | 9 + 9 files changed, 186 insertions(+), 3 deletions(-) create mode 100644 challenges/faq_accordion_card/images/bg-pattern-desktop.svg create mode 100644 challenges/faq_accordion_card/images/bg-pattern-mobile.svg create mode 100644 challenges/faq_accordion_card/images/favicon-32x32.png create mode 100644 challenges/faq_accordion_card/images/icon-arrow-down.svg create mode 100644 challenges/faq_accordion_card/images/illustration-box-desktop.svg create mode 100644 challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg create mode 100644 challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg diff --git a/challenges/faq_accordion_card/images/bg-pattern-desktop.svg b/challenges/faq_accordion_card/images/bg-pattern-desktop.svg new file mode 100644 index 00000000..0e7083ce --- /dev/null +++ b/challenges/faq_accordion_card/images/bg-pattern-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/faq_accordion_card/images/bg-pattern-mobile.svg b/challenges/faq_accordion_card/images/bg-pattern-mobile.svg new file mode 100644 index 00000000..63e033bc --- /dev/null +++ b/challenges/faq_accordion_card/images/bg-pattern-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/faq_accordion_card/images/favicon-32x32.png b/challenges/faq_accordion_card/images/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3I \ No newline at end of file diff --git a/challenges/faq_accordion_card/images/illustration-box-desktop.svg b/challenges/faq_accordion_card/images/illustration-box-desktop.svg new file mode 100644 index 00000000..16791c58 --- /dev/null +++ b/challenges/faq_accordion_card/images/illustration-box-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg b/challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg new file mode 100644 index 00000000..6bca509d --- /dev/null +++ b/challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg b/challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg new file mode 100644 index 00000000..aef55421 --- /dev/null +++ b/challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index 0dfd3090..93c5ca21 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -27,11 +27,179 @@ /> + + + + - +
+ +
+ Mobile illustration woman online + +
+
+

+ FAQ +

+ +
+
+ + How many team members can I invite? + + Arrow down icon +
+

+ You can invite up to 2 additional users on the Free plan. There is + no limit on team members for the Premium plan. +

+
+ +
+
+ + What is the maximum file upload size? + + Arrow down icon +
+

+ No more than 2GB. All files in your account must fit your allotted + storage space. +

+
+ +
+
+ + How do I reset my password? + + Arrow down icon +
+

+ Click “Forgot password” from the login page or “Change password” + from your profile page. A reset link will be emailed to you. +

+
+ +
+
+ + Can I cancel my subscription? + + Arrow down icon +
+

+ Yes! Send us a message and we’ll process your request no questions + asked. +

+
+ + +
+
+ + Do you provide additional support? + + Arrow down icon +
+

+ Chat and email support is available 24/7. Phone lines are open + during normal business hours. +

+
+
+
+
diff --git a/challenges/faq_accordion_card/tailwind.config.js b/challenges/faq_accordion_card/tailwind.config.js index 880a8462..38a0af19 100644 --- a/challenges/faq_accordion_card/tailwind.config.js +++ b/challenges/faq_accordion_card/tailwind.config.js @@ -5,6 +5,15 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'very-dark-desaturated-blue': 'hsl(238, 29%, 16%)', + 'soft-violet': 'hsl(273, 75%, 66%)', + 'soft-blue': 'hsl(240, 73%, 65%)', + 'very-dark-grayish-blue': 'hsl(237, 12%, 33%)', + 'dark-grayish-blue': 'hsl(240, 6%, 50%)', + 'light-grayish-blue': 'hsl(240, 5%, 91%)', + }, + fontFamily: { + 'kumbh-sans': ['Kumbh Sans', 'sans-serif'], }, }, },