<section class="section pt-0">
<nav class="navbar py-4">
<div class="navbar-brand">
<a class="navbar-item" href="#">
<img class="image" src="bulma-plain-assets/logos/plainb-logo.svg" alt="" width="96px">
</a>
<a class="navbar-burger" role="button" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu">
<div class="navbar-end"><a class="navbar-item" href="#">About</a><a class="navbar-item" href="#">Company</a><a class="navbar-item" href="#">Services</a><a class="navbar-item" href="#">Testimonials</a></div>
<div class="navbar-item"><a class="button is-primary" href="#">Contact Us</a></div>
</div>
</nav>
<div class="container pt-5">
<div class="mb-5 is-vcentered columns is-multiline">
<div class="column is-12 is-5-desktop mb-5 mr-auto">
<h2 class="mb-6 is-size-1 is-size-3-mobile has-text-weight-bold">Take care of your performance every day.</h2>
<p class="subtitle has-text-grey mb-6">Build a well-presented brand that everyone will love. Take care to develop resources continually and integrity them with previous projects.</p>
<div class="buttons"><a class="button is-primary" href="#">Track your performance</a><a class="button" href="#">Learn more</a></div>
</div>
<div class="column is-12 is-6-desktop">
<img class="image is-fullwidth" src="bulma-plain-assets/images/green-400-square.png" alt="">
</div>
</div>
<div class="is-block-desktop is-hidden-touch has-text-centered">
<button class="button p-0 is-rounded" style="width: 56px;height: 56px border-radius: 50% !important;">
<svg class="has-text-grey-dark mx-auto" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</button>
</div>
</div>
</section>Framework
Bulma
UI Library
Plain
Bulma Components by Shuffle
Browse 130 of ready-made components in Bulma and Bulma library. They are divided into UI libraries that our professional designers designed. Each of them has a resource of many variations of different types of components. Under each of them, there is a clear code created by our team of developers.
All elements available in the editor are fully responsive. You will get full access to them by subscribing to our drag and drop editor.
