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ß&~'d3i5h-3LL

HOME


5h-3LL 1.0
DIR: /home/rclhos5/public_html/ecw01
/home/rclhos5/public_html/ecw01/
Upload File:
Current File : /home/rclhos5/public_html/ecw01/index-style2.html
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>Vetro</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- theme stylesheets -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
    <!-- webfont -->
        <link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
    <!-- main stylesheets -->
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
    <!-- colors stylesheet -->    
        <link rel="stylesheet" href="css/colors/color-01.css">
    <!-- favicon -->    
        <link rel="shortcut icon" href="favicon.ico">
        <script src="js/lib/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    
    <!-- PRELOADER -->
    <div class="preloader">
        <span class="icon">
            <i class="fa fa-circle-o-notch fa-spin"></i>
        </span>
    </div>

    <!-- NAVBAR -->
        <header id="navbar">
            <div class="container">
                <!-- LOGO -->
                <a href="#home" class="navbar-brand sscroll">
                    <img src="img/logo.png" alt="LOGO">
                </a>
                <!-- mobile menu button -->
                <a href="#" class="mob-nav"><i class="fa fa-bars"></i></a>
                <!-- MAIN NAVIGATION -->
                <nav id="nav">
                    <ul class="nav">
                        <li><a href="#home" class="sscroll">home</a></li>
                        <li><a href="#about" class="sscroll">about us</a></li>
                        <li><a href="#services" class="sscroll">services</a></li>
                        <li><a href="#story" class="sscroll">story</a></li>
                        <li><a href="#team" class="sscroll">team</a></li>
                        <li><a href="#work" class="sscroll">portfolio</a></li>
                        <li><a href="#pricing" class="sscroll">pricing</a></li>
                        <li><a href="#contact" class="sscroll">contact</a></li>
                    </ul>
                </nav>
            </div>
        </header>
    <!-- /NAVBAR -->

    <!-- HOME SCREEN -->
        <section id="home" data-stellar-background-ratio="0.3" class="bg-8 color-overlay">
            
            <!-- container -->
            <div class="container">
                
                <!-- top part -->
                <div class="home-top">
                    <img src="img/logo.png" alt="LOGO" class="logo">

                    <div class="home-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                    </div>
                </div>
                <!-- /top part -->

                <div class="inner">

                <!-- HOME SCREEN STYLE 2 -->
                    <div id="intro-2">
                        <div class="home-title">
                            <h3 class="title-upper text-uppercase">
                                <i class="fa fa-star-o"></i> 221B Baker St London <i class="fa fa-star-o"></i>
                            </h3>
                            <h3 class="headline text-uppercase">restaurant vetro</h3>
                            <h3 class="title-lower italic text-capitalize">you'll <i class="fa fa-heart-o"></i> this place</h3>
                        </div>
                    </div>
                <!-- /HOME SCREEN STYLE 2 -->

                </div>
                <!-- /inner -->
            </div>
            <!-- /container -->

            <!-- show more - button -->
            <a href="#about" class="more_btn sscroll" data-toggle="tooltip" title="SHOW MORE">
                <i class="fa fa-angle-down"></i>
            </a>
            <!-- /show more - button -->

        </section>
    <!-- /HOME SCREEN -->

    <!-- ABOUT -->
        <section id="about">
          <div class="container">

            <h1 class="heading heading-1">about us</h1>
            
            <p>So Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam illum, vitae atque, iusto voluptatum fuga sint nostrum sit beatae, qui asperiores ullam tempore fugit dicta, debitis tempora neque dolore officiis.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum repellendus ab quo assumenda voluptate, totam, voluptatem iste dolor maiores perspiciatis tempore, ad eligendi quos distinctio beatae sapiente harum? Iste, quas!</p>
            
            <!-- bottom links -->
            <hr>
            <div class="links">
                <span class="popup-gallery">
                    <a href="img/8.jpg" class="text-uppercase">gallery</a> //
                    <a href="img/5.jpg"></a>
                    <a href="img/2.jpg"></a>
                </span>
                <a href="#story" class="text-uppercase sscroll">our story</a> //
                <a href="#work" class="sscroll text-uppercase">works</a>
            </div>
            <!-- /bottom links -->
            
          </div>
        </section>
    <!-- /ABOUT -->

    <!-- FEATURED -->
        <section id="featured">
            <h1 class="heading heading-2">featured</h1>

            <div class="boxes">
            <!-- I box -->
                <div class="box img">
                    <!-- image -->
                    <a href="#">
                        <img src="img/work/8.jpg" alt="">
                    </a>
                </div>
                <div class="box info">
                    <div class="info-inner">
                        <div class="info-wrapper">
                            <div class="centered">
                                <!-- project info -->
                                <h3>Project Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus veritatis error cumque magnam hic repudiandae!</p>
                            </div>
                        </div>    
                    </div>
                </div>
            <!-- /I box -->
            
            <!-- II box -->
                <div class="box img middle active">
                    <!-- image -->
                    <a href="#">
                        <img src="img/work/4.jpg" alt="">
                    </a>
                </div>
                <div class="box info middle active">
                    <div class="info-inner">
                        <div class="info-wrapper">
                            <div class="centered">
                                <!-- project info -->
                                <h3>Project Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus veritatis error cumque magnam hic repudiandae!</p>
                            </div>
                        </div>    
                    </div>
                </div>
            <!-- /II box -->

            <!-- III box -->
                <div class="box img">
                    <!-- image -->
                    <a href="#">
                        <img src="img/work/6.jpg" alt="">
                    </a>
                </div>
                <div class="box info">
                    <div class="info-inner">
                        <div class="info-wrapper">
                            <div class="centered">
                                <!-- project info -->
                                <h3>Project Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus veritatis error cumque magnam hic repudiandae!</p>
                            </div>
                        </div>    
                    </div>
                </div>
            <!-- /III box -->

            </div>
        </section>
    <!-- /FEATURED -->

    <!-- SIMPLE BLOCK -->
        <section id="block" class="bg-6 color-overlay borders" data-stellar-background-ratio=".3">
            <div class="container">
                <h1 class="text-uppercase">work with us</h1>
                <p class="italic">If I could save time in a bottle, The first thing that I'd like to do Is to...</p>
                <a href="#story" class="button sscroll">more</a>
                <!-- youtube popup button -->
                <a href="https://www.youtube.com/watch?v=dO1rMeYnOmM" class="button light popup-youtube">watch</a>
            </div>
        </section>
    <!-- /SIMPLE BLOCK -->        



    <!-- SERVICES -->
        <section id="services">
            <div class="container">
                <h1 class="heading  heading-1">services</h1>
                
                <div class="row">

                    <!-- service -->
                    <div class="col-md-4 service">
                        <fieldset>
                        <!-- service icon -->
                            <legend><i class="fa fa-camera-retro"></i></legend>
                        <!-- service info -->    
                            <h3 class="text-uppercase">photography</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis odio libero nam omnis amet dolor</p>
                        </fieldset>
                    </div>

                    <!-- service -->
                    <div class="col-md-4 service">
                        <fieldset>
                        <!-- service icon -->
                            <legend><i class="fa fa-cogs"></i></legend>
                        <!-- service info -->    
                            <h3 class="text-uppercase">development</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis odio libero nam omnis amet dolor</p>
                        </fieldset>
                    </div>

                    <!-- service -->
                    <div class="col-md-4 service">
                        <fieldset>
                        <!-- service icon -->
                            <legend><i class="fa fa-coffee"></i></legend>
                        <!-- service info -->
                            <h3 class="text-uppercase">coffee</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis odio libero nam omnis amet dolor</p>
                        </fieldset>
                    </div>

                </div>

            </div>
        </section>
    <!-- /SERVICES -->

    <!-- SOMETEXT -->
        <section id="sometext">
            <div class="container">
                <i class="fa fa-comment-o"></i><br>
                <h3 class="text-uppercase bold">We're up all night<span class="italic text-capitalize">to get lucky</span></h3>
                <p class="italic">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis necessitatibus, laboriosam nisi omnis, aperiam quo, molestiae distinctio, nostrum et voluptate modi. Tempore, natus numquam asperiores quia deleniti architecto corporis at.</p>
            </div>
        </section>
    <!-- /SOMETEXT -->
        
    <!-- STORY -->    
        <section id="story">
            <div class="container">
                <div class="story-inner">
                    <div class="story-overlay">
                        <!-- story image -->
                        <img src="img/story.jpg" class="img-responsive" alt="">
                    </div>
                    <h3 class="heading heading-2">our story</h3>
                    <p class="italic">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto aliquam impedit laudantium provident rem accusantium odio at enim consectetur, omnis qui unde, autem dignissimos officiis voluptate nihil rerum amet. Veniam! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium, mollitia nihil beatae enim aliquam quam voluptate fuga eligendi ullam! Id optio culpa aliquam nostrum adipisci iure, non hic fugiat perferendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab neque ratione commodi, dolore quasi impedit dignissimos cum aliquam tenetur. Vel non, porro numquam veritatis? In architecto consequuntur dolore inventore magnam</p>
                </div>
            </div>
        </section>
    <!-- /STORY -->    

    <!-- TEAM -->
        <section id="team">
            <div class="container">
                <h1 class="heading heading-1">family</h1>
                <div class="row">
                <!-- team member -->
                    <div class="col-md-4">
                        <div class="team-member">
                            <div class="overlay">
                            <!-- social icons -->
                                <div class="social">
                                    
                                    <a href="#">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa fa-dribbble"></i>
                                    </a>
                                                                    
                                </div>                                
                            </div>
                            <!-- image -->
                            <img src="img/team/1.jpg" alt="">
                            <h3>lado newman</h3>
                            <p>web designer</p>
                        </div>
                    </div>
                <!-- /team member -->

                <!-- team member -->
                    <div class="col-md-4">
                        <div class="team-member">
                            <div class="overlay">
                            <!-- social icons -->
                                <div class="social">
                                    
                                    <a href="#">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                                                    
                                </div>
                            </div>
                            <!-- image -->
                            <img src="img/team/2.jpg" alt="">
                            <h3>lana fowler</h3>
                            <p>graphic designer</p>
                        </div>                        
                    </div>
                <!-- /team member -->

                <!-- team member -->
                    <div class="col-md-4">
                        <div class="team-member">
                            <div class="overlay">
                            <!-- social icons -->
                                <div class="social">
                                    
                                    <a href="#">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa fa-github"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                                                    
                                </div>                                
                            </div>
                            <!-- image -->
                            <img src="img/team/3.jpg" alt="">
                            <h3>gela freeman</h3>
                            <p>web developer</p>
                        </div>                        
                    </div>
                <!-- /team member -->

                </div>
            </div>
        </section>
    <!-- /TEAM -->

    <!-- VIDEO BLOCK -->
        <section id="video">
            <div class="container">
                <div class="row">
                <!-- video -->
                    <div class="col-md-7 video-block">
                        <iframe src="http://player.vimeo.com/video/26757344?title=0&amp;byline=0&amp;portrait=0" width="500" height="281" allowfullscreen></iframe>
                    </div>
                <!-- video info -->
                    <div class="col-md-5 video-info">
                        <h3 class="heading heading-2">video block</h3>
                        <p class="italic">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident numquam quaerat ea rem, facere, dolore maiores delectus dolorum non voluptatum blanditiis, quisquam a eveniet animi deserunt illo praesentium quas, reiciendis.
                        Lorem ipsum dolor sit amet</p>
                    </div>

                </div>
            </div>
        </section>
    <!-- /VIDEO BLOCK -->
    
    <!-- TESTIMONIALS -->
        <section id="testimonials" class="bg-7 color-overlay borders" data-stellar-background-ratio=".3">
            <div class="container">
                <!-- quote icon -->
                <i class="fa fa-quote-left"></i>
                <div class="slider">
                    <ul class="slides">
                        
                        <li>
                            <p>Success is going from failure to failure without losing your enthusiasm.</p>
                            <h3>Winston Churchill</h3>
                        </li>

                        <li>
                            <p>Time you enjoy wasting is not wasted time</p>
                            <h3>john lennon</h3>
                        </li>

                        <li>
                            <p>It does not matter how slowly you go as long as you do not stop.</p>
                            <h3>Confucius</h3>
                        </li>

                    </ul>
                </div>
            </div>
        </section>   
    <!-- /TESTIMONIALS -->     
    
    <!-- WORK -->
        <section id="work">
            <div class="container">
                <h1 class="heading heading-1">portfolio</h1><br>

            <!-- portfolio filter -->
                <div class="filter-options">
                    <span class="text-uppercase">since 1993 <i class="fa fa-star"></i> uk</span>
                <!-- filter buttons -->
                    <button class="light" data-group="all">all</button>
                    <button class="light" data-group="videos">videos</button>
                    <button class="light" data-group="images">images</button>
                    <button class="light" data-group="gallery">gallery</button>
                    <button class="light" data-group="maps">maps</button>
                </div>
            <!-- /portfolio filter -->

                <div class="row works">
                
                <!-- work item -->
                    <div class="col-md-4 col-sm-6 work-item" data-groups='["images"]'>
                        <!-- popup link -->
                        <a href="img/4.jpg" class="popup-image">
                            <div class="overlay">
                                <div class="centered">
                                    <h3>work title</h3>
                                    <p>image popup</p>
                                </div>
                            </div>
                            <!-- thumbnail -->
                            <img src="img/work/1.jpg" alt="work">
                        </a>
                    </div>

                <!-- work item -->
                    <div class="col-md-4 col-sm-6 work-item" data-groups='["videos"]'>
                        <!-- popup link -->
                        <a href="https://www.youtube.com/watch?v=bu2ht9c-FFU" class="popup-youtube">
                            <div class="overlay">
                                <div class="centered">
                                    <h3>work title</h3>
                                    <p>youtube popup</p>
                                </div>
                            </div>
                            <!-- thumbnail -->
                            <img src="img/work/4.jpg" alt="work">
                        </a>
                    </div>
                
                <!-- work item -->
                    <div class="col-md-4 col-sm-6 work-item" data-groups='["videos"]'>
                        <!-- popup link -->
                        <a href="http://vimeo.com/26757344" class="popup-vimeo">
                            <div class="overlay">
                                <div class="centered">
                                    <h3>work title</h3>
                                    <p>vimeo popup</p>
                                </div>
                            </div>
                            <!-- thumbnail -->
                            <img src="img/work/5.jpg" alt="work">
                        </a>
                    </div> 
                
                <!-- work item -->
                    <div class="col-md-4 col-sm-6 work-item popup-gallery" data-groups='["gallery","images","videos"]'>
                        <!-- popup link -->
                        <a href="img/2.jpg">
                            <div class="overlay">
                                <div class="centered">
                                    <h3>work title</h3>
                                    <p>gallery popup</p>
                                </div>
                            </div>
                            <!-- thumbnail -->
                            <img src="img/work/6.jpg" alt="work">
                        </a>
                        <a href="https://www.youtube.com/watch?v=57e4t-fhXDs" class="mfp-iframe"></a>
                        <a href="img/4.jpg"></a>
                        <a href="img/5.jpg"></a>
                    </div> 
                
                <!-- work item -->
                    <div class="col-md-4 col-sm-6 work-item" data-groups='["maps"]'>
                        <!-- popup link -->
                        <a href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&amp;hl=en&amp;t=v&amp;hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" class="popup-gmaps">
                            <div class="overlay">
                                <div class="centered">
                                    <h3>work title</h3>
                                    <p>google map popup</p>
                                </div>
                            </div>
                            <!-- thumbnail -->
                            <img src="img/work/2.jpg" alt="work">
                        </a>
                    </div> 
                
                <!-- work item -->
                    <div class="col-md-4 col-sm-6 work-item popup-gallery" data-groups='["videos","gallery"]'>
                        <!-- popup link -->
                        <a href="http://vimeo.com/54272703" class="mfp-iframe">
                            <div class="overlay">
                                <div class="centered">
                                    <h3>work title</h3>
                                    <p>video gallery</p>
                                </div >
                            </div>
                            <!-- thumbnail -->
                            <img src="img/work/8.jpg" alt="work">
                        </a>
                        <a href="https://www.youtube.com/watch?v=scR3WNKe2IQ" class="mfp-iframe"></a>
                    </div>               

                </div><!-- /works -->
            </div><!-- /container -->
        </section>
    <!-- /WORK -->                    
    
    <!-- PRICING -->    
        <section id="pricing">
            <div class="container">
                <h1 class="heading heading-1">pricing</h1>
                <div class="row">
                <!-- pricebox -->
                    <div class="col-md-4">
                        <div class="pricebox">
                            <h3>starter</h3>
                            <!-- price -->
                            <div class="price">
                                <i class="fa fa-dollar"></i>
                                34
                                <span>/mo.</span>
                            </div>
                            <!-- features -->
                            <ul>
                                <li>unlimited rame</li>
                                <li>30 days</li>
                                <li>4 weeks</li>
                                <li>12 sartuls</li>
                                <li>15 gb free space</li>
                            </ul>
                            <a href="#" class="button light">sign up</a>
                        </div>                        
                    </div>
                
                <!-- pricebox -->
                    <div class="col-md-4">
                        <div class="pricebox solid-border">
                            <h3>basic</h3>
                            <!-- price -->
                            <div class="price">
                                <i class="fa fa-dollar"></i>
                                65
                                <span>/mo.</span>
                            </div>
                            <!-- features -->
                            <ul>
                                <li>unlimited rame</li>
                                <li>30 days</li>
                                <li>4 weeks</li>
                                <li>12 sartuls</li>
                                <li>15 gb free space</li>
                            </ul>
                            <a href="#" class="button light">sign up</a>
                        </div>                        
                    </div>

                <!-- pricebox -->                    
                    <div class="col-md-4">
                        <div class="pricebox">
                            <h3>premium</h3>
                            <!-- price -->
                            <div class="price">
                                <i class="fa fa-dollar"></i>
                                82
                                <span>/mo.</span>
                            </div>
                            <!-- features -->
                            <ul>
                                <li>unlimited rame</li>
                                <li>30 days</li>
                                <li>4 weeks</li>
                                <li>12 sartuls</li>
                                <li>15 gb free space</li>
                            </ul>
                            <a href="#" class="button light">sign up</a>
                        </div>                        
                    </div>

                </div> <!-- /raw -->
            </div><!-- container -->
        </section>
    <!-- /PRICING -->


    <!-- CONTACT -->
        <section id="contact" class="bg-2 color-overlay borders" data-stellar-background-ratio=".2">
            <div class="container">
                <h1 class="heading heading-1 nobg">contact</h1>
                
            <!-- generated success/error message -->
                <div class="contact-message"></div>
            
            <!-- contact form -->  
                <form action="php/contact.php">
                    <div class="row">
                        <div class="col-sm-6">
                            <input name="name" type="text" placeholder="Name:" required autocomplete="off">
                        </div>
                        <div class="col-sm-6">
                            <input name="email" type="email" placeholder="Email:" required autocomplete="off">
                        </div>
                        <div class="col-sm-12">
                            <textarea name="message" placeholder="Message:" required></textarea>
                        </div>
                        <input type="submit" id="submit" value="send">
                    </div>
                </form>
                
            </div><!-- /container -->
            
        <!-- contact info -->
            <div class="contact-info">
                <div class="row">
                
                <!-- address -->
                    <div class="col-sm-4">
                        <a href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&amp;hl=en&amp;t=v&amp;hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" class="popup-gmaps">
                            <i class="fa fa-map-marker"></i>
                            <p>221B Baker St London</p>
                        </a>
                    </div>

                <!-- mail -->
                    <div class="col-sm-4">
                        <a href="mailto:Elementary@Mydearwatson.Com">
                            <i class="fa fa-envelope-o"></i>
                            <p>Mydear@watson.Com</p>
                        </a>
                    </div>

                <!-- phone number -->
                    <div class="col-sm-4">
                        <a href="tel:+123-123-1234">
                            <i class="fa fa-phone"></i>
                            <p>+123-123-1234</p>
                        </a>
                    </div>

                </div>
            </div>
        </section>
    <!-- /CONTACT -->
    
    <!-- FOOTER -->
        <footer>
            <div class="container">
            <!-- LOGO -->
                <img src="img/logo.png" alt="LOGO"><br>
            
            <!-- SOCIAL ICONS -->
                <div class="social">
                    <span class="text-capitalize italic">follow us</span>
                    
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-pinterest"></i></a>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-instagram"></i></a>
                    <a href="#"><i class="fa fa-google-plus"></i></a>
                </div>
            <!-- COPYRIGHT -->
                <p class="copyright italic">&copy; 2014 Vetro, All Rights Reserved</p>
            </div>    
        </footer>
    <!-- /FOOTER -->


    <!-- javascript -->
        <script src="js/lib/jquery.min.js"></script>
        <script src="js/lib/bootstrap.min.js"></script>
        <script src="js/lib/imagesloaded.pkgd.min.js"></script>
        <script src="js/lib/jquery.stellar.min.js"></script>
        <script src="js/lib/jquery.mb.YTPlayer.js"></script>
        <script src="js/lib/jquery.flexslider.min.js"></script>
        <script src="js/lib/mfp.js"></script>
        <script src="js/lib/jquery.fitvids.js"></script>
        <script src="js/lib/jquery.shuffle.min.js"></script>
    <!-- main javascript file -->
        <script src="js/main.js"></script>

    </body>
</html>