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/ribuild/
Upload File :
Current File : /home/htlwork.com/www/dev/ribuild/index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Ribuild</title>

    <link href="assets/images/favicon.png" rel="icon">

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <link rel="stylesheet" href="assets/fonts/font.css">

    <link rel="stylesheet" href="assets/css/slick.css">

    <link rel="stylesheet" href="assets/css/slick-theme.css">

    <link rel="stylesheet" href="assets/css/all.min.css">

    <link rel="stylesheet" href="assets/css/style.css">

    <link rel="stylesheet" href="assets/css/homepage_2.css">

    <link rel="stylesheet" href="assets/css/switch_color.css">

    <link rel="stylesheet" href="assets/css/media-query.css">

    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
        
  
</head>

<body class="light-mode">

    <div id="orange">

        <!-- Header starts -->

        <header class="site_header">
           

            <div class="container main_header">
                <div class="logo">
                    <a class="site_logo" href="index.html"><img src="assets/images/ri-logo.png" alt="ribuild"></a>
                </div>
                <nav class="navbar navbar-expand-lg navbar-light">
                    <div class="collapse navbar-collapse" id="navbarNavDropdown">
                        <ul class="navbar-nav dp-none">                          
                            <li class="nav-item">
                                <a class="nav-link" href="#about_section">about</a>
                            </li>                     

                            <li class="nav-item">
                                <a class="nav-link" href="#service_section">services</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#work_section">our work</a>
                            </li>                          
                            <li class="nav-item">
                                <a class="nav-link header_button btn" href="#contact">Request A Quote</a>
                            </li>
                        </ul>
                        <button class="navbar-toggler sidebar_icon" type="button" data-bs-toggle="offcanvas"
                            data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"><i
                                class="fas fa-list"></i>
                        </button>
                        <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar">
                            <div class="offcanvas-header">
                                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                    aria-label="Close"></button>
                            </div>
                            <div class="offcanvas-body">
                                <ul class="mobile_sidebar_nav">                                   
                                    <li class="nav-item">
                                        <a class="nav-link" href="#about_section">about</a>
                                    </li>                                   

                                    <li class="nav-item">
                                        <a class="nav-link" href="#service_section">services</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="#work_section">our work</a>
                                    </li>                                    
                                    <li class="nav-item">
                                        <a class="nav-link" href="#contact">Request A Quote</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
        </header>

        <!-- Header ends -->

     

        <!-- Slider section starts -->

        <section id="image_slider_section" class="homepage_2_dark_mode_search">
            <div class="">
                    <div class="image_slider">
					
					<div class="banner-img image_1">
                        <img src="assets/images/image-gallery/banner-new1.jpg" alt="gallery-image">
                    </div>                   
                    <div class="banner-img image_2">
                        <img src="assets/images/image-gallery/banner-new2.jpg" alt="gallery-image">
                    </div>
                    <div class="banner-img image_3">
                        <img src="assets/images/image-gallery/banner-new3.jpg" alt="gallery-image">
                    </div>
                    <div class="banner-img image_4">
                        <img src="assets/images/image-gallery/banner-new4.jpg" alt="gallery-image">
                    </div>
					
                    <!--<div class="image_1">
                        <img src="assets/images/image-gallery/banner1.jpg" alt="gallery-image">
                    </div>                   
                    <div class="image_3">
                        <img src="assets/images/image-gallery/banner2.jpg" alt="gallery-image">
                    </div>
                    <div class="image_4">
                        <img src="assets/images/image-gallery/banner3.jpg" alt="gallery-image">
                    </div>
                    <div class="image_5">
                        <img src="assets/images/image-gallery/banner4.jpg" alt="gallery-image">
                    </div>
                    <div class="image_6">
                        <img src="assets/images/image-gallery/banner5.jpg" alt="gallery-image">
                    </div>-->
					

                 </div>
            </div>
        </section>

        <!-- Slider section ends -->

        <!-- About section start -->
        <section class="about-sec mt-100" id="about_section">
            <div class="container">
                <div class="row">

                    <div class="col-sm-6 about-left">
                        <h2>						
						WELCOME TO<span>ROOHANI INVESTMENTS BUILD</span></h2>
                        <p>Since our establishment in 2019, we have worked hard to exceed client expectations through excellence in 
                            design and construction. Our commitment to quality, service and value is demonstrated in each of our completed projects. </p>

                        <p> Our experienced team of professionals provide comprehensive solutions to ensure that each project is a
                             success. We understand the importance of budgeting and timeline management and work closely with our clients to ensure that all goals are met.</p>
                       
                    </div><!--/ col-sm -->

                    <div class="col-sm-6 about-right">
                        <figure>                          
                            <img class="bottom" src="assets/images/image-gallery/image8.jpeg" alt="">
                        </figure>
                    </div>

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

        <!-- About section ends -->

 <!-- serice section starts-->

 <section id="service_section" class="mt-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-12">
                <div class="theme_heading">
                    <h2>Services</h2>
                </div>               
            </div>
        </div> </div>
                
         <div class="container">
        <div class="row">


            <div class="col-sm-3">
                <div class="grid-box">
                    <figure><img src="assets/images/service/icon04.png" alt="image"></figure>
                    <h4>Spec Homes</h4>
                </div>
            </div><!--/ col-sm -->

            <div class="col-sm-3">
                <div class="grid-box">
                    <figure><img src="assets/images/service/icon03.png" alt="image"></figure>
                    <h4>Design and Build</h4>
                    </p>
                </div>
            </div><!--/ col-sm -->

            <div class="col-sm-3">
                <div class="grid-box">
                    <figure><img src="assets/images/service/icon02.png" alt="image"></figure>
                    <h4>Multi-Lot Subdivisions</h4>
                </div>
            </div><!--/ col-sm -->

            <div class="col-sm-3">
                <div class="grid-box">
                    <figure><img src="assets/images/service/icon01.png" alt="image"></figure>
                    <h4>Renovations</h4>
                </div>
            </div><!--/ col-sm -->
         

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

<!-- service section ends-->









        <!-- Property listing section starts-->
		
		
	        <section id="work_section" class="mt-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-12">
                        <div class="theme_heading">
                            <h2>Recently Completed Projects</h2>
                        </div>                     
                    </div>

                </div>
				
				
				
				
			<div class="row">
				<div class="col-sm-3">
				<div class="residence-box">
				
				<div class="home-demo">                   
                    <div class="owl-carousel owl-theme">
                      <div class="item">
                            <img src="assets/images/darbor/d.png" alt="gallery-image">
                      </div>
                      <div class="item">
                            <img src="assets/images/darbor/darbor-01.jpg" alt="gallery-image">
                      </div>
                      <div class="item">
                          <img src="assets/images/darbor/darbor-02.jpg" alt="gallery-image">
                      </div>
                      <div class="item">
                           <img src="assets/images/darbor/darbor-03.jpg" alt="gallery-image">
                      </div>
                      <div class="item">
                        <img src="assets/images/darbor/darbor-04.jpg" alt="gallery-image">
                      </div>
                      
                    </div>
					
					<div class="project-desc">
					<h3>Arbor Residences</h3>
                      
                      <p>4 Arbor Close, Manurewa</p>
				    </div>
					
                  </div>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="residence-box">
				
				
				<div class="home-demo">                   
                <div class="owl-carousel owl-theme">
                  <div class="item">
                        <img src="assets/images/gavin/g.png" alt="gallery-image">
                  </div>
                  <div class="item">
                        <img src="assets/images/gavin/gavin-1.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/gavin/gavin-2.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                       <img src="assets/images/gavin/gavin-3.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                    <img src="assets/images/gavin/gavin-4.jpg" alt="gallery-image">
               </div>
			   

                </div>
				
				<div class="project-desc">
				<h3>Gavin Residences</h3>
		
			<p>	38 Gavin Street, Ellerslie</p>
				</div>
				
              </div>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="residence-box">
				
				
				<div class="home-demo">                   
                <div class="owl-carousel owl-theme">
                  <div class="item">
                        <img src="assets/images/mcdonald/m.png" alt="gallery-image">
                  </div>
                  <div class="item">
                        <img src="assets/images/mcdonald/mcdonald-3.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/mcdonald/mcdonald-4.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                       <img src="assets/images/mcdonald/mcdonald-1.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                    <img src="assets/images/mcdonald/mcdonald-2.jpg" alt="gallery-image">
               </div>
                  
                </div>
				
				<div class="project-desc">
				<h3>Mcdonald Residences</h3>
                <p>5 McDonald Road, Papatoetoe</p>
				</div>
              </div> 
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="residence-box">
				
				
				<div class="home-demo">                   
                <div class="owl-carousel owl-theme">
                  <div class="item">
                        <img src="assets/images/Wallace/w.png" alt="gallery-image">
                  </div>
                  <div class="item">
                        <img src="assets/images/Wallace/Wallace-3.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/Wallace/Wallace-2.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/Wallace/Wallace-1.jpg" alt="gallery-image">
                  </div>
                 
                  
                </div>
				
				
				<div class="project-desc">
				<h3>Wallace Residences</h3>
                <p>191 Wallace Road, Māngere Bridge</p>
				</div>
				
              </div>
				</div>
				</div>
				
				
			</div>
				             
                 
               
        </div>
    </section>	
		
		

        <!--<section id="work_section" class="mt-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-12">
                        <div class="theme_heading">
                            <h2>Recently Completed Projects</h2>
                        </div>                     
                    </div>

                </div>
                <div class="tab">
                    <button class="tablinks active" onclick="openCity(event, 'Arbor')">Arbor</button>
                    <button class="tablinks" onclick="openCity(event, 'Gavin')">Gavin</button>
                    <button class="tablinks" onclick="openCity(event, 'Mcdonald')">Mcdonald</button>
                    <button class="tablinks" onclick="openCity(event, 'Wallace')">Wallace</button>
                  </div>                 
                 
              <section id="Arbor" class="tabcontent">
                <div class="home-demo">                   
                    <div class="owl-carousel owl-theme">
                      <div class="item">
                            <img src="assets/images/darbor/d.png" alt="gallery-image">
                      </div>
                      <div class="item">
                            <img src="assets/images/darbor/darbor-01.jpg" alt="gallery-image">
                      </div>
                      <div class="item">
                          <img src="assets/images/darbor/darbor-02.jpg" alt="gallery-image">
                      </div>
                      <div class="item">
                           <img src="assets/images/darbor/darbor-04.jpg" alt="gallery-image">
                      </div>
                      <div class="item">
                        <img src="assets/images/darbor/darbor-03.jpg" alt="gallery-image">
                   </div>
                      
                    </div>
                  </div>
				  
				<div class="project-desc text-center">
				<h5>Arbor Residences</h5>
<p>3 bedroom 2.5 bathrooms<br>
4 Arbor Close, Manurewa</p>
				</div>
				  
        </section>

         <section id="Gavin" class="tabcontent">
            <div class="home-demo">                   
                <div class="owl-carousel owl-theme">
                  <div class="item">
                        <img src="assets/images/gavin/g.png" alt="gallery-image">
                  </div>
                  <div class="item">
                        <img src="assets/images/gavin/gavin-1.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/gavin/gavin-2.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                       <img src="assets/images/gavin/gavin-4.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                    <img src="assets/images/gavin/gavin-3.jpg" alt="gallery-image">
               </div>
			   

                </div>
				
				<div class="project-desc text-center">
				<h5>Gavin Residences</h5>
<p>4  bedroom 2.5 bathrooms<br>
38 Gavin Street, Ellerslie</p>
				</div>
				
              </div>
        </section>

         <section id="Mcdonald" class="tabcontent">
            <div class="home-demo">                   
                <div class="owl-carousel owl-theme">
                  <div class="item">
                        <img src="assets/images/mcdonald/m.png" alt="gallery-image">
                  </div>
                  <div class="item">
                        <img src="assets/images/mcdonald/mcdonald-3.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/mcdonald/mcdonald-4.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                       <img src="assets/images/mcdonald/mcdonald-2.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                    <img src="assets/images/mcdonald/mcdonald-1.jpg" alt="gallery-image">
               </div>
                  
                </div>
				
				<div class="project-desc text-center">
				<h5>McDonald Residences<h5>
                <p>5 McDonald Road, Papatoetoe</p>
				</div>
              </div>        
        </section>


         <section id="Wallace" class="tabcontent">
            <div class="home-demo">                   
                <div class="owl-carousel owl-theme">
                  <div class="item">
                        <img src="assets/images/Wallace/w.png" alt="gallery-image">
                  </div>
                  <div class="item">
                        <img src="assets/images/Wallace/Wallace-3.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/Wallace/Wallace-2.jpg" alt="gallery-image">
                  </div>
                  <div class="item">
                      <img src="assets/images/Wallace/Wallace-1.jpg" alt="gallery-image">
                  </div>
                 
                  
                </div>
				
				
				<div class="project-desc text-center">
				<h5>Wallace Residences</h5>
<p>191 Wallace Road, Māngere Bridge</p>
				</div>
				
              </div>
        </section>       

               
            </div>
        </section>--->

       
        <!-- ======= Contact Section ======= -->
        <section class="contact-wrap" id="contact">
            <div class="container">
                <div class="row">

                    <div class="col-sm-6 contact-left">
                        <div class="contact-box">	    
                            <h2>Get A Free Quote</h2>
                            <form>
                              <div class="form-group col-sm-6"><input type="text" class="form-control" placeholder="Full Name"></div>
                              <div class="form-group col-sm-6"><input type="text" class="form-control" placeholder="Email Address"></div>
                              <div class="form-group col-sm-6"><input type="text" class="form-control" placeholder="Phone Number"></div>
                              <div class="form-group col-sm-6">
							  <input type="text" class="form-control" placeholder="Address">                              
                              </div>
                              <div class="form-group col-sm-12"><textarea class="form-control" placeholder="Your Message"></textarea></div>
                              <div class="form-group col-sm-12"><input type="submit" value="Get A Free Quote" class="btn"></div>
                            </form>
                          </div>
                    </div><!--/ col-sm-6 -->

                    <div class="col-sm-6 contact-right">
							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3187.6573998030826!2d174.8571094757371!3d-36.970238372198985!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6d0d4c2b1c066461%3A0x1accd1b9d69e9bf3!2s137%20Kolmar%20Road%2C%20Papatoetoe%2C%20Auckland%202025%2C%20New%20Zealand!5e0!3m2!1sen!2sin!4v1679034971081!5m2!1sen!2sin" width="100%" height="565" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div><!--/ col-sm-6 -->

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

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

                <div class="footer_top">
                    <div class="row site_name">
                        <div class="col-md-6 col-12 column_1">
                            <a class="footer_logo" href="index.html"><img src="assets/images/ri-logo.png" alt="ribuild"></a>
                        </div>
                        <div class="col-md-6 col-12 column_2">
                            <h5 class="site_contact_us">Contact Us: <a href="mailto:roohani.investments@gmail.com"
                                    target="_blank">roohani.investments@gmail.com</a>
                            </h5>
							<h5 class="site_contact_us">Phone: <a href="tel:0220440119"
                                    target="_blank">022 044 0119</a>
                            </h5>
                        </div>
                    </div>
                </div>

               
                <div class="footer_bottom">
                    <div class="row site_info">
                        <div class="col-xl-8 col-lg-7 col-md-6 col-12 column_1">
                            <p class="site_copyright">copyright&copy;<span> 2023. </span> <br> all rights
                                reserved.</p>
                        </div>                       
                    </div>
                </div>
            </div>
        </footer>     

    </div>
    <a id="button"></a>
    <script src="assets/jquery/jquery-min-3.6.0.js"></script>

    <script src="assets/jquery/bootstrap.bundle.min.js"></script>

    <script src="assets/jquery/slick.min.js"></script>

    <script src="assets/jquery/all.min.js"></script>

    <script src="assets/jquery/custom.js"></script>

    <script src="assets/jquery/color_scheme.js"></script>

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

 <script>
   // document.location.href = String( document.location.href ).replace( /#/, "" );

   $(document).ready(function(){

    if (localStorage.getItem('section') !== null) {


        console.log(localStorage.getItem('section'));

        var sec=localStorage.getItem('section');

        if(sec != 'index.html'){

        $('html, body').animate({
        scrollTop: $(sec).offset().top
    }, 20);

}
    localStorage.removeItem("section");
    }


  $(".nav-link").click(function(e){
    e.preventDefault();
    var href=$(this).attr("href");
    console.log("test");
    console.log(href);
    if(href == "#about_section"){
        $('html, body').animate({
        scrollTop: $(href).offset().top -200
    }, 20);
    }else{
    $('html, body').animate({
        scrollTop: $(href).offset().top -140
    }, 20);
}

    //$('html,body').animate({scrollTop: $(href).offset().top},'fast');
  
  });
});
 </script>
 <script>
    function openCity(evt, cityName) {
        
        var i, tabcontent, tablinks;
       // tabcontent = document.getElementsByClassName("tabcontent");
      //   for (i = 0; i < tabcontent.length; i++) {
      //     tabcontent[i].style.display = "none";
      //   }
  
      $(".tabcontent").hide();
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
          tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
  
  
        //document.getElementById(cityName).style.display = "block";
  
        
        $("#"+cityName+"").fadeIn(3000);
        evt.currentTarget.className += " active";
      }
    </script>
   <script>$(function() {
    // Owl Carousel
    var owl = $(".owl-carousel");
    owl.owlCarousel({
      items: 1,
      margin: 10,
	  autoplay:true,
      loop: true,
	  dots: true,
      nav: false
    });
  });
  </script>
<script>
    var btn = $('#button');

$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});


</script>

</body>

</html>