diff --git a/docs/_includes/_hidraulicas.html b/docs/_includes/_hidraulicas.html
new file mode 100644
index 0000000..3b2095b
--- /dev/null
+++ b/docs/_includes/_hidraulicas.html
@@ -0,0 +1,4 @@
+<div class="video-container">
+    <iframe src="graficos/hidraulicas.html" width="800" height="519" style="overflow:hidden" allowfullscreen="" frameborder="0">
+    </iframe>
+</div>
diff --git a/docs/_includes/_mecanizacion.html b/docs/_includes/_mecanizacion.html
new file mode 100644
index 0000000..25c1d23
--- /dev/null
+++ b/docs/_includes/_mecanizacion.html
@@ -0,0 +1,4 @@
+<div class="video-container">
+    <iframe src="graficos/mecanizacion.html" width="800" height="519" style="overflow:hidden" allowfullscreen="" frameborder="0">
+    </iframe>
+</div>
diff --git a/docs/_layouts/title.html b/docs/_layouts/title.html
index 4375846..84d3ea3 100644
--- a/docs/_layouts/title.html
+++ b/docs/_layouts/title.html
@@ -67,8 +67,8 @@
       							</header>
       							<ul class="features">
                       <li class="icon fa-paper-plane-o">
-      									<h3><a href="contexto">Contexto internacional</a></h3>
-      									<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+      									<h3><a href="contexto">Introducción</a></h3>
+      									Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iatue;cola</p>
       								</li>
       								<li class="icon fa-paper-plane-o">
       									<h3><a href="autoritario">El estado autoritario</a></h3>
diff --git a/docs/introduccion.md b/docs/introduccion.md
new file mode 100644
index 0000000..87e2f89
--- /dev/null
+++ b/docs/introduccion.md
@@ -0,0 +1,8 @@
+---
+layout: page
+title: El contexto internacional
+subtitle: Agua, reforma agraria y colonización. Contexto internacional de modernización agrícola
+---
+
+{% include _hidraulicas.html %}
+{% include _mecanizacion.html %}