diff --git a/docs/_includes/menu.html b/docs/_includes/menu.html
new file mode 100644
index 0000000..0942a8d
--- /dev/null
+++ b/docs/_includes/menu.html
@@ -0,0 +1,67 @@
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html
index e7920d1..2349a24 100755
--- a/docs/_layouts/page.html
+++ b/docs/_layouts/page.html
@@ -14,4 +14,6 @@ layout: default
     </div>
   </section>
 
+{% include footer.html %}
+
 </article>
diff --git a/docs/_layouts/title.html b/docs/_layouts/title.html
index d794370..68a5282 100644
--- a/docs/_layouts/title.html
+++ b/docs/_layouts/title.html
@@ -57,73 +57,8 @@
                   </section>
       					</section>
 -->
-      				<!-- Three -->
-      					<section id="three" class="wrapper style3 special">
-      						<div class="inner">
-      							<header class="major">
-      								<h2>Título posible de sección bloques</h2>
-      								<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
-      								fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
-      							</header>
-      							<ul class="features">
-                      <li class="icon fa-paper-plane-o">
-      									<h3><a href="introduccion">Introducción</a></h3>
-      									Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
-      								</li>
-      								<li class="icon fa-paper-plane-o">
-      									<h3><a href="autoritario">El estado autoritario</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-      								<li class="icon fa-laptop">
-      									<h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
-      									<p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
-      								</li>
-      								<li class="icon fa-code">
-      									<h3><a href="colono">El colono</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-      								<li class="icon fa-headphones">
-      									<h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-      								<li class="icon fa-flag-o">
-      									<h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-      								<li class="icon fa-flag-o">
-      									<h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-                      <li class="icon fa-flag-o">
-      									<h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-                      <li class="icon fa-flag-o">
-      									<h3><a href="modelos">Los modelos principales</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-                      <li class="icon fa-flag-o">
-      									<h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
-      								</li>
-      							</ul>
-      						</div>
-      					</section>
-
-      				<!-- CTA -->
-      					<section id="cta" class="wrapper style4">
-      						<div class="inner">
-      							<header>
-      								<h2>Arcue ut vel commodo</h2>
-      								<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
-      							</header>
-      							<ul class="actions vertical">
-      								<li><a href="#" class="button fit special">Activate</a></li>
-      								<li><a href="#" class="button fit">Learn More</a></li>
-      							</ul>
-      						</div>
-      					</section>
 
+      {% include menu.html %}
 
       {% include footer.html %}