bulma/docs/versions/0.5.3/love/index.html
2017-10-07 16:40:32 +01:00

3803 lines
140 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" class="route-love">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.3 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
<title>Love for Bulma 😍</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.3/css/bulma-docs.css?v=20170918-2343">
<link rel="canonical" href="http://bulma.io/versions/0.5.3/love/">
<link rel="alternate" type="application/rss+xml" title="Bulma v0.5.3: a modern CSS framework based on Flexbox" href="http://bulma.io/versions/0.5.3/feed.xml">
<meta property="og:url" content="http://bulma.io/versions/0.5.3">
<meta property="og:type" content="website">
<meta property="og:title" content="Bulma v0.5.3: a modern CSS framework based on Flexbox">
<meta property="og:image" content="http://bulma.io/versions/0.5.3/images/bulma-banner.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:description" content="Bulma v0.5.3 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@jgthms">
<meta name="twitter:creator" content="@jgthms">
<meta name="twitter:title" content="Bulma v0.5.3: a modern CSS framework based on Flexbox">
<meta name="twitter:image" content="http://bulma.io/versions/0.5.3/images/bulma-banner.png">
<meta name="twitter:description" content="Bulma v0.5.3 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
<link rel="apple-touch-icon" sizes="180x180" href="http://bulma.io/versions/0.5.3/favicons/apple-touch-icon.png?v=201701041855">
<link rel="icon" type="image/png" href="http://bulma.io/versions/0.5.3/favicons/favicon-32x32.png?v=201701041855" sizes="32x32">
<link rel="icon" type="image/png" href="http://bulma.io/versions/0.5.3/favicons/favicon-16x16.png?v=201701041855" sizes="16x16">
<link rel="manifest" href="http://bulma.io/versions/0.5.3/favicons/manifest.json?v=201701041855">
<link rel="mask-icon" href="http://bulma.io/versions/0.5.3/favicons/safari-pinned-tab.svg?v=201701041855" color="#00d1b2">
<link rel="shortcut icon" href="http://bulma.io/versions/0.5.3/favicons/favicon.ico?v=201701041855">
<meta name="msapplication-config" content="http://bulma.io/versions/0.5.3/favicons/browserconfig.xml?v=201701041855">
<meta name="theme-color" content="#00d1b2">
</head>
<body class="layout-default">
<div class="notification is-info" style="border-radius: 0; margin-bottom: 0;">
<p>
You are viewing the deprecated <strong>0.5.3</strong> version of the website.
<a href="/">Click here to view the latest version</a>
</p>
</div>
<div class="container">
<nav class="navbar ">
<div class="navbar-brand">
<a class="navbar-item" href="http://bulma.io/versions/0.5.3">
<img src="http://bulma.io/versions/0.5.3/images/bulma-logo.png" alt="Bulma v0.5.3: a modern CSS framework based on Flexbox" width="112" height="28">
</a>
<a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
<span class="icon" style="color: #333;">
<i class="fa fa-lg fa-github"></i>
</span>
</a>
<a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
<span class="icon" style="color: #55acee;">
<i class="fa fa-lg fa-twitter"></i>
</span>
</a>
<div class="navbar-burger burger" data-target="navMenuLoveHero">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="navMenuLoveHero" class="navbar-menu">
<div class="navbar-start">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link " href="/versions/0.5.3/documentation/overview/start/">
Docs
</a>
<div class="navbar-dropdown ">
<a class="navbar-item " href="/versions/0.5.3/documentation/overview/start/">
Overview
</a>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/documentation/modifiers/syntax/">
Modifiers
</a>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/documentation/columns/basics/">
Columns
</a>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/documentation/layout/container/">
Layout
</a>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/documentation/form/general/">
Form
</a>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/documentation/elements/box/">
Elements
</a>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/documentation/components/breadcrumb/">
Components
</a>
<hr class="navbar-divider">
<div class="navbar-item">
<div>
<p class="is-size-6-desktop">
<strong class="has-text-info">0.5.3</strong>
</p>
<small>
<a class="bd-view-all-versions" href="/versions">View all versions</a>
</small>
</div>
</div>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link " href="http://bulma.io/versions/0.5.3/blog/">
Blog
</a>
<div id="blogDropdown" class="navbar-dropdown " data-style="width: 18rem;">
<a class="navbar-item" href="/2017/08/03/list-of-tags/">
<div class="navbar-content">
<p>
<small class="has-text-info">03 Aug 2017</small>
</p>
<p>New feature: list of tags</p>
</div>
</a>
<a class="navbar-item" href="/2017/08/01/bulma-bootstrap-comparison/">
<div class="navbar-content">
<p>
<small class="has-text-info">01 Aug 2017</small>
</p>
<p>Bulma / Bootstrap comparison</p>
</div>
</a>
<a class="navbar-item" href="/2017/07/24/access-previous-bulma-versions/">
<div class="navbar-content">
<p>
<small class="has-text-info">24 Jul 2017</small>
</p>
<p>Access previous Bulma versions</p>
</div>
</a>
<a class="navbar-item" href="http://bulma.io/versions/0.5.3/blog/">
More posts
</a>
<hr class="navbar-divider">
<div class="navbar-item">
<div class="navbar-content">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<strong>Stay up to date!</strong>
</div>
</div>
<div class="level-right">
<div class="level-item">
<a class="button bd-is-rss is-small" href="http://bulma.io/versions/0.5.3/atom.xml">
<span class="icon is-small">
<i class="fa fa-rss"></i>
</span>
<span>Subscribe</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<div class="navbar-link">
More
</div>
<div id="moreDropdown" class="navbar-dropdown ">
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/extensions/">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<p>
<strong>Extensions</strong>
<br>
<small>Side projects to enhance Bulma</small>
</p>
</div>
</div>
<div class="level-right">
<div class="level-item">
<span class="icon has-text-info">
<i class="fa fa-plug"></i>
</span>
</div>
</div>
</div>
</a>
</div>
</div>
<a class="navbar-item " href="http://bulma.io/versions/0.5.3/expo/">
<span class="bd-emoji">⭐️</span>
Expo
</a>
<a class="navbar-item is-active" href="http://bulma.io/versions/0.5.3/love/">
<span class="bd-emoji">❤️</span>
Love
</a>
</div>
<div class="navbar-end">
<a class="navbar-item is-hidden-desktop-only" href="https://github.com/jgthms/bulma" target="_blank">
<span class="icon" style="color: #333;">
<i class="fa fa-lg fa-github"></i>
</span>
</a>
<a class="navbar-item is-hidden-desktop-only" href="https://twitter.com/jgthms" target="_blank">
<span class="icon" style="color: #55acee;">
<i class="fa fa-lg fa-twitter"></i>
</span>
</a>
<div class="navbar-item">
<div class="field is-grouped">
<p class="control">
<a class="bd-tw-button button"
data-social-network="Twitter"
data-social-action="tweet"
data-social-target="http://bulma.io/versions/0.5.3"
target="_blank"
href="https://twitter.com/intent/tweet?text=Bulma v0.5.3: a modern CSS framework based on Flexbox&hashtags=bulmaio&url=http://bulma.io/versions/0.5.3&via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
</span>
<span>
Tweet
</span>
</a>
</p>
<p class="control">
<a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.3.zip">
<span class="icon">
<i class="fa fa-download"></i>
</span>
<span>Download</span>
</a>
</p>
</div>
</div>
</div>
</div>
</nav>
</div>
<section class="hero bd-is-love bd-rainbow">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<h1 class="title">
Love
</h1>
<p class="subtitle">
Happy thoughts from Twitter <span style="font-size: 20px; margin-left: 2px; position: relative; top: 1px;">😃</span>
</p>
</div>
<div class="column is-narrow">
<div id="carboncontainer">
<div id="carbon" class="box">
<script>
var _0xa6d2 = [
'\x73\x63\x72\x69\x70\x74',
'\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65',
'\x72\x65\x6d\x6f\x76\x65\x43\x68\x69\x6c\x64',
'\x73\x70\x6c\x69\x74',
'\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74'
];
(function (_0x2fd559, _0x28dd75) {
var _0x78c626 = function (_0x497400) {
while (--_0x497400) {
_0x2fd559['\x70\x75\x73\x68'](_0x2fd559['\x73\x68\x69\x66\x74']());
}
};
_0x78c626(++_0x28dd75);
}(_0xa6d2, 0x125));
var _0x2a6d = function (_0x8ed41, _0x381cfd) {
_0x8ed41 = _0x8ed41 - 0x0;
var _0x546dea = _0xa6d2[_0x8ed41];
return _0x546dea;
};
function __fb(_0x5ea579) {
var _0x3142de = '\x30\x7c\x31\x7c\x34\x7c\x33\x7c\x35\x7c\x32'[_0x2a6d('0x0')]('\x7c'), _0x58dc19 = 0x0;
while (!![]) {
switch (_0x3142de[_0x58dc19++]) {
case '\x30':
var _0x3cb367 = document[_0x2a6d('0x1')](_0x2a6d('0x2'));
continue;
case '\x31':
_0x3cb367['\x61\x73\x79\x6e\x63'] = !![];
continue;
case '\x32':
_0x5ea579[_0x2a6d('0x3')][_0x2a6d('0x4')](_0x5ea579);
continue;
case '\x33':
_0x3cb367['\x73\x72\x63'] = '\x2f\x2f\x63\x72\x62\x63\x64\x6e\x2e\x6a\x73\x66\x69\x64\x64\x6c\x65\x2e\x6e\x65\x74\x2f\x63\x61\x72\x62\x6f\x6e\x2e\x6a\x73\x3f\x7a\x6f\x6e\x65\x69\x64\x3d\x31\x36\x37\x33\x26\x73\x65\x72\x76\x65\x3d\x43\x36\x41\x49\x4c\x4b\x54\x26\x70\x6c\x61\x63\x65\x6d\x65\x6e\x74\x3d\x62\x75\x6c\x6d\x61\x69\x6f\x26\x63\x64\x3d\x73\x72\x76\x2e\x6a\x74\x2e\x6d\x73';
continue;
case '\x34':
_0x3cb367['\x69\x64'] = _0x5ea579['\x69\x64'];
continue;
case '\x35':
_0x5ea579[_0x2a6d('0x3')]['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](_0x3cb367, _0x5ea579);
continue;
}
break;
}
}
</script>
<script async src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js" onerror="__fb(this)"></script>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<main class="bd-love">
<div class="container">
<div class="bd-embrace">
<p class="bd-embrace-text">
Are you a Bulma fan too? <strong>Show your support!</strong> <span style="font-size: 20px; margin-left: 2px; position: relative; top: 1px;">🤗</span>
</p>
<p class="bd-embrace-button">
<a class="bd-tw-button button"
data-social-network="Twitter"
data-social-action="tweet"
data-social-target="http://bulma.io/versions/0.5.3"
target="_blank"
href="https://twitter.com/intent/tweet?text=Bulma v0.5.3: a modern CSS framework based on Flexbox&hashtags=bulmaio&url=http://bulma.io/versions/0.5.3&via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
</span>
<span>
Tweet #bulmaio
</span>
</a>
</p>
</div>
<div class="bd-tws-love">
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/JamieAHylands/status/900692286744535041" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/872757791236272128/31VmJF-L_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Jamie Hylands
</strong>
<span class="bd-tw-username">
@JamieAHylands
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
So impressed with the speed and clarity of implementing <a href="https://twitter.com/search?q=%23bulma">#bulma</a> CSS framework on a new project. Kudos <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/JamieAHylands/status/900692286744535041" target="_blank">
2:12 PM - 24 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=900692286744535041">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=900692286744535041">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=900692286744535041&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=900692286744535041&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/glenngijsberts/status/900088665292115972" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/899750115556155393/nolSYIi1_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Glenn Gijsberts
</strong>
<span class="bd-tw-username">
@glenngijsberts
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
i fell in love with bulma.io by <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/glenngijsberts/status/900088665292115972" target="_blank">
10:13 PM - 22 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=900088665292115972">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=900088665292115972">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=900088665292115972&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=900088665292115972&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/jntme/status/899981663358373888" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/763775265742921729/KGTHPYAR_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Jonathan Meier
</strong>
<span class="bd-tw-username">
@jntme
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://t.co/V3HGV7lLFw">bulma.io</a> - just WOW... <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/jntme/status/899981663358373888" target="_blank">
3:08 PM - 22 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=899981663358373888">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=899981663358373888">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=899981663358373888&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=899981663358373888&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/mesquka/status/898167777718087684" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/894385834207485952/Xd-DeveI_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Kieran Mesquita
</strong>
<span class="bd-tw-username">
@mesquka
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Hey <a href="https://twitter.com/jgthms">@jgthms</a> Lovin Bulma so much its become our de-facto official CSS framework here <a href="https://twitter.com/launchMii">@launchMii</a> <a href="https://t.co/gAsOK3Ffvo">github.com/launchmii/style</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/mesquka/status/898167777718087684" target="_blank">
3:01 PM - 17 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=898167777718087684">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=898167777718087684">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=898167777718087684&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=898167777718087684&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/EtienneCrb/status/897496105562320896" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/672439335531249664/0F02lmhc_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Étienne Corbillé
</strong>
<span class="bd-tw-username">
@EtienneCrb
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Finally, Ive completed one side project! A poker app with <a href="https://twitter.com/angular">@angular</a> and <a href="https://twitter.com/electronjs">@electronjs</a> .Thank you <a href="https://twitter.com/jgthms">@jgthms</a> for Bulma ;-) <a href="https://t.co/wYXB9xhOAN">furaxpoker.com</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/EtienneCrb/status/897496105562320896" target="_blank">
6:32 PM - 15 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=897496105562320896">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=897496105562320896">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=897496105562320896&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=897496105562320896&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/Ellogwen/status/896363657029980160" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/738064268252348416/97wLt75g_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Ello
</strong>
<span class="bd-tw-username">
@Ellogwen
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> using <a href="https://twitter.com/search?q=%23bulma">#bulma</a> on side project. Remarkable how this little beauty goes out of your way! Use, modify, extend. No problem! <a href="https://twitter.com/search?q=%23IAmInLove">#IAmInLove</a> ❤️
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/Ellogwen/status/896363657029980160" target="_blank">
3:32 PM - 12 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=896363657029980160">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=896363657029980160">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=896363657029980160&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=896363657029980160&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/sobers_2002/status/896030502544707584" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Saurabh Singhvi
</strong>
<span class="bd-tw-username">
@sobers_2002
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> absolutely love what youve done with the documentation in latest releases of bulma!! 👌
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/sobers_2002/status/896030502544707584" target="_blank">
5:28 PM - 11 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=896030502544707584">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=896030502544707584">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=896030502544707584&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=896030502544707584&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/reallynattu/status/894941805208158213" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/772120002044440576/b-nAVRfw_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Nattu
</strong>
<span class="bd-tw-username">
@reallynattu
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> <a href="https://twitter.com/LottieFiles">@LottieFiles</a> Working on making <a href="https://twitter.com/LottieFiles">@LottieFiles</a> even more prettier. <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> is amazing. Love how small and simple it is. <a href="https://twitter.com/search?q=%23bulmacss">#bulmacss</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/reallynattu/status/894941805208158213" target="_blank">
5:22 PM - 8 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=894941805208158213">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=894941805208158213">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=894941805208158213&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=894941805208158213&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/eaguilar_88/status/894338592796966912" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/434101858416992256/9_dtzVoX_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Ellery Aguilar
</strong>
<span class="bd-tw-username">
@eaguilar_88
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Amazing CSS framework! Best Ive worked with so far. Excellent integration with VueJS <a href="https://t.co/kLAkDGnppl">bulma.io</a> <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/eaguilar_88/status/894338592796966912" target="_blank">
1:25 AM - 7 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=894338592796966912">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=894338592796966912">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=894338592796966912&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=894338592796966912&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/Jumuika/status/893820545141280769" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/302344885/GEN_normal.png">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Jumuika Bulk SMS
</strong>
<span class="bd-tw-username">
@Jumuika
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Bulma.io, The best css framework currently. Thank you <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/Jumuika/status/893820545141280769" target="_blank">
3:06 PM - 5 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=893820545141280769">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=893820545141280769">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=893820545141280769&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=893820545141280769&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/wafiks/status/893410677196378112" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/3475223564/3772a121676f6089f3302d2a7213f56c_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Waffy Wafs
</strong>
<span class="bd-tw-username">
@wafiks
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Working on upgrading a site,replaced over 70 bootstrap rows/col-xs/md/lg-* etc with a few bulma classes for the same result <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/wafiks/status/893410677196378112" target="_blank">
11:57 AM - 4 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=893410677196378112">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=893410677196378112">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=893410677196378112&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=893410677196378112&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/lancepadgett/status/893193878685220864" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/710909268333977600/9f3zOCBo_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
L A N C E
</strong>
<span class="bd-tw-username">
@lancepadgett
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Relaunched my personal site with <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a>. The best css framework Ive used yet. Thanks <a href="https://twitter.com/jgthms">@jgthms</a> 🤜
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/lancepadgett/status/893193878685220864" target="_blank">
9:36 PM - 3 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=893193878685220864">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=893193878685220864">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=893193878685220864&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=893193878685220864&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/jay_wilburn/status/893176202210553857" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/588972865766076416/JTqwqkQd_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Jay Wilburn
</strong>
<span class="bd-tw-username">
@jay_wilburn
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Decided to use Bulma on this project Im working on. I am happy to use it and happy to see the docs in tact too. Great work <a href="https://twitter.com/jgthms">@jgthms</a> !
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/jay_wilburn/status/893176202210553857" target="_blank">
8:26 PM - 3 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=893176202210553857">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=893176202210553857">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=893176202210553857&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=893176202210553857&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/ch1nux/status/893112719519481856" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/704870378011754497/yVmZmHP9_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Chinux Paribus
</strong>
<span class="bd-tw-username">
@ch1nux
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Actually making my own website easily &amp; entirely with <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> Thanks <a href="https://twitter.com/jgthms">@jgthms</a> for a great framework <a href="https://t.co/27dMWIozmi">bulma.io</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/ch1nux/status/893112719519481856" target="_blank">
4:14 PM - 3 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=893112719519481856">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=893112719519481856">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=893112719519481856&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=893112719519481856&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/StefSchwai/status/892798375753592836" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Stefan Schwaighofer
</strong>
<span class="bd-tw-username">
@StefSchwai
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
The new file input styles with <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> were introduced just before i thought i have to do it on my own. Perfect timing <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/StefSchwai/status/892798375753592836" target="_blank">
7:24 PM - 2 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=892798375753592836">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=892798375753592836">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=892798375753592836&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=892798375753592836&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/cadox8/status/892691375715745792" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/833713271760896004/ShxJZ-De_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Cadox8🔸
</strong>
<span class="bd-tw-username">
@cadox8
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Well, because of <a href="https://twitter.com/jgthms">@jgthms</a>, now all my websites are using <a href="https://twitter.com/search?q=%23bulmacss">#bulmacss</a> Thank you &lt;3
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/cadox8/status/892691375715745792" target="_blank">
12:19 PM - 2 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=892691375715745792">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=892691375715745792">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=892691375715745792&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=892691375715745792&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/AndrewFomera/status/892588073950773248" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/902723522274803712/N_mAeDeu_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Andrew Fomera
</strong>
<span class="bd-tw-username">
@AndrewFomera
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Finally had some free time to start, but Ive really been enjoying converting my personal site to <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> by <a href="https://twitter.com/jgthms">@jgthms</a>. Cant wait to finish.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/AndrewFomera/status/892588073950773248" target="_blank">
5:29 AM - 2 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=892588073950773248">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=892588073950773248">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=892588073950773248&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=892588073950773248&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/ocrampete16/status/892362154610917378" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/892063521055420416/Y1PJ0K4Y_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Marco Petersen
</strong>
<span class="bd-tw-username">
@ocrampete16
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/search?q=%23Bulma">#Bulma</a> helps make front-end dev fun again :) Great job <a href="https://twitter.com/jgthms">@jgthms</a>!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/ocrampete16/status/892362154610917378" target="_blank">
2:31 PM - 1 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=892362154610917378">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=892362154610917378">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=892362154610917378&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=892362154610917378&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/YokimPillay/status/892273691563896832" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/890931164386668545/hInqrcUG_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Yokim Pillay
</strong>
<span class="bd-tw-username">
@YokimPillay
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> makes me so happy. Thank you <a href="https://twitter.com/jgthms">@jgthms</a>!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/YokimPillay/status/892273691563896832" target="_blank">
8:40 AM - 1 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=892273691563896832">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=892273691563896832">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=892273691563896832&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=892273691563896832&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/itsscalla/status/892184654501076994" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/863915302043742209/ByYHVWQN_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Scalla
</strong>
<span class="bd-tw-username">
@itsscalla
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
in all honesty, i heart bulma simple and getting better <a href="https://t.co/YRrzTt9wew">bulma.io</a> <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/itsscalla/status/892184654501076994" target="_blank">
2:46 AM - 1 Aug 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=892184654501076994">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=892184654501076994">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=892184654501076994&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=892184654501076994&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
4
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/thomasgalibert/status/889499262136045569" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/842007472101552130/H2PXe1J6_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Thomas Galibert
</strong>
<span class="bd-tw-username">
@thomasgalibert
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Love using Bulma for my last <a href="https://twitter.com/rails">@rails</a> project. What I like the most is that it shipped without js so it works easily with Turbolinks.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/thomasgalibert/status/889499262136045569" target="_blank">
4:55 PM - 24 Jul 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=889499262136045569">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=889499262136045569">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=889499262136045569&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=889499262136045569&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/Raathigesh/status/888602569148211203" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/902110137959063552/uZwSzkXM_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Raathigeshan
</strong>
<span class="bd-tw-username">
@Raathigesh
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> I got to know about Bulma today and love it already. Thank you for your work! Exactly I was looking for to build a landing page.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/Raathigesh/status/888602569148211203" target="_blank">
5:32 AM - 22 Jul 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=888602569148211203">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=888602569148211203">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=888602569148211203&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=888602569148211203&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/oliverdvorski/status/884449239291580416" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/853715289632059392/6iIQKjuU_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Oliver Dvorski
</strong>
<span class="bd-tw-username">
@oliverdvorski
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Thanks for the dropdowns man, I love em
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/oliverdvorski/status/884449239291580416" target="_blank">
6:28 PM - 10 Jul 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=884449239291580416">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=884449239291580416">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=884449239291580416&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=884449239291580416&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/3cordguy/status/884443272948658176" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/888222152826249216/MVelzRoS_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Josh Weaver
</strong>
<span class="bd-tw-username">
@3cordguy
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Updated my Bulma css framework to the latest and used the new Navbar! Good stuff! <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/3cordguy/status/884443272948658176" target="_blank">
6:04 PM - 10 Jul 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=884443272948658176">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=884443272948658176">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=884443272948658176&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=884443272948658176&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/sarahsellaphix/status/882772930194747392" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/858435461781565441/onWZID9x_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Sarah C
</strong>
<span class="bd-tw-username">
@sarahsellaphix
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
New bulma release solves like 7 things I was building from scratch. Thank you! <a href="https://t.co/xwMKTXd68G">bulma.io</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/sarahsellaphix/status/882772930194747392" target="_blank">
3:27 AM - 6 Jul 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=882772930194747392">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=882772930194747392">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=882772930194747392&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=882772930194747392&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/WebReflection/status/880554577187266560" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/487843539036807168/PZV6gErH_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Andrea Giammarchi
</strong>
<span class="bd-tw-username">
@WebReflection
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
today Ive created a reasonable static website via bulma.io by <a href="https://twitter.com/jgthms">@jgthms</a><br>Ive used 3 little JS scripts to handle classes and it was smooth AF!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/WebReflection/status/880554577187266560" target="_blank">
12:32 AM - 30 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=880554577187266560">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=880554577187266560">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=880554577187266560&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=880554577187266560&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/JoeBlubaugh/status/879918120143540224" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/727211685384089600/oEEX3eT1_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Joe B
</strong>
<span class="bd-tw-username">
@JoeBlubaugh
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Im really liking <a href="https://twitter.com/search?q=%23bulma">#bulma</a> CSS from <a href="https://twitter.com/jgthms">@jgthms</a> - way less fragile to theme yourself than a lot of CSS frameworks. <a href="https://t.co/VX9s6VuUKX">bulma.io</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/JoeBlubaugh/status/879918120143540224" target="_blank">
6:23 AM - 28 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=879918120143540224">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=879918120143540224">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=879918120143540224&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=879918120143540224&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/babroughton/status/879725003306147840" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/803794854128009217/-AERs0li_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Brentley Broughton
</strong>
<span class="bd-tw-username">
@babroughton
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
This looks awesome. Espec. horiz. &amp; vert. alignments Bulma: a modern CSS framework based on Flexbox : <a href="https://t.co/iF8LQye3TD">bulma.io</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/babroughton/status/879725003306147840" target="_blank">
5:35 PM - 27 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=879725003306147840">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=879725003306147840">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=879725003306147840&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=879725003306147840&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/julian_currie/status/879294487301718016" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/861429694666645504/JlXFspFm_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Julian Currie
</strong>
<span class="bd-tw-username">
@julian_currie
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Been spending an inordinate amount of time playing w/ various css frameworks for my <a href="https://twitter.com/search?q=%23reactjs">#reactjs</a> site. Settled on <a href="https://t.co/KoRlyeoaI1">bulma.io</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/julian_currie/status/879294487301718016" target="_blank">
1:05 PM - 26 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=879294487301718016">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=879294487301718016">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=879294487301718016&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=879294487301718016&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/JeffKelleyBV/status/878220062007504897" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/870543470724874240/mwuYt5se_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Jeff Kelley
</strong>
<span class="bd-tw-username">
@JeffKelleyBV
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
I just discovered <a href="https://t.co/5xcp1Bwfpz">bulma.io</a> by <a href="https://twitter.com/jgthms">@jgthms</a> - looks great. Im gonna take it out for a test drive <a href="https://t.co/E5bbXjCD5H">pic.twitter.com/E5bbXjCD5H</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/JeffKelleyBV/status/878220062007504897" target="_blank">
1:55 PM - 23 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=878220062007504897">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=878220062007504897">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=878220062007504897&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=878220062007504897&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/anders0x/status/877764422466322432" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/671491244149768192/9mYNK57k_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Anders
</strong>
<span class="bd-tw-username">
@anders0x
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/rafaelpimpa">@rafaelpimpa</a> <a href="https://twitter.com/vuejs">@vuejs</a> <a href="https://twitter.com/jgthms">@jgthms</a> Best framework on the web right now. Well done, please keep it up. World needs it!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/anders0x/status/877764422466322432" target="_blank">
7:45 AM - 22 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=877764422466322432">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=877764422466322432">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=877764422466322432&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=877764422466322432&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/Setholito/status/877691760226562048" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/884151711782158338/Bj5DiZy7_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Seth Davis
</strong>
<span class="bd-tw-username">
@Setholito
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Best Flexbox CSS Framework:<br>Bulma <a href="https://t.co/3BtGymZWMB">bulma.io</a><br><br>Thank you <a href="https://twitter.com/jgthms">@jgthms</a>, thank you.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/Setholito/status/877691760226562048" target="_blank">
2:56 AM - 22 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=877691760226562048">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=877691760226562048">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=877691760226562048&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=877691760226562048&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/by_snm/status/877010184463294465" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/675146390687870978/yrtO664u_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
b_y
</strong>
<span class="bd-tw-username">
@by_snm
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Really Appreciate <a href="https://twitter.com/jgthms">@jgthms</a>. <br>As I beginner, because of bulma.io, I could write the code and I get selfconfidence! <br><a href="https://twitter.com/search?q=%23bulma">#bulma</a> <a href="https://twitter.com/search?q=%23css">#css</a> <a href="https://twitter.com/search?q=%23framework">#framework</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/by_snm/status/877010184463294465" target="_blank">
5:48 AM - 20 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=877010184463294465">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=877010184463294465">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=877010184463294465&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=877010184463294465&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/UmarFKhawaja/status/875511410008219649" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/378800000093659634/8e0f6f6bfe9858fe4c4be2d6975ba6e0_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Umar Farooq Khawaja
</strong>
<span class="bd-tw-username">
@UmarFKhawaja
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Bulma might be Bootstrap killer. Im really liking it.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/UmarFKhawaja/status/875511410008219649" target="_blank">
2:32 AM - 16 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=875511410008219649">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=875511410008219649">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=875511410008219649&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=875511410008219649&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/mzupzup/status/874925154475929602" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/378800000350936693/8ce343d2944ad08a0935d0e485c82572_normal.png">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
mario zupan
</strong>
<span class="bd-tw-username">
@mzupzup
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
I usually hate having to write CSS, but I really like working with the lightweight Bulma (<a href="https://t.co/OAMLjKWzak">bulma.io</a>) by <a href="https://twitter.com/jgthms">@jgthms</a> so far 👍
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/mzupzup/status/874925154475929602" target="_blank">
11:43 AM - 14 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=874925154475929602">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=874925154475929602">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=874925154475929602&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=874925154475929602&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
7
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/victorheid/status/874200312378269696" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/863345514280046592/SGecaskr_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Victor Heid K.Miko
</strong>
<span class="bd-tw-username">
@victorheid
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Bulma framework just made my weekend better :) <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/victorheid/status/874200312378269696" target="_blank">
11:42 AM - 12 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=874200312378269696">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=874200312378269696">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=874200312378269696&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=874200312378269696&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/AnandChowdhary/status/871410394622865408" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/645862626627485696/jdDFwhlb_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Anand Chowdhary
</strong>
<span class="bd-tw-username">
@AnandChowdhary
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Redesigning a website with 500K+ visitors/yr, going to give a Bulma a try <a href="https://twitter.com/jgthms">@jgthms</a> <a href="https://t.co/IcuGfvTQrI">bulma.io</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/AnandChowdhary/status/871410394622865408" target="_blank">
6:56 PM - 4 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=871410394622865408">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=871410394622865408">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=871410394622865408&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=871410394622865408&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/___mna___/status/871163877622460417" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/560632881941188609/OR9pQ-sK_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Martin Angers
</strong>
<span class="bd-tw-username">
@___mna___
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Having a lot of fun building a website with <a href="https://twitter.com/GoHugoIO">@GoHugoIO</a> and <a href="https://twitter.com/jgthms">@jgthms</a> s bulma!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/___mna___/status/871163877622460417" target="_blank">
2:37 AM - 4 Jun 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=871163877622460417">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=871163877622460417">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=871163877622460417&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=871163877622460417&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
3
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/jesseschoff/status/869284735440363520" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/663874141854961666/HXz-_UA4_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Jesse Schoff
</strong>
<span class="bd-tw-username">
@jesseschoff
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Bulma, I think Im in love. <a href="https://t.co/APYefmC1Bs">bulma.io</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/jesseschoff/status/869284735440363520" target="_blank">
10:10 PM - 29 May 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=869284735440363520">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=869284735440363520">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=869284735440363520&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=869284735440363520&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
4
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/atFranCruz/status/868829487072464897" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/802607347306594304/siN1Iznd_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Francisco Cruz
</strong>
<span class="bd-tw-username">
@atFranCruz
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
So, I was making an exam and in a matter of 30 minutes I had my structure complete with responsive, Bulma is crazy. Thanks <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/atFranCruz/status/868829487072464897" target="_blank">
4:01 PM - 28 May 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=868829487072464897">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=868829487072464897">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=868829487072464897&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=868829487072464897&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
3
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/alexanderhblack/status/868730725926711296" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/492886054232289280/z7Ha8I3o_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Alexander H. Black
</strong>
<span class="bd-tw-username">
@alexanderhblack
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Just found <a href="https://twitter.com/jgthms">@jgthms</a>s <a href="https://t.co/sa8Hy25rDH">bulma.io</a>, an amazing css framework. Officially switching all new front-end work to this, this is amazing
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/alexanderhblack/status/868730725926711296" target="_blank">
9:28 AM - 28 May 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=868730725926711296">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=868730725926711296">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=868730725926711296&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=868730725926711296&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/kierglover/status/864788587493154816" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/842418041774346242/NgQo91Dy_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Kieran Glover
</strong>
<span class="bd-tw-username">
@kierglover
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
The more I use <a href="https://twitter.com/search?q=%23bulmacss">#bulmacss</a> from the <a href="https://twitter.com/jgthms">@jgthms</a> combined with <a href="https://twitter.com/vuejs">@vuejs</a> its truly a joy to code <a href="https://twitter.com/search?q=%23webdev">#webdev</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/kierglover/status/864788587493154816" target="_blank">
12:24 PM - 17 May 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=864788587493154816">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=864788587493154816">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=864788587493154816&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=864788587493154816&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
3
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/AnasAhmar/status/862586112770023425" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/718556072114548741/07SFtFEy_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Anas Red
</strong>
<span class="bd-tw-username">
@AnasAhmar
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Simple, beautiful and most importantly, very light. Bulma: a modern CSS framework based on Flexbox <a href="https://t.co/uv6JF2dDGJ">bulma.io</a> via <a href="https://twitter.com/jgthms">@jgthms</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/AnasAhmar/status/862586112770023425" target="_blank">
10:32 AM - 11 May 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=862586112770023425">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=862586112770023425">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=862586112770023425&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=862586112770023425&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/RobStuttaford/status/860885116909998080" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/496667049704173569/mXZt999g_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Robert Stuttaford
</strong>
<span class="bd-tw-username">
@RobStuttaford
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://t.co/vY1ZsRScYM">bulma.io</a> -- a CSS framework by <a href="https://twitter.com/jgthms">@jgthms</a> -- is lovely! No JS included, which means no JS opinions included!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/RobStuttaford/status/860885116909998080" target="_blank">
5:53 PM - 6 May 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=860885116909998080">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=860885116909998080">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
11
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=860885116909998080&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=860885116909998080&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
20
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/CarlisleStewart/status/857590406724243456" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/846005263693852672/f6r2OsA1_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Scott Stewart
</strong>
<span class="bd-tw-username">
@CarlisleStewart
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Loving Bulma! This is making my day right now. Imported it into the starter theme Im using.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/CarlisleStewart/status/857590406724243456" target="_blank">
3:41 PM - 27 Apr 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=857590406724243456">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=857590406724243456">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=857590406724243456&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=857590406724243456&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/vicver82/status/839423865205977088" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/778591376640471040/pm6XotFO_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Victor Verhaegen
</strong>
<span class="bd-tw-username">
@vicver82
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
.<a href="https://twitter.com/jgthms">@jgthms</a> Ive just discovered your suite of tools for web development: bulma.io &amp; cssreference.io among others. Fabulous work - thanks!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/vicver82/status/839423865205977088" target="_blank">
11:33 AM - 8 Mar 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=839423865205977088">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=839423865205977088">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=839423865205977088&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=839423865205977088&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/scottgallant/status/835834634655174658" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/737847066030936064/1yHqQT-h_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
scottgallant
</strong>
<span class="bd-tw-username">
@scottgallant
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://t.co/ClYmBd8tGR">bulma.io</a> is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.<br><br>💯 <a href="https://twitter.com/jgthms">@jgthms</a>.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/scottgallant/status/835834634655174658" target="_blank">
1:51 PM - 26 Feb 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=835834634655174658">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=835834634655174658">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=835834634655174658&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=835834634655174658&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
10
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/simonjaegr/status/834140257054502913" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/794696494091792384/V5WGxQTk_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Simon Jaeger
</strong>
<span class="bd-tw-username">
@simonjaegr
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Hey Jeremy! Been putting Bulma into a project during the last days - absolutely love it! Well done! 😍
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/simonjaegr/status/834140257054502913" target="_blank">
9:38 PM - 21 Feb 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=834140257054502913">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=834140257054502913">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=834140257054502913&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=834140257054502913&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/raniesantos32/status/834030605847326726" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/797239030689579008/YLD4fmnq_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Ranie Santos
</strong>
<span class="bd-tw-username">
@raniesantos32
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Reply to <a href="https://twitter.com/jgthms">@jgthms</a> Your framework is very good and lightweight compared to Twitter Bootstrap. I really like it.
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/raniesantos32/status/834030605847326726" target="_blank">
2:22 PM - 21 Feb 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=834030605847326726">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=834030605847326726">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=834030605847326726&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=834030605847326726&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/sakamies/status/831866770755579904" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/816420698017189889/nuT038KN_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Ville V. Vanninen
</strong>
<span class="bd-tw-username">
@sakamies
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Jeremys reference sites are just so friendly. Love them. <a href="https://t.co/FhNs944XH6">twitter.com/jgthms/status/…</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/sakamies/status/831866770755579904" target="_blank">
3:04 PM - 15 Feb 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=831866770755579904">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=831866770755579904">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=831866770755579904&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=831866770755579904&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/atFranCruz/status/824053457527209984" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/802607347306594304/siN1Iznd_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Francisco Cruz
</strong>
<span class="bd-tw-username">
@atFranCruz
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Are you the one behind Bulma? I am using it in one project and I am completely delightful. Thank you so much!!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/atFranCruz/status/824053457527209984" target="_blank">
1:37 AM - 25 Jan 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=824053457527209984">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=824053457527209984">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=824053457527209984&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=824053457527209984&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/juliooooo000/status/819710615337857024" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
juliooooo
</strong>
<span class="bd-tw-username">
@juliooooo000
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Hey.I just stopped by here to say thank you so much for Bulma. It made my website looks 100 times better 😍
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/juliooooo000/status/819710615337857024" target="_blank">
2:00 AM - 13 Jan 2017
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=819710615337857024">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=819710615337857024">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=819710615337857024&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=819710615337857024&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/shaimoomn/status/808825432233558016" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/2652961775/3b5b2d91422cdd91b7203ad1080958c8_normal.png">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Shaimoom Newaz
</strong>
<span class="bd-tw-username">
@shaimoomn
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> Bulma is badass. Nice work all around!
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/shaimoomn/status/808825432233558016" target="_blank">
1:06 AM - 14 Dec 2016
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=808825432233558016">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=808825432233558016">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=808825432233558016&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=808825432233558016&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/andrewcantos/status/783630950718504960" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/703890576110784512/nKlaidPk_normal.jpg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Andrew Cantos
</strong>
<span class="bd-tw-username">
@andrewcantos
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
<a href="https://twitter.com/jgthms">@jgthms</a> love your work on bulma, you rock
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/andrewcantos/status/783630950718504960" target="_blank">
1:32 PM - 5 Oct 2016
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=783630950718504960">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=783630950718504960">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=783630950718504960&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=783630950718504960&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
1
</span>
</a>
</li>
</ul>
</article>
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="https://twitter.com/juampe84/status/779966186121560064" target="_blank">
<figure class="bd-tw-avatar">
<img class="b-lazy" src="http://pbs.twimg.com/profile_images/483174343133122561/gEYbBOkz_normal.jpeg">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
Juampe Ruiz
</strong>
<span class="bd-tw-username">
@juampe84
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
Thanks <a href="https://twitter.com/jgthms">@jgthms</a> for updating my favourite css framework <a href="https://twitter.com/search?q=%23bulmaio">#bulmaio</a>
</div>
<p class="bd-tw-date">
<a href="https://twitter.com/juampe84/status/779966186121560064" target="_blank">
10:50 AM - 25 Sep 2016
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to=779966186121560064">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id=779966186121560064">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
<span class="TweetAction-stat">
0
</span>
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id=779966186121560064&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i=779966186121560064&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
<span class="TweetAction-stat">
2
</span>
</a>
</li>
</ul>
</article>
</div>
</div>
</main>
<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<section class="hero is-info bsa">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-4">
<p class="title">Bulma <strong>Partners</strong></p>
<p class="subtitle">Check out their products!</p>
</div>
<div class="column is-8">
<div class="bsa-cpc"></div>
</div>
</div>
</div>
</section>
<script>
(function(){
if(typeof _bsa !== 'undefined' && _bsa) {
_bsa.init('default', 'CVAIKK3E', 'placement:bulmaio', {
target: '.bsa-cpc',
align: 'horizontal',
disable_css: 'true'
});
}
})();
</script>
<section id="newsletter" class="hero is-primary">
<div class="hero-body">
<div class="container">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" class="columns is-vcentered">
<div class="column is-one-third is-left">
<p class="title">Bulma <strong>Newsletter</strong></p>
<p class="subtitle">Get notified when v1 is ready!</p>
</div>
<div class="column">
<form action="https://bbxdesign.us3.list-manage.com/subscribe/post?u=b43b93fe633f0560b2a72a69c&amp;id=52585e8803" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="field is-grouped">
<div class="control has-icons-left is-expanded">
<input type="email" value="" name="EMAIL" class="input is-flat required email" id="mce-EMAIL" placeholder="email address" required>
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
</div>
<div class="control">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button is-white is-outlined">
</div>
</div>
<div id="mce-responses">
<div class="notification is-danger response" id="mce-error-response" style="display:none"></div>
<div class="notification is-success response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_b43b93fe633f0560b2a72a69c_52585e8803" tabindex="-1" value="">
</div>
</div>
</form>
</div>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="columns">
<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>.
<p id="alternative">
<a href="http://bulma.io/versions/0.5.3/alternative-to-bootstrap/">An alternative to <strong>Bootstrap</strong></a>
</p>
<div class="twitter-container">
<a href="https://twitter.com/jgthms" class="twitter-follow-button" data-show-count="true" data-lang="en" data-size="large">@jgthms</a>
</div>
</div>
</div>
<div class="column is-5">
<div id="share" class="content">
<div>
<strong>Support</strong> and share the love!
</div>
<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>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Bulma v0.5.3: a modern CSS framework based on Flexbox" data-url="http://bulma.io/versions/0.5.3" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma" data-size="large">Tweet</a>
<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="8WMKYSRFN6A78">
<input type="image" src="http://bulma.io/versions/0.5.3/images/paypal-donate.png" border="0" name="submit" alt="PayPal The safer, easier way to pay online." height="30">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>
<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>
</div>
</div>
<div class="column is-4">
<div id="sister">
<p>
More <strong>helpful</strong> tools:
</p>
<ul>
<li>
<a href="http://cssreference.io">
<img src="http://bulma.io/versions/0.5.3/images/css-reference-logo.png" alt="CSS Reference logo">
</a>
</li>
<li>
<a href="http://htmlreference.io">
<img src="http://bulma.io/versions/0.5.3/images/html-reference-logo.png" alt="HTML Reference logo">
</a>
</li>
</ul>
</div>
</div>
</div>
<p id="tsp">
<small>
Source code licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
<br>
Website content licensed <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
</small>
</p>
</div>
</footer>
<script src="http://bulma.io/versions/0.5.3/vendor/clipboard-1.7.1.min.js"></script>
<script src="http://bulma.io/versions/0.5.3/lib/main.js"></script>
<div id="fb-root"></div>
<script async defer type="text/javascript">(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.defer = true;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=310296819307942";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script async defer id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
<script async defer type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
<script async defer type="text/javascript">
(function() {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0]='EMAIL';
ftypes[0]='email';
}());
// var $mcj = window.jQuery.noConflict(true);
</script>
<script async defer type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82634666-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>