bulma/docs/_includes/footer/boxes.html

49 lines
1.5 KiB
HTML
Raw Normal View History

2018-04-10 16:33:43 +00:00
{% assign boostrap_link = site.data.links.by_id['boostrap'] %}
{% assign expo_link = site.data.links.by_id['expo'] %}
{% assign love_link = site.data.links.by_id['love'] %}
<div class="bd-footer-stars">
<a class="bd-footer-star bd-is-bootstrap" href="{{ site.url }}{{ boostrap_link.path }}">
<header class="bd-footer-star-header">
<h4 class="bd-footer-title">
<strong>Coming from Bootstrap</strong>
</h4>
<p class="bd-footer-subtitle">
An alternative to Bootstrap
</p>
</header>
<figure class="bd-footer-star-figure">
<img src="{{ site.url }}/images/footer/bootstrap-to-bulma.png" width="160" height="48">
</figure>
</a>
<a class="bd-footer-star bd-is-expo" href="{{ site.url }}{{ expo_link.path }}">
<header class="bd-footer-star-header">
<h4 class="bd-footer-title">
<span class="icon bd-has-text-star">
<i class="fas fa-star"></i>
</span>
<strong>Expo</strong>
</h4>
<p class="bd-footer-subtitle">
See what you can build with Bulma
</p>
</header>
</a>
<a class="bd-footer-star bd-is-love" href="{{ site.url }}{{ love_link.path }}">
<header class="bd-footer-star-header">
<h4 class="bd-footer-title">
<span class="icon has-text-danger">
<i class="fas fa-heart"></i>
</span>
<strong>Love</strong>
</h4>
<p class="bd-footer-subtitle">
Fans of Bulma
</p>
</header>
</a>
</div>