index.html

---
layout: default
---

<article>

    <div id="left-column"></div>

    <div class="narrower-article-div">
        <header>
            <h1>
                {{ page.title | escape }}
            </h1>
        </header>

        <div class="index-flex">
          {% if page.introduction %}
            <div class="index-gray-box">
              {{ page.introduction }}
            </div>
          {% endif %}

          {% if page.introduction_photo %}
            <div class="index-photo">
              <img src="{{ page.introduction_photo }}" alt="Elixir Luxembourg" />
            </div>
          {% endif %}
        </div>

        {{ content }}

        <div class="index-flex">
          <div class="index-box">
            <img src="https://www.elixir-europe.org/sites/default/files/images/events.jpg" alt="Events image" />
            <div class="index-box-caption">
              <a href="{{ site.baseurl }}/events/">Events</a>
            </div>
          </div>

          <div class="index-box">
            <img src="https://www.elixir-europe.org/sites/default/files/images/vacancies.jpg" alt="Job vacancies image" />
            <div class="index-box-caption">
              <a href="{{ site.baseurl }}/about-node/vacancies">Job vacancies</a>
            </div>
          </div>

          <div class="index-box">
            <img src="https://www.elixir-europe.org/sites/default/files/images/get-involved.jpg" alt="Flyer image" />
            <div class="index-box-caption">
              Download flyer
            </div>
          </div>
        </div>
    </div>

    <div>
      <a class="twitter-timeline" data-lang="en" data-width="380" data-height="800" data-dnt="true" data-theme="light" data-link-color="#B57B00" href="https://twitter.com/elixir_lu?ref_src=twsrc%5Etfw">Tweets by elixir_lu</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    </div>
</article>