From 2ac7c8f6bbf3a51fdedfa898be4081f614138683 Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 19:00:46 +0530 Subject: [PATCH 01/10] feat:track section --- package-lock.json | 15 +-- package.json | 4 +- public/Vector 47 mobile.png | Bin 0 -> 2972 bytes public/Vector 47.png | Bin 0 -> 3833 bytes public/Vector 48 mobile.png | Bin 0 -> 5566 bytes public/Vector 48 new.png | Bin 0 -> 2813 bytes public/Vector 48.png | Bin 0 -> 1936 bytes public/Vector 49 mobile.png | Bin 0 -> 1585 bytes public/Vector 49.png | Bin 0 -> 1936 bytes src/app/page.js | 2 + src/components/TRACK/Track.css | 177 +++++++++++++++++++++++++++++++++ src/components/TRACK/Track.js | 92 +++++++++++++++++ 12 files changed, 273 insertions(+), 17 deletions(-) create mode 100644 public/Vector 47 mobile.png create mode 100644 public/Vector 47.png create mode 100644 public/Vector 48 mobile.png create mode 100644 public/Vector 48 new.png create mode 100644 public/Vector 48.png create mode 100644 public/Vector 49 mobile.png create mode 100644 public/Vector 49.png create mode 100644 src/components/TRACK/Track.css create mode 100644 src/components/TRACK/Track.js diff --git a/package-lock.json b/package-lock.json index 594222b..26ea32b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ "eslint": "7.28.0", "eslint-config-next": "13.4.5", "hamburger-react": "^2.5.0", - "next": "13.4.5", + "next": "^13.4.5", "postcss": "8.4.24", "prop-types": "^15.8.1", "react": "^18.2.0", @@ -4542,19 +4542,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/typescript": { - "version": "5.1.6", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz", - "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==", - "peer": true, - "bin": { - "tsc": "bin/tsc", - "tsserver": "bin/tsserver" - }, - "engines": { - "node": ">=14.17" - } - }, "node_modules/unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", diff --git a/package.json b/package.json index 8b785aa..6206f61 100644 --- a/package.json +++ b/package.json @@ -12,13 +12,11 @@ "autoprefixer": "10.4.14", "eslint": "7.28.0", "eslint-config-next": "13.4.5", - "hamburger-react": "^2.5.0", - "next": "13.4.5", + "next": "^13.4.5", "postcss": "8.4.24", "prop-types": "^15.8.1", "react": "^18.2.0", - "react-dom": "^18.2.0", "sharp": "^0.32.1", "tailwindcss": "3.3.2" diff --git a/public/Vector 47 mobile.png b/public/Vector 47 mobile.png new file mode 100644 index 0000000000000000000000000000000000000000..03e9abd71d32219c05197ba7d3d1eb50904a05e6 GIT binary patch literal 2972 zcmeH}>r>KM7{?Flf;S}F#x6ftGd8olWfq_)YSxl9+1=H&3+ZO9Adp6yc&Y5BqP3Qq zVe71I&Fqq5O@d1*vV@lI&vx6C1QB7BH7_h#CTgKRziIB`vxJts802OdabBY9lIA z#-55Mdpfx10Ji)^)qJk$%+Q-2o#J}d#@w(0Y)%(Wb@}tyR8VVcsDzseuyxP>?3hd$ zG~VSQI>rs7`oz1*$&Jb6B~7V;9pd$L=>}ypTi^y^6UKWv$4V;uB7QuQ9SY(i)g%up zy43IYCgQzgbKIsDGKiBiVl*n_B|NzpKQOxRal0~a{uDi_--B@c`M5eO5J@d~-3jx~ zapc-gC8YPI*;BqI6E!c~%lI58Jred2~%qIK8Xgon{}4w{F|1brhD$dC{MzK|6(i%+4 z@J=>*>R(yfr%g2o;Rw82p_ph-_%uGe;uxbRU=Rlouo@N*Ydecg?`I89eD|Ot3xh?$ zj1bcM`D!6z3yPCo+@>=!OIpa6f``twUPQ_B42 z+)Q@HxW9}L;0kYM+b^x4ks}D0LIy=KsZdJHb2UEjjqlXy0f8gMi9eJFna@~@*U4<` zA_-M#aQqNMeRsg%k)vVNl!Vr6kT6cOtcgJ*KjFgY_(U5&tfylYcOYR!1uYT#vwEP- zoBr&CmCA55eS=M2$P;;`OZ#WCXJ;yeCW0It?}B-_C!JZsW4hJH-gAbo2JN-upYIax zR){lLXWxIAuS$|^Qcb%iEy!Us>5XO?0dvmaqeJo!%M_BOMD4+)1kKf8qW13)Kl)UV zdEwo-9VgB&N>V`jF1v@ay3ul@N1&BooFL;%7(JtPb5X5f3_3%` zo$3P2yMJ-2nc0`)<%#y1n_`4#_dc4$Mt;&9)(BFdhBFPahU7fv&Bw)aeV2K9+o5g= z8=ZAXL5Z+&gEbTi8+Tg!5~E(%_|uYamtuYHl<{)P9_&F%=Tv0+@UJ~5D=i^fhpGyP zxXIxaL{Vy`(T(I~ZOwNrT_E!$i+Dl#O+@ccD5+CI;Y7W)xCK!iqr)|meQK>R4Pv&( KZmZvV{NjIKjCJ_{ literal 0 HcmV?d00001 diff --git a/public/Vector 47.png b/public/Vector 47.png new file mode 100644 index 0000000000000000000000000000000000000000..eab28eb37f4acd470828d87628336c9ceba14c1a GIT binary patch literal 3833 zcmeHK{ZrC+9RGX)HPjxaTM%Z{EIqT3;xg2H$XV9%p=DE--__Tsyp<`+QY%x`c4lDY z+%-zX+tuc6ro!0-9}2hvZfRI+6+ROxo=TEf0b;Ok?a!D$ygzrJ*S$aQd%fPDr}w*Z ze`4HHcal2*VCmjHu?GOa5K+rr;))`mq`M3q@ytEnumD(+_`x9V7GOj{h;<+?1~h9{ zPofiC=FWtj0El@W3mGl|EW5HdcIUxD=+&U2`lsWVidjkKKhs{Ab?mj&@r(gaDrOs& z8+|FdDw-R;9Wzj_EK9q;du=V0**7_yUH!*U27BX$6NYKwh-qtrEOlAZ1(QtH$M!HN z7G9ejY4543DKl6rA$6ZWkEL9#m{UtEYV&>=2q>kBA7+`3ZbIu8d-nU;zk%-HU78M) zrdIykx@E=_XfDc;24Btc;0SVDZNthr?<@69CcJD7SlG}iwkT&!IM?t~G((ZY&S&M@ ztbHfB4c)T?ac-RQ1}s}P_GI3D-dYesG~RNXtDndrvK-c7ZRbV`NaO_&je-(Q$-UO? z@9yoeegF1tmGVrwCp+1nstwE`u_$Wm!gKw6DwdrbK-J=Nd{`Qlc{H7~d?l7mTSwKN zQwhLR#@JseGy{(BpG4Ij`T&gMUDLmt>o>hnD(4T438jF3M2LvK4q<3UROZ?~q9lo4 z+(v5b&89S$L;-p#ro3r3uc!SAr(5024TXMFeuhtf*oCt zScD+TF*YPFISSua83zi~@i2(z26_3PrWxQPm4gwJSu{ged!cg%AbB{~nm77Kg6>Bx zv5^rkt$k03_2f;>Lu3&Dqa4X|5LwxW?H9(aeJ6Ts^|^0mD>yz$uAt_4x#HGBFMsY~ zV?(e?pvNHdXq=25yeJ&5rs7d`ox2cbGs-f*My?wqvM@$;^V+o!l+(jKHuIk&cRqT>lUxf9_2bTt5RBp}NBZ>NbDO zbU&Kuy0ujLnc(8UygRE{8Z=WOKHa>W&5>!IAYT>EGsqUgbe~3$yZ14AD85d|IREJ| z2C-xb5qJ&rU2##4ap+zLy)Xo5L!0-|-5OhRHZ_l|0>({I$>Z^-KPs}+y~Z)#9ou%z zNm?=B(`ZLU5$*?-ib-)!X}eW71Aw&#t_C2q6ar&7S8&yv2%-~_MPM->i^pN{HY`2{ zi*MoL->~>K{y!^&nL0?W2^WwLpNmY1;)*-A>O8x=h^=C$rDCq$lpPtYo|;tXRqxUI z&Wj+Z@D?Js4XxtsBSrn>QT5w;JC@zFoGfv3+LFq! znV^Pap{f`J82JgXQRYucVGMS*OY;llf#)Yw`hMeh)S5@+7Uvfl!^dEJcOOr-?>Y+K zs}vGpAGjp@Q9+wPid^RIfZDXR`lF$$3CYSA_ejiTI9K_#bII`Ps@Xn;zW+Tm5sQGV zU+N9KW+QJrjH3E=G*e#|C{h6J)>>&{fsy0kpMZLNlB;NA?!t&R46h*c3VAnqk?>&Q zR^;;?s3T_i1TTl<(N-Bi1m2P>oTL+seCI{KT*a}oWe_z(Uv_!}75Gn`$rY1Ef0rUt zXki)u_yeipbhT3P6!JFUUF8pU2%KhRtzI7ui(F8W7rQQTaxGR1x*8SZ9|Mc_p(yT> zM}CzY&{2-xuBQS`wG>Ikd$L*P4k?lGE*2KO>T<*CR(AzbhJ9Ok*_)OLmuinI)JFJ*wEBqCK92=RO-*(?f>Q-Yc+IebSfE8l;vH2*wTxPGx-PC^Wr* zH0oilR0E literal 0 HcmV?d00001 diff --git a/public/Vector 48 mobile.png b/public/Vector 48 mobile.png new file mode 100644 index 0000000000000000000000000000000000000000..b9c04a5276fc4ed289023756a8fea62229b367ae GIT binary patch literal 5566 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 T-?R|WgTD8hS(|3ITJv literal 0 HcmV?d00001 diff --git a/public/Vector 48 new.png b/public/Vector 48 new.png new file mode 100644 index 0000000000000000000000000000000000000000..873252af0a9b226f7d9a78b0c4ef2ff6fc4d21c0 GIT binary patch literal 2813 zcmeH}>sM397QjzR65fhLL_oY}p%@epR!YGD0!KrYBE(=NA_-s%1aAZ}@xe2|NsA4> zBD#P`D3l_xU=tK7pdeE8n#CiEBDn}5DlaeZ1Q9_Zchau=?fwaVn05BqduG<2J$v?V z3-*WZF*mU_fgs2{XfGuUf-oasY%#(E4P)O=Dd1zAyf=aiK^9{Dz-;OA_5ex@H*C)? zNUGTIAMk@^At49^-MVDDd;|wUCiy`W$7LoJdc!x>59c`{s+8OD%H-AjNUwKz#&;~n}j^pe3B~(q-Cs~7}t&a z*W-O9CrO?ii9mmAZ*Tz^y7_tSiZf#7ieLBSmZ!D=dFrt0B0w2bGz$-n`}kBK`5 zZt#*<>d7reoXp&e{10!MZmz7P(wZ85BZDB9u0WyMV+hx9 zKm!WwDIvW>8`9mdIwI@UkMNm7Cj*y%_rTUbECS-w3RuZe+$)ZZd@N8{#%1Gd%<$~$ zu`zxxTsYE}uKP422qggZ4gT_r5})H$!98}a)RmMh)>uUO9K|LE^C@*<8i^Ekh_mk2 zH|x0Q=5~ndb(F}lA2!r|8p2wGITy!q1hi8Eb|;JKG{5D&BOsL*oD4c!AHtG%9Xei? zKVnM57u^a%q#M-g!NFkn9AMqwjGhP+PL#-vE8jXo@o$vYZud)X6H=9-u~LV2=*#3= zsOBg)X^5bFt^MkOEAyq`7;aNNu++y8NwvTYual2V{>4N_?^0}D;iUt5vlrYBDLoR2 z+SCZYwXsR<$D<7xZEBy(2M!)wd_=emdpUV?C!f6L?WVzX_VBG5b z74%puwiawq`U>P_j@9|jVkZN}FH!Eao#zuzTgJwNE3PcMgVKbeufS0Xa)c)h?>!^K5rTvfBp`N$#yYHtE32*iJ*JKzinE9-yD}(? z5nBu&Ba(ujRcH0Pk1UsBpSs#5BGTmq+@_9a&g~pmt4C2^ylps#Blr^!Sr*DL`4^}U z;r4(rV-juO5=G{38DKapE;S|5>b_oND$>>SA6tk}%n`dKb8T%`mrC{gp|zeOH~8WMX}x0W zttB^qE}1gncr{4OYGPaNr)YFnVI@mW6oe*Mn$=KR%+J~dDyYR=WO@s$9SY{G8TNWn z$Swq+VCuO5K*1Cq)tCHge$(NCM8uEjn#V+@x6|;4%34rHiK8s~=V)vym&=~m(H#Mn zz*kTPA@-j@f}W$|4(%`S0pKOs4iMuxnxRL+U)BGh;bOJVnZta>B2Cx`jy^g(154_< zGo+o1lJx$5e_{hgul&cE8NZUXe^bJ|+|1oj-z;n$n*k2T+v;&pxMz4ds^vg-hZ0iG_9r*chJ6!&IRb=tR)84yxZ_(G<{o2-soxNVgQ|RuQXb+{FD^KAaXS3Z}E%&{Y zWbD`RLm+!@)6)B?Hf-=4fMCPN&8wZ)Qwc6XZkUq;AhKv@7(l6ah)__WOkbG(z?9XC iAn$}fmTa8l6iwDp%R9>=?L8UjR-vH4P>OU{4EkSw7*$RH literal 0 HcmV?d00001 diff --git a/public/Vector 48.png b/public/Vector 48.png new file mode 100644 index 0000000000000000000000000000000000000000..c14402b3b78dbc1a5f93e5175ec232638254d7d0 GIT binary patch literal 1936 zcmeAS@N?(olHy`uVBq!ia0y~yVEhimG8}9`kz3#XrU5C=0*}aI1_lm45N7N#WOxG< zWGoJHcVbv~PUa<$!;&U>cv7h@-A}a#}yQ-&)V@L(#+q;2z!r=_953M_eL$kC~ z+0XKw;`3U<#IF*#hv@`g0_#%k1#1{~F)52^YXvx#Pk490`$V#mgubzJRp>E}Cc`k+vm7$u;_o}@ypM7{Q6GKT{?5P#z)fr6oR`UJ- zH5eS8uUWgc_Ik~oob%#^^3y+kJNNHjA|r#<^1rk8X4OgGpLd;$LBRD6qe9OPW(SEv z_6CDTd<=<4WEl>1STnQ;mNRfDzhe+^8&xnG4x{N|=;e#c+6-%^Oh5dvx5~y&qkuD1 z^ZxmBkN7q?_4W5}U;X*Bd1z>^=#HLU`z*Sw4|HW5-e)JbKeI3TZ1jznJJ$WzDex?f z?LQ)$zgVUutmRq{=8Z3)$O;Rt3tn)x6IZ4 zaQzd5_qVsto;?N@NwcSp*;^g-fD33&XPrD>ebzqZz4zzMet)BW-`@TI*BlV- zv_3FtOJaW0zZJII6Zdc4{(Z#(nGWj%LVK*NstmZRKR^5Da$}}?A$!DzvL(xYR@l_q z?A*Kk`+@^9K#fekZdtE(?LB=@udBBzJ>8o1na>?Yu_yA%rjvKSvHtrnv(Zwxyn%Jb zoz!~!pkgcD-zyH70$tAfqbfOB=-anFaiNFKZ51kS$o^JkQIoZ#%@xE>S<;pYRFs_r zqy>TWhhHyV+&k*wtGS=cx?ANPL-Dn~D<+QhW*~>`uHJuu3Fr`+t>rgo_d8b4>$~!W zTW7`&<})XAmZVipuYICteOd{qCt*ojD2V>>(8D+OdTnC*%qrFf?aI=UEC1TJOJ6?T zzWv*`dtwnv`R^FQFWgJbw^RGSY3tt8b=l?Lr!#r0y9{CWX+epP%*KjV-f!tn}_I|NCnn6E?&$>?_%O?^{%;?OeOLYxY-{M=Wr@ zw}0pLua5c2j~6f)816ltx1{ad$GO%A+$B~nJYDrx?Nj_x8!d*IAFHMW=f5erdS70q W#GvYd{0v|P%HZkh=d#Wzp$Pz8VDDG} literal 0 HcmV?d00001 diff --git a/public/Vector 49 mobile.png b/public/Vector 49 mobile.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd1649f55ffe5c86f7dd8c18f5ab2877d9094be GIT binary patch literal 1585 zcmeAS@N?(olHy`uVBq!ia0y~yV0;S1q8w~Mk$a2&Rs$){0*}aI1_psSAk3(C*2)AZ z$XFcY?!>U}oXkrghb7(7*O7r?V?XzwL{EcU!A2S?y6dM<3_djQIrQwDQAa_x0Z0ub7*~{XOzx`H|aM49F;ULS;Ou^KKR-q@$ z-KQ{$c}$qE7RVMcqt@|W-gf)CKO6oVT`=!6w|}?7q>1jE0 z_lI|9XU{hHpI&Chuz{oL&zDZ4156yBtU8Pw<|wRh*I;hp{Im5g_4-d)M3g zUcMf`r|RqH1FIt9nddYpZ0^=zKI1dtr$`{%jEM@Hfrg)PnXt1LNI6W{$qm$GCp4 zI8B%dbk-Zi6K6c9Fxojzm^mBBQ#di_(6jZ;-+wY3uwV8v+A%F}_SxUxpC7jPXTq>y zxU5pL_)Q??*_NB8bC$hK`t{-AcgBRL`*!X4k=!uzP2VSr zIO`4u1O3<83>^Zgqj)q7M$-U2(!h;3Qg+hEufM;yZ?7CfLvrQ6{|C=$^dJ6^#K4f2 wTFc8IxQK^AaQ54qH@_PA?&oDV;Q5zRU&QkHpWokdfF(SGr>mdKI;Vst0Oykb>i_@% literal 0 HcmV?d00001 diff --git a/public/Vector 49.png b/public/Vector 49.png new file mode 100644 index 0000000000000000000000000000000000000000..c14402b3b78dbc1a5f93e5175ec232638254d7d0 GIT binary patch literal 1936 zcmeAS@N?(olHy`uVBq!ia0y~yVEhimG8}9`kz3#XrU5C=0*}aI1_lm45N7N#WOxG< zWGoJHcVbv~PUa<$!;&U>cv7h@-A}a#}yQ-&)V@L(#+q;2z!r=_953M_eL$kC~ z+0XKw;`3U<#IF*#hv@`g0_#%k1#1{~F)52^YXvx#Pk490`$V#mgubzJRp>E}Cc`k+vm7$u;_o}@ypM7{Q6GKT{?5P#z)fr6oR`UJ- zH5eS8uUWgc_Ik~oob%#^^3y+kJNNHjA|r#<^1rk8X4OgGpLd;$LBRD6qe9OPW(SEv z_6CDTd<=<4WEl>1STnQ;mNRfDzhe+^8&xnG4x{N|=;e#c+6-%^Oh5dvx5~y&qkuD1 z^ZxmBkN7q?_4W5}U;X*Bd1z>^=#HLU`z*Sw4|HW5-e)JbKeI3TZ1jznJJ$WzDex?f z?LQ)$zgVUutmRq{=8Z3)$O;Rt3tn)x6IZ4 zaQzd5_qVsto;?N@NwcSp*;^g-fD33&XPrD>ebzqZz4zzMet)BW-`@TI*BlV- zv_3FtOJaW0zZJII6Zdc4{(Z#(nGWj%LVK*NstmZRKR^5Da$}}?A$!DzvL(xYR@l_q z?A*Kk`+@^9K#fekZdtE(?LB=@udBBzJ>8o1na>?Yu_yA%rjvKSvHtrnv(Zwxyn%Jb zoz!~!pkgcD-zyH70$tAfqbfOB=-anFaiNFKZ51kS$o^JkQIoZ#%@xE>S<;pYRFs_r zqy>TWhhHyV+&k*wtGS=cx?ANPL-Dn~D<+QhW*~>`uHJuu3Fr`+t>rgo_d8b4>$~!W zTW7`&<})XAmZVipuYICteOd{qCt*ojD2V>>(8D+OdTnC*%qrFf?aI=UEC1TJOJ6?T zzWv*`dtwnv`R^FQFWgJbw^RGSY3tt8b=l?Lr!#r0y9{CWX+epP%*KjV-f!tn}_I|NCnn6E?&$>?_%O?^{%;?OeOLYxY-{M=Wr@ zw}0pLua5c2j~6f)816ltx1{ad$GO%A+$B~nJYDrx?Nj_x8!d*IAFHMW=f5erdS70q W#GvYd{0v|P%HZkh=d#Wzp$Pz8VDDG} literal 0 HcmV?d00001 diff --git a/src/app/page.js b/src/app/page.js index 88e70ed..480f32c 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -6,6 +6,7 @@ import Statistics from "../components/suraj/Statistics"; import { AboutUs } from "@/components/AboutUs"; import Footer from "@/components/Footer/Footer"; import { Sponsor } from "@/components/Sponsor/Sponsors"; +import Track from "@/components/TRACK/Track"; export default function Home() { return ( @@ -18,6 +19,7 @@ export default function Home() {
+
diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css new file mode 100644 index 0000000..49ace80 --- /dev/null +++ b/src/components/TRACK/Track.css @@ -0,0 +1,177 @@ +* { + padding: 0; + margin: 0; + } + .parent { + margin: auto; + background: url("../Images/background.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + } + .imago { + padding-top: 10px; + position: relative; + } + .imagos { + padding-top: 10px; + position: relative; + } + .text { + position: absolute; + top: 50px; + left: 19px; + color: white; + text-align: center; + font-family: Syoog; + font-size: 35px; + font-style: normal; + font-weight: 400; + line-height: 180%; /* 81px */ + } + .sp { + color: #06ebe5; + } + .headin { + color: #ca40cd; + text-align: center; + font-family: Syoog; + font-size: 106px; + font-style: normal; + font-weight: 400; + line-height: 180%; /* 190.8px */ + text-decoration-line: underline; + } + .hea { + color: #bbb4b4; + text-align: center; + font-family: Syoog; + font-size: 55px; + font-style: normal; + font-weight: 400; + line-height: 180%; /* 118.8px */ + text-decoration-line: underline; + } + .text2 { + position: absolute; + top: 4px; + left: 19px; + color: #fff; + text-align: center; + font-family: Syoog; + font-size: 30px; + font-style: normal; + font-weight: 200; + line-height: 130%; /* 72px */ + } + .imagio { + padding-top: 10px; + position: relative; + /* text-align: center; */ + } + + .ima-full { + display: block; + } + .ima-small { + display: none; + } + + @media screen and (max-width: 1024px) { + .text2 { + position: absolute; + top: 46px; + left: 70px; + color: #fff; + text-align: center; + font-family: Syoog; + font-size: 25px; + font-style: normal; + font-weight: 50; + line-height: 130%; /* 72px */ + } + .hea { + color: #bbb4b4; + text-align: center; + font-family: Syoog; + font-size: 45px; + font-style: normal; + font-weight: 100; + line-height: 100%; /* 118.8px */ + text-decoration-line: underline; + } + .text{ + font-size: 28px; + } + } + + @media screen and (max-width: 768px) { + .text2 { + position: absolute; + top: 70px; + left: 38px; + color: #fff; + text-align: center; + font-family: Syoog; + font-size: 30px; + font-style: normal; + font-weight: 50; + line-height: 130%; /* 72px */ + } + .text { + top: 26px; + font-size: 28px; + } + .hea { + color: #bbb4b4; + text-align: center; + font-family: Syoog; + font-size: 45px; + font-style: normal; + font-weight: 100; + line-height: 100%; /* 118.8px */ + text-decoration-line: underline; + } + .imagio { + padding-top: 0px; + position: relative; + } + .imago { + top: 400px; + } + .imagos { + top: 635px; + } + .parent { + display: grid; + grid-template-rows: 100px 60px 60px; + height: 1130px; + margin-left: 140px; + } + .child { + display: inline; + } + + .ima-full { + display: none; + position: relative; + } + .ima-small { + display: block; + position: relative; + } + } + + @media only screen and (max-width: 600px) { + .parent { + margin: 0px; + } + .text2 { + font-size: 25px; + top: 67px; + } + } + /* @media only screen and (min-width: 1120px) and (max-width: 1496px){ + + } + */ + \ No newline at end of file diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js new file mode 100644 index 0000000..cb5344b --- /dev/null +++ b/src/components/TRACK/Track.js @@ -0,0 +1,92 @@ +import Image from "next/image"; +import "./Track.css"; +import image1 from "../../../public/vector 47.png"; +import image2 from "../../../public/Vector 48.png"; +import image3 from "../../../public/Vector 49.png"; +import image4 from "../../../public/Vector 48 new.png"; +import image5 from "../../../public/Vector 49 mobile.png"; +import image6 from "../../../public/Vector 47 mobile.png"; + +function Track() { + return ( +
+
+
+
+ Picture of the author + Picture of the author +
+

Gold

+

+ Cash Prizes ₹25k +

+

Goodies & Tshirts

+

+ Vouchers worth $50k +

+
+
+
+ +
+
+ Picture of the author + Picture of the author +
+

Silver

+

+ Cash Prizes ₹17k +

+

Goodies & Tshirts

+

+ Vouchers worth $50k +

+
+
+
+ +
+
+ Picture of the author + Picture of the author +
+

Bronze

+

+ Cash Prizes ₹10k +

+

Goodies & Tshirts

+

+ Vouchers worth $50k +

+
+
+
+
+
+ ); +} +export default Track; From ccca46d0d710090bd19bebe086f839ed99cf30c8 Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 20:33:39 +0530 Subject: [PATCH 02/10] fix:error --- src/components/TRACK/Track.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index cb5344b..e716447 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -1,6 +1,6 @@ import Image from "next/image"; import "./Track.css"; -import image1 from "../../../public/vector 47.png"; +import image1 from "../../../public/Vector 47.png"; import image2 from "../../../public/Vector 48.png"; import image3 from "../../../public/Vector 49.png"; import image4 from "../../../public/Vector 48 new.png"; From ff596d9c9f6f4f15b416d00fd35ea6bc4686c3c5 Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 21:38:01 +0530 Subject: [PATCH 03/10] fix:disappear image --- src/components/TRACK/Track.css | 5 ++++- src/components/TRACK/Track.js | 12 ++++++------ .../components/TRACK/assets}/Vector 47 mobile.png | Bin .../components/TRACK/assets}/Vector 47.png | Bin .../components/TRACK/assets}/Vector 48 mobile.png | Bin .../components/TRACK/assets}/Vector 48 new.png | Bin .../components/TRACK/assets}/Vector 48.png | Bin .../components/TRACK/assets}/Vector 49 mobile.png | Bin .../components/TRACK/assets}/Vector 49.png | Bin 9 files changed, 10 insertions(+), 7 deletions(-) rename {public => src/components/TRACK/assets}/Vector 47 mobile.png (100%) rename {public => src/components/TRACK/assets}/Vector 47.png (100%) rename {public => src/components/TRACK/assets}/Vector 48 mobile.png (100%) rename {public => src/components/TRACK/assets}/Vector 48 new.png (100%) rename {public => src/components/TRACK/assets}/Vector 48.png (100%) rename {public => src/components/TRACK/assets}/Vector 49 mobile.png (100%) rename {public => src/components/TRACK/assets}/Vector 49.png (100%) diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css index 49ace80..e5b4fc0 100644 --- a/src/components/TRACK/Track.css +++ b/src/components/TRACK/Track.css @@ -166,9 +166,12 @@ margin: 0px; } .text2 { - font-size: 25px; + font-size: 20px; top: 67px; } + .text { + font-size: 23px; + } } /* @media only screen and (min-width: 1120px) and (max-width: 1496px){ diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index e716447..ea42f84 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -1,11 +1,11 @@ import Image from "next/image"; import "./Track.css"; -import image1 from "../../../public/Vector 47.png"; -import image2 from "../../../public/Vector 48.png"; -import image3 from "../../../public/Vector 49.png"; -import image4 from "../../../public/Vector 48 new.png"; -import image5 from "../../../public/Vector 49 mobile.png"; -import image6 from "../../../public/Vector 47 mobile.png"; +import image1 from "./assets/Vector 47.png"; +import image2 from "./assets/Vector 48.png"; +import image3 from "./assets/Vector 49.png"; +import image4 from "./assets/Vector 48 new.png"; +import image5 from "./assets/Vector 49 mobile.png"; +import image6 from "./assets/Vector 47 mobile.png"; function Track() { return ( diff --git a/public/Vector 47 mobile.png b/src/components/TRACK/assets/Vector 47 mobile.png similarity index 100% rename from public/Vector 47 mobile.png rename to src/components/TRACK/assets/Vector 47 mobile.png diff --git a/public/Vector 47.png b/src/components/TRACK/assets/Vector 47.png similarity index 100% rename from public/Vector 47.png rename to src/components/TRACK/assets/Vector 47.png diff --git a/public/Vector 48 mobile.png b/src/components/TRACK/assets/Vector 48 mobile.png similarity index 100% rename from public/Vector 48 mobile.png rename to src/components/TRACK/assets/Vector 48 mobile.png diff --git a/public/Vector 48 new.png b/src/components/TRACK/assets/Vector 48 new.png similarity index 100% rename from public/Vector 48 new.png rename to src/components/TRACK/assets/Vector 48 new.png diff --git a/public/Vector 48.png b/src/components/TRACK/assets/Vector 48.png similarity index 100% rename from public/Vector 48.png rename to src/components/TRACK/assets/Vector 48.png diff --git a/public/Vector 49 mobile.png b/src/components/TRACK/assets/Vector 49 mobile.png similarity index 100% rename from public/Vector 49 mobile.png rename to src/components/TRACK/assets/Vector 49 mobile.png diff --git a/public/Vector 49.png b/src/components/TRACK/assets/Vector 49.png similarity index 100% rename from public/Vector 49.png rename to src/components/TRACK/assets/Vector 49.png From 4a75f2b35750c824e8a64b9a36e3a69403de5085 Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 21:50:51 +0530 Subject: [PATCH 04/10] testing --- src/components/TRACK/Track.css | 2 +- src/components/TRACK/Track.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css index e5b4fc0..47c610b 100644 --- a/src/components/TRACK/Track.css +++ b/src/components/TRACK/Track.css @@ -23,7 +23,7 @@ color: white; text-align: center; font-family: Syoog; - font-size: 35px; + font-size: 30px; font-style: normal; font-weight: 400; line-height: 180%; /* 81px */ diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index ea42f84..d1a5ecf 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -17,6 +17,7 @@ function Track() { src={image1} alt="Picture of the author" className="ima-full" + width="500px" /> Date: Sun, 6 Aug 2023 22:02:09 +0530 Subject: [PATCH 05/10] test2 --- src/components/TRACK/Track.js | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index d1a5ecf..e975e53 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -18,11 +18,14 @@ function Track() { alt="Picture of the author" className="ima-full" width="500px" + height="500px" /> Picture of the author

Gold

@@ -43,11 +46,15 @@ function Track() { src={image2} alt="Picture of the author" className="ima-full" + width="500px" + height="500px" /> Picture of the author

Silver

@@ -68,11 +75,15 @@ function Track() { src={image3} alt="Picture of the author" className="ima-full" + width="500px" + height="500px" /> Picture of the author

Bronze

From c1c0afb90ec14fc8b451052ba4d7ceba370e5c9e Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 22:28:20 +0530 Subject: [PATCH 06/10] test3 --- src/components/TRACK/Track.css | 2 +- src/components/TRACK/Track.js | 17 +++-------------- 2 files changed, 4 insertions(+), 15 deletions(-) diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css index 47c610b..54bcf2c 100644 --- a/src/components/TRACK/Track.css +++ b/src/components/TRACK/Track.css @@ -4,7 +4,7 @@ } .parent { margin: auto; - background: url("../Images/background.png"); + /* background: url("../Images/background.png"); */ background-repeat: no-repeat; background-size: 100% 100%; } diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index e975e53..f43a3fa 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -17,15 +17,11 @@ function Track() { src={image1} alt="Picture of the author" className="ima-full" - width="500px" - height="500px" /> Picture of the author

Gold

@@ -46,15 +42,11 @@ function Track() { src={image2} alt="Picture of the author" className="ima-full" - width="500px" - height="500px" /> Picture of the author

Silver

@@ -75,15 +67,12 @@ function Track() { src={image3} alt="Picture of the author" className="ima-full" - width="500px" - height="500px" + /> Picture of the author

Bronze

From 1804ce8516ba86128fdb28be2c6d2c2906feae4f Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 22:50:53 +0530 Subject: [PATCH 07/10] test4 --- .../Images}/Vector 47 mobile.png | Bin .../assets => public/Images}/Vector 47.png | Bin .../Images}/Vector 48 mobile.png | Bin .../Images}/Vector 48 new.png | Bin .../assets => public/Images}/Vector 48.png | Bin .../Images}/Vector 49 mobile.png | Bin .../assets => public/Images}/Vector 49.png | Bin src/components/TRACK/Track.css | 2 +- src/components/TRACK/Track.js | 38 ++++++++++++------ 9 files changed, 26 insertions(+), 14 deletions(-) rename {src/components/TRACK/assets => public/Images}/Vector 47 mobile.png (100%) rename {src/components/TRACK/assets => public/Images}/Vector 47.png (100%) rename {src/components/TRACK/assets => public/Images}/Vector 48 mobile.png (100%) rename {src/components/TRACK/assets => public/Images}/Vector 48 new.png (100%) rename {src/components/TRACK/assets => public/Images}/Vector 48.png (100%) rename {src/components/TRACK/assets => public/Images}/Vector 49 mobile.png (100%) rename {src/components/TRACK/assets => public/Images}/Vector 49.png (100%) diff --git a/src/components/TRACK/assets/Vector 47 mobile.png b/public/Images/Vector 47 mobile.png similarity index 100% rename from src/components/TRACK/assets/Vector 47 mobile.png rename to public/Images/Vector 47 mobile.png diff --git a/src/components/TRACK/assets/Vector 47.png b/public/Images/Vector 47.png similarity index 100% rename from src/components/TRACK/assets/Vector 47.png rename to public/Images/Vector 47.png diff --git a/src/components/TRACK/assets/Vector 48 mobile.png b/public/Images/Vector 48 mobile.png similarity index 100% rename from src/components/TRACK/assets/Vector 48 mobile.png rename to public/Images/Vector 48 mobile.png diff --git a/src/components/TRACK/assets/Vector 48 new.png b/public/Images/Vector 48 new.png similarity index 100% rename from src/components/TRACK/assets/Vector 48 new.png rename to public/Images/Vector 48 new.png diff --git a/src/components/TRACK/assets/Vector 48.png b/public/Images/Vector 48.png similarity index 100% rename from src/components/TRACK/assets/Vector 48.png rename to public/Images/Vector 48.png diff --git a/src/components/TRACK/assets/Vector 49 mobile.png b/public/Images/Vector 49 mobile.png similarity index 100% rename from src/components/TRACK/assets/Vector 49 mobile.png rename to public/Images/Vector 49 mobile.png diff --git a/src/components/TRACK/assets/Vector 49.png b/public/Images/Vector 49.png similarity index 100% rename from src/components/TRACK/assets/Vector 49.png rename to public/Images/Vector 49.png diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css index 54bcf2c..47c610b 100644 --- a/src/components/TRACK/Track.css +++ b/src/components/TRACK/Track.css @@ -4,7 +4,7 @@ } .parent { margin: auto; - /* background: url("../Images/background.png"); */ + background: url("../Images/background.png"); background-repeat: no-repeat; background-size: 100% 100%; } diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index f43a3fa..3b0a312 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -1,11 +1,11 @@ import Image from "next/image"; import "./Track.css"; -import image1 from "./assets/Vector 47.png"; -import image2 from "./assets/Vector 48.png"; -import image3 from "./assets/Vector 49.png"; -import image4 from "./assets/Vector 48 new.png"; -import image5 from "./assets/Vector 49 mobile.png"; -import image6 from "./assets/Vector 47 mobile.png"; +// import image1 from "./assets/Vector 47.png"; +// import image2 from "./assets/Vector 48.png"; +// import image3 from "./assets/Vector 49.png"; +// import image4 from "./assets/Vector 48 new.png"; +// import image5 from "./assets/Vector 49 mobile.png"; +// import image6 from "./assets/Vector 47 mobile.png"; function Track() { return ( @@ -14,14 +14,18 @@ function Track() {
Picture of the author Picture of the author

Gold

@@ -39,14 +43,18 @@ function Track() {
Picture of the author Picture of the author

Silver

@@ -64,15 +72,19 @@ function Track() {
Picture of the author Picture of the author

Bronze

From 5312fe75035aab3b814b2d7491bca6f3b2e9b2cd Mon Sep 17 00:00:00 2001 From: sakshi Date: Sun, 6 Aug 2023 22:58:42 +0530 Subject: [PATCH 08/10] test5 --- src/components/TRACK/Track.js | 42 +++++++++++++++-------------------- 1 file changed, 18 insertions(+), 24 deletions(-) diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index 3b0a312..a81ab7c 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -1,11 +1,11 @@ import Image from "next/image"; import "./Track.css"; -// import image1 from "./assets/Vector 47.png"; -// import image2 from "./assets/Vector 48.png"; -// import image3 from "./assets/Vector 49.png"; -// import image4 from "./assets/Vector 48 new.png"; -// import image5 from "./assets/Vector 49 mobile.png"; -// import image6 from "./assets/Vector 47 mobile.png"; +import image1 from "../../../public/Images/Vector 47.png"; +import image2 from "../../../public/Images/Vector 48.png"; +import image3 from "../../../public/Images/Vector 49.png"; +import image4 from "../../../public/Images/Vector 48 new.png"; +import image5 from "../../../public/Images/Vector 49 mobile.png"; +import image6 from "../../../public/Images/Vector 47 mobile.png"; function Track() { return ( @@ -14,18 +14,16 @@ function Track() {
Picture of the author Picture of the author

Gold

@@ -43,18 +41,16 @@ function Track() {
Picture of the author Picture of the author

Silver

@@ -72,19 +68,17 @@ function Track() {
Picture of the author Picture of the author

Bronze

From 1c4fcccf83a9c6776554970964f63dd5194e7056 Mon Sep 17 00:00:00 2001 From: Raj Aryan Date: Mon, 7 Aug 2023 03:11:54 +0530 Subject: [PATCH 09/10] temp-changes --- src/app/page.js | 13 +++---- src/components/TRACK/Track.css | 66 +++++++++------------------------- src/components/TRACK/Track.js | 33 +++++++---------- 3 files changed, 35 insertions(+), 77 deletions(-) diff --git a/src/app/page.js b/src/app/page.js index 480f32c..60c7225 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -1,4 +1,3 @@ - import Accordion from "@/components/FAQs/Accordion"; import Hero from "@/components/Hero/Hero"; import Timeline from "@/components/Timeline/timeline"; @@ -11,18 +10,16 @@ import Track from "@/components/TRACK/Track"; export default function Home() { return ( <> - - + +
- - -
- -
+ +
+
); } diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css index 47c610b..fefb890 100644 --- a/src/components/TRACK/Track.css +++ b/src/components/TRACK/Track.css @@ -1,32 +1,18 @@ -* { - padding: 0; - margin: 0; - } - .parent { - margin: auto; - background: url("../Images/background.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - } - .imago { - padding-top: 10px; +.imago { position: relative; } .imagos { - padding-top: 10px; position: relative; } .text { position: absolute; - top: 50px; - left: 19px; color: white; text-align: center; font-family: Syoog; font-size: 30px; font-style: normal; font-weight: 400; - line-height: 180%; /* 81px */ + line-height: 180%; } .sp { color: #06ebe5; @@ -38,7 +24,7 @@ font-size: 106px; font-style: normal; font-weight: 400; - line-height: 180%; /* 190.8px */ + line-height: 180%; text-decoration-line: underline; } .hea { @@ -53,21 +39,15 @@ } .text2 { position: absolute; - top: 4px; - left: 19px; color: #fff; text-align: center; font-family: Syoog; - font-size: 30px; + font-size: 20px; font-style: normal; font-weight: 200; line-height: 130%; /* 72px */ } - .imagio { - padding-top: 10px; - position: relative; - /* text-align: center; */ - } + .ima-full { display: block; @@ -79,16 +59,17 @@ @media screen and (max-width: 1024px) { .text2 { position: absolute; - top: 46px; - left: 70px; color: #fff; text-align: center; font-family: Syoog; - font-size: 25px; + font-size: 20px; font-style: normal; font-weight: 50; line-height: 130%; /* 72px */ } + .headin{ + font-size: 55px; + } .hea { color: #bbb4b4; text-align: center; @@ -125,27 +106,18 @@ color: #bbb4b4; text-align: center; font-family: Syoog; - font-size: 45px; + font-size: 35px; font-style: normal; font-weight: 100; - line-height: 100%; /* 118.8px */ + line-height: 100%; text-decoration-line: underline; } .imagio { - padding-top: 0px; position: relative; } - .imago { - top: 400px; - } - .imagos { - top: 635px; - } + .parent { display: grid; - grid-template-rows: 100px 60px 60px; - height: 1130px; - margin-left: 140px; } .child { display: inline; @@ -158,23 +130,19 @@ .ima-small { display: block; position: relative; + max-width: 80vw; + margin: 0 auto; } } @media only screen and (max-width: 600px) { - .parent { - margin: 0px; - } + .text2 { - font-size: 20px; + font-size: 14px; top: 67px; } .text { - font-size: 23px; + font-size: 18px; } } - /* @media only screen and (min-width: 1120px) and (max-width: 1496px){ - - } - */ \ No newline at end of file diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index a81ab7c..9e8af56 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -9,23 +9,21 @@ import image6 from "../../../public/Images/Vector 47 mobile.png"; function Track() { return ( -
-
-
-
+
+
+
+
Picture of the author Picture of the author -
+

Gold

Cash Prizes ₹25k @@ -38,21 +36,19 @@ function Track() {

-
-
+
+
Picture of the author Picture of the author -
+

Silver

Cash Prizes ₹17k @@ -65,22 +61,19 @@ function Track() {

-
-
+
+
Picture of the author Picture of the author -
+

Bronze

Cash Prizes ₹10k From a96c1b467eadef2ed2fe85697e7220caa246bb26 Mon Sep 17 00:00:00 2001 From: Raj Aryan Date: Sun, 13 Aug 2023 17:36:58 +0530 Subject: [PATCH 10/10] Fixes And tweaks --- public/Images/Vector 48 new.png | Bin 2813 -> 0 bytes ...49 mobile.png => bronze-border-mobile.png} | Bin .../{Vector 48.png => bronze-border.png} | Bin ...r 47 mobile.png => gold-border-mobile.png} | Bin .../Images/{Vector 47.png => gold-border.png} | Bin ...48 mobile.png => silver-border-mobile.png} | Bin .../{Vector 49.png => silver-border.png} | Bin src/components/TRACK/Track.css | 231 +++++++++--------- src/components/TRACK/Track.js | 42 ++-- 9 files changed, 138 insertions(+), 135 deletions(-) delete mode 100644 public/Images/Vector 48 new.png rename public/Images/{Vector 49 mobile.png => bronze-border-mobile.png} (100%) rename public/Images/{Vector 48.png => bronze-border.png} (100%) rename public/Images/{Vector 47 mobile.png => gold-border-mobile.png} (100%) rename public/Images/{Vector 47.png => gold-border.png} (100%) rename public/Images/{Vector 48 mobile.png => silver-border-mobile.png} (100%) rename public/Images/{Vector 49.png => silver-border.png} (100%) diff --git a/public/Images/Vector 48 new.png b/public/Images/Vector 48 new.png deleted file mode 100644 index 873252af0a9b226f7d9a78b0c4ef2ff6fc4d21c0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2813 zcmeH}>sM397QjzR65fhLL_oY}p%@epR!YGD0!KrYBE(=NA_-s%1aAZ}@xe2|NsA4> zBD#P`D3l_xU=tK7pdeE8n#CiEBDn}5DlaeZ1Q9_Zchau=?fwaVn05BqduG<2J$v?V z3-*WZF*mU_fgs2{XfGuUf-oasY%#(E4P)O=Dd1zAyf=aiK^9{Dz-;OA_5ex@H*C)? zNUGTIAMk@^At49^-MVDDd;|wUCiy`W$7LoJdc!x>59c`{s+8OD%H-AjNUwKz#&;~n}j^pe3B~(q-Cs~7}t&a z*W-O9CrO?ii9mmAZ*Tz^y7_tSiZf#7ieLBSmZ!D=dFrt0B0w2bGz$-n`}kBK`5 zZt#*<>d7reoXp&e{10!MZmz7P(wZ85BZDB9u0WyMV+hx9 zKm!WwDIvW>8`9mdIwI@UkMNm7Cj*y%_rTUbECS-w3RuZe+$)ZZd@N8{#%1Gd%<$~$ zu`zxxTsYE}uKP422qggZ4gT_r5})H$!98}a)RmMh)>uUO9K|LE^C@*<8i^Ekh_mk2 zH|x0Q=5~ndb(F}lA2!r|8p2wGITy!q1hi8Eb|;JKG{5D&BOsL*oD4c!AHtG%9Xei? zKVnM57u^a%q#M-g!NFkn9AMqwjGhP+PL#-vE8jXo@o$vYZud)X6H=9-u~LV2=*#3= zsOBg)X^5bFt^MkOEAyq`7;aNNu++y8NwvTYual2V{>4N_?^0}D;iUt5vlrYBDLoR2 z+SCZYwXsR<$D<7xZEBy(2M!)wd_=emdpUV?C!f6L?WVzX_VBG5b z74%puwiawq`U>P_j@9|jVkZN}FH!Eao#zuzTgJwNE3PcMgVKbeufS0Xa)c)h?>!^K5rTvfBp`N$#yYHtE32*iJ*JKzinE9-yD}(? z5nBu&Ba(ujRcH0Pk1UsBpSs#5BGTmq+@_9a&g~pmt4C2^ylps#Blr^!Sr*DL`4^}U z;r4(rV-juO5=G{38DKapE;S|5>b_oND$>>SA6tk}%n`dKb8T%`mrC{gp|zeOH~8WMX}x0W zttB^qE}1gncr{4OYGPaNr)YFnVI@mW6oe*Mn$=KR%+J~dDyYR=WO@s$9SY{G8TNWn z$Swq+VCuO5K*1Cq)tCHge$(NCM8uEjn#V+@x6|;4%34rHiK8s~=V)vym&=~m(H#Mn zz*kTPA@-j@f}W$|4(%`S0pKOs4iMuxnxRL+U)BGh;bOJVnZta>B2Cx`jy^g(154_< zGo+o1lJx$5e_{hgul&cE8NZUXe^bJ|+|1oj-z;n$n*k2T+v;&pxMz4ds^vg-hZ0iG_9r*chJ6!&IRb=tR)84yxZ_(G<{o2-soxNVgQ|RuQXb+{FD^KAaXS3Z}E%&{Y zWbD`RLm+!@)6)B?Hf-=4fMCPN&8wZ)Qwc6XZkUq;AhKv@7(l6ah)__WOkbG(z?9XC iAn$}fmTa8l6iwDp%R9>=?L8UjR-vH4P>OU{4EkSw7*$RH diff --git a/public/Images/Vector 49 mobile.png b/public/Images/bronze-border-mobile.png similarity index 100% rename from public/Images/Vector 49 mobile.png rename to public/Images/bronze-border-mobile.png diff --git a/public/Images/Vector 48.png b/public/Images/bronze-border.png similarity index 100% rename from public/Images/Vector 48.png rename to public/Images/bronze-border.png diff --git a/public/Images/Vector 47 mobile.png b/public/Images/gold-border-mobile.png similarity index 100% rename from public/Images/Vector 47 mobile.png rename to public/Images/gold-border-mobile.png diff --git a/public/Images/Vector 47.png b/public/Images/gold-border.png similarity index 100% rename from public/Images/Vector 47.png rename to public/Images/gold-border.png diff --git a/public/Images/Vector 48 mobile.png b/public/Images/silver-border-mobile.png similarity index 100% rename from public/Images/Vector 48 mobile.png rename to public/Images/silver-border-mobile.png diff --git a/public/Images/Vector 49.png b/public/Images/silver-border.png similarity index 100% rename from public/Images/Vector 49.png rename to public/Images/silver-border.png diff --git a/src/components/TRACK/Track.css b/src/components/TRACK/Track.css index fefb890..a3ab066 100644 --- a/src/components/TRACK/Track.css +++ b/src/components/TRACK/Track.css @@ -1,148 +1,145 @@ .imago { - position: relative; - } - .imagos { - position: relative; - } - .text { + position: relative; +} +.imagos { + position: relative; +} +.text { + position: absolute; + color: white; + text-align: center; + font-family: Syoog; + font-size: 30px; + font-style: normal; + font-weight: 400; + line-height: 180%; +} +.sp { + color: #06ebe5; +} +.headin { + color: #ca40cd; + text-align: center; + font-family: Syoog; + font-size: 106px; + font-style: normal; + font-weight: 400; + line-height: 180%; + text-decoration-line: underline; +} +.hea { + color: #bbb4b4; + text-align: center; + font-family: Syoog; + font-size: 55px; + font-style: normal; + font-weight: 400; + line-height: 180%; /* 118.8px */ + text-decoration-line: underline; +} +.text2 { + position: absolute; + color: #fff; + text-align: center; + font-family: Syoog; + font-size: 20px; + font-style: normal; + font-weight: 200; + line-height: 130%; /* 72px */ +} + +.ima-full { + display: block; +} +.ima-small { + display: none; +} + +@media screen and (max-width: 1024px) { + .text2 { position: absolute; - color: white; + color: #fff; text-align: center; font-family: Syoog; - font-size: 30px; + font-size: 20px; font-style: normal; - font-weight: 400; - line-height: 180%; - } - .sp { - color: #06ebe5; + font-weight: 50; + line-height: 130%; /* 72px */ } .headin { - color: #ca40cd; - text-align: center; - font-family: Syoog; - font-size: 106px; - font-style: normal; - font-weight: 400; - line-height: 180%; - text-decoration-line: underline; + font-size: 55px; } .hea { color: #bbb4b4; text-align: center; font-family: Syoog; - font-size: 55px; + font-size: 45px; font-style: normal; - font-weight: 400; - line-height: 180%; /* 118.8px */ + font-weight: 100; + line-height: 100%; /* 118.8px */ text-decoration-line: underline; } + .text { + font-size: 28px; + } +} + +@media screen and (max-width: 768px) and (min-width: 600px) { .text2 { position: absolute; + top: 70px; + left: 38px; color: #fff; text-align: center; font-family: Syoog; - font-size: 20px; + font-size: 30px; font-style: normal; - font-weight: 200; + font-weight: 50; line-height: 130%; /* 72px */ } + .text { + top: 26px; + font-size: 28px; + } + .hea { + color: #bbb4b4; + text-align: center; + font-family: Syoog; + font-size: 35px; + font-style: normal; + font-weight: 100; + line-height: 100%; + text-decoration-line: underline; + } + .imagio { + position: relative; + } - - .ima-full { - display: block; + .parent { + display: grid; } - .ima-small { + .child { + display: inline; + } + + .ima-full { display: none; + position: relative; } - - @media screen and (max-width: 1024px) { - .text2 { - position: absolute; - color: #fff; - text-align: center; - font-family: Syoog; - font-size: 20px; - font-style: normal; - font-weight: 50; - line-height: 130%; /* 72px */ - } - .headin{ - font-size: 55px; - } - .hea { - color: #bbb4b4; - text-align: center; - font-family: Syoog; - font-size: 45px; - font-style: normal; - font-weight: 100; - line-height: 100%; /* 118.8px */ - text-decoration-line: underline; - } - .text{ - font-size: 28px; - } + .ima-small { + display: block; + position: relative; + max-width: 80vw; + margin: 0 auto; } - - @media screen and (max-width: 768px) { - .text2 { - position: absolute; - top: 70px; - left: 38px; - color: #fff; - text-align: center; - font-family: Syoog; - font-size: 30px; - font-style: normal; - font-weight: 50; - line-height: 130%; /* 72px */ - } - .text { - top: 26px; - font-size: 28px; - } - .hea { - color: #bbb4b4; - text-align: center; - font-family: Syoog; - font-size: 35px; - font-style: normal; - font-weight: 100; - line-height: 100%; - text-decoration-line: underline; - } - .imagio { - position: relative; - } +} - .parent { - display: grid; - } - .child { - display: inline; - } - - .ima-full { - display: none; - position: relative; - } - .ima-small { - display: block; - position: relative; - max-width: 80vw; - margin: 0 auto; - } +@media only screen and (max-width: 600px) { + .text2 { + font-size: 14px; + top: 67px; } - - @media only screen and (max-width: 600px) { - - .text2 { - font-size: 14px; - top: 67px; - } - .text { - font-size: 18px; - } + .text { + font-size: 18px; } - \ No newline at end of file +} diff --git a/src/components/TRACK/Track.js b/src/components/TRACK/Track.js index 9e8af56..4ee26e5 100644 --- a/src/components/TRACK/Track.js +++ b/src/components/TRACK/Track.js @@ -1,25 +1,23 @@ import Image from "next/image"; import "./Track.css"; -import image1 from "../../../public/Images/Vector 47.png"; -import image2 from "../../../public/Images/Vector 48.png"; -import image3 from "../../../public/Images/Vector 49.png"; -import image4 from "../../../public/Images/Vector 48 new.png"; -import image5 from "../../../public/Images/Vector 49 mobile.png"; -import image6 from "../../../public/Images/Vector 47 mobile.png"; function Track() { return (

-
-
+
+
Picture of the author Picture of the author @@ -36,19 +34,23 @@ function Track() {
-
+
Picture of the author Picture of the author -
+

Silver

Cash Prizes ₹17k @@ -61,19 +63,23 @@ function Track() {

-
+
Picture of the author Picture of the author -
+

Bronze

Cash Prizes ₹10k