<% template = @template if defined?(@template) %> dir="rtl"<% end %>> Mai v<%= template[:options][:version] %>

Mai Works for you, not the other way round.


A flexible and simple boilerplate for the responsive web, which gets out of your way when you don't need it and jumps back in when you scream for help. And it will hug you when you cry.

Instead of including a kitchen sink and constantly overriding the defaults, just focus on the job and let Mai do its job in the areas you haven't covered.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vestibulum vehicula odio, sit amet fermentum mi consectetur quis. Proin sollicitudin felis augue.

Quoting an Awesome Guy to pretend Mai is equally awesome. And to test HTML abbreviations. Pellentesque vestibulum vehicula odio, sit amet fermentum mi consectetur quis. Proin sollicitudin felis augue. Sed ullamcorper est egestas est commodo dictum. Etiam vitae dolor ac felis feugiat tincidunt eu id arcu. The Awesome Guy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vestibulum vehicula odio, sit amet fermentum mi consectetur quis. Proin sollicitudin felis augue. Sed ullamcorper est egestas est commodo dictum. Etiam vitae dolor ac felis feugiat tincidunt eu id arcu. Donec quis lectus id mi rhoncus vehicula nec id metus. Nulla cursus feugiat lorem eu aliquet. Morbi hendrerit metus ac libero adipiscing id tincidunt nisi eleifend. Sed auctor mauris lacus, a molestie erat. Mauris sed tortor lectus. Maecenas ac mattis nisl. Nulla eget augue neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vestibulum vehicula odio, sit amet fermentum mi consectetur quis. Proin sollicitudin felis augue. Sed ullamcorper est egestas est commodo dictum. Etiam vitae dolor ac felis feugiat tincidunt eu id arcu. Donec quis lectus id mi rhoncus vehicula nec id metus. Nulla cursus feugiat lorem eu aliquet.


Lists

ul.disc
ul.circle
ul.square
ul.no-bullet
Ordered Lists
  1. List Item 1
  2. List Item 2
    1. Nested List Item
    2. Nested List Item
    3. Nested List Item
  3. List Item 3
Definition Lists
Definition Title
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.