
<!DOCTYPE HTML>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
		<meta content="IdBrooklyn" name="IdBrooklyn" /> 
		<meta name="Keywords" content="" />
		<meta name="description" content="" />
		<title>Id Brooklyn</title>
		<!----Font--->
		<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
		<!----estilos--->
		<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
		<link rel="stylesheet" type="text/css" href="css/responsive.css">
		<link rel="stylesheet" type="text/css" href="css/cycle2.css">
		<!-- jquery --->
   	 	<!--<script src="http://code.jquery.com/jquery-1.9.1.js"></script>-->
   	 	<script src="js/jquery-1.9.1.js"></script>
   	 	<!-- funciones --->
  		<script src="js/funciones.js?v25524"></script>
  		<!----Galeria----->
  		<script src="js/cycle2.min.js?v25524"></script>
  		<!-- compativilidad -->
	</head><body>
	<div class="headerClassInfinit"></div>
		<div id="contenedor">
						<div class="divColumna1 headerClass desktop_hide">
				<a href="index.php"><img src="img/LogoId.png" alt="" class="LogoHead" /></a>
				<ul class="BotoneraUp">
					<li>
						<a class="BtnSmallText HoverBotonesGris" href="support.php">DONATIONS & SUPPORT</a>
					</li>
					<li>
						<a class="BtnSmallText HoverBotonesGris" href="https://www.kickstarter.com/projects/862055585/idbrooklyn" target="_blank">KICKSTARTER</a>
					</li>
				</ul>
				<ul class="BotoneraSeccions">
					<li>
						<a class="BtnTextWhite HoverBotones" href="proyecto.php">PROJECT</a>
					</li>
					<li>
						<a class="BtnTextWhite HoverBotones" href="icono.php">ICONS</a>
					</li>
					<li>
						<a class="BtnTextWhite HoverBotones" href="prensa.php">PRESS</a>
					</li>
					<li>
						<a class="BtnTextWhite HoverBotones" href="https://www.idbrooklyn.com/" target="_blank">PARTICIPATE</a>
					</li>
					<li>
						<a class="BtnTextWhite HoverBotones" href="contacto.php">CONTACT US</a>
					</li>
				</ul>
			</div>
			<div class="divColumna1 headerClass Mobile_hide">
				<a href="index.php"><img src="img/LogoId.png" alt="" class="LogoHead_mobile" /></a>
				<a onclick="animateDesplegaBtnes();"><img src="img/botonesMobile.png" alt="" class="aBtnDesplegaMobile" /></a>
				<div class="clearMobile"></div>
				<div class="divBtneraMobile" id="idDivBtneraMobile">
					<ul class="BotoneraUp_mobile">
						<li>
							<a class="BtnSmallText HoverBotonesGris" href="support.php">DONATIONS & SUPPORT</a>
						</li>
						<li>
							<a class="BtnSmallText HoverBotonesGris" href="https://www.kickstarter.com/projects/862055585/idbrooklyn">KICKSTARTER</a>
						</li>
					</ul>
					<ul class="BotoneraSeccions_mobile">
						<li>
						<a class="BtnTextWhite HoverBotones" href="proyecto.php">PROJECT</a>
						</li>
						<li>
							<a class="BtnTextWhite HoverBotones" href="icono.php">ICONS</a>
						</li>
						<li>
							<a class="BtnTextWhite HoverBotones" href="prensa.php">PRESS</a>
						</li>
						<li>
							<a class="BtnTextWhite HoverBotones" href="https://www.idbrooklyn.com/">PARTICIPATE</a>
						</li>
						<li>
							<a class="BtnTextWhite HoverBotones" href="contacto.php">CONTACT US</a>
						</li>
					</ul>
				</div>
			</div>	<div class="colorFondoBlanco">
		<div class="divColumna1">
			<div class="cycle-slideshow" 
					 data-cycle-fx="scrollHorz" 
					 data-cycle-timeout="6000" 
					 data-cycle-prev="#prev" 
					 data-cycle-next="#next" >
	    		    <div class="cycle-Textos" id="textosVideo" idcantidad="3">
	    		
					<ul class="listBanerHomeHead" 
							idtxt="1" 
							id="baneranimadoHead">
						<li>
							<p class="TituloHomeBannerHead">PARTICIPATE</p>
						</li>
						<li>
							<p class="DescripHomeBannerHead">This is a community-based project, so for it to be more representative and powerful, we need everyone's input. Share with us what you have to say about Brooklyn!</p>
						</li>
												<li>
							<a class="BotonHomeBannerHead HoverBotones" onclick="deployVideo('https://www.idbrooklyn.org');"></a>
							<a class="BotonHomeBannerHeadSmall HoverBotones" onclick="deployVideo('https://www.idbrooklyn.org');"></a>
						</li>
											</ul>
		    </div>
		    <!---imagenes--->
		    <img src="banners/img520692252idbk_ws_1.jpg" idBase="1"><img src="banners/img294741075idbk_ws_4.jpg" idBase="18"><img src="banners/img257839533idbk_ws_2.jpg" idBase="19">			</div>
			<div class="cycle-pager"></div>
			<div class="center" style="display:none;">
	      <span id=prev>&lt;&lt;Prev </span>
        <span id=next> Next&gt;&gt;</span>
	    </div>
		</div>
		<div class="divColumna1 divRosaHome">
						<p class="ptxtHomeTitulo">Why would a borough need a graphic identity?</p>
			<p class="ptxtHomeTexto">The answer is simple: because every city has a unique identity that should be celebrated. An urban identity becomes so convoluted over the hundreds of years of its construction that we often forget what sets it apart from other metropolises. This project is both a look back to the roots of Brooklyn, and also a step forward in connecting and commending the great diversity within the borough.</p>
		</div>
		<!---->
		<div class="divColumna1">
					<div id="banner2Normal" 
					 class="cycle-slideshow" 
					 data-cycle-fx=scrollHorz 
					 data-cycle-timeout=6000 
					 data-cycle-pager="#custom-pager" 
					 data-cycle-pager-template='<span onclick="changetxtxbanner({{slideNum}});"></span>' 
					 idBaseNormal="1/2/4/" 
					 idcantidadNormal="3" >
				<div class="cycle-pagerPosictionHome">
		    	<div id="custom-pager" class="cycle-pager pagerPosictionHome"></div>
		    </div>
				     
		    <div class="cycle-IconosHome" id="textosBaner2" idcantidadNormal="3" >
				    	
	    						<ul class="listBanerHome" id="baneranimadoNormal" idtxtNormal="1">
						<li>
							<p class="SeccionHomeBanner">PARTICIPATE</p>
						</li>
						<li>
							<p class="TituloHomeBanner">CONEY ISLAND</p>
						</li>
						<li>
							<p class="DescripHomeBanner">"They reinvented the Ferris wheel. They made it magic." Rudy, Age 86</p>
						</li>
						<li>
							<a class="BotonHomeBanner HoverBotones" href="https://www.idbrooklyn.org/icono.php" target="_blank">MORE ICONS</a>
						</li>
					</ul>
				</div>
				<img src="banners/img114463216idbk_icon_1.jpg" idbasenormal="1" class="detect"><img src="banners/img929594276idbk_icon_2.jpg" idbasenormal="2" class="detect"><img src="banners/img321083151idbk_icon_4.jpg" idbasenormal="4" class="detect">			</div>
			<!-- empty element for pager links -->
		</div>
		<!----->
		<div class="divColumna1">

				
			<ul class="NticiaHomeListaAll">
				<li>
					<ul class="ListaElementosNotaHome">
						<li>
							<a class="txtHomeNotaSeccion">Noticias</a>
						</li>
						<li>
							<img src="prensa/img47334713eagle 4.JPG" alt="" class="imagenNotaSmalHome" />
						</li>
						<li>
							<a class="TituloNotaHome">BROOKLYN DAILY EAGLE - USA</a>
						</li>
						<li>
							<a class="resumenNotaHome"></a>
						</li>
					</ul>
				</li>
				<li>
					<ul class="ListaElementosNotaHome">
						<li>
							<a class="txtHomeNotaSeccion"></a>
						</li>
						<li>
							<img src="prensa/img365229058Brooklinisci_6-str-6.jpg" alt="" class="imagenNotaSmalHome" />
						</li>
						<li>
							<a class="TituloNotaHome">2+3D Magazine - Poland</a>
						</li>
						<li>
							<a class="resumenNotaHome">The project was chosen by the polish magazine 2+3D for a 6 pages review.</a>
						</li>
					</ul>
				</li>
				<li>
					<ul class="ListaElementosNotaHome">
						<li>
							<a class="txtHomeNotaSeccion">PHOTO STREAM</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans1.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans2.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans3.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<!----->
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans4.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans5.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans6.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<!----->
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans7.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans8.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
						<li>
							<a href="index.php" class="notaMicroHome">
								<img src="prensa/small/fotoTrans1.png" 
										 alt="" 
										 class="TumbSmalHomeNotica">
							</a>
						</li>
					</ul>
					<div class="clareFloat"></div>
				</li>
			</ul>
		</div>
		<!---->
		<div class="divColumna1">
			<div class="cycle-slideshow" 
					 data-cycle-fx="scrollHorz" 
					 data-cycle-timeout="6000" 
					 data-cycle-prev="#prevDown" 
					 data-cycle-next="#nextDown" >
				<!-- empty element for pager links -->
				<div class="cycle-pagerPosictionHome classPagerHide">
		    	<!--<div class="cycle-pager pagerPosictionHome"></div>-->
		    </div>
				    
				<!-- empty element for pager links -->
		    <div class="cycle-IconosHome">
					<ul class="listBanerHome">
						<li>
							<p class="SeccionHomeBanner">PARTICIPATE</p>
						</li>
						<li>
							<p class="TituloHomeBanner">BE A PART OF THE PROJECT AND TELL YOUR STORY USING THE IDBROOKLYN IPHONE APP</p>
						</li>
						<li>
							<p class="DescripHomeBanner">Join the community in the idBrooklyn App. Share what you think Brooklyn is, what should be in the project, and see what others are saying!</p>
						</li>
						<li>
							<a class="BotonHomeBanner HoverBotones">GO TO APPLE STORE</a>
						</li>
					</ul>
		    </div>
		    <!---imagenes--->
				<img src="banners/img707461334idbk_icon_3.jpg" idBase="8"><img src="banners/img600273456idbk_App.jpg" idBase="3">			<!--<img src="banners/bannerCelular.jpg">--->
			</div>
		</div>
		<!---->
		<div class="divColumna1 colorFondoGris">
			<ul class="FeuteredHomeListaAll">
			<li>
										<ul class="ListaElementosNotaHome">
											<li>
												<a class="txtHomeNotaSeccion">FEATURED IN</a>
											</li>
											<li>
												<img src="feutered/goodLogo.png" 
														 alt="" 
														 class="imagenNotaSmalHome logoFooter" />
											</li>
											<li>
												<a class="textoFeuteredHome">The value that idBrooklyn offers the city is the opportunity for community members to collaborate with designers, in an online platform. The community input is key to creating a city's graphic identity, and it seems that every city should have such a resource." �GOOD, Alessandra Rizzotti</a>
											</li>
										</ul>
									</li><li>	
										<ul class="ListaElementosNotaHome">
											<li>
												<a class="txtHomeNotaSeccion"></a>
											</li>
											<li>
												<img src="feutered/eagleLogo.png" 
														 alt="" 
														 class="imagenNotaSmalHome logoFooter" />
											</li>
											<li>
												<a class="textoFeuteredHome">The show (we're secretly hoping for the Brooklyn Museum) will include specific works of art from the museum's collection</a>
											</li>
										</ul>
									</li><li>	
										<ul class="ListaElementosNotaHome">
											<li>
												<a class="txtHomeNotaSeccion"></a>
											</li>
											<li>
												<img src="feutered/behanceLogo.png" 
														 alt="" 
														 class="imagenNotaSmalHome logoFooter" />
											</li>
											<li>
												<a class="textoFeuteredHome">The show (we're secretly hoping for the Brooklyn Museum) will include specific works of art from the museum's collection</a>
											</li>
										</ul>
									</li>				
			</ul>
		</div>
	</div>

				<div class="divColumna1 classFooter">
					<p style="height:64px;margin:0px;padding:0px;"></p>
										<ul class="FooterListaAll">
						<li>
							<ul class="ListaElementosFoot">
								<li>
									<a class="btnFooter TituloFoot">CONTACT US</a>
								</li>
								<li>
									<a class="btnFooter iconoTel">+880 41 723 272</a>
								</li>
								<li>
									<a class="btnFooter iconoPlace">250 Sher-E- Bangla Road, Brooklyn, United States</a>
								</li>
								<li>
									<a class="btnFooter iconoMail HoverBotones" href="mailto:hello@idbrooklyn.org">hello@idbrooklyn.org</a>
								</li>
							</ul>
						</li>
						<li>
												<ul class="ListaElementosFoot">
							<li>
								<a class="btnFooter TituloFoot">SOCIAL</a>
							</li>
							<li>
								<a class="aBtnRedes BtnTwitter HoverBotones" href="t" target="_blank"></a><a class="aBtnRedes BtnFacebook HoverBotones" href="f" target="_blank"></a><a class="aBtnRedes BtnLinkedin HoverBotones" href="l" target="_blank"></a><a class="aBtnRedes BtnGplus HoverBotones" href="g+" target="_blank"></a><a class="aBtnRedes BtnPinterest HoverBotones" href="pin" target="_blank"></a>							</li>
						</ul>
					</li>
					<li>
						<ul class="ListaElementosFoot">
							<li>
								<a class="btnFooter TituloFoot">SUBSCRIBE</a>
							</li>
							<li>
								<a class="btnFooter iconoClip">Enter your e-mail below to subscribe to our free newsletter.</a>
							</li>
							<li>
								<input type="text" value="E-mail" name="MailFormFoot" id="MailFormFoot" class="InputFooter" />								
								<a class="aBtnInputFooter HoverBotones" onclick="EnvioNewsletter()">OK</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="classFooterInfinit"></div>
		<div id="idPopUps" class="classIdPopUps">
	<!--<p  onclick="CerrarBG();">cerrar</p>-->
	<div id="idContenidoPopUp" onclick="deployPopUp();clearPopUp()"></div>
	
	<div class="classContenidoPopUp">
		<div id="ajax"></div>
	</div>
</div>	</body>
</html>