poblados-colonizacion-colonias-penitenciarias/docs/_includes/menu.html

<!-- 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>
          <p>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>