CodeandoMexico · sofiamoya · Jan 7, 2015 · Jan 7, 2015
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/.DS_Store b/css/.DS_Store
diff --git a/css/bootstrap-theme.css b/css/bootstrap-theme.css
diff --git a/css/bootstrap-theme.css.map b/css/bootstrap-theme.css.map
diff --git a/css/bootstrap-theme.min.css b/css/bootstrap-theme.min.css
diff --git a/css/bootstrap.css b/css/bootstrap.css
diff --git a/css/bootstrap.css.map b/css/bootstrap.css.map
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,73 @@
+.body {
+	font-family: "Open Sans";
+	font-size: 14px;
+	font-weight: 400;
+	color: #545554;
+}
+
+.p {
+	font-family: "Open Sans";
+	font-size: 14px;
+	font-weight: 400;
+	text-align: center;
+	color: #545554;
+}
+
+.navbar-inverse {
+    background-color: #545554;
+    border-color: #545554;
+}
+
+.navbar-header{
+	margin-top: 14px;
+}
+
+.row-first{
+	text-align: center;
+	color: #474747;
+	background-color: #EEEEEE;
+	width: 100%;
+	height: 150px;
+}
+
+.row-registro {
+	text-align: center;
+}
+
+.row-objetivos {
+	text-align: center;
+}
+
+.row-herramientas {
+	text-align: center;
+}
+
+a.btn-default {
+ font-family: "Open Sans";
+ background-color: #545554;
+ color: #fff;
+
+}
+
+.btn-default:hover {
+	background-color: darken (#545554, 5%);
+}
+
+.row-miembros {
+	background-color: #00CC99;
+	width: 100%;
+}
+
+.col-md-4 {
+	text-align: center;
+}
+
+
+.footer {
+	background-color: #545554;
+	height: 200px;
+	text-align: center;
+}
+
+
+
diff --git a/fonts/.DS_Store b/fonts/.DS_Store
diff --git a/fonts/glyphicons-halflings-regular.eot b/fonts/glyphicons-halflings-regular.eot
diff --git a/fonts/glyphicons-halflings-regular.svg b/fonts/glyphicons-halflings-regular.svg
diff --git a/fonts/glyphicons-halflings-regular.ttf b/fonts/glyphicons-halflings-regular.ttf
diff --git a/fonts/glyphicons-halflings-regular.woff b/fonts/glyphicons-halflings-regular.woff
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/footerlogo.png b/images/footerlogo.png
diff --git a/images/herramientas1.png b/images/herramientas1.png
diff --git a/images/herramientas2.png b/images/herramientas2.png
diff --git a/images/herramientas3.png b/images/herramientas3.png
diff --git a/images/imágenes.zip b/images/imágenes.zip
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/logousaid.png b/images/logousaid.png
diff --git a/images/mapa.png b/images/mapa.png
diff --git a/images/pais.png b/images/pais.png
diff --git a/images/personas.png b/images/personas.png
diff --git a/images/pesos.png b/images/pesos.png
diff --git a/images/toplogo.png b/images/toplogo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+
+<html>
+	<head>
+	<title>Red MX Abierto</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link href= "css/bootstrap.min.css" rel= "stylesheet">
+	<link href= "css/styles.css" rel= "stylesheet">
+	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
+	</head>
+
+	<body>
+    <nav class="navbar navbar-fixed-top navbar-inverse">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+      	<img src="images/logo.png">
+        </div>
+        <div id="navbar" class="collapse navbar-collapse">
+          <ul class= "nav navbar-nav navbar-right">
+				<li><a href="#">Acerca de</a></li>
+				<li><a href="#">Contacto</a></li>
+				<li><a href="#">Ingresar</a></li>
+		  </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </nav><!-- /.navbar -->
+
+    <div class="container">
+
+      <div class="row row-offcanvas row-offcanvas-right">
+
+        <div class="col-md-12">
+          <p class="pull-right visible-md">
+            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
+          </p>
+          <div class="row-first">
+          	<img src="images/toplogo.png">
+            		<p>Una plataforma de cooperaci&#243;n nacional para compartir </br>conocimiento, herramientas y recursos que faciliten la publicaci&#243;n </br>de Datos Abiertos en M&#233;xico y potencien su impacto.</p>
+          </div>
+          <div class="row-registro">
+           	 <div class="col-md-12">
+              	<h2>S&#233; parte de Red M&#233;xico Abierto</h2>
+              	<p>Participa en la jornada <br><strong>Innovaci&#243;n local para un M&#233;xico Abierto</strong></p>
+              	<a href="#" class="btn btn-default">REG&#205;STRATE</a>
+             </div>
+          </div>
+          <div class="row-objetivos">
+         	<h2>OBJETIVOS</h2>
+         		<div class="col-md-4">
+         			<img src="images/pesos.png">
+         	 		<p>Reducir la barrera de entrada y minimizar costos al implementar una iniciativa de Datos Abiertos en municipios y estados.</p>
+         		</div>
+          </div>
+         		<div class="col-md-4">
+         			<img src="images/pais.png">
+         	 		<p>Maximizar los beneficios de una alianza nacional de Datos Abiertos, aprovechando los conocimientos y experiencias de todos.</p>
+         		</div>
+          </div>
+         		<div class="col-md-4">
+         			<img src="images/personas.png">
+         	 		<p>Incentivar la innovaci&#243;n p&#250;blica e impulsar la transparencia, participaci&#243;n ciudadana y el desarrollo econ&#243;mico del pa&#237;s.</p>
+         		</div>
+          </div>
+          <div class="row-herramientas">
+         	<h2>HERRAMIENTAS</h2>
+         		<div class="col-md-4">
+         		<img src="images/herramientas1.png">
+         	 		<p>Con una plataforma compartida para publicar, acceder y utilizar Datos Abiertos en M&#233;xico<a href="//datos.gob.mx"> datos.gob.mx</a></p>
+         		</div>
+         		<div class="col-md-4">
+         		<img src="images/herramientas2.png">
+         	 		<p>Con est&#225;ndares y formatos internacionales y homologados para lograr la interoperabilidad de la informaci&#243;n en tres niveles de gobierno.</p>
+         		</div>
+         		<div class="col-md-4">
+         		<img src="images/herramientas3.png">
+         	 		<p>Con una plataforma digital de acompa&#241;amiento e intercambio de experiencias, tutoriales y mejores pr&#225;cticas a nivel federal, estatal y local.</p>
+         		</div>
+          </div>
+         <div class="row-miembros">
+         	<h2>MIEMBROS</h2>
+         	<img src="images/mapa.png">
+         </div>
+             </div>
+          	</div>
+            </div><!--/.col-md-12-->
+          </div><!--/row-->
+      </div><!--/row-->
+    </div><!--/.container-->
+
+	<footer class="footer">
+			<img src="images/footerlogo.png">
+			<img src="images/logousaid.png">
+		<p><a href=mailto:mexico.abierto@datos.gob.mx>mexico.abierto@datos.gob.mx</a></p>
+	</footer>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+
+    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
+
+    <script src="offcanvas.js"></script>
+
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+		<script src="js/bootstrap.js"></script>
+
+	</body>
+
+
+</html>
diff --git a/js/.DS_Store b/js/.DS_Store