| <!DOCTYPE html> |
| <html> |
| {% include head.html %} |
| |
| <body> |
| {% include header.html %} |
| <section class="hero is-large is-dark" |
| style="background: url('{{ site.baseurl }}/assets/images/nasa-53884-unsplash.jpg') no-repeat center center; background-size: cover;"> |
| <div class="hero-body"> |
| <div class="container has-text-centered"> |
| <p class="title is-1" style="padding-bottom: 2rem;"> |
| {{ page.title }} |
| </p> |
| <p class="subtitle is-4" style="padding-bottom: 1rem;">{{ page.subtitle }}</p> |
| </div> |
| </div> |
| </section> |
| <section class="hero is-medium is-light" id="contact-us"> |
| <div class="hero-body"> |
| <div class="container has-text-centered"> |
| <p class="title is-2 has-text-black"> |
| {{ site.data.translate['title_contact'] }} |
| </p> |
| <hr class="has-background-black" style="margin-bottom: 5rem;"> |
| <div class="columns is-multiline is-centered"> |
| {% for item in page.contact_items %} |
| <div class="column is-4 has-text-centered"> |
| {% if item.picture %} |
| <div class="picture"> |
| <img src={{ item.picture }} height="135" width="135" /> |
| </div> |
| {% endif %} |
| {% if item.icon %} |
| <div class="contributor-item-icon icon is-large"> |
| <i class="{{ item.icon }} fa-4x"></i> |
| </div> |
| {% endif %} |
| <p class="title is-5 has-text-weight-light">{{ item.title }}</p> |
| <div class="content"> |
| <p>{{ item.description | newline_to_br }}</p> |
| </div> |
| </div> |
| {% endfor %} |
| </div> |
| </div> |
| </div> |
| </section> |
| <section class="hero is-medium" id="contribution"> |
| <div class="hero-body"> |
| <div class="container has-text-centered"> |
| <p class="title is-2 has-text-black"> |
| {{ site.data.translate['title_contribution'] }} |
| </p> |
| <hr class="has-background-black" style="margin-bottom: 5rem;"> |
| <div class="columns is-variable is-8 is-centered"> |
| {% for item in page.contributor_items %} |
| <div class="column is-4"> |
| <p class="title is-3 has-text-weight-light">{{ item.title }}</p> |
| <hr> |
| <div class="content"> |
| <p>{{ item.description | newline_to_br }}</p> |
| </div> |
| </div> |
| {% endfor %} |
| </div> |
| </div> |
| </div> |
| </section> |
| {% include footer.html %} |
| <script src="{{ site.baseurl }}/assets/js/app.js" type="text/javascript"></script> |
| </body> |
| |
| </html> |
