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_o.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">
        
    <!-- colors stylesheet -->    
        <link rel="stylesheet" href="css/colors/color-01.css">
        <link rel="stylesheet" href="css/responsive.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]> mo
            <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" style="height:100px">
                </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="#work" class="sscroll">portfolio</a></li>
                        <li><a href="#contact" class="sscroll">contact</a></li>
                    </ul>
                </nav>
            </div>
        </header>
    <!-- /NAVBAR -->

    <!-- HOME SCREEN -->
        <section id="home" class="color-overlay">
    
            <!-- slideshow -->
            <div class="slideshow">
                <ul class="slides">
                    <li>
                        <div class="bg-1" data-stellar-background-ratio="0.3"></div>
                    </li>
                    <li>
                        <div class="bg-2" data-stellar-background-ratio="0.3"></div>
                    </li>                
                    <li>
                        <div class="bg-3" data-stellar-background-ratio="0.3"></div>
                    </li>
                    <li>
                        <div class="bg-4" data-stellar-background-ratio="0.3"></div>
                    </li>
                    <li>
                        <div class="bg-5" data-stellar-background-ratio="0.3"></div>
                    </li>
                    <li>
                        <div class="bg-6" data-stellar-background-ratio="0.3"></div>
                    </li>
                    <li>
                        <div class="bg-7" data-stellar-background-ratio="0.3"></div>
                    </li>
                    <li>
                        <div class="bg-8" data-stellar-background-ratio="0.3"></div>
                    </li>
                </ul>
            </div>
            <!-- /slideshow -->
                        
            <!-- 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>
                    </div>
                </div>
                <!-- /top part -->

                <div class="inner">

                <!-- HOME SCREEN STYLE 1 -->
                    <div id="intro-1">
                        <fieldset class="text-uppercase">
                        	<legend style="background-image:url(img/bkgd_transp.png)"><a href="#about" class="sscroll"><img src="img/logo_1b.png" style="max-width:100%;border:none;"></a></legend>
                          <!--<legend>vetro studio</legend>-->
                          <div class="std_only">
                          <h1 class="bold">Web Design <font size="+2">*</font> Web Development <font size="+2">*</font> Social Media</h1>
                        	</div>
                          <div class="mobile_only1">
                          <h1 class="bold">Web Design <br> Web Development <br> Social Media</h1>
                        	</div>
                            
                        </fieldset>
                    </div>
                <!-- /HOME SCREEN STYLE 1 -->

                </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" class="bg-9 color-overlay" data-stellar-background-ratio=".2">
          <div class="container">

            <h1 class="heading heading-1 title-1">About Us</h1>
            <div class="row">
            	<div class="col-lg-12">
                    <p class="main_p">We've been working with the Web since the days of Dial-Up and 28.8k modems, doing all kinds of work and all kinds of applications, from Engineering and Process Control, to Multimedia and the arts. One day, seeing the potential of the Internet, we decided to venture out on our own. We did it with the conviction that the Web could become a great place to make ideas flourish. And well, you can see that it certainly has!</p>
                    <br>
                    <p class="main_p">We firmly believe that we can do it better. Better design. Better results for your business. All done with professionalism, and for the right price. Hey, we're a small business, so we understand your needs. We want your business to look good. Because when you do, we look good too!!</p>
                    <br>
                    
                </div>
            </div>
            <div class="row">
            	<div class="col-lg-12">
            		<p class="main_p">We follow these principles:</p>
            		<p>&nbsp;</p>
            	</div>
            </div>
            
            <div class="row">
            	<div class="col-lg-2_4 headliner">
                    <font size="+2">CLEAR EXPECTATIONS</font><br>
    <p class="main_p">From our first meeting to the moment the project is delivered, we detail every aspect of the project.</p>
    <p>&nbsp;</p>
                </div>
                <div class="col-lg-2_4 headliner">
                    <font size="+2">COMMUNICATION<br>&nbsp;</font><br>
<p class="main_p">Wanna talk to us? We're just a phone call / email / text away. We'll be here. Or there. Wherever / whenever you need us.</p><p>&nbsp;</p>
                </div> 
                <div class="col-lg-2_4 headliner">
                    <font size="+2">EXPERIENCE<br>&nbsp;</font><br>
<p class="main_p">We stay current. We read. We experiment and try new things. We're involved in the future of this industry. We're not just to make "easy money" (because, as you well know, that's just not possible!).</p><p>&nbsp;</p>
                </div> 
                <div class="col-lg-2_4 headliner">
                    <font size="+2">VALUE<br>&nbsp;</font>
<br><p class="main_p">Superb Web Design is not fast and isn't cheap. You get what you pay for. No matter your budget, we're sure we can help you. Let's talk. But you can be sure that what we do, we do it great and for a fair price.</p><p>&nbsp;</p>
                </div>
                <div class="col-lg-2_4 headliner">
                    <font size="+2">RESPECT<br>&nbsp;</font><br>
<p class="main_p">Because we respect your business, we provide great results. If you trust us and, in turn, you respect our process, we're certain that you'll be delighted with the results.</p><p>&nbsp;</p>
                </div> 
            </div>
 			 

 
          </div>
        </section>
    <!-- /ABOUT -->
    <!-- SERVICES -->
        <section id="services" class="bg-10 color-overlay" data-stellar-background-ratio=".3">
            <div class="container">
                <h1 class="heading heading-1 title-1">Services</h1>
                
                <div class="row">

                    <!-- service -->
                    <div class="col-md-4 service">
                        <fieldset>
                        <!-- service icon -->
                            <legend><i class="fa fa-pencil-square-o"></i></legend>
                        <!-- service info -->    
                            <h3 class="text-uppercase">Web Design</h3>
                            <p class="main_p">Top notch design for your Website<br>
• Business Internet Presence<br>
• eCommerce<br>
• Mobile-Ready and Responsive Designs</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">Web Development</h3>
                            <p class="main_p">Improving your business via the Web<br>
• Cloud-based business applications<br>
• Database development<br>
• Business intelligence solutions</p>
                        </fieldset>
                    </div>

                    <!-- service -->
                    <div class="col-md-4 service">
                        <fieldset>
                        <!-- service icon -->
                            <legend><i class="fa fa-facebook"></i></legend>
                        <!-- service info -->
                            <h3 class="text-uppercase">Social Media</h3>
                            <p class="main_p">Make your business social!<br>
• Social Media Account Management<br>
• Social Media Consulting<br>
• Campaign Design</p>
                        </fieldset>
                    </div>

                </div>

            </div>
        </section>
    <!-- /SERVICES -->
    
    <!-- WORK -->
        <section id="work" class="bg-11 color-overlay" data-stellar-background-ratio=".3" style="height:auto;">
            <div class="container">
                <h1 class="heading heading-1 title-1">Portfolio</h1><br>

            <!-- portfolio filter -->
                <div class="filter-options">
                <!-- 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 -->                    
    
    
    <!-- CONTACT -->
        <section id="contact" class="bg-2 color-overlay" data-stellar-background-ratio=".2">
            <div class="container">
            	<div class="row">
                	<div class="col-sm-12">
	                    <h1 class="heading heading-1 title-1">Contact</h1>
                    </div>
                </div>
            <!-- generated success/error message -->
            	<div class="row">
                	<div class="col-sm-12 contact-message main_p"></div>
                </div>
            <!-- contact data --> 
            	<div class="row">	
                   <div class="col-sm-6">
                        <div class="contact-info">
                        <div class="row">
                    
                    <!-- address -->
                        <div class="col-sm-4">
                            <a href="#" style="text-decoration:none">
                                <i class="fa fa-map-marker"></i>
                                    <p class="main_p">RR6 Box 9239<br>San Juan, PR 00926</p>
                            </a>
                                
                        </div>
    
                    <!-- mail -->
                        <div class="col-sm-4">
                            <a href="mailto:info@expeditioncreative.com">
                                <i class="fa fa-envelope-o"></i>
                                <p class="main_p" style="font-size:15px;">info<br>@<br>expeditioncreative.com</p>
                            </a>
                        </div>
    
                    <!-- phone number -->
                        <div class="col-sm-4">
                            <a href="tel:787-945-2110">
                                <i class="fa fa-phone"></i>
                                <p class="main_p">787.945.2110</p>
                            </a>
                        </div>
    
                    </div>
                        <div class="row social">
                        <div class="col-sm-12 main_p">Follow Us</div>
                        
                        <div class="col-sm-3"><a href="#"><i class="fa fa-facebook"></i></a></div>
                        <div class="col-sm-3"><a href="#"><i class="fa fa-twitter"></i></a></div>
                        <div class="col-sm-3"><a href="#"><i class="fa fa-instagram"></i></a></div>
                        <div class="col-sm-3"><a href="#"><i class="fa fa-youtube"></i></a></div>
                    </div>
                        </div>
                    </div> 
                <!-- contact form -->  
                    <div class="col-sm-6">
                    <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>
                </div>
            </div><!-- /container -->
            
        
            
        </section>
    <!-- /CONTACT -->
    
    <!-- FOOTER -->
        <footer>
            <div class="container">
            <!-- LOGO -->
                <img src="img/logo.png" alt="LOGO" height="100px"><br>
            
            <!-- SOCIAL ICONS -->
                
            <!-- COPYRIGHT -->
                <p class="copyright main_p"><font size="-1">&copy; 2015 Expedition Creative Works, Inc. All Rights Reserved</font></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>