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/gizmoordering/
Upload File :
Current File : /home/htlwork.com/www/dev/gizmoordering/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" lang="en-US">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Gizmo Ordering</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;1,100&display=swap" rel="stylesheet">
</head>

<body>
    <header class="header">
        <section class="menu-head">
            <div class="container">
                <div class="row">
                    <div class="col-sm-10">
                        <nav class="navbar navbar-default">
                            <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-light.png" alt="image" /> </a> </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#">Products</a></li>
                                    <li><a href="#">Solutions</a>
                                        <!--<ul class="sub-menu">
				<li><a href="#">Shop 1</a></li>
				<li><a href="#">Shop 2</a></li>
				<li><a href="#">Shop 3</a></li>
			  </ul>-->
                                    </li>
                                    <li><a href="#">Developers</a></li>
                                    <li><a href="#">Resources</a></li>
                                    <li><a href="#">Pricing</a></li>
                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </nav>
                    </div>
                    <div class="col-sm-2">
                        <div class="header-right">
                            <div class="sign-box text-right"> <button type="button" class="btn btn-sign">Sign In <i class="fa fa-chevron-right" aria-hidden="true"></i></button> </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </header> <!-- Modal -->

    <div class="main-content">
        <section class="banner">
            <div class="container">
                <div class="row">
                    <div class="col-sm-5"> 
					<div class="banner-text">
					<h1>Excepteur sint occaecat cupidatat non proident</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
					
					<div class="banner-btns">
					
					<a href="#" class="btn btn1">Sign in <i class="fa fa-chevron-right" aria-hidden="true"></i> </a> <a href="#" class="btn btn2">Contact Us <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
					
					</div>
					
					</div>
					</div>
                    <div class="col-sm-7 banner-right">
                        <div class="banner-image">
						
                            <img src="images/stripe-use-cases.png" class="banner-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>
		
		
		<section class="icon-section">
            <div class="container">
                <div class="row">
				
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon1.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon2.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon3.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon4.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon5.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon6.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon7.png" class="top-icon">
				
				</div>
				</div>
				<div class="col-sm-3 col-xs-6">
				<div class="icon-box">
				<img src="images/icon8.png" class="top-icon">
				
				</div>
				</div>
                   

                </div>
            </div>
        </section>
		
		<section class="home-content">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6"> 
					<div class="content-text">
					<h4>Unified platform</h4>
					<h2>Lorem csed do eiusmod elit payments products</h2>
					</div>
					</div>
					
					<div class="col-sm-6"> </div>
                  
                </div>
				
				
				<div class="row">
                    <div class="col-sm-6"> 
					<div class="content-text">
					
					<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking block of text <a href="#">(sentence, paragraph, page, etc.)</a> that doesn't distract from the layout. A practice not without <a href="#">controversy</a>, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.</p>
					
					<div class="btns">
					
					<a href="#" class="btn btn1">Start with payments <i class="fa fa-chevron-right" aria-hidden="true"></i> </a> 
					
					</div>
				
					
					</div>
					</div>
					
					<div class="col-sm-6"> 
					<div class="content-text">
					
					<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
					
					</div>
					</div>
                  
                </div>
            </div>
        </section>
		
		
		
			<section class="home-images">
            <div class="container">
                <div class="row">

    <div class="col-md-4 col-xs-12">
	<div class="grid-box box1">
      <img src="images/visa1.png" />
	  </div>
    </div>
	
		<div class="col-md-5 col-xs-12">
		<div class="grid-box box2">
      <img src="images/pay.png" />
	  </div>
    </div>
	
	<div class="col-md-3 col-xs-12">
	<div class="grid-box box3">
      <img src="images/g-pay.png" />
	  </div>
    </div>

	<div class="col-md-4 col-xs-12">
	<div class="grid-box box4">
      <img src="images/frame.png" />
	  </div>
    </div>
	
	<div class="col-md-8 col-xs-12">
	<div class="grid-box box5">
      <img src="images/exceed-hero-thumb.webp" />
	  </div>
    </div>

                  
                </div>
				
				

  </div>
  

        </section>
		
		
		  <section class="globe-banner">
            <div class="container">
                <div class="row">
                    <div class="col-sm-5"> 
					<div class="globe-text">
					<h4>Globe Scale</h4>
					<h2>Duis aute irure dolor in reprehenderit</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
					
					
					</div>
					</div>
                    <div class="col-sm-7 banner-right">
                        
                    </div>
                </div>
				
				
				<div class="row counter-row">
				<div class="col-sm-3">
				<div class="counter-box">
				<h4>200M+</h4>
				<p>Duis aute irure dolor in reprehenderit in voluptat</p>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="counter-box">
				<h4>99.999%</h4>
				<p>consectetur adipiscing elit, sed do eiusmod incididunt</p>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="counter-box">
				<h4>50+</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="counter-box">
				<h4>100M+</h4>
				<p>Duis aute irure dolor in reprehenderit in voluptat</p>
				</div>
				</div>
				
				</div>
				
            </div>
        </section>
		
		
		
		
				<section class="home-content2">
            <div class="container">
                
				
				
				<div class="row">
                    <div class="col-sm-8"> 
					<div class="content-text">
					<h4>Payments products</h4>
					<h2>The purpose of lorem ipsum is to create a natural</h2>
					<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking block of text <a href="#">(sentence, paragraph, page, etc.)</a> that doesn't distract from the layout. A practice not without <a href="#">controversy</a>, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.</p>
					
					<div class="btns">
					
					<a href="#" class="btn btn1">Contact Us <i class="fa fa-chevron-right" aria-hidden="true"></i> </a> 
					
					</div>
				
					
					</div>
					</div>
					
					<div class="col-sm-4"> 
					
					</div>
                  
                </div>
				
				
				
				  <div id="main_area">
    <!-- Slider -->
    <div class="row">
      <div class="col-xs-12" id="slider">
        <!-- Top part of the slider -->
        <div class="row">
		
		<div class="col-sm-3" id="carousel-text"></div>

          <div id="slide-content" style="display: none;">
            <div id="slide-content-0">
              <h4>Millions</h4>
              <p>BMW owners using ConnectedDrive Store</p>
              
			  <h4>350+</h4>
			  <p>US dealerships</p>
			  
			  <h4>Products used</h4>
			  <ul>
			  <li>Payments</li>
			  <li>Connect</li>
			  </ul>
			  
            </div>

            <div id="slide-content-1">
              <h4>Millions</h4>
              <p>BMW owners using ConnectedDrive Store</p>
              
			  <h4>350+</h4>
			  <p>US dealerships</p>
			  
			  <h4>Products used</h4>
			  <ul>
			  <li>Payments</li>
			  <li>Connect</li>
			  </ul>
            </div>

            <div id="slide-content-2">
             <h4>Millions</h4>
              <p>BMW owners using ConnectedDrive Store</p>
              
			  <h4>350+</h4>
			  <p>US dealerships</p>
			  
			  <h4>Products used</h4>
			  <ul>
			  <li>Payments</li>
			  <li>Connect</li>
			  </ul>
            </div>

            <div id="slide-content-3">
              <h4>Millions</h4>
              <p>BMW owners using ConnectedDrive Store</p>
              
			  <h4>350+</h4>
			  <p>US dealerships</p>
			  
			  <h4>Products used</h4>
			  <ul>
			  <li>Payments</li>
			  <li>Connect</li>
			  </ul>
            </div>

          </div>
		
		
          <div class="col-sm-9" id="carousel-bounding-box">
            <div class="carousel slide" id="myCarousel">
              <!-- Carousel items -->
              <div class="carousel-inner">
                <div class="active item" data-slide-number="0">
                  <img src="images/bmw-landscape.webp" class="carousel-img">
				  <div class="carousel-content">
				  <div class="carousel-logo">
				  
				  <img src="images/icon9.png">
				  </div>
				  
				  <div class="carousle-text">
				  <h3>Learn why BMW chose Stripe to power e-commerce and payments</h3>
				  <div class="read-more">
				  <a href="#">Read More</a>
				  </div>
				  </div>
				  
				  </div>
				  </div>

                <div class="item" data-slide-number="1">
                  <img src="images/bmw-landscape.webp" class="carousel-img">
				  <div class="carousel-content">
				  <div class="carousel-logo">
				  
				  <img src="images/icon12.png">
				  </div>
				  
				  <div class="carousle-text">
				  <h3>Learn why BMW chose Stripe to power e-commerce and payments</h3>
				  <div class="read-more">
				  <a href="#">Read More</a>
				  </div>
				  </div>
				  
				  </div>
				  </div>

                <div class="item" data-slide-number="2">
                  <img src="images/bmw-landscape.webp" class="carousel-img">
				  <div class="carousel-content">
				  <div class="carousel-logo">
				  
				  <img src="images/icon11.png">
				  </div>
				  
				  <div class="carousle-text">
				  <h3>Learn why BMW chose Stripe to power e-commerce and payments</h3>
				  <div class="read-more">
				  <a href="#">Read More</a>
				  </div>
				  </div>
				  
				  </div>
				  </div>

                <div class="item" data-slide-number="3">
                  <img src="images/bmw-landscape.webp" class="carousel-img">
				  <div class="carousel-content">
				  <div class="carousel-logo">
				  
				  <img src="images/icon10.png">
				  </div>
				  
				  <div class="carousle-text">
				  <h3>Learn why BMW chose Stripe to power e-commerce and payments</h3>
				  <div class="read-more">
				  <a href="#">Read More</a>
				  </div>
				  </div>
				  
				  </div>
				  </div>

              </div>
            
              <!-- Carousel nav -->
              <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
              </a>
              <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
              </a>
            </div>
          </div>

          
        </div>
      </div>
    </div>
    <!--/Slider-->

    <div class="row hidden-xs" id="slider-thumbs">
      <!-- Bottom switcher of slider -->
      <ul class="hide-bullets">
        <li class="col-sm-3">
          <a class="thumbnail" id="carousel-selector-0"><img src="images/icon9.png"></a>
        </li>

        <li class="col-sm-3">
          <a class="thumbnail" id="carousel-selector-1"><img src="images/icon12.png"></a>
        </li>

        <li class="col-sm-3">
          <a class="thumbnail" id="carousel-selector-2"><img src="images/icon11.png"></a>
        </li>

        <li class="col-sm-3">
          <a class="thumbnail" id="carousel-selector-3"><img src="images/icon10.png"></a>
        </li>

      </ul>
    </div>
  </div>
				
				
				
            </div>
        </section>
		
				<section class="home-content">
            <div class="container">
               
				
				
				<div class="row">
                    <div class="col-sm-8"> 
					<div class="content-text">
					<h4>Built for growth</h4>
					<h2>Take your startup farther, faster</h2>
					<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking block of text sentence, paragraph, page, etc. that doesn't distract from the layout. A practice not without controversy, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.</p>
					
					
				
					
					</div>
					</div>
					
					<div class="col-sm-4"> 
					
					</div>
                  
                </div>
				
				
				<div class="row">
				<div class="col-sm-6 mrg-t90">
					<div class="built-box built1">
					<div class="build-image">
					<img src="images/img1.png">
					
					</div>
					
					<div class="built-content">
					<div class="built-btn">
					
					<div class="built-icon"><img src="images/icon13.png"> Atlas</div>
					
					</div>
					
					<div class="built-title">
					<h4>Incorporate your company</h4>
<p>Form a legal entity, issue stock, and start accepting payments.</p>
<div class="built-leran"><a href="#">Learn about Atlas </a></div>
					
					</div>
					
					</div>
					
					</div>
					
					<div class="built-box built1">
					<div class="build-image">
					<img src="images/img3.png">
					
					</div>
					
					<div class="built-content">
					<div class="built-btn">
					
					<div class="built-icon"><img src="images/icon15.png"> Checkout</div>
					
					</div>
					
					<div class="built-title">
					<h4>Sell to consumers</h4>
<p>Form a legal entity, issue stock, and start accepting payments.</p>
<div class="built-leran"><a href="#">Learn about Atlas </a></div>
					
					</div>
					
					</div>
					
					</div>
				</div>
				
				<div class="col-sm-6">
					<div class="built-box built2">
					<div class="build-image">
					<img src="images/img2.png">
					
					</div>
					
					<div class="built-content">
					<div class="built-btn">
					
					<div class="built-icon"><img src="images/icon14.png"> Payment links</div>
					
					</div>
					
					<div class="built-title">
					<h4>Validate your idea</h4>
<p>Test your product idea by launching payments with little to no code.</p>
<div class="built-leran"><a href="#">Learn about Atlas </a></div>
					
					</div>
					
					</div>
					
					</div>
					
					<div class="built-box built4">
					<div class="build-image">
					<img src="images/img4.png">
					
					</div>
					
					<div class="built-content">
					<div class="built-btn">
					
					<div class="built-icon"><img src="images/icon16.png"> Invoicing</div>
					
					</div>
					
					<div class="built-title">
					<h4>Sell to businesses</h4>
<p>Test your product idea by launching payments with little to no code.</p>
<div class="built-leran"><a href="#">Learn about Atlas </a></div>
					
					</div>
					
					</div>
					
					</div>
				</div>
				</div>
				
				
            </div>
        </section>
		
		
		
		
				  <section class="design-bg">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 mrg-t70"> 
					<div class="globe-text">
					<h4>Designed for developers</h4>
					<h2>Lorem ipsum Duis aute irure dolor in reprehenderit</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
					<div class="btns">
					
					<a href="#" class="btn btn1">Read More <i class="fa fa-chevron-right" aria-hidden="true"></i> </a> 
					
					</div>
					
					</div>
					</div>
                    <div class="col-sm-6 banner-right">
                        <img src="images/img7.webp">
                    </div>
                </div>
				
				
				<div class="row counter-row">
				<div class="col-sm-3">
				<div class="counter-box1">
				<img src="images/api1.png">
				<h4>Use voluptat with your dolor</h4>
				<p>Duis aute irure dolor in reprehenderit in voluptat</p>
				<p><a href="#">Read More</a></p>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="counter-box1">
				<img src="images/api2.png">
				<h4>Sed do eiusmod incididunt</h4>
				<p>consectetur adipiscing elit, sed do eiusmod incididunt</p>
				<p><a href="#">Read More</a></p>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="counter-box1">
				<img src="images/api3.png">
				<h4>Consectetur adipiscing elit</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
				<p><a href="#">Read More</a></p>
				</div>
				</div>
				
				<div class="col-sm-3">
				<div class="counter-box1">
				<img src="images/api4.png">
				<h4>Duis aute irure adipiscing</h4>
				<p>Duis aute irure dolor in reprehenderit in voluptat</p>
				<p><a href="#">Read More</a></p>
				</div>
				</div>
				
				</div>
				
            </div>
        </section>
		
		
		
			<section class="home-content3">
            <div class="container">
                
				
				
				<div class="row">
                    <div class="col-sm-8"> 
					<div class="content-text">
					<h4>Launch with ease</h4>
					<h2>Lorem ipsum, or lipsum lorem ipsum is to create a natural</h2>
					<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking laying out pages with meaningless filler text can be very useful.</p>
					
					
				
					
					</div>
					</div>
					
					<div class="col-sm-4"> 
					
					</div>
                  
                </div>
				
				
				
				<div class="row mrg-t40">
				<div class="col-sm-4">
				<div class="post-box">
				<div class="post-img">
				<a href="#"><img src="images/post1.png"></a>
				</div>
				<div class="post-text">
				<h3><a href="#">The purpose of lorem ipsum is to create a natural looking </a></h3>
				<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking laying out pages with meaningless filler text can be very useful.</p>
				</div>
				</div>
				
				</div>
				
				<div class="col-sm-4">
				<div class="post-box">
				<div class="post-img">
				<a href="#"><img src="images/post2.png"></a>
				</div>
				<div class="post-text">
				<h3><a href="#">lorem ipsum purpose of lorem ipsum is to graphic designs </a></h3>
				<p>Graphic or web designsLorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking laying out pages with meaningless can be very useful.</p>
				</div>
				</div>
				
				</div>
				
				<div class="col-sm-4">
				<div class="post-box">
				<div class="post-img">
				<a href="#"><img src="images/post3.png"></a>
				</div>
				<div class="post-text">
				<h3><a href="#">Filler text purpose of create a natural looking very useful</a></h3>
				<p>Sometimes purpose ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The purpose of lorem ipsum is to create a natural looking laying out filler text can be very useful.</p>
				</div>
				</div>
				
				</div>
				
				
				</div>
				
				
			</div>
            </section>
        
        
     
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="footer-box">
                        <h3>Ready to get started?</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
						
						<div class="btns">
						<a href="#" class="btn btn1">Sign in <i class="fa fa-chevron-right" aria-hidden="true"></i> </a> <a href="#" class="btn btn2">Contact Us <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
						
						</div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="footer-box">
                        <h4>Always know what you pay</h4>
                        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="footer-box">
                        <h4>Start your integration</h4>
                        <p>laboris nisi ut aliquip ex ea commodo consequat adipiscing elit ullamco laboris</p>
                    </div>
                </div>
            </div>
            <!--/ row -->
        </div>
        <!--/ container -->
        <div class="ft-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 text-center">
                        <p>© Copyright 2023 Gizmo Ordering All Rights Reserved.</p>
                    </div>
                </div>
                <!--/ row -->
            </div>
        </div>
        <!--/ ft-bottom -->
    </footer> <a href="javascript:void(0)" id="backToTop" class="back-to-top" style="display:none;"> <i class="fa fa-angle-up"></i>
        <!-- <svg class="icon__arrow-up" viewBox="0 0 24 24">
    <title>Back to top</title>
    <path d="M18.71,11.71a1,1,0,0,1-1.42,0L13,7.41V19a1,1,0,0,1-2,0V7.41l-4.29,4.3a1,1,0,0,1-1.42-1.42l6-6a1,1,0,0,1,1.42,0l6,6A1,1,0,0,1,18.71,11.71Z"/>
  </svg>-->
    </a>
    <script>
        $(document).ready(() => {
          
          const backToTop = $('#backToTop')
          const amountScrolled = 300
          
          $(window).scroll(() => {
            $(window).scrollTop() >= amountScrolled 
              ? backToTop.fadeIn('fast') 
              : backToTop.fadeOut('fast')
          })
          
          backToTop.click(() => {
            $('body, html').animate({
              scrollTop: 0
            }, 600)
            return false
          })
        })
    </script>
	
	<script>
	
	(function() {
  $(document).on("click", ".click-to-expand", function() {
    var imageSrc = $(this).parents(".image-grid").find("img").attr("src");
    $(".js-modal-image").attr("src", imageSrc);
  });
})();
	</script>
	
	
	<script>
	  jQuery(document).ready(function($) {
 				//set here the speed to change the slides in the carousel
        $('#myCarousel').carousel({
                interval: 5000
        });
 				
//Loads the html to each slider. Write in the "div id="slide-content-x" what you want to show in each slide
        $('#carousel-text').html($('#slide-content-0').html());
 
        //Handles the carousel thumbnails
       $('[id^=carousel-selector-]').click( function(){
            var id = this.id.substr(this.id.lastIndexOf("-") + 1);
            var id = parseInt(id);
            $('#myCarousel').carousel(id);
        });
 
 
        // When the carousel slides, auto update the text
        $('#myCarousel').on('slid.bs.carousel', function (e) {
                 var id = $('.item.active').data('slide-number');
                $('#carousel-text').html($('#slide-content-'+id).html());
        });
});
	
	</script>
	

</body>

</html>