To Do List

Default Example

    Today
  • You have to wrap each item text in a div with class cqlist-item. Something like:
    <div class=’cqlist-item’>Buy plane tickets</div>
  • Buy plane tickets
  • Plan Birthday Party
    • Tomorrow
  • Water the plants, Visit my profile for more works.
  • Make dinner reservation
  • Pay electricity bill

Front-end Interactive

  • The to do list here is interactive. The data will not be saved, which means the list will be reset every time the page reload
  • Buy plane tickets
  • Plan Birthday Party
  • Water the plants, Visit my profile for more works.
  • Make dinner reservation
  • Pay electricity bill

    Vacation in Italy
  • Buy plane tickets
  • Visit the shores store
  • Plan Birthday Party
  • Choose a luxury spa hotel
  • Touring the ruins at Pompeii
  • Visit the city of Rome

Price Table Example

Basic Setup

  • CSS3 transition.
  • Buy plane tickets
  • Plan Birthday Party
  • Water the plants, Visit my profile for more works.
  • Make dinner reservation
  • Pay electricity bill

Best Selling

  • CSS3 transition.
  • Buy plane tickets
  • Plan Birthday Party
  • Water the plants, Visit my profile for more works.
  • Make dinner reservation
  • Extra features

Premium Setup

  • CSS3 transition.
  • Buy plane tickets
  • Make dinner reservation
  • Pay electricity bill
  • Yet another cool feature
  • Pay more you get more

Put it in a tab

  • You have to wrap each item text in a div with class cqlist-item. Something like:
    <div class=’cqlist-item’>Buy plane tickets</div>
  • Buy plane tickets
  • Plan Birthday Party
  • Water the plants, Visit my profile for more works.
  • Make dinner reservation
  • Pay electricity bill

  • Buy plane tickets
  • Plan Birthday Party
  • Water the plants, Visit my profile for more works.
  • Make dinner reservation
  • Pay electricity bill