{% extends 'template.html' %}

{% block css %}
<link rel="stylesheet" href="{{url_for('static', filename='a_home/home.css')}}">
<!-- {# css tema #} -->
<link rel="stylesheet" href="{{url_for('static', filename='b_tema_subseccion/tema/tema.css')}}">

<!-- {# scripts de la sección tema #} -->
<!-- {# este código siempre debe ir arriba del otro donde mandamos a llamar sus funciones #} -->
<script src="{{url_for('static', filename='b_tema_subseccion/tema/tema.js')}}"></script>

<!-- test del font icon linux -->
<script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>

{% endblock css %}

<!-- {# cur usr path #} -->
{% block usr_path %}
<li class="breadcrumb-item active" aria-current="page">
	<a href="">
		Proyectos DIX
	</a>
</li>
{% endblock usr_path %}

{% block body %}

<style>
  img {
    height: 11em;
  }
</style>

<div class="container">
  <div class="row">
      <div class="col-md-4 mb-4">
          <div class="card h-100" style="width: 18rem;">
              <img class="card-img-top" src="/static/source_imgs/projects/bienestar_digital.png" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">Bienestar Digital</h5>
                  <p class="card-text">Portal estático, sitio hecho para la SICT en espera de ser integrado a la sección principal.</p>
                  <a href="http://bienestar-digital.temporal.work/" class="btn btn-primary" target="_blank">Sitio</a>
              </div>
          </div>
      </div>
      <div class="col-md-4 mb-4">
          <div class="card h-100" style="width: 18rem;">
              <img class="card-img-top" src="/static/source_imgs/projects/repo_coperasur.png" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">Repositorio COOPERASUR</h5>
                  <p class="card-text">Portal dinámico, aportación del gobierno mexicano al Proyecto Mesoamérica.</p>
                  <a href="https://repo-cooperasur.sict-csic.page/" class="btn btn-primary" target="_blank">Sitio</a>
              </div>
          </div>
      </div>
      <div class="col-md-4 mb-4">
          <div class="card h-100" style="width: 18rem;">
              <img class="card-img-top" src="/static/source_imgs/projects/sict-csic.png" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">Aldeas Inteligentes</h5>
                  <p class="card-text">Portal dinamico, sitio donde los beneficiarios de la conectividad generan sus reportes trimestrales.</p>
                  <a href="https://ai-reports.temporal.work/" target="_blank" class="btn btn-primary">Sitio</a>
              </div>
          </div>
      </div>
      <div class="col-md-4 mb-4">
          <div class="card h-100" style="width: 18rem;">
              <img class="card-img-top" src="/static/source_imgs/projects/tac_consulting.png" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">TAC Consulting (DB)</h5>
                  <p class="card-text">Portal dinámico que almacena la información de candidatos el área de reclutamiento y selección.</p>
                  <a href="http://tac-recruitment.temporal.work/" target="_blank" class="btn btn-primary">Sitio</a>
              </div>
          </div>
      </div>
      <div class="col-md-4 mb-4">
          <div class="card h-100" style="width: 18rem;">
              <img class="card-img-top" src="/static/source_imgs/projects/esad_temporal_work.png" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">Estrategia de Alfabetización Digital</h5>
                  <p class="card-text">Portal dinámico que muestra de forma sencilla tutoriales de gobierno.</p>
                  <a href="http://esad.temporal.work/" target="_blank" class="btn btn-primary">Sitio</a>
              </div>
          </div>
      </div>
        <div class="col-md-4 mb-4">
          <div class="card h-100" style="width: 18rem;">
              <img class="card-img-top" src="/static/source_imgs/projects/formha.png" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">Consultora Formha</h5>
                  <p class="card-text">Consultora de RRHH especializada en reclutamiento, selección y evaluaciónes.</p>
                  <a href="http://formha.mx/" target="_blank" class="btn btn-primary">Sitio</a>
              </div>
          </div>
      </div>
  </div>
</div>

{% endblock body %}