mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
113 lines
4.0 KiB
HTML
113 lines
4.0 KiB
HTML
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="https://bulma.io">
|
|
<img alt="Placeholder" src="https://bulma.io/images/bulma-logo.png" width="112" height="28">
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-item"> Home </a>
|
|
|
|
<a class="navbar-item"> Documentation </a>
|
|
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link"> More </a>
|
|
|
|
<div class="navbar-dropdown">
|
|
<a class="navbar-item"> About </a>
|
|
<a class="navbar-item"> Jobs </a>
|
|
<a class="navbar-item"> Contact </a>
|
|
<hr class="navbar-divider">
|
|
<a class="navbar-item"> Report an issue </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
<div class="navbar-item">
|
|
<div class="buttons">
|
|
<a class="button is-primary">
|
|
<strong>Sign up</strong>
|
|
</a>
|
|
<a class="button is-light"> Log in </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<nav class="navbar is-transparent">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="https://bulma.io">
|
|
<img
|
|
src="https://bulma.io/images/bulma-logo.png"
|
|
alt="Bulma: a modern CSS framework based on Flexbox"
|
|
width="112"
|
|
height="28"
|
|
>
|
|
</a>
|
|
<div class="navbar-burger" data-target="navbarExampleTransparentExample">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="navbarExampleTransparentExample" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-item" href="https://bulma.io/"> Home </a>
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link" href="https://bulma.io/documentation/overview/start/"> Docs </a>
|
|
<div class="navbar-dropdown is-boxed">
|
|
<a class="navbar-item" href="https://bulma.io/documentation/overview/start/"> Overview </a>
|
|
<a class="navbar-item" href="https://bulma.io/documentation/overview/modifiers/"> Modifiers </a>
|
|
<hr class="navbar-divider">
|
|
<a class="navbar-item" href="https://bulma.io/documentation/columns/basics/"> Columns </a>
|
|
<a class="navbar-item is-selected" href="https://bulma.io/documentation/layout/container/"> Layout </a>
|
|
<a class="navbar-item" href="https://bulma.io/documentation/form/general/"> Form </a>
|
|
<a class="navbar-item" href="https://bulma.io/documentation/elements/box/"> Elements </a>
|
|
<a class="navbar-item" href="https://bulma.io/documentation/components/breadcrumb/"> Components </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
<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="https://bulma.io"
|
|
target="_blank"
|
|
href="https://twitter.com/intent/tweet?text=Bulma: a modern CSS framework based on Flexbox&hashtags=bulmaio&url=https://bulma.io&via=jgthms"
|
|
>
|
|
<span class="icon">
|
|
<i class="fab fa-twitter"></i>
|
|
</span>
|
|
<span> Tweet </span>
|
|
</a>
|
|
</p>
|
|
<p class="control">
|
|
<a class="button is-primary" href="https://github.com/jgthms/bulma/releases/download/0.9.4/bulma-0.9.4.zip">
|
|
<span class="icon">
|
|
<i class="fas fa-download"></i>
|
|
</span>
|
|
<span>Download</span>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|