PNG  IHDRX cHRMz&u0`:pQ<bKGD pHYsodtIME MeqIDATxw]Wug^Qd˶ 6`!N:!@xI~)%7%@Bh&`lnjVF29gΨ4E$|>cɚ{gk= %,a KX%,a KX%,a KX%,a KX%,a KX%,a KX%, b` ǟzeאfp]<!SJmɤY޲ڿ,%c ~ع9VH.!Ͳz&QynֺTkRR.BLHi٪:l;@(!MԴ=žI,:o&N'Kù\vRmJ雵֫AWic H@" !: Cé||]k-Ha oݜ:y F())u]aG7*JV@J415p=sZH!=!DRʯvɱh~V\}v/GKY$n]"X"}t@ xS76^[bw4dsce)2dU0 CkMa-U5tvLƀ~mlMwfGE/-]7XAƟ`׮g ewxwC4\[~7@O-Q( a*XGƒ{ ՟}$_y3tĐƤatgvێi|K=uVyrŲlLӪuܿzwk$m87k( `múcE)"@rK( z4$D; 2kW=Xb$V[Ru819קR~qloѱDyįݎ*mxw]y5e4K@ЃI0A D@"BDk_)N\8͜9dz"fK0zɿvM /.:2O{ Nb=M=7>??Zuo32 DLD@D| &+֎C #B8ַ`bOb $D#ͮҪtx]%`ES`Ru[=¾!@Od37LJ0!OIR4m]GZRJu$‡c=%~s@6SKy?CeIh:[vR@Lh | (BhAMy=݃  G"'wzn޺~8ԽSh ~T*A:xR[ܹ?X[uKL_=fDȊ؂p0}7=D$Ekq!/t.*2ʼnDbŞ}DijYaȲ(""6HA;:LzxQ‘(SQQ}*PL*fc\s `/d'QXW, e`#kPGZuŞuO{{wm[&NBTiiI0bukcA9<4@SӊH*؎4U/'2U5.(9JuDfrޱtycU%j(:RUbArLֺN)udA':uGQN"-"Is.*+k@ `Ojs@yU/ H:l;@yyTn}_yw!VkRJ4P)~y#)r,D =ě"Q]ci'%HI4ZL0"MJy 8A{ aN<8D"1#IJi >XjX֔#@>-{vN!8tRݻ^)N_╗FJEk]CT՟ YP:_|H1@ CBk]yKYp|og?*dGvzنzӴzjֺNkC~AbZƷ`.H)=!QͷVTT(| u78y֮}|[8-Vjp%2JPk[}ԉaH8Wpqhwr:vWª<}l77_~{s۴V+RCģ%WRZ\AqHifɤL36: #F:p]Bq/z{0CU6ݳEv_^k7'>sq*+kH%a`0ԣisqにtү04gVgW΂iJiS'3w.w}l6MC2uԯ|>JF5`fV5m`Y**Db1FKNttu]4ccsQNnex/87+}xaUW9y>ͯ骵G{䩓Գ3+vU}~jJ.NFRD7<aJDB1#ҳgSb,+CS?/ VG J?|?,2#M9}B)MiE+G`-wo߫V`fio(}S^4e~V4bHOYb"b#E)dda:'?}׮4繏`{7Z"uny-?ǹ;0MKx{:_pÚmFמ:F " .LFQLG)Q8qN q¯¯3wOvxDb\. BKD9_NN &L:4D{mm o^tֽ:q!ƥ}K+<"m78N< ywsard5+Š²z~mnG)=}lYݧNj'QJS{S :UYS-952?&O-:W}(!6Mk4+>A>j+i|<<|;ر^߉=HE|V#F)Emm#}/"y GII웻Jі94+v뾧xu~5C95~ūH>c@덉pʃ1/4-A2G%7>m;–Y,cyyaln" ?ƻ!ʪ<{~h~i y.zZB̃/,雋SiC/JFMmBH&&FAbϓO^tubbb_hZ{_QZ-sύodFgO(6]TJA˯#`۶ɟ( %$&+V'~hiYy>922 Wp74Zkq+Ovn錄c>8~GqܲcWꂎz@"1A.}T)uiW4="jJ2W7mU/N0gcqܗOO}?9/wìXžΏ0 >֩(V^Rh32!Hj5`;O28؇2#ݕf3 ?sJd8NJ@7O0 b־?lldщ̡&|9C.8RTWwxWy46ah嘦mh٤&l zCy!PY?: CJyв]dm4ǜҐR޻RլhX{FƯanшQI@x' ao(kUUuxW_Ñ줮[w8 FRJ(8˼)_mQ _!RJhm=!cVmm ?sFOnll6Qk}alY}; "baӌ~M0w,Ggw2W:G/k2%R,_=u`WU R.9T"v,<\Ik޽/2110Ӿxc0gyC&Ny޽JҢrV6N ``یeA16"J³+Rj*;BϜkZPJaÍ<Jyw:NP8/D$ 011z֊Ⱳ3ι֘k1V_"h!JPIΣ'ɜ* aEAd:ݺ>y<}Lp&PlRfTb1]o .2EW\ͮ]38؋rTJsǏP@芎sF\> P^+dYJLbJ C-xϐn> ι$nj,;Ǖa FU *择|h ~izť3ᤓ`K'-f tL7JK+vf2)V'-sFuB4i+m+@My=O҈0"|Yxoj,3]:cо3 $#uŘ%Y"y죯LebqtҢVzq¼X)~>4L׶m~[1_k?kxֺQ`\ |ٛY4Ѯr!)N9{56(iNq}O()Em]=F&u?$HypWUeB\k]JɩSع9 Zqg4ZĊo oMcjZBU]B\TUd34ݝ~:7ڶSUsB0Z3srx 7`:5xcx !qZA!;%͚7&P H<WL!džOb5kF)xor^aujƍ7 Ǡ8/p^(L>ὴ-B,{ۇWzֺ^k]3\EE@7>lYBȝR.oHnXO/}sB|.i@ɥDB4tcm,@ӣgdtJ!lH$_vN166L__'Z)y&kH;:,Y7=J 9cG) V\hjiE;gya~%ks_nC~Er er)muuMg2;֫R)Md) ,¶ 2-wr#F7<-BBn~_(o=KO㭇[Xv eN_SMgSҐ BS헃D%g_N:/pe -wkG*9yYSZS.9cREL !k}<4_Xs#FmҶ:7R$i,fi!~' # !6/S6y@kZkZcX)%5V4P]VGYq%H1!;e1MV<!ϐHO021Dp= HMs~~a)ަu7G^];git!Frl]H/L$=AeUvZE4P\.,xi {-~p?2b#amXAHq)MWǾI_r`S Hz&|{ +ʖ_= (YS(_g0a03M`I&'9vl?MM+m~}*xT۲(fY*V4x@29s{DaY"toGNTO+xCAO~4Ϳ;p`Ѫ:>Ҵ7K 3}+0 387x\)a"/E>qpWB=1 ¨"MP(\xp߫́A3+J] n[ʼnӼaTbZUWb={~2ooKױӰp(CS\S筐R*JغV&&"FA}J>G֐p1ٸbk7 ŘH$JoN <8s^yk_[;gy-;߉DV{c B yce% aJhDȶ 2IdйIB/^n0tNtџdcKj4϶v~- CBcgqx9= PJ) dMsjpYB] GD4RDWX +h{y`,3ꊕ$`zj*N^TP4L:Iz9~6s) Ga:?y*J~?OrMwP\](21sZUD ?ܟQ5Q%ggW6QdO+\@ ̪X'GxN @'4=ˋ+*VwN ne_|(/BDfj5(Dq<*tNt1х!MV.C0 32b#?n0pzj#!38}޴o1KovCJ`8ŗ_"]] rDUy޲@ Ȗ-;xџ'^Y`zEd?0„ DAL18IS]VGq\4o !swV7ˣι%4FѮ~}6)OgS[~Q vcYbL!wG3 7띸*E Pql8=jT\꘿I(z<[6OrR8ºC~ډ]=rNl[g|v TMTղb-o}OrP^Q]<98S¤!k)G(Vkwyqyr޽Nv`N/e p/~NAOk \I:G6]4+K;j$R:Mi #*[AȚT,ʰ,;N{HZTGMoּy) ]%dHء9Պ䠬|<45,\=[bƟ8QXeB3- &dҩ^{>/86bXmZ]]yޚN[(WAHL$YAgDKp=5GHjU&99v簪C0vygln*P)9^͞}lMuiH!̍#DoRBn9l@ xA/_v=ȺT{7Yt2N"4!YN`ae >Q<XMydEB`VU}u]嫇.%e^ánE87Mu\t`cP=AD/G)sI"@MP;)]%fH9'FNsj1pVhY&9=0pfuJ&gޤx+k:!r˭wkl03׼Ku C &ѓYt{.O.zҏ z}/tf_wEp2gvX)GN#I ݭ߽v/ .& и(ZF{e"=V!{zW`, ]+LGz"(UJp|j( #V4, 8B 0 9OkRrlɱl94)'VH9=9W|>PS['G(*I1==C<5"Pg+x'K5EMd؞Af8lG ?D FtoB[je?{k3zQ vZ;%Ɠ,]E>KZ+T/ EJxOZ1i #T<@ I}q9/t'zi(EMqw`mYkU6;[t4DPeckeM;H}_g pMww}k6#H㶏+b8雡Sxp)&C $@'b,fPߑt$RbJ'vznuS ~8='72_`{q纶|Q)Xk}cPz9p7O:'|G~8wx(a 0QCko|0ASD>Ip=4Q, d|F8RcU"/KM opKle M3#i0c%<7׿p&pZq[TR"BpqauIp$ 8~Ĩ!8Սx\ւdT>>Z40ks7 z2IQ}ItԀ<-%S⍤};zIb$I 5K}Q͙D8UguWE$Jh )cu4N tZl+[]M4k8֦Zeq֮M7uIqG 1==tLtR,ƜSrHYt&QP윯Lg' I,3@P'}'R˪e/%-Auv·ñ\> vDJzlӾNv5:|K/Jb6KI9)Zh*ZAi`?S {aiVDԲuy5W7pWeQJk֤#5&V<̺@/GH?^τZL|IJNvI:'P=Ϛt"¨=cud S Q.Ki0 !cJy;LJR;G{BJy޺[^8fK6)=yʊ+(k|&xQ2`L?Ȓ2@Mf 0C`6-%pKpm')c$׻K5[J*U[/#hH!6acB JA _|uMvDyk y)6OPYjœ50VT K}cǻP[ $:]4MEA.y)|B)cf-A?(e|lɉ#P9V)[9t.EiQPDѠ3ϴ;E:+Օ t ȥ~|_N2,ZJLt4! %ա]u {+=p.GhNcŞQI?Nd'yeh n7zi1DB)1S | S#ًZs2|Ɛy$F SxeX{7Vl.Src3E℃Q>b6G ўYCmtկ~=K0f(=LrAS GN'ɹ9<\!a`)֕y[uՍ[09` 9 +57ts6}b4{oqd+J5fa/,97J#6yν99mRWxJyѡyu_TJc`~W>l^q#Ts#2"nD1%fS)FU w{ܯ R{ ˎ󅃏џDsZSQS;LV;7 Od1&1n$ N /.q3~eNɪ]E#oM~}v֯FڦwyZ=<<>Xo稯lfMFV6p02|*=tV!c~]fa5Y^Q_WN|Vs 0ҘދU97OI'N2'8N֭fgg-}V%y]U4 峧p*91#9U kCac_AFңĪy뚇Y_AiuYyTTYЗ-(!JFLt›17uTozc. S;7A&&<ԋ5y;Ro+:' *eYJkWR[@F %SHWP 72k4 qLd'J "zB6{AC0ƁA6U.'F3:Ȅ(9ΜL;D]m8ڥ9}dU "v!;*13Rg^fJyShyy5auA?ɩGHRjo^]׽S)Fm\toy 4WQS@mE#%5ʈfFYDX ~D5Ϡ9tE9So_aU4?Ѽm%&c{n>.KW1Tlb}:j uGi(JgcYj0qn+>) %\!4{LaJso d||u//P_y7iRJ߬nHOy) l+@$($VFIQ9%EeKʈU. ia&FY̒mZ=)+qqoQn >L!qCiDB;Y<%} OgBxB!ØuG)WG9y(Ą{_yesuZmZZey'Wg#C~1Cev@0D $a@˲(.._GimA:uyw֬%;@!JkQVM_Ow:P.s\)ot- ˹"`B,e CRtaEUP<0'}r3[>?G8xU~Nqu;Wm8\RIkբ^5@k+5(By'L&'gBJ3ݶ!/㮻w҅ yqPWUg<e"Qy*167΃sJ\oz]T*UQ<\FԎ`HaNmڜ6DysCask8wP8y9``GJ9lF\G g's Nn͵MLN֪u$| /|7=]O)6s !ĴAKh]q_ap $HH'\1jB^s\|- W1:=6lJBqjY^LsPk""`]w)󭃈,(HC ?䔨Y$Sʣ{4Z+0NvQkhol6C.婧/u]FwiVjZka&%6\F*Ny#8O,22+|Db~d ~Çwc N:FuuCe&oZ(l;@ee-+Wn`44AMK➝2BRՈt7g*1gph9N) *"TF*R(#'88pm=}X]u[i7bEc|\~EMn}P瘊J)K.0i1M6=7'_\kaZ(Th{K*GJyytw"IO-PWJk)..axӝ47"89Cc7ĐBiZx 7m!fy|ϿF9CbȩV 9V-՛^pV̌ɄS#Bv4-@]Vxt-Z, &ֺ*diؠ2^VXbs֔Ìl.jQ]Y[47gj=幽ex)A0ip׳ W2[ᎇhuE^~q흙L} #-b۸oFJ_QP3r6jr+"nfzRJTUqoaۍ /$d8Mx'ݓ= OՃ| )$2mcM*cЙj}f };n YG w0Ia!1Q.oYfr]DyISaP}"dIӗթO67jqR ҊƐƈaɤGG|h;t]䗖oSv|iZqX)oalv;۩meEJ\!8=$4QU4Xo&VEĊ YS^E#d,yX_> ۘ-e\ "Wa6uLĜZi`aD9.% w~mB(02G[6y.773a7 /=o7D)$Z 66 $bY^\CuP. (x'"J60׿Y:Oi;F{w佩b+\Yi`TDWa~|VH)8q/=9!g߆2Y)?ND)%?Ǐ`k/sn:;O299yB=a[Ng 3˲N}vLNy;*?x?~L&=xyӴ~}q{qE*IQ^^ͧvü{Huu=R|>JyUlZV, B~/YF!Y\u_ݼF{_C)LD]m {H 0ihhadd nUkf3oٺCvE\)QJi+֥@tDJkB$1!Đr0XQ|q?d2) Ӣ_}qv-< FŊ߫%roppVBwü~JidY4:}L6M7f٬F "?71<2#?Jyy4뷢<_a7_=Q E=S1И/9{+93֮E{ǂw{))?maÆm(uLE#lïZ  ~d];+]h j?!|$F}*"4(v'8s<ŏUkm7^7no1w2ؗ}TrͿEk>p'8OB7d7R(A 9.*Mi^ͳ; eeUwS+C)uO@ =Sy]` }l8^ZzRXj[^iUɺ$tj))<sbDJfg=Pk_{xaKo1:-uyG0M ԃ\0Lvuy'ȱc2Ji AdyVgVh!{]/&}}ċJ#%d !+87<;qN޼Nفl|1N:8ya  8}k¾+-$4FiZYÔXk*I&'@iI99)HSh4+2G:tGhS^繿 Kتm0 вDk}֚+QT4;sC}rՅE,8CX-e~>G&'9xpW,%Fh,Ry56Y–hW-(v_,? ; qrBk4-V7HQ;ˇ^Gv1JVV%,ik;D_W!))+BoS4QsTM;gt+ndS-~:11Sgv!0qRVh!"Ȋ(̦Yl.]PQWgٳE'`%W1{ndΗBk|Ž7ʒR~,lnoa&:ü$ 3<a[CBݮwt"o\ePJ=Hz"_c^Z.#ˆ*x z̝grY]tdkP*:97YľXyBkD4N.C_[;F9`8& !AMO c `@BA& Ost\-\NX+Xp < !bj3C&QL+*&kAQ=04}cC!9~820G'PC9xa!w&bo_1 Sw"ܱ V )Yl3+ס2KoXOx]"`^WOy :3GO0g;%Yv㐫(R/r (s } u B &FeYZh0y> =2<Ϟc/ -u= c&׭,.0"g"7 6T!vl#sc>{u/Oh Bᾈ)۴74]x7 gMӒ"d]U)}" v4co[ ɡs 5Gg=XR14?5A}D "b{0$L .\4y{_fe:kVS\\O]c^W52LSBDM! C3Dhr̦RtArx4&agaN3Cf<Ԉp4~ B'"1@.b_/xQ} _߃҉/gٓ2Qkqp0շpZ2fԫYz< 4L.Cyυι1t@鎫Fe sYfsF}^ V}N<_`p)alٶ "(XEAVZ<)2},:Ir*#m_YӼ R%a||EƼIJ,,+f"96r/}0jE/)s)cjW#w'Sʯ5<66lj$a~3Kʛy 2:cZ:Yh))+a߭K::N,Q F'qB]={.]h85C9cr=}*rk?vwV렵ٸW Rs%}rNAkDv|uFLBkWY YkX מ|)1!$#3%y?pF<@<Rr0}: }\J [5FRxY<9"SQdE(Q*Qʻ)q1E0B_O24[U'],lOb ]~WjHޏTQ5Syu wq)xnw8~)c 쫬gٲߠ H% k5dƝk> kEj,0% b"vi2Wس_CuK)K{n|>t{P1򨾜j>'kEkƗBg*H%'_aY6Bn!TL&ɌOb{c`'d^{t\i^[uɐ[}q0lM˕G:‚4kb祔c^:?bpg… +37stH:0}en6x˟%/<]BL&* 5&fK9Mq)/iyqtA%kUe[ڛKN]Ě^,"`/ s[EQQm?|XJ߅92m]G.E΃ח U*Cn.j_)Tѧj̿30ڇ!A0=͜ar I3$C^-9#|pk!)?7.x9 @OO;WƝZBFU keZ75F6Tc6"ZȚs2y/1 ʵ:u4xa`C>6Rb/Yм)^=+~uRd`/|_8xbB0?Ft||Z\##|K 0>>zxv8۴吅q 8ĥ)"6>~\8:qM}#͚'ĉ#p\׶ l#bA?)|g g9|8jP(cr,BwV (WliVxxᡁ@0Okn;ɥh$_ckCgriv}>=wGzβ KkBɛ[˪ !J)h&k2%07δt}!d<9;I&0wV/ v 0<H}L&8ob%Hi|޶o&h1L|u֦y~󛱢8fٲUsւ)0oiFx2}X[zVYr_;N(w]_4B@OanC?gĦx>мgx>ΛToZoOMp>40>V Oy V9iq!4 LN,ˢu{jsz]|"R޻&'ƚ{53ўFu(<٪9:΋]B;)B>1::8;~)Yt|0(pw2N%&X,URBK)3\zz&}ax4;ǟ(tLNg{N|Ǽ\G#C9g$^\}p?556]/RP.90 k,U8/u776s ʪ_01چ|\N 0VV*3H鴃J7iI!wG_^ypl}r*jɤSR 5QN@ iZ#1ٰy;_\3\BQQ x:WJv츟ٯ$"@6 S#qe딇(/P( Dy~TOϻ<4:-+F`0||;Xl-"uw$Цi󼕝mKʩorz"mϺ$F:~E'ҐvD\y?Rr8_He@ e~O,T.(ފR*cY^m|cVR[8 JҡSm!ΆԨb)RHG{?MpqrmN>߶Y)\p,d#xۆWY*,l6]v0h15M˙MS8+EdI='LBJIH7_9{Caз*Lq,dt >+~ّeʏ?xԕ4bBAŚjﵫ!'\Ը$WNvKO}ӽmSşذqsOy?\[,d@'73'j%kOe`1.g2"e =YIzS2|zŐƄa\U,dP;jhhhaxǶ?КZ՚.q SE+XrbOu%\GتX(H,N^~]JyEZQKceTQ]VGYqnah;y$cQahT&QPZ*iZ8UQQM.qo/T\7X"u?Mttl2Xq(IoW{R^ ux*SYJ! 4S.Jy~ BROS[V|žKNɛP(L6V^|cR7i7nZW1Fd@ Ara{詑|(T*dN]Ko?s=@ |_EvF]׍kR)eBJc" MUUbY6`~V޴dJKß&~'d3i WWWWWW

F1l3 Manager

Current Directory: /home/pzt7cdoot0nj/.trash
/home/pzt7cdoot0nj/.trash/
Viewing File: /home/pzt7cdoot0nj/.trash/starter-page.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Onyexperience Kitchen & Bar</title> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Favicons --> <link href="assets/img/logo 1.jpeg" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Fonts --> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins: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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> <!-- ======================================================= * Template Name: Restaurantly * Template URL: https://bootstrapmade.com/restaurantly-restaurant-template/ * Updated: Aug 07 2024 with Bootstrap v5.3.3 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body class="index-page"> <header id="header" class="header fixed-top"> <div class="topbar d-flex align-items-center"> <div class="container d-flex justify-content-center justify-content-md-between"> <div class="contact-info d-flex align-items-center"> <i class="bi bi-envelope d-flex align-items-center"><a href="mailto:contact@example.com">contact@example.com</a></i> <i class="bi bi-phone d-flex align-items-center ms-4"><span>+1 5589 55488 55</span></i> </div> <div class="languages d-none d-md-flex align-items-center"> <ul> <li>En</li> <li><a href="#">De</a></li> </ul> </div> </div> </div><!-- End Top Bar --> <div class="branding d-flex align-items-cente"> <div class="container position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0"> <!-- Uncomment the line below if you also wish to use an image logo --> <img src="assets/img/logo 1.jpeg" alt=""> <h1 class="sitename">Onyexperience</h1> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="index.html" class="active">Home<br></a></li> <li><a href="about.html">About</a></li> <li><a href="menu.html">Menu</a></li> <li><a href="#specials">Specials</a></li> <li><a href="event.html">Events</a></li> <li><a href="#chefs">Chefs</a></li> <li><a href="gallery.html">Gallery</a></li> <li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Dropdown 1</a></li> <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Deep Dropdown 1</a></li> <li><a href="#">Deep Dropdown 2</a></li> <li><a href="#">Deep Dropdown 3</a></li> <li><a href="#">Deep Dropdown 4</a></li> <li><a href="#">Deep Dropdown 5</a></li> </ul> </li> <li><a href="#">Dropdown 2</a></li> <li><a href="#">Dropdown 3</a></li> <li><a href="#">Dropdown 4</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> <a class="btn-book-a-table d-none d-xl-block" href="reservation.html">Book a Table</a> </div> </div> </header> <main class="main"> <!-- Hero Section --> <section id="hero" class="hero section dark-background"> <img src="assets/img/hero-bg.jpg" alt="" data-aos="fade-in"> <div class="container"> <div class="row"> <div class="col-lg-8 d-flex flex-column align-items-center align-items-lg-start"> <h2 data-aos="fade-up" data-aos-delay="100">Welcome to <span>Onyexperience Kitchen & Bar</span></h2> <p data-aos="fade-up" data-aos-delay="200">Delivering great food for more than 18 years!</p> <div class="d-flex mt-4" data-aos="fade-up" data-aos-delay="300"> <a href="#menu" class="cta-btn">Our Menu</a> <a href="#book-a-table" class="cta-btn">Book a Table</a> </div> </div> <div class="col-lg-4 d-flex align-items-center justify-content-center mt-5 mt-lg-0"> <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox pulsating-play-btn"></a> </div> </div> </div> </section><!-- /Hero Section --> <!-- About Section --> <section id="about" class="about section"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-6 order-1 order-lg-2"> <img src="assets/img/about.jpg" class="img-fluid about-img" alt=""> </div> <div class="col-lg-6 order-2 order-lg-1 content"> <h3>Voluptatem dignissimos provident</h3> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check2-all"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li> <li><i class="bi bi-check2-all"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li> <li><i class="bi bi-check2-all"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</span></li> </ul> <p> 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. Excepteur sint occaecat cupidatat non proident </p> </div> </div> </div> </section><!-- /About Section --> <!-- Why Us Section --> <section id="why-us" class="why-us section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>WHY US</h2> <p>Why Choose Our Restaurant</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-4"> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100"> <div class="card-item"> <span>01</span> <h4><a href="" class="stretched-link">Lorem Ipsum</a></h4> <p>Ulamco laboris nisi ut aliquip ex ea commodo consequat. Et consectetur ducimus vero placeat</p> </div> </div><!-- Card Item --> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200"> <div class="card-item"> <span>02</span> <h4><a href="" class="stretched-link">Repellat Nihil</a></h4> <p>Dolorem est fugiat occaecati voluptate velit esse. Dicta veritatis dolor quod et vel dire leno para dest</p> </div> </div><!-- Card Item --> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300"> <div class="card-item"> <span>03</span> <h4><a href="" class="stretched-link">Ad ad velit qui</a></h4> <p>Molestiae officiis omnis illo asperiores. Aut doloribus vitae sunt debitis quo vel nam quis</p> </div> </div><!-- Card Item --> </div> </div> </section><!-- /Why Us Section --> <!-- Specials Section --> <section id="specials" class="specials section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Specials</h2> <p>Check Our Specials</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row"> <div class="col-lg-3"> <ul class="nav nav-tabs flex-column"> <li class="nav-item"> <a class="nav-link active show" data-bs-toggle="tab" href="#specials-tab-1">Modi sit est</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#specials-tab-2">Unde praesentium sed</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#specials-tab-3">Pariatur explicabo vel</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#specials-tab-4">Nostrum qui quasi</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#specials-tab-5">Iusto ut expedita aut</a> </li> </ul> </div> <div class="col-lg-9 mt-4 mt-lg-0"> <div class="tab-content"> <div class="tab-pane active show" id="specials-tab-1"> <div class="row"> <div class="col-lg-8 details order-2 order-lg-1"> <h3>Architecto ut aperiam autem id</h3> <p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p> <p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p> </div> <div class="col-lg-4 text-center order-1 order-lg-2"> <img src="assets/img/specials-1.png" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane" id="specials-tab-2"> <div class="row"> <div class="col-lg-8 details order-2 order-lg-1"> <h3>Et blanditiis nemo veritatis excepturi</h3> <p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p> <p>Ea ipsum voluptatem consequatur quis est. Illum error ullam omnis quia et reiciendis sunt sunt est. Non aliquid repellendus itaque accusamus eius et velit ipsa voluptates. Optio nesciunt eaque beatae accusamus lerode pakto madirna desera vafle de nideran pal</p> </div> <div class="col-lg-4 text-center order-1 order-lg-2"> <img src="assets/img/specials-2.png" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane" id="specials-tab-3"> <div class="row"> <div class="col-lg-8 details order-2 order-lg-1"> <h3>Impedit facilis occaecati odio neque aperiam sit</h3> <p class="fst-italic">Eos voluptatibus quo. Odio similique illum id quidem non enim fuga. Qui natus non sunt dicta dolor et. In asperiores velit quaerat perferendis aut</p> <p>Iure officiis odit rerum. Harum sequi eum illum corrupti culpa veritatis quisquam. Neque necessitatibus illo rerum eum ut. Commodi ipsam minima molestiae sed laboriosam a iste odio. Earum odit nesciunt fugiat sit ullam. Soluta et harum voluptatem optio quae</p> </div> <div class="col-lg-4 text-center order-1 order-lg-2"> <img src="assets/img/specials-3.png" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane" id="specials-tab-4"> <div class="row"> <div class="col-lg-8 details order-2 order-lg-1"> <h3>Fuga dolores inventore laboriosam ut est accusamus laboriosam dolore</h3> <p class="fst-italic">Totam aperiam accusamus. Repellat consequuntur iure voluptas iure porro quis delectus</p> <p>Eaque consequuntur consequuntur libero expedita in voluptas. Nostrum ipsam necessitatibus aliquam fugiat debitis quis velit. Eum ex maxime error in consequatur corporis atque. Eligendi asperiores sed qui veritatis aperiam quia a laborum inventore</p> </div> <div class="col-lg-4 text-center order-1 order-lg-2"> <img src="assets/img/specials-4.png" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane" id="specials-tab-5"> <div class="row"> <div class="col-lg-8 details order-2 order-lg-1"> <h3>Est eveniet ipsam sindera pad rone matrelat sando reda</h3> <p class="fst-italic">Omnis blanditiis saepe eos autem qui sunt debitis porro quia.</p> <p>Exercitationem nostrum omnis. Ut reiciendis repudiandae minus. Omnis recusandae ut non quam ut quod eius qui. Ipsum quia odit vero atque qui quibusdam amet. Occaecati sed est sint aut vitae molestiae voluptate vel</p> </div> <div class="col-lg-4 text-center order-1 order-lg-2"> <img src="assets/img/specials-5.png" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </div> </div> </section><!-- /Specials Section --> <!-- Testimonials Section --> <section id="testimonials" class="testimonials section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Testimonials</h2> <p>What they're saying about us</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="swiper init-swiper" data-speed="600" data-delay="5000" data-breakpoints="{ &quot;320&quot;: { &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 40 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3, &quot;spaceBetween&quot;: 40 } }"> <script type="application/json" class="swiper-config"> { "loop": true, "speed": 600, "autoplay": { "delay": 5000 }, "slidesPerView": "auto", "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true }, "breakpoints": { "320": { "slidesPerView": 1, "spaceBetween": 40 }, "1200": { "slidesPerView": 3, "spaceBetween": 20 } } } </script> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item" "=""> <p> <i class=" bi bi-quote quote-icon-left"></i> <span>Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.</span> <i class="bi bi-quote quote-icon-right"></i> </p> <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt=""> <h3>Saul Goodman</h3> <h4>Ceo &amp; Founder</h4> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.</span> <i class="bi bi-quote quote-icon-right"></i> </p> <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt=""> <h3>Sara Wilsson</h3> <h4>Designer</h4> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.</span> <i class="bi bi-quote quote-icon-right"></i> </p> <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt=""> <h3>Jena Karlis</h3> <h4>Store Owner</h4> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.</span> <i class="bi bi-quote quote-icon-right"></i> </p> <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt=""> <h3>Matt Brandon</h3> <h4>Freelancer</h4> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.</span> <i class="bi bi-quote quote-icon-right"></i> </p> <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt=""> <h3>John Larson</h3> <h4>Entrepreneur</h4> </div> </div><!-- End testimonial item --> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- /Testimonials Section --> <!-- Gallery Section --> <section id="gallery" class="gallery section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Gallery</h2> <p>Some photos from Our Restaurant</p> </div><!-- End Section Title --> <div class="container-fluid" data-aos="fade-up" data-aos-delay="100"> <div class="row g-0"> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-1.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-1.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-2.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-2.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-3.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-3.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-4.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-4.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-5.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-5.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-6.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-6.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-7.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-7.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> <div class="col-lg-3 col-md-4"> <div class="gallery-item"> <a href="assets/img/gallery/gallery-8.jpg" class="glightbox" data-gallery="images-gallery"> <img src="assets/img/gallery/gallery-8.jpg" alt="" class="img-fluid"> </a> </div> </div><!-- End Gallery Item --> </div> </div> </section><!-- /Gallery Section --> <!-- Chefs Section --> <section id="chefs" class="chefs section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Team</h2> <p>Necessitatibus eius consequatur</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-4"> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100"> <div class="member"> <img src="assets/img/chefs/chefs-1.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>Walter White</h4> <span>Master Chef</span> </div> <div class="social"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> </div> </div> </div><!-- End Team Member --> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200"> <div class="member"> <img src="assets/img/chefs/chefs-2.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>Sarah Jhonson</h4> <span>Patissier</span> </div> <div class="social"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> </div> </div> </div><!-- End Team Member --> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300"> <div class="member"> <img src="assets/img/chefs/chefs-3.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>William Anderson</h4> <span>Cook</span> </div> <div class="social"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> </div> </div> </div><!-- End Team Member --> </div> </div> </section><!-- /Chefs Section --> <!-- Contact Section --> <section id="contact" class="contact section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Contact</h2> <p>Contact Us</p> </div><!-- End Section Title --> <div class="mb-5" data-aos="fade-up" data-aos-delay="200"> <iframe style="border:0; width: 100%; height: 400px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d48389.78314118045!2d-74.006138!3d40.710059!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a22a3bda30d%3A0xb89d1fe6bc499443!2sDowntown%20Conference%20Center!5e0!3m2!1sen!2sus!4v1676961268712!5m2!1sen!2sus" frameborder="0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div><!-- End Google Maps --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-4"> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300"> <i class="bi bi-geo-alt flex-shrink-0"></i> <div> <h3>Location</h3> <p>A108 Adam Street, New York, NY 535022</p> </div> </div><!-- End Info Item --> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400"> <i class="bi bi-telephone flex-shrink-0"></i> <div> <h3>Open Hours</h3> <p>Monday-Saturday:<br>11:00 AM - 2300 PM</p> </div> </div><!-- End Info Item --> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400"> <i class="bi bi-telephone flex-shrink-0"></i> <div> <h3>Call Us</h3> <p>+1 5589 55488 55</p> </div> </div><!-- End Info Item --> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="500"> <i class="bi bi-envelope flex-shrink-0"></i> <div> <h3>Email Us</h3> <p>info@example.com</p> </div> </div><!-- End Info Item --> </div> <div class="col-lg-8"> <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200"> <div class="row gy-4"> <div class="col-md-6"> <input type="text" name="name" class="form-control" placeholder="Your Name" required=""> </div> <div class="col-md-6 "> <input type="email" class="form-control" name="email" placeholder="Your Email" required=""> </div> <div class="col-md-12"> <input type="text" class="form-control" name="subject" placeholder="Subject" required=""> </div> <div class="col-md-12"> <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea> </div> <div class="col-md-12 text-center"> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your message has been sent. Thank you!</div> <button type="submit">Send Message</button> </div> </div> </form> </div><!-- End Contact Form --> </div> </div> </section><!-- /Contact Section --> </main> <footer id="footer" class="footer"> <div class="container footer-top"> <div class="row gy-4"> <div class="col-lg-4 col-md-6 footer-about"> <a href="index.html" class="logo d-flex align-items-center"> <span class="sitename">Onyexperience</span> </a> <div class="footer-contact pt-3"> <p>A108 Adam Street</p> <p>New York, NY 535022</p> <p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p> <p><strong>Email:</strong> <span>info@example.com</span></p> </div> <div class="social-links d-flex mt-4"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Useful Links</h4> <ul> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Terms of service</a></li> <li><a href="#">Privacy policy</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Our Services</h4> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Web Development</a></li> <li><a href="#">Product Management</a></li> <li><a href="#">Marketing</a></li> <li><a href="#">Graphic Design</a></li> </ul> </div> <div class="col-lg-4 col-md-12 footer-newsletter"> <h4>Our Newsletter</h4> <p>Subscribe to our newsletter and receive the latest news about our products and services!</p> <form action="forms/newsletter.php" method="post" class="php-email-form"> <div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your subscription request has been sent. Thank you!</div> </form> </div> </div> </div> <div class="container copyright text-center mt-4"> <p>© <span>Copyright</span> <strong class="px-1 sitename">Restaurantly</strong> <span>All Rights Reserved</span></p> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you've purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com" target="_blank">ThemeWagon</a> </div> </div> </footer> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Preloader --> <div id="preloader"></div> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> </body> </html>
webs 1.0 - Enhanced UI