Skip to content

Instantly share code, notes, and snippets.

@atomjar
Last active September 1, 2017 21:25
Show Gist options
  • Save atomjar/ec5c7293db3bd7c4689331460abfaa46 to your computer and use it in GitHub Desktop.
Save atomjar/ec5c7293db3bd7c4689331460abfaa46 to your computer and use it in GitHub Desktop.
<section class="hero is-primary is-medium">
<div class="hero-body">
<div class="container">
<h1 class="title is-1">Coding Quotes</h1>
<h2 class="subtitle">Like your favorites</h2>
</div>
</div>
</section>
<section class="section">
<div class="columns">
<div class="column">
<div class="card">
<div class="card-content">
<h1 class="title">"Quote"</h1>
<h2 class="subtitle">Programmer</h2>
</div>
<footer class="card-footer">
<span class="card-footer-item">
<a href="#" class="button is-success">
<i class="fa fa-thumbs-o-up"></i>
</a>
</span>
<span class="card-footer-item">
<a href="#" class="button is-danger">
<i class="fa fa-thumbs-o-down"></i>
</a>
</span>
<span class="card-footer-item">
<a href="#" class="button is-info">
<i class="fa fa-retweet"></i>
</a>
</span>
</footer>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-content">
<h1 class="title">"Quote"</h1>
<h2 class="subtitle">Programmer</h2>
</div>
<footer class="card-footer">
<span class="card-footer-item">
<a href="#" class="button is-success">
<i class="fa fa-thumbs-o-up"></i>
</a>
</span>
<span class="card-footer-item">
<a href="#" class="button is-danger">
<i class="fa fa-thumbs-o-down"></i>
</a>
</span>
<span class="card-footer-item">
<a href="#" class="button is-info">
<i class="fa fa-retweet"></i>
</a>
</span>
</footer>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-content">
<h1 class="title">"Quote"</h1>
<h2 class="subtitle">Programmer</h2>
</div>
<footer class="card-footer">
<span class="card-footer-item">
<a href="#" class="button is-success">
<i class="fa fa-thumbs-o-up"></i>
</a>
</span>
<span class="card-footer-item">
<a href="#" class="button is-danger">
<i class="fa fa-thumbs-o-down"></i>
</a>
</span>
<span class="card-footer-item">
<a href="#" class="button is-info">
<i class="fa fa-retweet"></i>
</a>
</span>
</footer>
</div>
</div>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment