From ec283eac3f90d5ce1853159fbff3b75b53f24216 Mon Sep 17 00:00:00 2001 From: pranavk-10 Date: Sun, 16 Mar 2025 17:49:57 +0530 Subject: [PATCH 1/6] Create Task - 4 Pranav --- Easy/Task - 4 Pranav | 1 + 1 file changed, 1 insertion(+) create mode 100644 Easy/Task - 4 Pranav diff --git a/Easy/Task - 4 Pranav b/Easy/Task - 4 Pranav new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/Easy/Task - 4 Pranav @@ -0,0 +1 @@ + From 7e06cf22cfdca4d0deb8e057200782825c36f1f6 Mon Sep 17 00:00:00 2001 From: pranavk-10 Date: Sun, 16 Mar 2025 17:50:30 +0530 Subject: [PATCH 2/6] Delete Easy/Task - 4 Pranav --- Easy/Task - 4 Pranav | 1 - 1 file changed, 1 deletion(-) delete mode 100644 Easy/Task - 4 Pranav diff --git a/Easy/Task - 4 Pranav b/Easy/Task - 4 Pranav deleted file mode 100644 index 8b13789..0000000 --- a/Easy/Task - 4 Pranav +++ /dev/null @@ -1 +0,0 @@ - From 227617ee57dc95cbbc0a7699b8d87b7507781772 Mon Sep 17 00:00:00 2001 From: pranavk-10 Date: Sun, 16 Mar 2025 18:03:30 +0530 Subject: [PATCH 3/6] UI Chatbot --- Easy/Task - 4 Pranav/index.html | 39 +++++++++ Easy/Task - 4 Pranav/menu_9710579.png | Bin 0 -> 9456 bytes Easy/Task - 4 Pranav/styles.css | 111 ++++++++++++++++++++++++++ 3 files changed, 150 insertions(+) create mode 100644 Easy/Task - 4 Pranav/index.html create mode 100644 Easy/Task - 4 Pranav/menu_9710579.png create mode 100644 Easy/Task - 4 Pranav/styles.css diff --git a/Easy/Task - 4 Pranav/index.html b/Easy/Task - 4 Pranav/index.html new file mode 100644 index 0000000..770e7de --- /dev/null +++ b/Easy/Task - 4 Pranav/index.html @@ -0,0 +1,39 @@ + + + + + + PrydeGPT + + + +
+
+ + PrydeGPT +
+
+

What Can I Do For You?

+
+ + +
+ +
+
+ + \ No newline at end of file diff --git a/Easy/Task - 4 Pranav/menu_9710579.png b/Easy/Task - 4 Pranav/menu_9710579.png new file mode 100644 index 0000000000000000000000000000000000000000..18d5e555542b54000fde7bf219883721bcc651cb GIT binary patch literal 9456 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 Date: Sun, 16 Mar 2025 18:03:46 +0530 Subject: [PATCH 4/6] Feature Cards --- Easy/Task - 5 Pranav/index.html | 52 +++++++++++++++++++++ Easy/Task - 5 Pranav/script.js | 5 ++ Easy/Task - 5 Pranav/styles.css | 82 +++++++++++++++++++++++++++++++++ 3 files changed, 139 insertions(+) create mode 100644 Easy/Task - 5 Pranav/index.html create mode 100644 Easy/Task - 5 Pranav/script.js create mode 100644 Easy/Task - 5 Pranav/styles.css diff --git a/Easy/Task - 5 Pranav/index.html b/Easy/Task - 5 Pranav/index.html new file mode 100644 index 0000000..f2fbe72 --- /dev/null +++ b/Easy/Task - 5 Pranav/index.html @@ -0,0 +1,52 @@ + + + + + + Features Page + + + +
+ +

Our Features

+
+ +
+
+
+
+

Feature 1

+
+
+

Detail about Feature 1

+
+
+
+ +
+
+
+

Feature 2

+
+
+

Detail about Feature 2

+
+
+
+ +
+
+
+

Feature 3

+
+
+

Detail about Feature 3

+
+
+
+
+ + + + diff --git a/Easy/Task - 5 Pranav/script.js b/Easy/Task - 5 Pranav/script.js new file mode 100644 index 0000000..bf03ed2 --- /dev/null +++ b/Easy/Task - 5 Pranav/script.js @@ -0,0 +1,5 @@ +// Dark Mode Toggle +const darkModeToggle = document.getElementById("darkModeToggle"); +darkModeToggle.addEventListener("click", () => { + document.body.classList.toggle("dark-mode"); +}); diff --git a/Easy/Task - 5 Pranav/styles.css b/Easy/Task - 5 Pranav/styles.css new file mode 100644 index 0000000..7fb9961 --- /dev/null +++ b/Easy/Task - 5 Pranav/styles.css @@ -0,0 +1,82 @@ + +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +/* General Styles */ +body { + font-family: Poppins, sans-serif; + text-align: center; + background-color: #f5f5f5; + color: #333; + transition: background 0.3s, color 0.3s; +} + +/* Dark Mode */ +.dark-mode { + background-color: #222; + color: #fff; +} + +/* Header */ +header { + margin: 20px; +} + +button { + border-radius: 40px; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; +} + +/* Features Container */ +.features-container { + display: flex; + justify-content: center; + gap: 20px; + margin-top: 50px; +} + +/* Flip Card Styles */ +.card { + width: 200px; + height: 250px; + perspective: 1000px; +} + +.card-inner { + width: 100%; + height: 100%; + position: relative; + transition: transform 0.6s; + transform-style: preserve-3d; +} + +.card:hover .card-inner { + transform: rotateY(180deg); +} + +.card-front, +.card-back { + width: 100%; + height: 100%; + position: absolute; + backface-visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); +} + +/* Card Front */ +.card-front { + background: #b8b8b9; + color: rgb(0, 0, 0); +} + +/* Card Back */ +.card-back { + background: #b8b8b9; + color: rgb(0, 0, 0); + transform: rotateY(180deg); +} From b0961f3c7d0487a269796487642e12e1ab1d6077 Mon Sep 17 00:00:00 2001 From: pranavk-10 Date: Fri, 21 Mar 2025 20:05:44 +0530 Subject: [PATCH 5/6] Task 6 - Pranav --- Easy/Task - 6 Pranav/image.png | Bin 0 -> 12386 bytes Easy/Task - 6 Pranav/index.html | 99 +++++++++++ Easy/Task - 6 Pranav/script.js | 0 Easy/Task - 6 Pranav/styles.css | 306 ++++++++++++++++++++++++++++++++ 4 files changed, 405 insertions(+) create mode 100644 Easy/Task - 6 Pranav/image.png create mode 100644 Easy/Task - 6 Pranav/index.html create mode 100644 Easy/Task - 6 Pranav/script.js create mode 100644 Easy/Task - 6 Pranav/styles.css diff --git a/Easy/Task - 6 Pranav/image.png b/Easy/Task - 6 Pranav/image.png new file mode 100644 index 0000000000000000000000000000000000000000..a19b3d923bee96e9faf7d81df84a209c618c666d GIT binary patch literal 12386 zcmeI3XH*mWxA#K=0Te_HU-$ucgyK9HV(#|%E`67Fwxt$ zA$(ANq3wH7asT(_|HDm~I_Z^w2tPH~h0w5^t3bR!uo@8t9hp z9|K%HdKY@iYW1jFM|#%{m2+jhQsOAV=;_p<<7l=XRT^DrJ*QA3^(9W^3k9KVtDAZ0 zXvd8_(Pgw<=?5Js!BB;jgut7wv9XvLbj^F+h!i*JM8a_`+tQy*Vw$GuF{5jCN5~FG z_EKlj11}h=E5N|ONA@elf5cocSdXlQ%-8MLr4Ej`r+!?m*f?GhQrdLj;@<%9oMPdf=zBL+=7~DNT~CabSHLlL}mj z6VYj)7|dT0SPHfkR557uCb_jQHp!=8F7`vsmM2>c0^S}xtU*vNAcz1+^M%Up~!#4h7w~`PCqFRQDTzo zM%UY76ubYB!2vx#@yiU>yqchvpYV*`feqt?Pc0g@t8n|)Y!z`kY>EzP{}iR|6kOZg z|B!t?^SW`nbw_A#BN3cdK_kUer5mrkbyy1T)L*e|`N^}KH!scCBGD#jxPG z6FfD@-axXRVCRyZ{CrXH&QwBFA%#?yd!4lIO&-Vhf2piqgx7IOEtDK3S!9q~qxG}CMfP(#KIDP9~2(VL+&cp93 zxGb6;p!&){M0t0|i3A>iVMqHm;@kPF`rS3F^p}<Sa8v_hwMnCUHxOR8&N*Kqfu)I;89UDXgN9N(9FASlRYn^?0eOy0_3AH7s76F z-d7)WmIs56)LqIx^h7bvW?3cYN_Rzt@ytg#E#p#$Iu3%}Whml;==$b_G< zIg7o1(*v0`PwJ~s+0%Foj9b?wauSHOeW%GdcbgQfdyJSUiu{Z2;NRZ1*I5D_;cPjo z-(jZ5`cnVr&T5I&bp_18Hzo1fSJcT78aPP^VK?C+_B*7#IaqS^ZAX)MRM(oRBD%kW z`a3r+mL1ESmUne}xM({cdr8$X><--TPfFebY7^VON9{`SZKT$Lp{Gv0z;bm}$EV!;q=yFOWh z7YBdeel{B=HVW;FeXLrwQFVVjlkdpowVQL{y#78xHGXBXH|ivc2J>p!0&ZLeO_mM3a(;|I6_>n7X0)I6`5K3fel!`4y-B&LSCKbW!cx!VJTE93b zb5{3l_X4|KmGjjvAh;gvP7_NQ)hQ$>Tr_}WT&kKgFL#TaR|dBVz18UHWl^IS&toTB zOoM5m!%eB6!6~b?uKrH3aGmh%d%Ko9s*}o96{xKQGZ`AC(KUae!D!O@cQuXcIfB}c z{<;-Y!m8Xu*ge%&YwgcJq|$D#+5Of!cYQuVnT=8|c0E4Uk? zvmun(j0$`=Hw`^9zMP(<0+^XS0lA~vSF|dBxQ8|<{gN&_J&143g#_ng>bDsslE-1AfunDAIvlZ`7ccVp@6 zd$6M9OL$7@&GwaJgECzUkw;YYJXjM|v6-K8QdM}9W9R|CS+Z;o;WHKj3WNX_~2YEm9mXNJkU2Q_G=9ztIh0$*P%Pu=hQ<)zceTildU)TF_A2s`(Z*7P#k-6B#J?X*O`d6>nnM0c` zLqqhnByNDyyQLmdg76PNGs@0XX*Cb$x3{7QlBRma6MgrAQ#`umj2bJ%Uw8U}F}kz# z4@oS1VVf1oX2+{TfXPXvQLKnnFH3rsk`R^4%8{Y|C$WgkiZbL?@BKhy;3*U8GooIU z>nx?Izuwsx_3ND6F$eLGbVC7kRp^Kr(EVwlc455d)SK-75~m+X?N|Q^#&}{I>m-*$ zdh0v{n?tz{X<}(fV|++r*)Z=}##H3psCOqq%|jM39hrMNv@?Ab!D%W(%~cGlKgx9l zO*+$-E4nqP&&e=}5gf_Lh^lUN-Y*+`Kw7V(I^vMe*q(y6Oe@Ms$7S2 ziE?K0a&QWvP}}zhaA&bI)M0^{J~S+cZ?3g_R<^;GO%*6ksvXTl&}D4Ji=l2053_xV z50zQth-E9g7MDU-IR(ZY0vM7+euI_%Dh!GUY79vA=v}Ivm?17E$-L=V#(XU)Pb$T= z#V%vSiuulp(py#yU$s4w5(naEt`8$A)sg&g=FY@E0eUC@)o|UqGXsY@?azS`#{ypS zcqmb+{g)N_)9wEr%vyTe8>+HA9m{{q50Lo${id^+_d%|%DgG+b{(KVqa^tAAn6+Jt znuqeE$k}9WxR#27=Y`21{?bs}bd2*3j)Eb$E%w5;`ZAh&+rPbMzmm^s?Il6u2c%tM zar$6z)Ep3L7w5pkf6|*P{#5j*d3n5CbInou^0BzkCF96g4L0Xqam1@GcUKTHzSX6f-y%y*;1cDSVnXQl^#P5W%M_&ATkiE zOkQMP_Q^C^E=nD{7ljPWY}wKplTf>+S6_b??vr^OJ`s$Mzh5zjDG4=KdS@rNVl3x% zhw=D@Xgb*TO(UfPE&s|YCaq2(<55;~*e)YDPm$PvMfFdO=8|$&49`-|*88ZlM*Y6B22LP6L5GJW)5cNJ~bhuY|PvVe|IZWrM%u%jrLBS_R zOz_D=j9-@?*9N09tKxe_?()Q5zG=H_#ibofLXr{X^-W937GK)x^9!ilvgjPxsq5vqxMGKT1L{kTJ7hi#L) zZ`p!2u?mR!zU7+kq>HtWK+rHF^nPXTn-MS8)iC*uWmpKhk6dxgKngU4hV?-JvvN3-U=Sr+dp3i5|ZlWi4 zig}8FTG{J}bWYH6Ls(VW_>1Q9+0p_I3n3O-k}iBE^5sdc5aGs6(9izgmw#`9-hmJj zB3{`*kJ?B|BM#wJSf3Gqn06s*APgEeb@mzfrC#^mnVw`CD78!P6$NdOMta$KeA&W6 zQ%OTPh@z8o&4^JI)?bJ5T{_3bR`-d_bwvPBH1DAp#Rv_nxk7|f1j%OAs<69lrXfxw zUkT=*nzt{4x_;oj(5W9+9e)TC(-MaUx71wQgrfH%(P54zHmByy+73SZ=+b8FpV4Hj zOEo0AmA`-QVG%#3yM*8#zKe8D&)gEi2L1YT@u{IB50_4$@284>dHkOmbx+WYeZ0`p zN5W&XBAJ(yJ8Ni{=mu;73zf4H%Db~a zXyZIiyb4@bVzCgFcb~N{l}jvJ&atiGI5qMUTGw^1&0h4)oHh)}U^k40Jj~fvkY-ew z#&r3cPg^756F%=NezeAZRI7|R6p6L-oQf{SuCz_e+$#rz!C4D=U48`QscyaPm z6Z6~vR*~a6c8%vPVNDd>lJBl6!kw&uY+a!}Mr$I&1u(g((yKQ;yqR40ot;F$pA2o4 znV@HR+NrF@pl4~nHW~L249kqGw5s?}^m;B{g|+$x?)K2MK%E{Tivgat4y};xDFc|8 z$MbF0bLO8BtouKU26;Fs6$vl2oUvUEx+^3qgSMT@P-01S(%a8U3%ZMY?(P0zu6}LAPj3lIUp~;;0LS8=A)Ov7W{Gi z;IU}_5?QCVCP0n8klDNNqMO0;gLF;;blMak^Ea|z2?bL&v8ghxjy$A5Wi^gVaFIRcjG_tEExsY zQ-WzIG@Oou&GoOzh!uDjjEb+v5S^3_)Y1Kwj8;UsO{n3fQ?vz~VmO$@V!vUPRhP|{ znj6=xUTp&ixz=QF-#lr384-VPap{hk&|O~yAf0y#OgL69qvui(*y;`26oRMg({B}i zr5NHJLCETRM1sQtO}Cy6l2-kG+a`*QGHV88WYScd_IlCP`ztI&!i03|YpzxlCjdgQ zWL~CoaW`Ma*e+%YLc=2Tner{qVBy%i`ZLSxC`2Yb`EA6zQ5{t!r5dlOH@d_bs)+oT;habE@5AO=xLiC4{X4r zwf<;Sj*_)(1oSK)lyk6{GbJ>)hI|=>^?7RTG3A#hJ{k2JTY)V1psPq$ZYx)mo9)h# zqYk78%+I82deTqBLc)lt%Qw88!64z)3N5z`^)Say52fqaF!@I&5MpD(^{>H{FXaG# z>>;WHxxFIll$WGE_5>~b+S~{A-w*MF&h_qT#wXxX-aGd_F< z+)6(GqpGicVRMBN7;B47$f>NA5*bQGUVWWkrs;^f# zjSlFNmn`kdyMtncy|6xiL$V?OHQ4XCwuEYY7VL(NhWDGM>)b#WsAxM%E*)T159&3R zESPqB?{bA1;l~4lZh=7%pj2_g9DKq>10ig;`y`wp=n8$rgGD<=JTeDw6&}ZVbC@Dc zx=T*t;;TG=^CdSJCrjx=E`WT0CaYowxE)<2{6;6oGmC*w65`Q-hFvlG+&Ue zo9dDw5P7CVSKk{v{YMp)k23m@(Xu^pQF9)R9~H1WZ~YC4Kk9X7zDuZ9YqeMaoe@;G z{^UW}+1Hf!_W~Hh79MojuZ4@xc1&8|;O#-{F~*5|vT*@iQr3m2?yTX0U^~BZKV(J7 z>(b@&8gQP)`!&ZCAZh$>cf#mgy1fJ?nFzP~#@XMgT;yWlZbIinzVwpUd(~>nYj(71 zyX3!#+{rxxL`!h=PKLS5{cEm#fYIA2B@HN9<{$g#$9blpg zznU-t3CF41n%8HNNRSKFW)K z&LMNrAq30M*rqnTd@|HZ(2DXyZO0}AD~0$7Vwn?&%5q0epx}0^mK%Y_kP$9|TkMYT z2d-&bxDS%QPT3&ia?JLLbyMe9{@}DhrZT^3H*ejYzq{uP)1XZJE>bengs90&=M-$u zF`Leq${N}D>X^@XT01X+E@bi#)g6}{m;`q%jv^!A(St5{nSv|PRi96;%{RG|^Kqu2 zcH%~zU@)sEg%4bjr4=I5BEi|0webh|*k!8}TM(lven}b@ooktnys(6xD{ba` zDSad;%yD!u%ILw<(f6f+z(GhoMv*O-SGw>2Fo)Zg*Q5;9SFbIHzQ{_dW_Q%k{Ee`4 z=ldB?SoTR#3TGS50jIb_sJ)EM2HfF~j)0dPFD1p^*Qi&otwJhte?6&vFr+}Lx)i4U zB*Vfk0cWH`{YC0){_g_r*+}n#Q%m_QeUDd6#nsN@Dg7Jp%;Z528C7PFw3=F`;Y| zbpLEJb-#Z_+7xJZ&+jkpUHyi@dJf(@&*Fe10g9zQkq{NzY<$9J~OC6du%uf_w`8-H+D-ycE zzbS%}33)NKngnF+#BcJWC*$r73RmJ4bL5QSBz&XN zSO8qV6dvAe9ZD1KT)gSX%GS=R{m$P7<5__e8qN;36kB%Ad0I61sS;tZkLsW(9o@gN zQi<~pybJ6?SqsXzYxFoeFZ;2?t|N!2&M6QaAI~OWji{Kk7>+YI^< zQP7&KzbGBkT+UiPWv5Hw<)}f)@xOzAM-{sgA&~9c!FK`vhpX<&r8JTDqz|niYDq&H zL_ki5D;uZ*#ocC`(A>>^&Jk%Zt1SCbs#X*f71T@DqIYtBM)%@N$c}=hQc09pv^;4j zoV1Q3HWJt4H`|PhoKagr5ot{+H_cmWoC-8W-Mna#@ymIU?`u0#qrYQ9o6>JN0eGq= z{nl?_dzBW|j5wt=<8mbTQ*B#dkj<&koP}!aPsSO>}=23{N|wB-h$7O&%Jb zFAP$XOQ-#n89J*2W7^DFpz}r^$!wi6Tsy?MfshOYio!bl9+;2&HZx*Q{-s6tb(r+G zaO=<|!KPV_(<^cVpr7QEzVIgj^VL-TNC+`0f~s1LBaSxLY;j+1;=x#EyhwCRtWH$9 z60MHYJrQcdvtv>`*!Z zDPz05JtUYSlX|m4e?AvBxlnaj0`INqtqg>jB#|mZsv7MqOl9r0f`whYRrby;lNa+r zU+pC$y>g0(eB2L|hU1l4*?%*n)J1rWF;1^ZG2E7;ykYZM`CU{NtgtfUL^vkxUI|dp zbkPdwm^%E)CgtiUy5Dfd@J`eInh_f=ul`9u8q7GAa|^@$9T+t^5-kKQQ3Ed36+Ypt zM@pM0u1#HwFiZF)8WiK>0!*U-Bww3U7eS!nx4Ort;H1arQ@nt2S2|~&9vl6e6(z<$ zBPQBnmbU&^jKupf<_;Q}0UD;pk5WC(i#=dfI0wh*yOeJZoj6^?xkSNeGQ5q_e93#V zfpT{uVbPaSjm~qt9~_nRvuK59K3^z#(h;A!^6>qvFVdXJNg?d_J}~ZhAp!4Xkn%!k zU_aFf8~rjYdZ4c@@``MLw;D`qW<$$%6xJ6lVh$a6`Y&L$g|h?4L@9uqy0@*yvwU#$ zE-!@nFlqtvpa1eij}ND8;Qp_L0L9_Q2%N|(;T2t2O(7qRkK-ix^%}tCly>cz^(VRz ztoHSal5g#T&8vUS_k@;hc(Yu)Frmm{UDxz4v2jp3XKhU6Jn{gwT=2-4r}dm9dg9p~ z6~sFmqM(M)xk%H;vI1!6PicMm)sRXkz$b|X{S%bb;UpZ?x zyB)Rw%1PZUuJkTf8Xts)lRI+hmZ2kY6Ao$^T3akyT^2G{NorTT9X{^T_5qZh6vr)R zL?g};mqjvz-HAiWuD4%(qr3a7s$UU{{T3OcMg1Y`j^=P{PA61sX?^&Ld6}iE^p44t zPsi`fX?frsh?4gg4_X)tegIk73kAhCZQL%I7bu*5lN^)h)QJ3cUiwq?x5%{AA$Ijs zp86cK2C``WSU{q7kUOVDKGB)mC(Y2?{#7i-c5bX0<_8o_S`}@Qks$VTzv8i+5E*Amwpc!MC z?EYLO_8<~+BPZ>c3Icea6PBXUcf>c&sP+kIOIp0x-M^uLD6L(2bMl z*l8b}YQ-rzOc`(L?BjJg0WGk(hPQ9z%MqMD^!js6cTtR4V-gP;AHAU{=oS(%m|Rb> z{_d%#HD8!(&;P~I{$SZSAeS>k$8K0 z5S|$<*cVvwcD8}`Lz2f%7xsmm9F$r4#bxml*`oDdjuLg7rF0)cuYMunp?YKtMzhjJ z*Ms#8Q>?@0rd0ToRc8LE*DVhFkZQ%mRL!*nmW}vXf*QnLGQxULCc>qW??~xvL+z`7 ziqnjydjVb@3_ttbjHa6Wa}Vg@j{oEeP?PfvYoL~HY$Wz>y3U7J&}`iG)@)FY(c>ID zpyd>?7Ae=pN4Zn(c>oVow1J^q56w&hCFP8+pIEm=8vPY4PTSG_m?@Ct0xqU%0Pj>x z(8Vz9O9dPH)9FJK+qS!Hd%JXa{uI}u9#Iqli^8f5<`tOLogu@m$AhpJz27H7Kg zx_mZW|Jm)f5I%4Scr8SSPs8=XmiwND)Ei0=$*l``kt4_^rIc13dj6Og z-Nq)=)&`Y)6YL&-&^EpY$LhmBuaW;o8Y)EBv^$FfZ|uY`+}K2JTPXH^uQ|xm0OR&{ zEKD>f=Go^}^8XvA!_X5Gual~$J!&}R#~sf*7gbxt+v<8rs$7h!9r6{8nnJo^4Z@c+8R}>p@ii z7;Q0;h_Fk@$XGDS;l5>~D4EmJo{=_mtvR5p4JRL8ZCH8c{PP(Mr@C-wM4qAG(jKM8 z6F`4zl3l9Q%V?9{$R9;Ajt}3`=76Gd2vAfOeg7Oi;S9%0d+Ta&^F>nSlzSwjL)3$S zYqzal?bs(`5z{;{NflSUi8rSgS=!m`j*cPvD@QI&F|h^1Pd4A~+pBF0)<8@HYJ%_> zVoxVC2fnb5@w9l|vK>I;dJkZ@`fcMj3m=;m+y7oeN5+RI9M<>z*r^Rj|5Jv`;&~`DW`870okfA58H9uq2P9CBGM=^1-4 zh8W#Q!OinzfTa=aVZv-yEtB@%=xU~oZ>UgkRXpQv!7E_5&icV8?sCjyYtI{WW|%5b zvEod2vb5g(>&sl|Hvyywv+I?_a%mwA0PQEjAyV9$rjOTtKtudAx?FHPbgIbkH>$p} z)=UM{qyjVOwFlT67oW^#Jg%cjO$)`J)b2Zz?Z6*Q98&v-h83w4j&$3{7{^?C>e918V*BC)q|;^@ z-0Ulg%rI%dtzlfAdk#zXD^jKZfp?0QZTvd3>{QJBGhLx6V_XwjefPqMLRTvO51eXp zw?~;spb-pvCBvzuX351YW}c|KrJX9y$@)8`fNY`|lKLX=={7ZX?we^tH&0%j!M4aU z)1|fk1f;49yxD5*2DV+B<0}WnDd&>-$qHU(hu?_a98PkUma>6Q%r0Sx86P($4-Cm} zXjCfaDnefv?q?)!mO6-9A%4U`(p1g2{UaQVTc!-bo48I#U=w`h^frs^Onx~k%P;l#1g%Q&%9z^G;3Z|2XFhsWs0wmB+ay-0S zmHW13tab<$s2w|_V!l|EW-b@me%Zf>O#mcN#dmj)FD zMF&kP7}J*wZ(|g9w{yV6Fjr{&Z{g_wAv^!Sye*Uq0&G)_-j>O?)bpOeKMg?8$E|-a JJmz)nzX0G+m5KlW literal 0 HcmV?d00001 diff --git a/Easy/Task - 6 Pranav/index.html b/Easy/Task - 6 Pranav/index.html new file mode 100644 index 0000000..5dccf36 --- /dev/null +++ b/Easy/Task - 6 Pranav/index.html @@ -0,0 +1,99 @@ + + + + + + To Do List + + + +
+ + +
+

Tasks

+ Upcoming
+ Today
+ Calender
+ Sticky Walls
+
+
+

Lists

+ Personal
+ Work
+ List 1
+ + Add Your List
+
+ +
+
+

Today

+
+ Add New Task
+
+
+ + Complete the UI/UX assignment +
+
+ + Water The plants +
+
+ + Watch Invincible +
+
+ + Complete Web Genesis Task 6 +
+
+
+ + +
+
+
+

Task:


+
Create Today's Youtube Video
+ + +
+
+ + +
+ +
+ + +
+ +
+ + Tag 1 + +
+ +

Subtasks:

+ +
+ +
+ +
+ + +
+
+
+ + \ No newline at end of file diff --git a/Easy/Task - 6 Pranav/script.js b/Easy/Task - 6 Pranav/script.js new file mode 100644 index 0000000..e69de29 diff --git a/Easy/Task - 6 Pranav/styles.css b/Easy/Task - 6 Pranav/styles.css new file mode 100644 index 0000000..5458cae --- /dev/null +++ b/Easy/Task - 6 Pranav/styles.css @@ -0,0 +1,306 @@ + +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + + +body { + display: flex; + justify-content: space-evenly; /* Centers horizontally */ + align-items: center; /* Centers vertically */ + height: 100vh; /* Ensures full viewport height */ + background-color: rgb(240, 232, 221); + margin: 0; /* Remove default margin */ + gap: 20px; +} + +#front { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; /* Reduce space between elements */ + border-radius: 15px; + width: 50%; + height: 80vh; + background-color: whitesmoke; + font-family: Poppins, sans-serif; + font-size: larger; + padding-top: 20px; /* Add padding for spacing */ +} + +#h1{ + margin: 40px; + margin-bottom: 0%; +} + +#button_div { + display: flex; + flex-direction: column; /* Search bar below menu */ + background-color: rgb(179, 178, 178); + height: 90%; + width: 30%; + border-radius: 15px; + padding: 15px; + gap: 15px; + align-items: flex-start; /* Align content to the left */ +} + +#menu-container { + display: flex; + align-items: center; + justify-content: space-between; /* Push Menu text and button apart */ + width: 100%; +} + +#click { + background: none; + border: none; + cursor: pointer; + padding: 5px; + display: flex; + justify-content: flex-end; + align-items: flex-end; + left: 100% +} + +#div_task{ + font-family: Poppins; + background-color: rgb(179, 178, 178); + height: 90%; + width: 30%; + padding-left: 20px; + border-radius: 15px; +} + +#search { + width: 90%; + padding: 10px; + border: none; + border-radius: 15px; + background: transparent; + border: 1px solid grey; + outline: none; + color: black; +} + +#menu { + font-family: Poppins; + font-size: 20px; + font-weight: bold; + margin-bottom: 5px; +} + +#div-task{ + position: relative; + width: 90%; + height: 33%; + font-family: Poppins; + border-radius: 10px; + border: 1px solid grey; + +} + +#div-task h3{ + padding-left: 20px; + margin-bottom: 0%; +} + +.span a{ + text-decoration: none; + color: black; + padding-left: 10%; +} + +#div-list{ + position: relative; + width: 90%; + height: 33%; + font-family: Poppins; + border-radius: 10px; + border: 1px solid grey; +} + +#div-list h3{ + padding-left: 20px; + margin-bottom: 0%; +} + +.nav{ + text-decoration: none; + display: flex; + justify-content: space-around; + + +} + +.nav ul{ + text-decoration: none; + font-family: Poppins; +} + +.nav ul a{ + text-decoration: none; + color:black; +} + +#add { + position: relative; + border: 1px solid grey; + border-radius: 10px; + width: 80%; /* Make it 90% of the white box */ + padding: 10px; /* Add some padding for better look */ + text-align: left; /* Center text inside */ + margin-left: 5%; /* Center within the parent div */ + cursor: pointer; /* Make it clickable */ + background-color: #f5f5f5; /* Light background */ +} + +#task-list{ + position: relative; + border: 1px solid grey; + border-radius: 10px; + width: 80%; /* Make it 90% of the white box */ + padding: 10px; /* Add some padding for better look */ + text-align: left; /* Center text inside */ + margin-left: 5%; /* Center within the parent div */ + cursor: pointer; /* Make it clickable */ + background-color: #f5f5f5; +} + +.task{ + font-weight: 500; + font-size: medium; + color: black; + border: 1px solid grey; + border-radius: 10px; + margin: 2%; + padding: 1%; +} + +.create1 { + position: relative; + border: 1px solid grey; + border-radius: 10px; + width: 80%; /* Make it 90% of the white box */ + padding: 10px; /* Add some padding for better look */ + text-align: left; /* Center text inside */ + margin-left: 5%; /* Center within the parent div */ + cursor: pointer; /* Make it clickable */ + gap : 10px; +} + +#create1{ + background: transparent; /* Removes background */ + border: 1px solid grey; /* Keeps a border if needed */ + height: 20%; /* Adjust height */ + width: 80%; /* Makes input fill the container */ + padding:10px; /* Adds padding for better look */ + outline: none; + text-align: left; /* Center text inside */ + margin-left: 5%; + margin-top: 3%; + font-size: 16px; + border-radius: 5px; /* Optional: Round corners */ +} + +.task-section { + position: relative; + background: transparent; + border: 1px solid gray; + padding:10px; /* Adds padding for better look */ + outline: none; + text-align: left; /* Center text inside */ + margin-left: 5%; + margin-top: 3%; + border-radius: 8px; + height: 19%; + width: 80%; + font-family: Arial, sans-serif; +} + +.task-row { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 10px; + outline: none; +} + +label { + font-weight: bold; +} + +.dropdown, .date-input { + background: none; + padding: 5px; + border: 1px solid #ccc; + border-radius: 4px; + +} + +.tag { + background: #d3e4e4; + padding: 5px 10px; + border-radius: 5px; + font-size: 14px; +} + +.add-tag { + background: transparent; + border: 1px solid #ccc; + padding: 5px; + cursor: pointer; +} + +.subtasks-title { + margin-top: 15px; + font-size: medium; +} + +.subtask-row { + display: flex; + align-items: center; + margin-bottom: 10px; +} + +.add-subtask { + background: transparent; + border: none; + font-size: small; + font-weight: bold; + cursor: pointer; +} + +.subtask-item { + font-size: small; + display: flex; + align-items: center; + gap: 5px; +} + +.save-box { + display: flex; + justify-content: flex-end; /* Aligns items to the right */ + position: relative; /* Positioning it inside the white box */ + bottom: 10px; /* Adjusts distance from bottom */ + right: 10px; /* Adjusts distance from right */ + gap: 10px; /* Adds space between buttons */ + width: 100%; /* Ensures it takes full width */ + margin-top: 10%; +} + +.delete-btn, .save-btn { + padding: 10px 15px; + border-radius: 10px; + cursor: pointer; + border : none; +} + +.save-btn { + background-color: gold; + font-weight: bold; +} + + + + + + From 30ff501882bfc2023d3ba6102c327e9904204027 Mon Sep 17 00:00:00 2001 From: pranavk-10 Date: Thu, 27 Mar 2025 11:55:23 +0530 Subject: [PATCH 6/6] Task 7 --- Easy/Task - 7 Pranav/form.css | 145 ++++++++++++++++++++++++++++++++ Easy/Task - 7 Pranav/form.html | 61 ++++++++++++++ Easy/Task - 7 Pranav/index.html | 15 ++++ Easy/Task - 7 Pranav/script.js | 0 Easy/Task - 7 Pranav/style1.css | 75 +++++++++++++++++ 5 files changed, 296 insertions(+) create mode 100644 Easy/Task - 7 Pranav/form.css create mode 100644 Easy/Task - 7 Pranav/form.html create mode 100644 Easy/Task - 7 Pranav/index.html create mode 100644 Easy/Task - 7 Pranav/script.js create mode 100644 Easy/Task - 7 Pranav/style1.css diff --git a/Easy/Task - 7 Pranav/form.css b/Easy/Task - 7 Pranav/form.css new file mode 100644 index 0000000..7302f38 --- /dev/null +++ b/Easy/Task - 7 Pranav/form.css @@ -0,0 +1,145 @@ + +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +body{ + font-family: 'Poppins', sans-serif; + margin: 0%; + padding: 0%; + /* background-color: #4f7c82; */ + align-items: center; +} + + +#progress{ + position: absolute; + display: flex; + justify-content: space-evenly; + align-items:center; + border: 1px solid #0b2e33; + width: 40%; + height: 5%; + top: 20px; + left: 30%; + border-radius: 140px; + +} +#patch1{ + position: relative; + width: 20%; + height: auto; + background-color: #0b2e33; + + +} +/* Main container */ +#div-container { + display: flex; + flex-direction: column; + justify-content: flex-start; /* Pushes form below progress bar */ + align-items: center; + height: 100vh; + padding-top: 80px; /* Creates space below progress bar */ + padding-bottom: 5%; +} + +/* Each form section */ +.form-group { + width: 90%; /* Consistent width */ + max-width: 400px; /* Limits the max width for better design */ + height: auto; /* Adjusts height dynamically */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + margin-bottom: 15px; /* Adds space between questions */ + border: 1px solid #0b2e33; + padding: 10px 30px; + margin-bottom: 30px; + border-radius: 10px; +} + +/* Label styling */ +.form-group label { + color: #0b2e33; + font-size: 20px; + font-weight: 500; + margin-bottom: 8px; /* Space between label and input */ +} + +/* Input fields */ +.form-group input[type="text"], +.form-group select{ + width: 90%; + padding: 8px; + border: 1px solid #0b2e33; + border-radius: 5px; + background: transparent; + font-size: 16px; + outline: none; + padding-bottom: 10px; +} + + +/* Checkbox container */ +.checkbox-group { + display: flex; + flex-direction: column; + gap: 5px; /* Spacing between checkboxes */ +} + +/* Checkbox inputs */ +.checkbox-group label { + display: flex; + align-items: center; + gap: 5px; /* Space between checkbox and text */ +} + +.checkbox-group input[type="checkbox"] { + width: 16px; + height: 16px; + margin: 0; + +} + +input[type="checkbox"]:checked { + background-color: #0b2e33; /* Background blue hoga jab tick hoga */ + border: 2px solid #0b2e33; /* Border bhi same blue rahega */ +} + +.form-group ::placeholder{ + color: #0b2e33; +} + +.button{ + display: flex; + flex-direction: row; + gap: 30px; +} + +#save{ + font-family: Poppins; + padding: 10px; + border: none; + color: #4f7c82; + background-color: #0b2e33; + border-radius: 10px ; +} + +#goback{ + font-family: Poppins; + padding: 10px; + border: 1px solid #0b2e33; + background-color: #4f7c82; + color: #0b2e33; + border-radius: 10px ; +} + +#save a{ + text-decoration: none; + color: #4f7c82; +} + +#goback a{ + text-decoration: none; + color: #0b2e33; +} diff --git a/Easy/Task - 7 Pranav/form.html b/Easy/Task - 7 Pranav/form.html new file mode 100644 index 0000000..5cdced3 --- /dev/null +++ b/Easy/Task - 7 Pranav/form.html @@ -0,0 +1,61 @@ + + + + + + Form Page + + + +
+
+
+
+
+
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + + + + + +
+
+ +
+ + +
+
+ + +
+
+ + + \ No newline at end of file diff --git a/Easy/Task - 7 Pranav/index.html b/Easy/Task - 7 Pranav/index.html new file mode 100644 index 0000000..922a6fc --- /dev/null +++ b/Easy/Task - 7 Pranav/index.html @@ -0,0 +1,15 @@ + + + + + + Multi-Step Progress Bar + + + +
+

Welcome to the Form

+ +
+ + \ No newline at end of file diff --git a/Easy/Task - 7 Pranav/script.js b/Easy/Task - 7 Pranav/script.js new file mode 100644 index 0000000..e69de29 diff --git a/Easy/Task - 7 Pranav/style1.css b/Easy/Task - 7 Pranav/style1.css new file mode 100644 index 0000000..380e750 --- /dev/null +++ b/Easy/Task - 7 Pranav/style1.css @@ -0,0 +1,75 @@ + +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +body{ + font-family: 'Poppins', sans-serif; + margin: 0%; + padding: 0%; + background-color: #4f7c82; + align-items: center; +} + +#welcome{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + text-align: center; +} + +#welcome p{ + color: #0b2e33; + font-size: 60px; + font-weight: bolder; + margin: 0%; +} + +#click{ + align-items: center; + width: 10%; + height: 10%; + background-color: #4f7c82; + color: #0b2e33; + border: 1.5px solid #0b2e33; + border-radius: 30px; + background: transparent; + cursor: pointer; +} + +#click a{ + text-decoration: none; + color: #0b2e33; + +} + +@media (max-width: 732px){ + #welcome{ + display: flex; + flex-direction: column; + overflow: auto; + } + + #welcome p{ + position: relative; + width: auto; + color: #0b2e33; + font-size: 50px; + font-weight: bolder; + margin: 0%; + overflow: auto; + } + + #click{ + position: relative; + align-items: center; + width: 20%; + height: 10%; + background-color: #4f7c82; + color: #0b2e33; + border: 1.5px solid #0b2e33; + border-radius: 30px; + background: transparent; + cursor: pointer; + } +} \ No newline at end of file