Testing lists in columns with various backgrounds

Column Component: bg-white Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-white Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-white Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-white Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Free 24/7 support
Data stored securely in Switzerland
More than 60'000 customers
Start a free 30-day trial with no obligation

No credit card and no installation required.

  • +41
  • +49
  • +33
  • +39
  • +423
  • +43
  • +1
  • +7
  • +20
  • +27
  • +30
  • +31
  • +32
  • +34
  • +36
  • +40
  • +44
  • +45
  • +46
  • +48
  • +61
  • +64
  • +81
  • +82
  • +86
  • +90
  • +91
  • +213
  • +216
  • +350
  • +351
  • +352
  • +353
  • +354
  • +355
  • +356
  • +357
  • +358
  • +359
  • +370
  • +371
  • +372
  • +373
  • +374
  • +376
  • +377
  • +378
  • +380
  • +381
  • +382
  • +385
  • +386
  • +387
  • +389
  • +420
  • +421
  • +852
  • +966
  • +971
  • +972
  • +974
Cancel
privacy-icon-2 Your personal information is stored securely in Switzerland. See our privacy policy for more details.
Congratulations! Just one more click...

We have sent you an email to {email}. Simply click on the confirmation link to enjoy a non-binding 30-day trial of bexio free of charge!

If you have not received the email, please check your spam folder.

Close
Sorry - something didn't work properly.

An error occurred when registering your details. Please try again, and if the problem persists, please contact our support team at support@bexio.com or call +41 (0)71 552 00 61.

Try again