title: "Bulma: a modern CSS framework based on Flexbox"
description: "Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free."
+env: "production"
# Build
+{% unless site.env == "development" %}
<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<section class="hero is-info bsa">
}
})();
</script>
+{% endunless %}
\ No newline at end of file
<div class="column is-3">
<div id="about" class="content">
<strong xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Bulma</strong> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://jgthms.com" property="cc:attributionName" rel="cc:attributionURL">Jeremy Thomas</a>.
+ {% unless site.env == "development" %}
<div class="twitter-container">
<a href="{{ site.twitter }}" class="twitter-follow-button" data-show-count="true" data-lang="en" data-size="large">@jgthms</a>
</div>
+ {% endunless %}
</div>
</div>
<div class="column is-5">
<div>
<strong>Support</strong> and share the love!
</div>
+ {% unless site.env == "development" %}
<div id="social">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
<div class="fb-like" data-href="https://www.facebook.com/bulmaio" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
</div>
+ {% endunless %}
</div>
</div>
<div class="column is-4">