PNG  IHDRQgAMA a cHRMz&u0`:pQ<bKGDgmIDATxwUﹻ& ^CX(J I@ "% (** BX +*i"]j(IH{~R)[~>h{}gy)I$Ij .I$I$ʊy@}x.: $I$Ii}VZPC)I$IF ^0ʐJ$I$Q^}{"r=OzI$gRZeC.IOvH eKX $IMpxsk.쒷/&r[޳<v| .I~)@$updYRa$I |M.e JaֶpSYR6j>h%IRز if&uJ)M$I vLi=H;7UJ,],X$I1AҒJ$ XY XzI@GNҥRT)E@;]K*Mw;#5_wOn~\ DC&$(A5 RRFkvIR}l!RytRl;~^ǷJj اy뷦BZJr&ӥ8Pjw~vnv X^(I;4R=P[3]J,]ȏ~:3?[ a&e)`e*P[4]T=Cq6R[ ~ޤrXR Հg(t_HZ-Hg M$ãmL5R uk*`%C-E6/%[t X.{8P9Z.vkXŐKjgKZHg(aK9ڦmKjѺm_ \#$5,)-  61eJ,5m| r'= &ڡd%-]J on Xm|{ RҞe $eڧY XYrԮ-a7RK6h>n$5AVڴi*ֆK)mѦtmr1p| q:흺,)Oi*ֺK)ܬ֦K-5r3>0ԔHjJئEZj,%re~/z%jVMڸmrt)3]J,T K֦OvԒgii*bKiNO~%PW0=dii2tJ9Jݕ{7"I P9JKTbu,%r"6RKU}Ij2HKZXJ,妝 XYrP ެ24c%i^IK|.H,%rb:XRl1X4Pe/`x&P8Pj28Mzsx2r\zRPz4J}yP[g=L) .Q[6RjWgp FIH*-`IMRaK9TXcq*I y[jE>cw%gLRԕiFCj-ďa`#e~I j,%r,)?[gp FI˨mnWX#>mʔ XA DZf9,nKҲzIZXJ,L#kiPz4JZF,I,`61%2s $,VOϚ2/UFJfy7K> X+6 STXIeJILzMfKm LRaK9%|4p9LwJI!`NsiazĔ)%- XMq>pk$-$Q2x#N ؎-QR}ᶦHZډ)J,l#i@yn3LN`;nڔ XuX5pF)m|^0(>BHF9(cզEerJI rg7 4I@z0\JIi䵙RR0s;$s6eJ,`n 䂦0a)S)A 1eJ,堌#635RIgpNHuTH_SԕqVe ` &S)>p;S$魁eKIuX`I4춒o}`m$1":PI<[v9^\pTJjriRŭ P{#{R2,`)e-`mgj~1ϣLKam7&U\j/3mJ,`F;M'䱀 .KR#)yhTq;pcK9(q!w?uRR,n.yw*UXj#\]ɱ(qv2=RqfB#iJmmL<]Y͙#$5 uTU7ӦXR+q,`I}qL'`6Kͷ6r,]0S$- [RKR3oiRE|nӦXR.(i:LDLTJjY%o:)6rxzҒqTJjh㞦I.$YR.ʼnGZ\ֿf:%55 I˼!6dKxm4E"mG_ s? .e*?LRfK9%q#uh$)i3ULRfK9yxm܌bj84$i1U^@Wbm4uJ,ҪA>_Ij?1v32[gLRD96oTaR׿N7%L2 NT,`)7&ƝL*꽙yp_$M2#AS,`)7$rkTA29_Iye"|/0t)$n XT2`YJ;6Jx".e<`$) PI$5V4]29SRI>~=@j]lp2`K9Jaai^" Ԋ29ORI%:XV5]JmN9]H;1UC39NI%Xe78t)a;Oi Ҙ>Xt"~G>_mn:%|~ޅ_+]$o)@ǀ{hgN;IK6G&rp)T2i୦KJuv*T=TOSV>(~D>dm,I*Ɛ:R#ۙNI%D>G.n$o;+#RR!.eU˽TRI28t)1LWϚ>IJa3oFbu&:tJ*(F7y0ZR ^p'Ii L24x| XRI%ۄ>S1]Jy[zL$adB7.eh4%%누>WETf+3IR:I3Xה)3אOۦSRO'ٺ)S}"qOr[B7ϙ.edG)^ETR"RtRݜh0}LFVӦDB^k_JDj\=LS(Iv─aTeZ%eUAM-0;~˃@i|l @S4y72>sX-vA}ϛBI!ݎߨWl*)3{'Y|iSlEڻ(5KtSI$Uv02,~ԩ~x;P4ցCrO%tyn425:KMlD ^4JRxSهF_}شJTS6uj+ﷸk$eZO%G*^V2u3EMj3k%)okI]dT)URKDS 7~m@TJR~荪fT"֛L \sM -0T KfJz+nإKr L&j()[E&I ߴ>e FW_kJR|!O:5/2跌3T-'|zX ryp0JS ~^F>-2< `*%ZFP)bSn"L :)+pʷf(pO3TMW$~>@~ū:TAIsV1}S2<%ޟM?@iT ,Eūoz%i~g|`wS(]oȤ8)$ ntu`өe`6yPl IzMI{ʣzʨ )IZ2= ld:5+請M$-ї;U>_gsY$ÁN5WzWfIZ)-yuXIfp~S*IZdt;t>KūKR|$#LcԀ+2\;kJ`]YǔM1B)UbG"IRߊ<xܾӔJ0Z='Y嵤 Leveg)$znV-º^3Ւof#0Tfk^Zs[*I꯳3{)ˬW4Ւ4 OdpbZRS|*I 55#"&-IvT&/윚Ye:i$ 9{LkuRe[I~_\ؠ%>GL$iY8 9ܕ"S`kS.IlC;Ҏ4x&>u_0JLr<J2(^$5L s=MgV ~,Iju> 7r2)^=G$1:3G< `J3~&IR% 6Tx/rIj3O< ʔ&#f_yXJiގNSz; Tx(i8%#4 ~AS+IjerIUrIj362v885+IjAhK__5X%nV%Iͳ-y|7XV2v4fzo_68"S/I-qbf; LkF)KSM$ Ms>K WNV}^`-큧32ŒVؙGdu,^^m%6~Nn&͓3ŒVZMsRpfEW%IwdǀLm[7W&bIRL@Q|)* i ImsIMmKmyV`i$G+R 0tV'!V)֏28vU7͒vHꦼtxꗞT ;S}7Mf+fIRHNZUkUx5SAJㄌ9MqμAIRi|j5)o*^'<$TwI1hEU^c_j?Е$%d`z cyf,XO IJnTgA UXRD }{H}^S,P5V2\Xx`pZ|Yk:$e ~ @nWL.j+ϝYb퇪bZ BVu)u/IJ_ 1[p.p60bC >|X91P:N\!5qUB}5a5ja `ubcVxYt1N0Zzl4]7­gKj]?4ϻ *[bg$)+À*x쳀ogO$~,5 زUS9 lq3+5mgw@np1sso Ӻ=|N6 /g(Wv7U;zωM=wk,0uTg_`_P`uz?2yI!b`kĸSo+Qx%!\οe|އԁKS-s6pu_(ֿ$i++T8=eY; צP+phxWQv*|p1. ά. XRkIQYP,drZ | B%wP|S5`~́@i޾ E;Չaw{o'Q?%iL{u D?N1BD!owPHReFZ* k_-~{E9b-~P`fE{AܶBJAFO wx6Rox5 K5=WwehS8 (JClJ~ p+Fi;ŗo+:bD#g(C"wA^ r.F8L;dzdIHUX݆ϞXg )IFqem%I4dj&ppT{'{HOx( Rk6^C٫O.)3:s(۳(Z?~ٻ89zmT"PLtw䥈5&b<8GZ-Y&K?e8,`I6e(֍xb83 `rzXj)F=l($Ij 2*(F?h(/9ik:I`m#p3MgLaKjc/U#n5S# m(^)=y=đx8ŬI[U]~SцA4p$-F i(R,7Cx;X=cI>{Km\ o(Tv2vx2qiiDJN,Ҏ!1f 5quBj1!8 rDFd(!WQl,gSkL1Bxg''՞^ǘ;pQ P(c_ IRujg(Wz bs#P­rz> k c&nB=q+ؔXn#r5)co*Ũ+G?7< |PQӣ'G`uOd>%Mctz# Ԫڞ&7CaQ~N'-P.W`Oedp03C!IZcIAMPUۀ5J<\u~+{9(FbbyAeBhOSܳ1 bÈT#ŠyDžs,`5}DC-`̞%r&ڙa87QWWp6e7 Rϫ/oY ꇅ Nܶըtc!LA T7V4Jsū I-0Pxz7QNF_iZgúWkG83 0eWr9 X]㾮݁#Jˢ C}0=3ݱtBi]_ &{{[/o[~ \q鯜00٩|cD3=4B_b RYb$óBRsf&lLX#M*C_L܄:gx)WΘsGSbuL rF$9';\4Ɍq'n[%p.Q`u hNb`eCQyQ|l_C>Lb꟟3hSb #xNxSs^ 88|Mz)}:](vbۢamŖ࿥ 0)Q7@0=?^k(*J}3ibkFn HjB׻NO z x}7p 0tfDX.lwgȔhԾŲ }6g E |LkLZteu+=q\Iv0쮑)QٵpH8/2?Σo>Jvppho~f>%bMM}\//":PTc(v9v!gոQ )UfVG+! 35{=x\2+ki,y$~A1iC6#)vC5^>+gǵ@1Hy٪7u;p psϰu/S <aʸGu'tD1ԝI<pg|6j'p:tպhX{o(7v],*}6a_ wXRk,O]Lܳ~Vo45rp"N5k;m{rZbΦ${#)`(Ŵg,;j%6j.pyYT?}-kBDc3qA`NWQū20/^AZW%NQ MI.X#P#,^Ebc&?XR tAV|Y.1!؅⨉ccww>ivl(JT~ u`ٵDm q)+Ri x/x8cyFO!/*!/&,7<.N,YDŽ&ܑQF1Bz)FPʛ?5d 6`kQձ λc؎%582Y&nD_$Je4>a?! ͨ|ȎWZSsv8 j(I&yj Jb5m?HWp=g}G3#|I,5v珿] H~R3@B[☉9Ox~oMy=J;xUVoj bUsl_35t-(ՃɼRB7U!qc+x4H_Qo֮$[GO<4`&č\GOc[.[*Af%mG/ ňM/r W/Nw~B1U3J?P&Y )`ѓZ1p]^l“W#)lWZilUQu`-m|xĐ,_ƪ|9i:_{*(3Gѧ}UoD+>m_?VPۅ15&}2|/pIOʵ> GZ9cmíتmnz)yߐbD >e}:) r|@R5qVSA10C%E_'^8cR7O;6[eKePGϦX7jb}OTGO^jn*媓7nGMC t,k31Rb (vyܴʭ!iTh8~ZYZp(qsRL ?b}cŨʊGO^!rPJO15MJ[c&~Z`"ѓޔH1C&^|Ш|rʼ,AwĴ?b5)tLU)F| &g٣O]oqSUjy(x<Ϳ3 .FSkoYg2 \_#wj{u'rQ>o;%n|F*O_L"e9umDds?.fuuQbIWz |4\0 sb;OvxOSs; G%T4gFRurj(֍ڑb uԖKDu1MK{1^ q; C=6\8FR艇!%\YÔU| 88m)֓NcLve C6z;o&X x59:q61Z(T7>C?gcļxѐ Z oo-08jہ x,`' ҔOcRlf~`jj".Nv+sM_]Zk g( UOPyεx%pUh2(@il0ݽQXxppx-NS( WO+轾 nFߢ3M<;z)FBZjciu/QoF 7R¥ ZFLF~#ȣߨ^<쩡ݛкvџ))ME>ώx4m#!-m!L;vv#~Y[đKmx9.[,UFS CVkZ +ߟrY٧IZd/ioi$%͝ب_ֶX3ܫhNU ZZgk=]=bbJS[wjU()*I =ώ:}-蹞lUj:1}MWm=̛ _ ¾,8{__m{_PVK^n3esw5ӫh#$-q=A̟> ,^I}P^J$qY~Q[ Xq9{#&T.^GVj__RKpn,b=`żY@^՝;z{paVKkQXj/)y TIc&F;FBG7wg ZZDG!x r_tƢ!}i/V=M/#nB8 XxЫ ^@CR<{䤭YCN)eKOSƟa $&g[i3.C6xrOc8TI;o hH6P&L{@q6[ Gzp^71j(l`J}]e6X☉#͕ ׈$AB1Vjh㭦IRsqFBjwQ_7Xk>y"N=MB0 ,C #o6MRc0|$)ف"1!ixY<B9mx `,tA>)5ػQ?jQ?cn>YZe Tisvh# GMމȇp:ԴVuږ8ɼH]C.5C!UV;F`mbBk LTMvPʍϤj?ԯ/Qr1NB`9s"s TYsz &9S%U԰> {<ؿSMxB|H\3@!U| k']$U+> |HHMLޢ?V9iD!-@x TIî%6Z*9X@HMW#?nN ,oe6?tQwڱ.]-y':mW0#!J82qFjH -`ѓ&M0u Uγmxϵ^-_\])@0Rt.8/?ٰCY]x}=sD3ojަЫNuS%U}ԤwHH>ڗjܷ_3gN q7[q2la*ArǓԖ+p8/RGM ]jacd(JhWko6ڎbj]i5Bj3+3!\j1UZLsLTv8HHmup<>gKMJj0@H%,W΃7R) ">c, xixј^ aܖ>H[i.UIHc U1=yW\=S*GR~)AF=`&2h`DzT󑓶J+?W+}C%P:|0H܆}-<;OC[~o.$~i}~HQ TvXΈr=b}$vizL4:ȰT|4~*!oXQR6Lk+#t/g lԁߖ[Jڶ_N$k*". xsxX7jRVbAAʯKҎU3)zSNN _'s?f)6X!%ssAkʱ>qƷb hg %n ~p1REGMHH=BJiy[<5 ǁJҖgKR*倳e~HUy)Ag,K)`Vw6bRR:qL#\rclK/$sh*$ 6덤 KԖc 3Z9=Ɣ=o>X Ώ"1 )a`SJJ6k(<c e{%kϊP+SL'TcMJWRm ŏ"w)qc ef꒵i?b7b('"2r%~HUS1\<(`1Wx9=8HY9m:X18bgD1u ~|H;K-Uep,, C1 RV.MR5άh,tWO8WC$ XRVsQS]3GJ|12 [vM :k#~tH30Rf-HYݺ-`I9%lIDTm\ S{]9gOڒMNCV\G*2JRŨ;Rҏ^ڽ̱mq1Eu?To3I)y^#jJw^Ńj^vvlB_⋌P4x>0$c>K†Aļ9s_VjTt0l#m>E-,,x,-W)سo&96RE XR.6bXw+)GAEvL)͞K4$p=Ũi_ѱOjb HY/+@θH9޼]Nԥ%n{ &zjT? Ty) s^ULlb,PiTf^<À] 62R^V7)S!nllS6~͝V}-=%* ʻ>G DnK<y&>LPy7'r=Hj 9V`[c"*^8HpcO8bnU`4JȪAƋ#1_\ XϘHPRgik(~G~0DAA_2p|J묭a2\NCr]M_0 ^T%e#vD^%xy-n}-E\3aS%yN!r_{ )sAw ڼp1pEAk~v<:`'ӭ^5 ArXOI驻T (dk)_\ PuA*BY]yB"l\ey hH*tbK)3 IKZ򹞋XjN n *n>k]X_d!ryBH ]*R 0(#'7 %es9??ښFC,ՁQPjARJ\Ρw K#jahgw;2$l*) %Xq5!U᢯6Re] |0[__64ch&_}iL8KEgҎ7 M/\`|.p,~`a=BR?xܐrQ8K XR2M8f ?`sgWS%" Ԉ 7R%$ N}?QL1|-эټwIZ%pvL3Hk>,ImgW7{E xPHx73RA @RS CC !\ȟ5IXR^ZxHл$Q[ŝ40 (>+ _C >BRt<,TrT {O/H+˟Pl6 I B)/VC<6a2~(XwV4gnXR ϱ5ǀHٻ?tw똤Eyxp{#WK qG%5],(0ӈH HZ])ג=K1j&G(FbM@)%I` XRg ʔ KZG(vP,<`[ Kn^ SJRsAʠ5xՅF`0&RbV tx:EaUE/{fi2;.IAwW8/tTxAGOoN?G}l L(n`Zv?pB8K_gI+ܗ #i?ޙ.) p$utc ~DžfՈEo3l/)I-U?aԅ^jxArA ΧX}DmZ@QLےbTXGd.^|xKHR{|ΕW_h] IJ`[G9{).y) 0X YA1]qp?p_k+J*Y@HI>^?gt.06Rn ,` ?);p pSF9ZXLBJPWjgQ|&)7! HjQt<| ؅W5 x W HIzYoVMGP Hjn`+\(dNW)F+IrS[|/a`K|ͻ0Hj{R,Q=\ (F}\WR)AgSG`IsnAR=|8$}G(vC$)s FBJ?]_u XRvύ6z ŨG[36-T9HzpW̞ú Xg큽=7CufzI$)ki^qk-) 0H*N` QZkk]/tnnsI^Gu't=7$ Z;{8^jB% IItRQS7[ϭ3 $_OQJ`7!]W"W,)Iy W AJA;KWG`IY{8k$I$^%9.^(`N|LJ%@$I}ֽp=FB*xN=gI?Q{٥4B)mw $Igc~dZ@G9K X?7)aK%݅K$IZ-`IpC U6$I\0>!9k} Xa IIS0H$I H ?1R.Чj:4~Rw@p$IrA*u}WjWFPJ$I➓/6#! LӾ+ X36x8J |+L;v$Io4301R20M I$-E}@,pS^ޟR[/s¹'0H$IKyfŸfVOπFT*a$I>He~VY/3R/)>d$I>28`Cjw,n@FU*9ttf$I~<;=/4RD~@ X-ѕzἱI$: ԍR a@b X{+Qxuq$IЛzo /~3\8ڒ4BN7$IҀj V]n18H$IYFBj3̵̚ja pp $Is/3R Ӻ-Yj+L;.0ŔI$Av? #!5"aʄj}UKmɽH$IjCYs?h$IDl843.v}m7UiI=&=0Lg0$I4: embe` eQbm0u? $IT!Sƍ'-sv)s#C0:XB2a w I$zbww{."pPzO =Ɔ\[ o($Iaw]`E).Kvi:L*#gР7[$IyGPI=@R 4yR~̮´cg I$I/<tPͽ hDgo 94Z^k盇΄8I56^W$I^0̜N?4*H`237}g+hxoq)SJ@p|` $I%>-hO0eO>\ԣNߌZD6R=K ~n($I$y3D>o4b#px2$yڪtzW~a $I~?x'BwwpH$IZݑnC㧄Pc_9sO gwJ=l1:mKB>Ab<4Lp$Ib o1ZQ@85b̍ S'F,Fe,^I$IjEdù{l4 8Ys_s Z8.x m"+{~?q,Z D!I$ϻ'|XhB)=…']M>5 rgotԎ 獽PH$IjIPhh)n#cÔqA'ug5qwU&rF|1E%I$%]!'3AFD/;Ck_`9 v!ٴtPV;x`'*bQa w I$Ix5 FC3D_~A_#O݆DvV?<qw+I$I{=Z8".#RIYyjǪ=fDl9%M,a8$I$Ywi[7ݍFe$s1ՋBVA?`]#!oz4zjLJo8$I$%@3jAa4(o ;p,,dya=F9ً[LSPH$IJYЉ+3> 5"39aZ<ñh!{TpBGkj}Sp $IlvF.F$I z< '\K*qq.f<2Y!S"-\I$IYwčjF$ w9 \ߪB.1v!Ʊ?+r:^!I$BϹB H"B;L'G[ 4U#5>੐)|#o0aڱ$I>}k&1`U#V?YsV x>{t1[I~D&(I$I/{H0fw"q"y%4 IXyE~M3 8XψL}qE$I[> nD?~sf ]o΁ cT6"?'_Ἣ $I>~.f|'!N?⟩0G KkXZE]ޡ;/&?k OۘH$IRۀwXӨ<7@PnS04aӶp.:@\IWQJ6sS%I$e5ڑv`3:x';wq_vpgHyXZ 3gЂ7{{EuԹn±}$I$8t;b|591nءQ"P6O5i }iR̈́%Q̄p!I䮢]O{H$IRϻ9s֧ a=`- aB\X0"+5"C1Hb?߮3x3&gşggl_hZ^,`5?ߎvĸ%̀M!OZC2#0x LJ0 Gw$I$I}<{Eb+y;iI,`ܚF:5ܛA8-O-|8K7s|#Z8a&><a&/VtbtLʌI$I$I$I$I$I$IRjDD%tEXtdate:create2022-05-31T04:40:26+00:00!Î%tEXtdate:modify2022-05-31T04:40:26+00:00|{2IENDB`Mini Shell

HOME


Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/navvibhor/
Upload File :
Current File : /home/htlwork.com/www/dev/navvibhor/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Nav Vibhor</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 300){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 300){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header" id="Home">  
  <section class="top-sec">    
    <div class="container">
      <div class="row">
	
	    <div class="col-sm-6">
		  <p>Generation Marching to Smart Future</p>
	       <!--div class="phone-detil">   
		     <ul>
			   <li><a href="tel:+91-9882-000097"><i class="fa fa-volume-control-phone"></i>+91-9882-000097</a>, <a href="tel:+91-96465-94291">+91-96465-94291</a></li>
			   <li><a href="mailto:info@htlogics.com"><i class="fa-regular fa-envelope"></i> info@htlogics.com</a></li>
			  </ul>
			</div-->
		  </div>   
         
		 <div class="col-sm-6">
	      <div class="icon-top">
		    <a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
            <a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>            
            <a href="#" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>            
            <a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a> 
            <a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
		  </div>
	    </div>      	  
                
      </div><!--/ row -->
    </div>
  </section><!--/ top-sec -->
  
  <section class="head-sec">    
    <div class="container">
      <div class="row align-items-center">
	
	    <div class="col-sm-4 head-logo"><a href="#"><img src="images/logo.png" al="image"></a></div>   
         
		 <div class="col-sm-8 head-right">
	      <div class="call-us">
		    <ul>			  
			  <li><i class="fa fa-volume-control-phone"></i><span>Call Us <small><a href="tel:+91 9418470680">+91 9418470680</a></small></span></a></li>
			  
			  <li><i class="fa-regular fa-envelope"></i><span>Email Us <small><a href="mailto:navvibhorschool@gmail.com">navvibhorschool@gmail.com</a></small></span></a>
			  </li>
			</ul>
		  </div><!--/ call-us -->
	    </div>      	  
                
      </div><!--/ row -->
    </div>
  </section><!--/ top-sec -->
  
  <nav>
    <div class="container">
      <div class="navbar">
        
		<i class="fa fa-navicon bx bx-menu"></i>
	    <div class="logo hidden"><a href="#"><img src="images/logo.png" al="image"></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/logo.png" al="image"></span>
            <i class="fa-solid fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li><a href="index.html">Home</a></li>
            <li><a href="#">About Us</a></li>
			
			<li class="main-menu">
              <a href="#">Admissions</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Academics</a></li>
                <li><a href="#">Admissions</a></li>
                <li><a href="#">Activities</a></li>                
				<li><a href="#">School Detail</a></li>
              </ul>
            </li>
			                      
			<li><a href="#">Faculites</a></li>
			<li><a href="#">Fee Structure</a></li>						
			<li><a href="#">Alumni</a></li>
			<li><a href="#">Contacts</a></li>
          </ul>
          </ul>
        </div>
		
		<div class="phone-call"><a href="#" class="btn">Pay Online Fees <i class="fa-solid fa-money-check"></i></a></div>
		
      </div>
    </div><!--/ container -->
	
  </nav><!--/ nac -->
</header>

<section class="banner">
  <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
    
	<div class="carousel-inner">
      
	  <div class="carousel-item active">
	    <figure><img src="images/slider-01.jpg" alt="image" class="slide-image"/></figure>
	    <div class="slide-text">
		  <div class="container h-100">
		    <div class="row h-100 align-items-center">
		    
			  <div class="col-sm-6 slide-col">
			    <div class="content">
			      <div class="title"><span>We are engaged to give you</span><br> A good Future</div>
			      <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
				  <p><a href="#" class="btn">Contact Now <i class="fa-solid fa-arrow-right"></i></a></p>
			    </div><!--/ col -->
			  </div><!--/ col -->
			</div><!--/ row -->
	      </div>
	    </div><!--/ sider-text -->
	  </div><!--/ carousel-item -->
      
	  <div class="carousel-item">
	    <figure><img src="images/slider-02.jpg" alt="image" class="slide-image"/></figure>
	    <div class="slide-text">
		  <div class="container h-100">
		    <div class="row h-100 align-items-center">
		    
			  <div class="col-sm-6 slide-col">
			    <div class="content">
			      <div class="title"><span>We are engaged to give you</span><br> A good Future</div>
			      <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
				  <p><a href="#" class="btn">Contact Now <i class="fa-solid fa-arrow-right"></i></a></p>
			    </div><!--/ col -->
			  </div><!--/ col -->
			</div><!--/ row -->
	      </div>
	    </div><!--/ sider-text -->
	  </div><!--/ carousel-item -->
      
	  <div class="carousel-item">
	    <figure><img src="images/slider-03.jpg" alt="image" class="slide-image"/></figure>
	    <div class="slide-text">
		  <div class="container h-100">
		    <div class="row h-100 align-items-center">
		    
			  <div class="col-sm-6 slide-col">
			    <div class="content">
			      <div class="title"><span>We are engaged to give you</span><br> A good Future</div>
			      <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
				  <p><a href="#" class="btn">Contact Now <i class="fa-solid fa-arrow-right"></i></a></p>
			    </div><!--/ col -->
			  </div><!--/ col -->
			</div><!--/ row -->
	      </div>
	    </div><!--/ sider-text -->
	  </div><!--/ carousel-item -->
	  
	</div><!--/ carousel-inner -->
	
	<div class="carousel-button">
	  <button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev"><span class="carousel-control-prev-icon fa fa-angle-left" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
	
	  <button class="carousel-control-next right" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next"><span class="carousel-control-next-icon fa fa-angle-right" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
	</div><!--/ carousel-button -->
	
  </div> 
  
</section><!--/ banner -->

<section class="counter-sec">
  <div class="container">
    <div class="row row-bg">
	
	  <div class="col-sm-3 cs-col">
	    <div class="counter-box">
		  <span class="counter">1500</span><span>+</span>
	      <h4>Total Students</h4>
		</div>
	  </div><!--/ cs-col -->
	  
	  <div class="col-sm-3 cs-col">
	    <div class="counter-box">
		  <span class="counter">44</span><span>+</span>
	      <h4>Class Rooms</h4>
		</div>
	  </div><!--/ cs-col -->
	  
	  <div class="col-sm-3 cs-col">
	    <div class="counter-box">
		  <span class="counter">30</span><span>+</span>
	      <h4>Schools bus</h4>
		</div>
	  </div><!--/ cs-col -->
	  
	  <div class="col-sm-3 cs-col">
	    <div class="counter-box">
		  <span class="counter">50</span><span>+</span>
	      <h4>Total Teachers</h4>
		</div>
	  </div><!--/ cs-col -->

    </div><!--/ row --> 
  </div>
</section>

<section class="about-sec">
  <div class="container">
    <div class="row align-items-center"> 
	
	  <div class="col-sm-6 about-left aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="about-padd">
	      <h2><span>A Few Words About Us</span>Welcome to Nav Vibhor Public School</h2>
		  <h4>Attitude: Attitudes are the root cause for any behavior.</h4>
		  <p>The development process typically brings by developing positive attitudes among students, about themselves, and about the possibilities that exist for them. Attitudes will directly determine in many cases whether a student turns a problem into an opportunity or succumbs to it.</p>
		  <p>Performance: The differences between the performance of a novice and an expert are quite striking. The performance of a novice is slow, error prone and awkward, whereas the performance of the expert is fast, virtually errorless, and extremely smooth and fluid. This difference exists because the expert has over the course of many years of study and practice developed extensive knowledge. It is this knowledge that underlies their skilled performance.</p>
		  <p><a href="#" class="btn">Discover More <i class="fa-solid fa-arrow-right"></i></a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="right-info">
	      <div class="row">
		    
			<div class="col-sm-6">
			  <figure><img src="images/about-01.jpg" alt="Image"></figure>
	        </div><!--/ right-info -->
		    
			<div class="col-sm-6">
			  <figure><img src="images/about-02.jpg" alt="Image"></figure>
	        </div><!--/ right-info -->
		    
			<div class="col-sm-6">
			  <figure><img src="images/about-03.jpg" alt="Image"></figure>
	        </div><!--/ right-info -->
		    
			<div class="col-sm-6">
			  <figure><img src="images/about-04.jpg" alt="Image"></figure>
	        </div><!--/ right-info -->
			
	      </div><!--/ row -->
	    </div><!--/ right-info -->
	  </div>
     
    </div><!--/ row --> 
  </div>
</section>      

<section class="services-sec">
  <div class="container">
  
    <div class="row align-items-center flex-row-reverse mrb-30">  
      <div class="col-sm-8 left-area mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
        <div class="info">		  
		  <h2>Principal's Message</h2>
		  <p>On the behalf of the staff of Sh. Surinder Kumar Gupta Sarvhitkari Vidya Mandir, Sri Muktsar Sahib, I would like to extend a warm welcome to you &amp; your child. This school is managed by Sarvhitkari Educational Society (Regd.), Jalandhar and Chandigarh Head Office is affiliated to CBSE New Delhi.</p>
		  <p>The School feels proud and elated for its commendable services to promote the cause of education consistently for the last no. of years. With dreams in our eyes to fly the unknown sky, we are always ready to face any challenge. The institution has its glorious past, inspiring present and golden futrue.</p>
		  <p>We Know every child is unique by birth &amp; growth and development in children take place at varing pace. Considering this reality the school education at our school is aimed at meeting the needs of each and every child. It not only ensures the overall development of the child, but also in realizing his/her true potential.</p>
		  <p><a href="#" class="btn">View More <i class="fa-solid fa-arrow-right"></i></a></p>
        </div><!--/ info -->
      </div>
	  
	  <div class="col-sm-4 right-area mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
        <figure><img src="images/principal.jpg" alt="image">
      </figure></div>
    </div><!--/ row -->
	  
    <div class="row">
	
	  <div class="col-sm-3 ss-col mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <!--div class="icon"><i class="fa-solid fa-medal"></i></div-->
		  <div class="icon"><img src="images/icon-01.png"></div>
		  <div class="services-text">
		    <h3>Achievements</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
			<p><a href="#" class="btn">Discover More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	  
	  <div class="col-sm-3 ss-col mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <!--div class="icon"><i class="fa-solid fa-download"></i></div-->
		  <div class="icon"><img src="images/icon-02.png"></div>
		  <div class="services-text">
		    <h3>Downloads</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
			<p><a href="#" class="btn">Discover More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	  
	  <div class="col-sm-3 ss-col mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <!--div class="icon"><i class="fa-solid fa-calendar-days"></i></div-->
		  <div class="icon"><img src="images/icon-03.png"></div>
		  <div class="services-text">
		    <h3>Event Calendar</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
			<p><a href="#" class="btn">Discover More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	  
	  <div class="col-sm-3 ss-col mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <!--div class="icon"><i class="fa-solid fa-photo-film"></i></div-->
		  <div class="icon"><img src="images/icon-04.png"></div>
		  <div class="services-text">
		    <h3>Photo Gallery</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
			<p><a href="#" class="btn">Discover More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	
    </div><!--/ row --> 
  </div>
</section>    

<section class="contact24">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-5 left-coll aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="inner">
	      <h3>Do You Still Have Question?</h3>
		  <h4>At Nav Vibhor, your son has his best opportunity to realise his unique potential, passions and purpose in life.</h4>
		  <p class="call-icon"><span><i class="fa fa-phone" aria-hidden="true"></i></span></p>
		  <p class="call"><a href="tel:+91 9418470680">+91 9418470680</a></p>
		  <p class="email"><a href="mailto:navvibhorschool@gmail.com">navvibhorschool@gmail.com</a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-7 right-coll aos-init" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>A great place for your child to grow up.</span>We promise to help your child develop and learn through fun and creativity.</h2>
		<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		<p><a href="#" class="btn">Contact Us  <i class="fa-solid fa-arrow-right"></i></a></p>
	  </div>
	
    </div><!--/row -->
  </div>
</section> 

<section class="contact-wrap contact-page">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 text-center contact-left mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2>Get In Touch</h2>
		<h5>Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</h5>
		<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
	  </div>
	  
	        <div class="col-sm-4 contact-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
              <div class="contact-box">
                <div class="icon"><i class="fa-solid fa-phone-volume"></i> </div>
		        <div class="content">
		          <p><a href="tel:+91 9418470680">Mobile: +91 9418470680</a> <br> <a href="tel:01972-263021">Phone : 01972-263021</a></p>
		        </div>				
		      </div>
            </div>
			
			<div class="col-sm-4 contact-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
              <div class="contact-box">
                <div class="icon"><i class="fa-regular fa-envelope-open"></i> </div>
		        <div class="content">
		          <p><a href="mailto:navvibhorschool@gmail.com">navvibhorschool@gmail.com</a></p>
		        </div>
		      </div>
            </div>
			
			<div class="col-sm-4 contact-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
              <div class="contact-box">
                <div class="icon"><i class="fa-solid fa-map-location-dot"></i> </div>
		        <div class="content">
		          <p>Nav Vibhor Public Sen. Sec. School Sulgwan, Teh. Bhoranj Distt. Hamirpur Himachal Pradesh.</p>
		        </div>
		      </div>
            </div><!--/ col -->
			
			<div class="col-sm-6 contact-right mrb-50 aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="contact-padd">
			    <h3>Have any Questions?</h3>
				<form>
				  <div class="form-group"><input class="form-control" placeholder="Full Name :" type="text"></div>
				  
				  <div class="form-group"><input class="form-control" placeholder="Phone Number :" type="text"></div>
				  
				  <div class="form-group"><input class="form-control" placeholder="E-mail Address:" type="text"></div>			
				  
				  <div class="form-group"><textarea class="form-control" placeholder="Additional Information :"></textarea></div>
				  
				  <div class="form-group"><input class="btn" value="Submit Now" type="submit"></div>
				</form>
			  </div><!--/ -->
			</div><!--/ col -->
			
			<div class="col-sm-6 aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="map">
			    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3397.741839787345!2d76.69726587561517!3d31.613532974171587!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3905278c3b5c2e1d%3A0xf7c2feeec496941e!2sNav%20Vivhor%20public%20school!5e0!3m2!1sen!2sin!4v1716189447580!5m2!1sen!2sin" width="100%" height="555" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
			  </div><!--/ map --> 
			</div><!--/ col --> 
			
		  </div><!--/ row --> 
		</div><!--/ contact page -->
     
    </div><!--/ row --> 
  </div>
</section>

<footer class="footer">  
   <div class="back-to-top scroll"><a href="#Home" class="BackTo"><i class="fa fa-angle-up" aria-hidden="true"></i></a></div>

  <div class="container">
  
    <div class="row">
      <div class="col-sm-4 footer-left">
        <div class="wg-1">
          <div class="ft-logo mrb-30">
		    <a href="#"><img src="images/logo.png" alt="image"></a>
		  </div>
		  <p>Lorem ipsum dolor sit amet adipiscing elit sed do eiusmod tempor ut labore et dolore magna enim ad minim veniam.</p>
		  <div class="icon-ft pad-t10">
		    <a href="#" target="_blank"><i class="fa-brands fa-facebook-f facebook"></i></a>
            <a href="#" target="_blank"><i class="fa-brands fa-x-twitter twitter"></i></a>            
            <a href="#" target="_blank"><i class="fa-brands fa-linkedin-in linkedin"></i></a>            
            <a href="#" target="_blank"><i class="fa-brands fa-instagram instagram"></i></a> 
            <a href="#" target="_blank"><i class="fa-brands fa-youtube youtube"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	
	  <div class="col-sm-8 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Faculty</a></li>
				<li><a href="#">Academics</a></li>
				<li><a href="#">Academics</a></li>
				<li><a href="#">Mandatory Disclosure</a></li>
				<li><a href="#">Gallery</a></li>
				<li><a href="#">Contact Us</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm-4 -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Imorpant Links</h4>
			  <ul>
				<li><a href="#">Features and Facility</a></li>
				<li><a href="#">Photo Gallery</a></li>
				<li><a href="#">Apply for the job</a></li>
				<li><a href="#">Online Admission</a></li>
				<li><a href="#">Vision and Mission</a></li>
				<li><a href="#">Documents</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm-4 -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Open Time</h4>
			  <p>Our support available to help you 24 hours a day, seven days a week.</p>			  
			  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 2pm<br> Saturday: 8am to 12:30pm</p>
			  <p><strong>Vacation:</strong><br> All Sunday Day<br> All Vacation Holiday</p>
			</div><!--/ wg-1 -->
		  </div>
           
        </div><!-- row -->            
      </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-8"><p class="copyright">Copyright © 2024 Nav-Vibhor Public Sen. Sec. School Sulgwan, Hamirpur (H.P.)</p></div>
		
		<div class="col-sm-4">
		   <p class="text-end">Design by: <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p>
		</div>	
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="dist/aos.js"></script>	

<script>        
// Wrap the counter animation in a function
function startCounterAnimation(target) {
    $(target).prop('Counter', 0).animate({
        Counter: $(target).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(target).text(Math.ceil(now));
        }
    });
}

// Use Intersection Observer to detect when the element is in the viewport
const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            // Start the counter animation when the element is in the viewport
            startCounterAnimation(entry.target);
            // Unobserve the target element to avoid starting the animation multiple times
            observer.unobserve(entry.target);
        }
    });
},{threshold: 0.5 }); // Adjust the threshold as needed

// Observe each element with the 'counter' class
$('.counter').each(function () {
    // Add each element to the Intersection Observer
    observer.observe(this);
});
 
</script>

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else{-->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
		
<script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
		
</body>
<script>
  AOS.init();
</script>
</html>