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/book-design/
Upload File :
Current File : //home/htlwork.com/www/dev/book-design/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>sarvhitkari</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() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        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">
<div class="page-wrapper chiller-theme">
  <nav id="sidebar" class="sidebar-wrapper">
    <div class="sidebar-content">
	
      <div class="sidebar-brand">
        <div id="close-sidebar"><span></span></div>
      </div>

      <div class="sidebar-menu hidden">
        <ul>
		  <li class="current-menu-item"><a href="index.html">Home</a></li>
		  <li><a href="#">About Us</a></li>
		  
          <li class="sidebar-dropdown">
            <a>Shop</a>
            <ul class="sub-menu">
			  <li><a href="#">Whiskey</a></li>
			  <li><a href="#">Gift Cards</a></li>
			</ul>
          </li>
		  
		  <li><a href="#">Blog</a></li>
		  <li><a href="#">Contact Us</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
	    <h2>let’s make something together</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		<address>
		  <h3>Phone support</h3>
		  <p><a href="tel:000">000</a></p>
		</address>
		<address>
		  <h3>Email us</h3>
		  <p><a href="mailto:"></a></p>
		</address>
		
		<div class="icon-sidebar">
		  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
		</div>
		  
      </div><!-- sidebar-info -->
    </div><!-- sidebar-content  -->
  </nav>
  
<main class="page-content">
<div class="full-body hidden"></div>
<header class="header"> 
  <section class="top-sec">    
    <div class="container">
      <div class="row align-items-center">
        
        <div class="col-sm-8 left-grid">
          <p>For bulk orders and discounts please  contact at +91 9876543210 or mail at info@sarvhitkari.com.com</p>
        </div>  
         
        <div class="col-sm-4 right-grid">
          <ul>
		    <li><a href="#"><i class="fa-regular fa-user"></i> Sign In</a></li>
		    <li><a href="#"><i class="fa-regular fa-circle-user"></i> Create an Account</a></li>
		  </ul>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
 
  <div class="head-top" id="Home">    
    <div class="container">
      <div class="row align-items-center">                 
		
		<div class="col-sm-5 logo">
		  <a href="#"><img src="images/logo.png" alt="image"></a>		           
        </div>
		
		<div class="col-sm-4 head-center">
	      <div class="product_search_form">
		   <form>
			 <div class="collapse" id="search-input" style="">
			   <div class="card card-body">
				 <div class="input-group">
                   <input name="s" id="s" class="form-control" placeholder="Search Books Here" required="" type="text">
                   <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				 </div>
			   </div>
			 </div>
			 
			   <button class="btn click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#search-input" aria-expanded="false" aria-controls="search-input"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
            </form>		 
          </div>
        </div><!-- head-center -->
		
		<div class="col-sm-3 head-right">
		  <div class="product-header">	
		    <div class="phone-chat">
			  <a target="_blank" href="#"><span>Chat with Us</span> +91 9875379949</a>
		    </div>
			
            <div class="product_search_form hidden">
		   <form>
			 <div class="collapse" id="search-input" style="">
			   <div class="card card-body">
				 <div class="input-group">
                   <input name="s" id="s" class="form-control" placeholder="Search" required="" type="text">
                   <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				 </div>
			   </div>
			 </div>
			 
			   <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#search-input" aria-expanded="false" aria-controls="search-input"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
            </form>		 
          </div>
		  
		    <div class="cart-button">
			  <a href="#" class="click-btn"><i class="fa-solid fa-bag-shopping"></i> My Cart</a>  			
		      <!--button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cart" aria-expanded="false" aria-controls="cart"><i class="fa-solid fa-bag-shopping"></i>
			    <div class="cartco"><span id="cart-total"><span class="cartcount">0</span></span></div>
			  </button-->
			</div>
			
		  </div><!--/ product-header -->		           
        </div><!--/ header-right -->			
                
      </div><!--/ row -->
    </div>
  </div>
  
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		
		  <a class="navbar-brand hidden" href="#">
		    <img src="images/logo.png" alt="">
		  </a>
		  
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li><a href="index.html">School Books</a></li>
			  <li><a href="#">Children Books</a></li>
			  <li><a href="#">Historical Books</a></li>
			  <li><a href="#">Religious Books</a></li>
			  <li><a href="#">Shop By Publishers</a></li>
		    </ul>
			
			<div class="get-in-touch"><a href="#" class="btn">Get In Touch</a></div>
		  
		  </div>
		  
		  
		  <a id="show-sidebar" class="btn hidden"><span></span></a>
		  
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
  <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
    
	<div class="carousel-inner">
      
	  <div class="carousel-item active">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Get All School Books</span>At Your Doorstep With Attractive Price</h1>
				  <!--p class="p-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p-->
				  <p><a href="#" class="btn">Buy Now</a> <a href="#" class="btn btn-white">See Details</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-01.jpg" alt="image" class="slide-image"></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>  
	  </div><!--/ carousel item -->
	  
	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Enjoy A Flat 10% Discount</span>When You Shop For 500 or More! Use Code - FLAT10</h1>
				  <!--p class="p-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p-->
				  <p><a href="#" class="btn">Buy Now</a> <a href="#" class="btn btn-white">See Details</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-02.jpg" alt="image" class="slide-image"></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>  
	  </div><!--/ carousel item -->
    
	</div><!--/ carousel-inner -->
	
	<div class="carousel-button">
	  <button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleAutoplaying" 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="#carouselExampleAutoplaying" 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="partner">
  <div class="container">
    <div class="row">
	
      <div class="col-sm-12 pad-0 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="content-center text-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Shop By Publishers</h2>
		  <p>We have great range of publishers.</p>
        </div><!--/ title -->
		
	    <div class="owl-carousel owl-theme" id="owl-demo-1">
		  <div class="item"><figure><img src="images/client1.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client2.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client3.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client4.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client5.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client1.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client2.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client3.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client4.svg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/client5.svg" alt=""></figure></div><!--/ item -->
		</div>
	  </div>
      
    </div><!--/ row --> 
  </div>
</section><!--/ partner -->

<section class="our-specials recomended-you">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0 text-center">
	    <div class="content-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>SCHOOL BOOKS</h2>
		  <p>CLASS I to XII all books available on great offer and discount.</p>
        </div><!--/ title -->
		
		<ul class="nav nav-tabs" id="myTab" role="tablist" aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <li class="nav-item" role="presentation">
		    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">NCERT</button>
		  </li>
		  
		  <li class="nav-item" role="presentation">
		    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">CBSE</button>
		  </li>
		  
		  <li class="nav-item" role="presentation">
		    <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">PSEB</button>
		  </li>
		</ul>
		
		<div class="tab-content" id="myTabContent">
		  <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
		    <div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-2">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
		  </div><!--/ tab-pane -->
		  
		  <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
		    <div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-9">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
		  </div><!--/ tab-pane -->
		  
		  <div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">
		    <div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-10">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
		  </div><!--/ tab-pane -->
		</div><!--/ tab-content -->
		
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials why-choose-us">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-12 process-block">
	    <div class="content-center text-center mrb-40 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Books Stationery</h2>
		  <p>Buy books and stationery with great discounts and offers.</p>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-8">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <p class="price">₹450<del>₹700</del></p>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row -->
  </div>
</section><!--/ why-choose-us -->

<section class="our-specials books-on-sale">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <h2 class="mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">Latest Offer</h2>
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-3">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-06.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Think</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-07.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Battle Drive</a></h4>
			    <ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Missadventure</a></h4>
			    <ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Pushing Clouds</a></h4>
			    <ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-04.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Rework</a></h4>
			    <ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/img-05.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Take Out Tango</a></h4>
			    <ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <div class="book-footer">
				  <div class="rate"><i class="fa-solid fa-star"></i>4.00</div>
				  <del>₹450</del>
				  <ins>₹250</ins>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials books-on-sale featured-product">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0 text-center">
	    <div class="content-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>All School Stuff</h2>
		  <p>In one roof</p>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-4">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/featured-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Terrible Madness</a></h4>
				<ul class="tags mrb-10">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <p class="p-text">Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur. Lorem ipsum dolor. Aquia sit amet, elitr, sed diam nonum eirmod tempor invidunt labore et dolore magna aliquyam.</p>
				<div class="price-product">
				  <span class="price-num">₹550</span>
				  <del>₹700</del>
				  <span class="badge">25% Off</span>
				</div>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a> <a href="#" class="btn btn-border">See Details</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/featured-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Terrible Madness</a></h4>
				<ul class="tags mrb-10">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
			    <p class="p-text">Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur. Lorem ipsum dolor. Aquia sit amet, elitr, sed diam nonum eirmod tempor invidunt labore et dolore magna aliquyam.</p>
				<div class="price-product">
				  <span class="price-num">₹550</span>
				  <del>₹700</del>
				  <span class="badge">25% Off</span>
				</div>
			    <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a> <a href="#" class="btn btn-border">See Details</a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials books-on-sale special-offers">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <h2 class="mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">Shop by On your Choice</h2>
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-5">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/offers-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">School Bags</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
				<p>Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur.</p>
			    <div class="book-footer">
				  <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
				  <div class="price-details">₹250<del>₹450</del></div>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/offers-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Laptops</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
				<p>Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur.</p>
			    <div class="book-footer">
				  <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
				  <div class="price-details">₹250<del>₹450</del></div>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/offers-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Handmade Diyas</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
				<p>Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur.</p>
			    <div class="book-footer">
				  <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
				  <div class="price-details">₹250<del>₹450</del></div>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/offers-01.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">School Bags</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
				<p>Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur.</p>
			    <div class="book-footer">
				  <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
				  <div class="price-details">₹250<del>₹450</del></div>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/offers-02.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Laptops</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
				<p>Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur.</p>
			    <div class="book-footer">
				  <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
				  <div class="price-details">₹250<del>₹450</del></div>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure><img src="images/offers-03.jpg" alt=""></figure>
			  <div class="content">
			    <h4><a href="#">Handmade Diyas</a></h4>
				<ul class="tags">
				  <li><a href="#">Business</a></li>
				  <li><a href="#" rel="tag">Sports</a></li>
				</ul>
				<p>Dicta sunt explicabo. Nemo enim ipsam voluptatem voluptas sit odit aut fugit, sed quia consequuntur.</p>
			    <div class="book-footer">
				  <p><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i> Add to cart</a></p>
				  <div class="price-details">₹250<del>₹450</del></div>
				</div>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="newsletter-sec">
  <div class="container">
    <div class="row align-items-center">
    
      <div class="newsletter-des col-sm-6 mrb-30 aos-animate aos-init" data-aos="fade-up" data-aos-duration="1000">
        <h2>Subscribe our newsletter for newest books updates</h2>
      </div>
      
      <div class="newsletter-form col-sm-6 mrb-30 aos-animate aos-init" data-aos="fade-up" data-aos-duration="1000">
        <form>
          <input type="text" placeholder="Enter Your Email Address..." class="placeholder2">
          <button name="submit" value="Submit" type="submit" class="btn">Subscribe</button>
        </form>
      </div>
      
    </div><!--/ row -->    
  </div>
</section>

<div class="footer-category">
  <div class="container">
    <div class="category-toggle">
	  <p><a class="btn-book" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"><i class="fa-solid fa-angles-down"></i> Books categories</a></p>
	  
	  <div class="toggle-items row book-grid-row collapse" id="collapseExample">
	    <div class="footer-col-book">
		  <ul>
		    <li><a href="#">Action</a></li>
			<li><a href="#">Architecture</a></li>
			<li><a href="#">Art</a></li>
			<li><a href="#">Biography</a></li>
			<li><a href="#">Body, Mind &amp; Spirit</a></li>
			<li><a href="#">Business</a></li>
			<li><a href="#">Business &amp; Economics</a></li>
			<li><a href="#">Children Fiction</a></li>
			<li><a href="#">Children Non-Fiction</a></li>
			<li><a href="#">Comics &amp; Graphics</a></li>
			<li><a href="#">Cooking</a></li>
			<li><a href="#">Crafts &amp; Hobbies</a></li>
			<li><a href="#">Design</a></li>
			<li><a href="#">Drama</a></li>
			<li><a href="#">Education</a></li>
			<li><a href="#">Family &amp; Relationships</a></li>
			<li><a href="#">Fiction</a></li>
			<li><a href="#">Foreign Language</a></li>
			<li><a href="#">Games</a></li>
			<li><a href="#">Gardening</a></li>
			<li><a href="#">Health &amp; Fitness</a></li>
			<li><a href="#">History</a></li>
			<li><a href="#">Horror</a></li>
			<li><a href="#">House &amp; Home</a></li>
			<li><a href="#">Humor</a></li>
			<li><a href="#">Literary Collections</a></li>
			<li><a href="#">Mathematics</a></li>
			<li><a href="#">Medical</a></li>
			<li><a href="#">Nature</a></li>
			<li><a href="#">Performing Arts</a></li>
			<li><a href="#">Pets</a></li>
			<li><a href="#">Show others</a></li>
			<li><a href="#">Sports</a></li>
			<li><a href="#">Strategy</a></li>
			<li><a href="#">Thriller</a></li>
			<li><a href="#"></a></li>
		  </ul>
		</div>
	  </div><!--/ toggle-items -->
	  
	</div>
  </div>
</div><!--/ footer-category -->

<footer class="footer">  
   <div class="back-to-top"><a href="#Home" class="BackTo btn"><i class="fa fa-angle-up" aria-hidden="true"></i>Back to top</a></div>
  
  <div class="container">
  
    <div class="row">
	  <div class="col-sm-3 footer-left">
        <div class="wg-1">
		  <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <p>Lorem ipsum dolor sit amet elit sed do temp ut et dolore magna Ut enim ad minim quis.</p>
		  <div class="icon-ft">
            <a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-youtube"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-instagram"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ footer-left -->
	  
      <div class="col-sm-9 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Our Links</h4>
			  <ul>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact Us</a></li>
				<li><a href="#">Privacy Policy</a></li>
				<li><a href="#">Pricing</a></li>
				<li><a href="#">Faq’s</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Bookland</h4>
			  <ul>
			    <li><a href="#">Blog</a></li>
				<li><a href="#">Shop</a></li>
				<li><a href="#">Checkout</a></li>
				<li><a href="#">Cart</a></li>
				<li><a href="#">Wishlist</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Resources</h4>
			  <ul>
			    <li><a href="#">Home</a></li>
				<li><a href="#">Features</a></li>
				<li><a href="#">Blog Grid</a></li>
				<li><a href="#">Help Desk</a></li>
				<li><a href="#">My account</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Get in Touch With Us</h4>
			  <address>
		       <i class="fa-solid fa-map-location-dot"></i>
			    <div><p>Guru Gobind Singh Avenue, Bye Pass Road, Jalandhar, Punjab, 144001</p></div>
		      </address>
		  
		      <address>
		        <i class="fa-solid fa-headphones-simple"></i>
			    <div><p><a href="tel:+91 9876543210">+91 9876543210</a></p></div>
		      </address>
		  
		      <address>
		        <i class="fa-solid fa-envelope-open-text"></i>
		  	    <div><p><a href="mailto:info@sarvhitkari.com">info@sarvhitkari.com</a></p></div>
		      </address>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
           
        </div><!-- row -->            
      </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-7"><p class="copyright">© Sarvhitkari 2024. All Rights Reserved.</p></div>
		
		<div class="col-sm-5">
		   <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>

</div><!--/ page-content -->
</div><!--/ page-wrapper -->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/menu.js"></script>	
<script src="dist/aos.js"></script>	
<script>
$(document).ready(function(){
$(".sa-col").mouseover(function(){
  $(this).addClass("overlay");
});

$(".sa-col").mouseout(function(){
 $(this).removeClass("overlay");
});
})
</script>

<script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //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>

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

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

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

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

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

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

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

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

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

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

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>