Dotted menu

• Posted: April 29, 2015
• / By: Julita
• / In:

Create a price-list or table of content with simple HTML markup:

XHTML

<ul class="ct-dottedBox"> <li class="ct-dottedMenu ct-u-motiveColor"> <div class="ct-dottedBg"></div> <span>Face Mapping Consultation</span> <span>$50</span> <div class="clearfix"></div> <p class="ct-dottedMenuDetails">Consultation is complimentary with purchase of dermatological products or facial treatment.</p> </li> </ul>

1 2 3 4 5 6 7 8 9

<ul class="ct-dottedBox">                     <li class="ct-dottedMenu ct-u-motiveColor">                         <div class="ct-dottedBg"></div>                         <span>Face Mapping Consultation</span>                         <span>$50</span>                         <div class="clearfix"></div>                         <p class="ct-dottedMenuDetails">Consultation is complimentary with purchase of dermatological products or facial treatment.</p>                     </li> </ul>

Dotted menu