<section id="proyectos">

  <div class="container">

    <h2>Proyectos Recientes</h2>

    <div class="recent-projects-wrapper">

      <div class="recent-project">

        <div class="project-image">

          <a  class="project-link" href="img/projects/2015/metropolitan1_585.jpg" data-images="img/projects/2015/metropolitan1_850.jpg,img/projects/2015/metropolitan2_850.jpg, img/projects/2015/metropolitan3_850.jpg">

            <div class="project-hover-icon">

              <svg class="icon icon-plus"><use xlink:href="#icon-plus"></use></svg>

            </div>

            <div class="project-hover-text">Metropolitan</div>

              <img src="img/projects/2015/metropolitan1_585.jpg" alt="Metropolitan">

          </a>

​

          <!--Metropolitan Project Info Overlay-->

          <div class="hidden">

              <h3>Metropolitan</h3>

              <h4>Ubicaci&oacute;n</h4>

              <span>San Pedro Garza Garc&iacute;a,<br>

              Nuevo Le&oacute;n</span>

              <h4>Servicio</h4>

              <span>Interior</span>

              <h4>Tipo</h4>

              <span>Departamento</span>

              <h4>A&ntilde;o</h4>

              <span>2015</span>

          </div>

          <!--Metropolitan Project Info Overlay End-->  

      </div>

​

      <div class="project-info">

          <h3>Metropolitan</h3>

          <span class="project-type">Interior, Departamento</span>

          <span class="project-year">2015</span>

      </div>

  </div>

​

​

  <div class="additional-projects-wrapper">

      <div class="additional-project">

          <div class="project-image">

              <a href="img/projects/2014/arcangeles21_585.jpg" class="project-link" data-images="img/projects/2014/arcangeles21_850.jpg,img/projects/2014/arcangeles22_850.jpg,img/projects/2014/arcangeles23_850.jpg">

                  <div class="project-hover-icon">

                      <svg class="icon icon-plus"><use xlink:href="#icon-plus"></use></svg>

                  </div>

                  <div class="project-hover-text">Arc&aacute;ngeles II</div>

                  <img src="img/projects/2014/arcangeles21_585.jpg" alt="Arc&aacute;ngeles II">

              </a>

​

              <!--Arcangeles II Project Info Overlay-->

              <div class="hidden">

                  <h3>Arc&aacute;ngeles II</h3>

                  <h4>Ubicaci&oacute;n</h4>

                  <span>San Pedro Garza Garc&iacute;a,<br>

                  Nuevo Le&oacute;n</span>

                  <h4>Servicio</h4>

                  <span>Interior</span>

                  <h4>Tipo</h4>

                  <span>Departmento</span>

                  <h4>A&ntilde;o</h4>

                  <span>2014</span>

              </div>

              <!--Arcangeles II Project Info Overlay End-->  

          </div>

      </div>

   </div>

</section>