Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 11:24:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add new intro

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-10 17:24:19 +01:00
parent 220ef99718
commit be06c297dc
7 changed files with 888 additions and 2196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
docs/_includes/index/intro.html Normal file
View File

@@ -0,0 +1,51 @@
<section class="hero is-medium intro">
<div class="hero-body">
<div class="container">
<div class="intro-columns">
<div class="intro-column is-content">
<div class="intro-content">
<h1 class="title intro-title">
<strong>Bulma</strong> is a free and open source <strong>CSS</strong> framework based on <strong>Flexbox</strong>.
</h1>
<div id="ghbtns" class="intro-ghbtns block">
<iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=fork&count=false&size=large" frameborder="0" scrolling="0" width="80px" height="30px"></iframe>
</div>
{% assign npmInstall = 'npm install bulma' %}
<pre id="npm" class="intro-npm"><code>{{ npmInstall }}</code><code id="npmCopy" class="intro-npm-copy" data-clipboard-text="{{ npmInstall }}">copy</code></pre>
<nav class="intro-buttons">
<a class="button is-primary is-large" href="{{ site.download }}">
<span>
<strong>Download</strong>
<small>v{{ site.version }}</small>
</span>
</a>
<a class="button is-light is-large" href="{{ site.documentation }}">
<span>
<span>View</span>
<strong>docs</strong>
</span>
</a>
</nav>
</div>
</div>
<div class="intro-column is-video">
<div class="intro-video">
<div class="intro-iframe">
<iframe src="https://player.vimeo.com/video/232485795?color=00d1b2" width="640" height="338" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="intro-carbon">
{% include carbon.html %}
</div>
</div>
</div>
</section>