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/haven/
Upload File :
Current File : /home/htlwork.com/www/dev/haven/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>Haven Homes</title>
	<!-- Bootstrap Core CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
	<link href="css/grid.min.css" rel="stylesheet">

	<!-- Custom CSS -->
	<link href="style.css" rel="stylesheet">
	<link href="css/animate.css" rel="stylesheet">

	<!-- Owl Carousel Assets -->
	<link href="css/owl.carousel.css" rel="stylesheet">
	<link href="css/owl.theme.css" rel="stylesheet">

	<!-- Custom Fonts -->
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

	<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">
	<!--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>
		$(window).scroll(function () {
			if ($(this).scrollTop() > 20) {
				$('.header').addClass("sticky");
			}
			else {
				$('.header').removeClass("sticky");
			}
		});
	</script>

</head>

<body>
	<header class="header">
		<div class="menu-head">
			<div class="container">
				<nav class="navbar navbar-default">

					<div class="phn-detail">
						<a class="btn" href="tel:+91-9882-000097"><i class="fa fa-phone"></i>+91-9882-000097</a>
						<a class="btn-default" href="#">Online Enquiry</a>
					</div>

					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Menu</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand nav-logo" href="#">
							<img src="images/logo.png" alt="image" />
						</a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="index.html">Home</a></li>
							<li><a href="about-us.html">About</a>
								<ul class="sub-menu">
									<li><a href="#">About</a></li>
									<li><a href="#">Team</a></li>
								</ul>
							</li>
							<li><a href="#">Services</a></li>
							<li><a href="#">Projects</a></li>
							<li><a href="#">Contact us</a></li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</nav>

			</div>
			<!--/ menu-head -->
		</div>
		<!--/ container -->
	</header>
	<section class="banner">
		<div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line"
			data-ride="carousel" data-pause="hover" data-interval="5000">

			<!-- Indicators -->
			<ol class="carousel-indicators hidden">
				<li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
			</ol>

			<!-- Wrapper For Slides -->
			<div class="carousel-inner" role="listbox">
				<!-- Third Slide -->
				<div class="item active">
					<figure><img src="images/home bg.jpg" alt="image" class="slide-image" /></figure>
					<div class="slide-text">
						<div class="slide-table">
							<h1 data-animation="animated fadeInDown">A home built around you</h1>
							<a href="#" class="btn btn-default" data-animation="animated fadeInDown">Read More</a>
						</div><!-- slide-table -->
					</div>
				</div><!-- End of Slide -->


			</div><!-- End of Wrapper For Slides -->

			<!-- Left Control -->
			<a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span
					class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>

			<!-- Right Control -->
			<a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span
					class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>

		</div> <!-- End  bootstrap-touch-slider Slider -->
	</section>
	<!--/ banner -->

	<section class="about-sec">
		<div class="container">

			<div class="row mrb-30">
				<div class="col-sm-5 about-left align-items-center d-flex">
					<h2><span>Master Builders Metro Vancouver</span>welcome to <br>Haven homes</h2>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-7 about-right">
					<p>Finding the perfect place to call home can be hard. Our team of creatives and specialists makes
						real estate easy.</p>
					<p>Presson team is constantly striving for perfection. We are lucky to work with notable and known
						clients, who trust us and let us guide them with our creative vision, making their real estate
						dreams true.</p>
				</div>
				<!--/ col-sm -->
			</div>
			<!--/ row -->
		</div>
		<!--/ container -->

		<div class="container-fluid">
			<div class="row">

				<div class="col-sm-4 about-col">
					<div class="about-box">
						<figure><img src="images/project img 2.jpg" alt=""></figure>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-4 about-col">
					<div class="about-box">
						<figure><img src="images/project img 3.jpg" alt=""></figure>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-4 about-col">
					<div class="about-box">
						<figure><img src="images/img-03.jpg" alt=""></figure>
					</div>
				</div>
				<!--/ col-sm -->

			</div>
			<!--/ row -->
		</div>
		<!--/ container -->
	</section>
	<!--/ about-sec -->

	<section class="services-wrap">
		<div class="container">

			<div class="row">

				<div class="col-sm-12  title">
					<h2>Our Services</h2>
				</div>

				<div class="col-sm-2 services-col">
					<div class=" services-box">
						<figure><img src="images/service-01.jpg" alt=""></figure>
						<div class="services-padd">
							<div class="number">01</div>
							<h4>Custom Home design and builds</h4>
						</div>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-2 services-col">
					<div class="services-box">
						<figure><img src="images/service-02.jpg" alt=""></figure>
						<div class="services-padd">
							<div class="number">02</div>
							<h4>Commercial & Residential Strata Services</h4>
						</div>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-2 services-col">
					<div class="services-box">
						<figure><img src="images/service-03.jpg" alt=""></figure>
						<div class="services-padd">
							<div class="number">03</div>
							<h4>Painting & Repairs</h4>
						</div>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-2 services-col">
					<div class="services-box">
						<figure><img src="images/service-04.jpg" alt=""></figure>
						<div class="services-padd">
							<div class="number">04</div>
							<h4>Waterproofing</h4>
						</div>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-2 services-col">
					<div class="services-box">
						<figure><img src="images/service-05.jpg" alt=""></figure>
						<div class="services-padd">
							<div class="number">05</div>
							<h4>Restoration & Repairs</h4>
						</div>
					</div>
				</div>
				<!--/ col-sm -->

				<div class="col-sm-12 services-bottom">
					<div class="services-btn"><a class="btn" href="#">All Services</a></div>
				</div>
				<!--/ col-sm -->

			</div>
			<!--/ row -->
		</div>
		<!--/ container -->
	</section>
	<!--/ services-wrap -->

	
	<section class="sunshine">
		<div class="container">
			<div class="row ">
				<div class="col-sm-12 col-md-6  ">
					<div class="sunshine-img">
						<img src="images/home project png.png" class="img-fluid" alt="">
					</div>
				</div>
				<div class="col-sm-12 col-md-6">
					<div class="sunshine-head">
						<h1>SUNSHINE BAY RESIDENCE</h1>
						<h5>3 BEDROOM HOUSES IN BEAUTIFUL SUBURBS</h5>
						<p>Equipped with air conditioning, private pool, 3 on-suite bedrooms and a spacious open living
							room kitchen area, Sunshine Bay Residences are an excellent choice for anyone dreaming of
							their own safe haven. Located in a peaceful, child-friendly neighborhood, Sunshine Bay has
							all the amenities that you could expect from a suburb voted 'best in the state' for 3
							running years. Whether you want to play soccer with your kids on the lawn, or invite friends
							over for dinner, there's space for it at Sunshine Bay.</p>
					</div>
				</div>
			</div>
		</div>
	</section>


	<section class="client-speak">
		<div class="container">
			<div class="row">


				<div class="col-sm-12 grid-left pad-0">
					<h2><span>Testimonials</span>What Our Clients Say</h2>

					<div id="owl-demo">
						<div class="item">
							<div class="row">
								<div class="col-sm-6">
									<div class="item-bg">
										<p>Nitin kumar
											We have bought and sold a handful of properties in the past with various
											different realtors, but none came close to the service we got at Presson's.
											Not only is the team full of experts who know what they're talking about,
											but they are also always willing to go that extra mile to ensure customer
											happiness and satisfaction.</p>
									</div>
								</div>

								<div class="col-sm-6">
									<div class="testmonial-author"><img src="images/card-6.jpg" alt=""></div>
								</div>
							</div>
							<!--/ row -->

							<div class="testmonial-name">
								<figure><img src="images/author-01.png" alt=""></figure>
								<h4>Nitin Kumar<span>Punjan, India</span></h4>
							</div>
						</div>
						<!--/ item -->

						<div class="item">
							<div class="row">
								<div class="col-sm-6">
									<div class="item-bg">
										<p>Ritika Rathor
											We had heard a lot of praise for Presson's team, since many of our social
											circle was already using their services to purchase their own homes. We had
											pretty high expectations, and were pleasantly surprised when they were not
											just met, but surpassed by a mile. The team was accommodating at all stages
											– from viewing the properties.</p>
									</div>
								</div>

								<div class="col-sm-6">
									<div class="testmonial-author"><img src="images/card-4.jpg" alt=""></div>
								</div>
							</div>
							<!--/ row -->

							<div class="testmonial-name">
								<figure><img src="images/author-01.png" alt=""></figure>
								<h4>Ritika Rathor <span>Delhi, India</span></h4>
							</div>
						</div>
						<!--/ item -->

						<div class="item">
							<div class="row">
								<div class="col-sm-6">
									<div class="item-bg">
										<p>Sanjeev and the team at Karma Homes are great builders to work with there
											process planning and systematic planning of any build that we have done
											together has been flawless they're second to none we love working with Karma
											Homes they know what they are doing and makes our life easier. Thank you,
											Sanjeev and the Karma Homes team we are glad to be a part of your journey.
										</p>
									</div>
								</div>

								<div class="col-sm-6">
									<div class="testmonial-author"><img src="images/card-5.jpg" alt=""></div>
								</div>
							</div>
							<!--/ row -->

							<div class="testmonial-name">
								<figure><img src="images/author-01.png" alt=""></figure>
								<h4>Sanjeev Kumar <span>Himachal, India</span></h4>
							</div>
						</div>
						<!--/ item -->

					</div>
					<!--/ owl-demo -->
				</div>
				<!--/ grid-left -->

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

	<section class="blog-sec">
		<div class="container">
			<div class="row">

				<div class="col-sm-12 mrb-40">
					<h2><span>Our News</span>Haven homes</h2>
				</div>

				<div class="col-sm-12 blog-owl">
					<div id="owl-demo-2">
						<div class="item">
							<div class="row">
								<div class="col-sm-7">
									<div class="item-bg">
										<h5>can youknock down your house and rebuild?</h5>
										<p>If you are confused about whether to rebuild your house or renovate, we have
											a guide to help you out.</p>
										<p><a class="btn" href="#">read more <i class="fa fa-long-arrow-right"
													aria-hidden="true"></i></a></p>
									</div>
								</div>

								<div class="col-sm-5">
									<div class="testmonial-author"><img src="images/blog-01.jpg" alt=""></div>
								</div>
							</div>
							<!--/ row -->
						</div>
						<!--/ item -->

						<div class="item">
							<div class="row">
								<div class="col-sm-7">
									<div class="item-bg">
										<h5>can youknock down your house and rebuild?</h5>
										<p>If you are confused about whether to rebuild your house or renovate, we have
											a guide to help you out.</p>
										<p><a class="btn" href="#">read more <i class="fa fa-long-arrow-right"
													aria-hidden="true"></i></a></p>
									</div>
								</div>

								<div class="col-sm-5">
									<div class="testmonial-author"><img src="images/blog-01.jpg" alt=""></div>
								</div>
							</div>
							<!--/ row -->
						</div>
						<!--/ item -->

						<div class="item">
							<div class="row">
								<div class="col-sm-7">
									<div class="item-bg">
										<h5>can youknock down your house and rebuild?</h5>
										<p>If you are confused about whether to rebuild your house or renovate, we have
											a guide to help you out.</p>
										<p><a class="btn" href="#">read more <i class="fa fa-long-arrow-right"
													aria-hidden="true"></i></a></p>
									</div>
								</div>

								<div class="col-sm-5">
									<div class="testmonial-author"><img src="images/blog-01.jpg" alt=""></div>
								</div>
							</div>
							<!--/ row -->
						</div>
						<!--/ item -->

					</div>
					<!--/ owl-demo -->

					<div class="News-btn"><a href="#" class="btn">View All News</a></div>
				</div>
				<!--/ col-sm-12 -->

			</div>
			<!--/ row -->
		</div>
	</section>
	<!--/ blog-sec -->
	<!-- --map section---- -->
	<section class="map">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="map-inner">
						<h1>Find Us</h1>
						<p>If you want to talk about your options, or you have questions we can answer, give us a call
							on <strong> +91-96465-94291 </strong>or email us at <b> sandeep@htlogics.com </b> you can
							also visit our office location
							mantion below </p>
						<iframe
							src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3429.011392277101!2d76.66647731446191!3d30.74618149203678!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ff1707483d2cd%3A0x29f73eb1f0c81794!2sHT%20Logics%20Pvt.%20Ltd!5e0!3m2!1sen!2sin!4v1657266824492!5m2!1sen!2sin"
							width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
							referrerpolicy="no-referrer-when-downgrade"></iframe>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="contact-wrap">
		<div class="container">
			<div class="row">

				<div class="col-sm-6 contact-left">
					<h2>Let’s Make <br>Something Great <br>Together</h2>
					<h5>Let Us Help You Build Your Dream Home</h5>
					<p>Part of our amazing service begins with understanding your dream home. Tell us about your vision
						and we promise to guide you from beginning to end.</p>

					<address>
						<div class="contact-box">
							<div class="icon"><i class="fa fa fa-phone" aria-hidden="true"></i></div>
							<div class="content">
								<p><span>Our Phone Number</span> <a href="tel:(604) 723-7647">+91-96465-94291</a></p>
							</div>
						</div>

						<div class="contact-box">
							<div class="icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
							<div class="content">
								<p><span>Our Contact Mail</span> <a
										href="mailto:sanjeev@htlogics.com">sanjeev@htlogics.com</a></p>
							</div>
						</div>
					</address>
				</div>

				<div class="col-sm-6 contact-right">
					<div class="contact-padd">
						<h3>let’s start the magic!</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">
								<select class="form-control" placeholder="Select Service">
									<option value="Service">Select Service</option>
									<option value="Service">Select Service</option>
									<option value="Service">Select Service</option>
								</select>
							</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-sm-6 -->

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



	<footer class="footer">
		<div class="container">
			<div class="row">

				<div class="col-sm-3">
					<div class="wg-1">
						<div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a>
						</div>
						<div class="icon-ft">
							<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
							<a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
						</div>
					</div>
				</div>

				<div class="col-sm-3">
					<div class="wg-1">
						<h4>Quick Links</h4>
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Services</a></li>
							<li><a href="#">Projects</a></li>
							<li><a href="#">Contact Us</a></li>
						</ul>
					</div>
				</div>

				<div class="col-sm-3">
					<div class="wg-1">
						<h4>Building Services</h4>
						<ul>
							<li><a href="#">All Services</a></li>
							<li><a href="#">Architectural Homes</a></li>
							<li><a href="#">Custom Build Homes</a></li>
							<li><a href="#">Residential Construction</a></li>
							<li><a href="#">Commercial Construction</a></li>
							<li><a href="#">Remedial Services</a></li>
						</ul>
					</div>
				</div>

				<div class="col-sm-3">
					<div class="wg-1">
						<h4>Contact</h4>
						<address><i class="fa fa fa-phone"></i>
							<div><a href="tel:+91-96465-94291">+91-96465-94291</a></div>
						</address>
						<address><i class="fa fa-envelope-o"></i>
							<div><a href="sandeep@htlogics.com">sandeep@htlogics.com</a></div>
						</address>
					</div>
				</div>


			</div>
			<!--/ row -->
		</div>
		<!--/ container -->

		<div class="ft-bottom">
			<div class="container">
				<div class="row">

					<div class="col-sm-6">
						<p>Copyrights © 2005 - 2021 All Rights Reserved With H T LOGICS PVT. LTD.</p>
					</div>

					<div class="col-sm-6">
						<p class="text-right">Vancouver Web Design by : <a href="https://www.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.min.js"></script>
	<script src="js/script.js"></script>
	<script src="js/owl.carousel.js"></script>
	<script>
		$('.counter-count').each(function () {
			$(this).prop('Counter', 0).animate({
				Counter: $(this).text()
			}, {
				duration: 5000,
				easing: 'swing',
				step: function (now) {
					$(this).text(Math.ceil(now));
				}
			});
		});
	</script>

	<script>
		$(document).ready(function () {
			$("#owl-demo").owlCarousel({
				autoPlay: 3000,
				items: 1,
				itemsDesktop: [1199, 1],
				navigation: true,
				itemsDesktopSmall: [979, 1]
			});

		});

		$(document).ready(function () {
			$("#owl-demo-2").owlCarousel({
				autoPlay: 3000,
				items: 1,
				itemsDesktop: [1199, 1],
				navigation: true,
				itemsDesktopSmall: [979, 1]
			});

		});

		// When the DOM is ready, run this function
		$(document).ready(function () {
			//Set the carousel options
			$('#quote-carousel').carousel({
				pause: true,
				interval: 4000,
			});
		});
	</script>

</body>

</html>