<div class="pb-20">
<nav class="navbar py-5">
<div class="container is-fluid">
<div class="navbar-brand">
<a class="navbar-item" href="#">
<span class="navbar-item px-0 title is-5 has-text-dark">
<img src="zeus-assets/logo/logo-zeus-red.svg" alt="" style="height: 28px;" width="auto">
</span>
</a>
<a class="navbar-menu-open navbar-burger" role="button" type="button" data-toggle="side-menu">
<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">
<ul class="navbar-item">
<li><a class="navbar-item" href="#">About</a></li>
<li><a class="navbar-item" href="#">Company</a></li>
<li><a class="navbar-item" href="#">Services</a></li>
<li><a class="navbar-item" href="#">Testimonials</a></li>
</ul>
<div class="navbar-item is-hidden-mobile pl-0"><a class="button is-primary has-background-danger-light has-text-danger" href="#">Contact Us</a></div>
</div>
</div>
</div>
</nav>
<section class="section pb-0">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-7 mb-5 mb-0-desktop">
<span class="is-size-7"><small class="has-text-info has-text-weight-semibold">What's new at Shuffle</small></span>
<h2 class="has-mw-xl mt-8 mb-8 mb-12-desktop title is-1 is-size-2-mobile">Take care of your performance every day.</h2>
<p class="has-mw-lg mb-8 mb-12-desktop is-size-5 has-text-grey-dark">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 is-outlined is-light has-text-dark" href="#">Learn More</a></div>
</div>
<div class="is-relative column is-5">
<img class="is-relative image" src="zeus-assets/images/z-picture.png" alt="">
<img class="is-absolute is-top-0 is-right-0 mt-24 is-hidden-touch" src="zeus-assets/icons/dots/yellow-dot-right-shield.svg" alt="">
<img class="is-absolute is-left-0 is-bottom-0 mb-24" src="zeus-assets/icons/dots/blue-dot-left-bars.svg" alt="">
</div>
</div>
</div>
</section>
<div class="is-hidden navbar-side is-fixed is-top-0 is-bottom-0 is-left-0 has-mw-md" style="width: 75%; z-index: 9999;">
<div class="navbar-backdrop is-fixed is-inset-0 has-background-dark" style="opacity: 75%; z-index: 50;"></div>
<aside class="menu is-relative is-flex is-flex-direction-column py-6 px-6 has-background-white" style="width: 100%; height: 100%; z-index: 50; overflow-y: auto;">
<div class="is-flex is-align-items-center mb-10">
<a class="mr-auto mb-0" href="#">
<span class="navbar-item px-0 title is-5 has-text-dark">
<img src="zeus-assets/logo/logo-zeus-red.svg" alt="" style="height: 28px;" width="auto">
</span>
</a>
<button class="navbar-close button is-text p-0 mb-2" type="button" aria-label="Close">
<svg style="width: 18px; height: 18px;" 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="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<ul class="menu-list is-size-7">
<li class="mb-2"><a href="#">About</a></li>
<li class="mb-2"><a href="#">Company</a></li>
<li class="mb-2"><a href="#">Services</a></li>
<li class="mb-2"><a href="#">Testimonials</a></li>
</ul>
<div class="mt-auto">
<div class="py-6"><a class="button is-primary is-fullwidth" href="#">Contact Us</a></div>
<p class="mb-4 has-text-centered has-text-grey-dark">
<span>© 2021 All rights reserved.</span>
</p>
</div>
</aside>
</div>
</div>Framework
Bulma
UI Library
All Libraries
Components
- Alert 80
- Application 60
- Banners 10
- Blog 63
- Call to action 99
- Contact 36
- Content 60
- Cookies 44
- E-commerce (orders) 14
- E-commerce (products) 20
- FAQ 41
- Features 135
- Footers 54
- Graphs 9
- HTTP codes 42
- Hero section 78
- How it works 43
- Logo clouds 85
- Modals 7
- Navbar 28
- Navigation (horizontal) 107
- Navigation (vertical) 2
- Newsletter 40
- Portfolio 46
- Pricing 38
- Reviews 5
- Sign in / Sign up 69
- Stats 44
- Tables 26
- Team 38
- Testimonials 47
- Users 17
Bulma Components by Shuffle
Browse 1487 of ready-made components in Bulma. 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.
