<section class="is-relative section py-20" style="overflow: hidden;">
<img class="is-absolute is-left-0 is-top-0 mt-24 is-hidden-touch" src="zeus-assets/icons/dots/blue-dot-left-bars.svg" alt="">
<img class="is-absolute is-right-0 is-top-0 mt-52 is-hidden-touch" src="zeus-assets/icons/dots/yellow-dot-right-shield.svg" alt="">
<div class="container">
<div class="has-mw-2xl mx-auto mb-20 has-text-centered">
<span class="is-size-7"><small class="has-text-info has-text-weight-semibold">What's new at Shuffle</small></span>
<h2 class="mt-8 mb-10 title is-2">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<p class="is-size-5 has-text-grey-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
</div>
<div class="columns is-multiline">
<div class="column is-8 mb-16">
<div class="mb-10">
<a href="#">
<img class="image is-fullwidth is-cover is-rounded" style="height:400px;" src="https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1050&q=80" alt="">
</a>
</div>
<span class="is-inline-block mb-4 has-text-grey-dark">10 Jun 2021 19:40</span>
<h2 class="mb-4 title is-3">Lorem ipsum dolor sit amet</h2>
<p class="mb-8 is-size-5 has-text-grey-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
<a class="is-size-6" href="#">Read more</a>
</div>
<div class="column is-4 mb-16">
<div class="mb-10">
<img class="image is-fullwidth is-cover is-rounded" style="height:400px;" src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="">
</div>
<span class="is-inline-block mb-4 has-text-grey-dark">10 Jun 2021 19:40</span>
<h2 class="mb-4 title is-3">Lorem ipsum dolor</h2>
<p class="mb-8 is-size-5 has-text-grey-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="is-size-6" href="#">Read more</a>
</div>
<div class="column is-4 mb-16 mb-0-desktop">
<div class="mb-10">
<img class="image is-fullwidth is-cover is-rounded" style="height:400px;" src="https://images.unsplash.com/photo-1556761175-4b46a572b786?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=967&q=80" alt="">
</div>
<span class="is-inline-block mb-4 has-text-grey-dark">10 Jun 2021 19:40</span>
<h2 class="mb-4 title is-3">Lorem ipsum dolor</h2>
<p class="mb-8 is-size-5 has-text-grey-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="is-size-6" href="#">Read more</a>
</div>
<div class="column is-4 mb-16 mb-0-desktop">
<div class="mb-10">
<img class="image is-fullwidth is-cover is-rounded" style="height:400px;" src="https://images.unsplash.com/photo-1557804506-d8017c1e4856?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1001&q=80" alt="">
</div>
<span class="is-inline-block mb-4 has-text-grey-dark">10 Jun 2021 19:40</span>
<h2 class="mb-4 title is-3">Lorem ipsum dolor</h2>
<p class="mb-8 is-size-5 has-text-grey-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="is-size-6" href="#">Read more</a>
</div>
<div class="column is-4 mb-16 mb-0-desktop">
<div class="mb-10">
<img class="image is-fullwidth is-cover is-rounded" style="height:400px;" src="https://images.unsplash.com/photo-1544717297-fa95b6ee9643?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="">
</div>
<span class="is-inline-block mb-4 has-text-grey-dark">10 Jun 2021 19:40</span>
<h2 class="mb-4 title is-3">Lorem ipsum dolor</h2>
<p class="mb-8 is-size-5 has-text-grey-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="is-size-6" href="#">Read more</a>
</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
Having a blog is one of the most commonly chosen SEO strategies. However, for a blog to fulfill this role, it should be well designed and attractive to the audience. Our selection of Bulma blog components will help you achieve this effect.
Choose from many variations of Bulma blog posts components. Presented here are variants available in various UI libraries. You will also find many other types of components that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.
Get access to all Bulma blog posts components, code and our editor. Try the demo for free.
