index.html

---
layout: default
title: DATOS.gob.mx
---

<div class="slider-wrapper">
  <div class="slider">
    {% assign featured_stories = site.posts | where:'section', 'historias' | where: 'featured', true %}
    {% for post in featured_stories | limi: 4 %}
      <div class="slide" style="background-image: url('{{ site.url | append: site.baseurl }}/assets/images/{{ post.cover_photo }}');">
        <div class="wrapper">
          <div class="cols-12">
            <div class="col col-6">
              <div class="col-inner">
                <div class="slide-card-box {{ post.category }}">
                  <span class="complement-tagline">{{ post.tagline }}</span>
                  <a href="{{ post.url | prepend: site.baseurl }}"><h3 class="post-link">{{ post.title }}</h3></a>
                  <a class="post-read-more" href="{{ post.url | prepend: site.baseurl }}">Leer Más</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
  <div class="slider-pager">
    <div class="wrapper">
      <div class="cols-12">
        <div class="col col-12">
          <div class="col-inner">
            <div class="slider-pager-buttons">
              <div class="slider-button prev"></div>
              <div class="slider-button next"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{% include search-data.html %}

<div class="stories-content">
  <div class="stories-title">
    <div class="wrapper">
      <div class="cols-12">
        <div class="col col-12">
          <div class="col-inner">
            <h2>Historias con Datos</h2>
            <p>Conoce quiénes ya usan datos abiertos</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="posts-list">
    {% assign stories = site.posts | where:'section', 'historias' %}
    {% for post in stories %}
      {% include story-post.html post=post %}
    {% endfor %}
    {% include show-more-stories.html %}
  </div>
</div>

{% include subscribe.html %}