_layouts/community.html (71 lines of code) (raw):
<!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>