Restaurant | Joo - Niche Multi-Purpose HTML Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas.

responsiveness

By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile.
If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

                    

                        
                        <div class="columns is-mobile">
                          <div class="column">1</div>
                          <div class="column">2</div>
                          <div class="column">3</div>
                          <div class="column">4</div>
                        </div>

Resize

If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.

If you only want columns on desktop upwards, just use the is-desktop modifier on the columns container:

                    

                        
                        <div class="columns is-desktop">
                          <div class="column">1</div>
                          <div class="column">2</div>
                          <div class="column">3</div>
                          <div class="column">4</div>
                        </div>

Full Documentation

Creative 01

Corporate 01

Burger Restaurant

Wedding

Corporate 02

Barber Shop

Logistics Cargo

Restaurant 01

Wedding Planner

Logistics Cargo 02

Creative 02

Bridal Dresses

Creative 03

Coming Soon

Discover Our Menu

roasted chicken

tasty drink

sea foods