<!DOCTYPE html>
<!--
  Original Design: Spectral by HTML5 UP
    html5up.net | @n33co
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  Jekyll build mod
-->
<html>

  {% include head.html %}

  <body class="landing">

    <!-- Page Wrapper -->
    <div id="page-wrapper">

      {% include header.html %}

      				<!-- Banner -->
      					<section id="banner">
      						<div class="inner">
      							<h2>{{ site.title }}</h2>
      							<p>{{ site.description | markdownify }}</p>
      							<ul class="actions">
      								<!--<li><a href="#" class="button special">Activate</a></li>-->
      							</ul>
      						</div>
      						<a href="#one" class="more scrolly">Comienza aqu&iacute;</a>
      					</section>

      				<!-- One -->
      					<section id="one" class="wrapper style5 main">
      						<div class="inner">
      							<header class="major">
      								<h2>{{ page.title }}</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>
      							{{ content }}
      						</div>
                  <section id="banner" style="height:120px;min-height:120px;">
                    <a href="#two" class="more scrolly">Contin&uacute;a</a>
                  </section>
                </section>

      				<!-- Two -->
      					<section id="two" class="wrapper alt style2 banner">
      						<section class="spotlight">
      							<div class="image">

      							</div>
      						</section>
                  <section id="banner" style="height:150px;min-height:150px;">
                    <a href="#three" class="more scrolly">Contin&uacute;a</a>
                  </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 footer.html %}

      {% include scripts.html %}

    </div>

  </body>

</html>
