mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<div class="bd-book-content">
|
|
<header class="block bd-book-header">
|
|
<strong class="tag is-success">New!</strong>
|
|
<h3 class="title">The official Bulma book! 😲</h3>
|
|
<p class="subtitle is-6 has-text-grey">by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,<br>Mikko Lauhakari, Aslam Shah and David Berning</p>
|
|
</header>
|
|
<div class="block bd-book-description is-size-5">
|
|
<p>A <strong>step-by-step guide</strong> that teaches you how to build a <strong>web interface from scratch</strong> using Bulma.</p>
|
|
</div>
|
|
<div class="bd-book-tags">
|
|
<div class="field is-grouped is-grouped-multiline">
|
|
<div class="control">
|
|
<span class="tag is-white has-text-grey is-paddingless">Formats included:</span>
|
|
</div>
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<strong class="tag has-text-danger">PDF</strong>
|
|
<strong class="tag has-text-info">Epub</strong>
|
|
<strong class="tag has-text-success">Mobi</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="block bd-book-buttons">
|
|
<div class="buttons">
|
|
<a class="button is-danger is-large" href="{{ site.data.meta.book_url }}" target="_blank" rel="nofollow">
|
|
<span>
|
|
<strong>Buy</strong> the book
|
|
</span>
|
|
</a>
|
|
<a class="button is-light is-large" href="{{ site.data.meta.book_sample }}" target="_blank" rel="nofollow">
|
|
<span>
|
|
<span>Get</span>
|
|
<strong>free sample</strong>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|