<section class="section py-6">
<div class="container">
<div class="py-6 px-5 has-background-primary" style="border-radius: 4px;">
<div class="columns is-multiline is-vcentered">
<div class="column is-6 mb-6 mb-0-tablet">
<h3 class="is-size-3 has-text-weight-bold">
<span class="has-text-success">Try For Free</span>
<span class="has-text-white">New Features</span>
</h3>
<p class="has-text-white is-size-6 mb-6">No charge for seven days</p>
<a class="button is-ghost has-text-white is-inline-flex is-align-items-center is-size-5" href="#">
<svg width="12" height="14" viewbox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.92 6.62C11.8724 6.49725 11.801 6.38511 11.71 6.29L6.71 1.29C6.61676 1.19676 6.50607 1.1228 6.38425 1.07234C6.26243 1.02188 6.13186 0.995911 6 0.995911C5.7337 0.995911 5.4783 1.1017 5.29 1.29C5.19676 1.38324 5.1228 1.49393 5.07234 1.61575C5.02188 1.73758 4.99591 1.86814 4.99591 2C4.99591 2.2663 5.1017 2.5217 5.29 2.71L8.59 6H1C0.734784 6 0.48043 6.10536 0.292893 6.2929C0.105357 6.48043 0 6.73479 0 7C0 7.26522 0.105357 7.51957 0.292893 7.70711C0.48043 7.89465 0.734784 8 1 8H8.59L5.29 11.29C5.19627 11.383 5.12188 11.4936 5.07111 11.6154C5.02034 11.7373 4.9942 11.868 4.9942 12C4.9942 12.132 5.02034 12.2627 5.07111 12.3846C5.12188 12.5064 5.19627 12.617 5.29 12.71C5.38296 12.8037 5.49356 12.8781 5.61542 12.9289C5.73728 12.9797 5.86799 13.0058 6 13.0058C6.13201 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71L11.71 7.71C11.801 7.6149 11.8724 7.50275 11.92 7.38C12.02 7.13654 12.02 6.86346 11.92 6.62Z" fill="#D7D5F8"></path>
</svg>
<span class="ml-2">Check demo</span>
</a>
</div>
<div class="column is-6">
<img class="is-hidden-touch image mx-auto" style="height: 15rem;" src="artemis-assets/images/chart-folder.png" alt="alt">
<img class="is-hidden-desktop image" src="artemis-assets/images/chart-folder.png" alt="alt">
</div>
</div>
</div>
</div>
</section>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
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Bulma banner components allow you to communicate content that didn't find a place in the standard page layout. This section will be perfect for reminders about promotions, events, or other custom actions.
Choose from many variants of Bulma banner components. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will follow the same style. This will allow you to build a comprehensive Bulma website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all Bulma component banner sections, code and our editor. Try the demo for free.
