List of Semantic Layouts

Layout example with HTML5 semantic elements

Demo 4

classless: Mobile-michel | almond | awsm | bahunya | barecss | concrete | gdcss | holiday | mvp | neat | new | pico-classless | sakura | tacit | water |

classlight: missing | classless | mustard | pico | silicon | simple | materialize | paper |

class-based: bonsai | bootstrap | bulma | chota | fomantic | foundation | fyldja | material | miligram | picnic | primer | pure | semantic-ui | skelet | spectre | spruce | tailwind | uikit | wing | bolt |

Demo 5

classless: Mobile-michel | almond | awsm | bahunya | barecss | concrete | gdcss | holiday | mvp | neat | new | pico-classless | sakura | tacit | water |

classlight: missing | classless | mustard | pico | silicon | simple | materialize | paper |

class-based: bonsai | bootstrap | bulma | chota | fomantic | foundation | fyldja | material | miligram | picnic | primer | pure | semantic-ui | skelet | spectre | spruce | tailwind | uikit | wing | bolt |

Demo 6

classless: Mobile-michel | almond | awsm | bahunya | barecss | concrete | gdcss | holiday | mvp | neat | new | pico-classless | sakura | tacit | water |

classlight: missing | classless | mustard | pico | silicon | simple | materialize | paper |

class-based: bonsai | bootstrap | bulma | chota | fomantic | foundation | fyldja | material | miligram | picnic | primer | pure | semantic-ui | skelet | spectre | spruce | tailwind | uikit | wing | bolt |

header > nav > li > h1 > p

classless: Mobile-michel | almond | awsm | bahunya | barecss | concrete | gdcss | holiday | mvp | neat | new | pico-classless | sakura | tacit | water |

classlight: missing | classless | mustard | pico | silicon | simple | materialize | paper |

class-based: bonsai | bootstrap | bulma | chota | fomantic | foundation | fyldja | material | miligram | picnic | primer | pure | semantic-ui | skelet | spectre | spruce | tailwind | uikit | wing | bolt |

header > h1 > p > nav > li

classless: Mobile-michel | almond | awsm | bahunya | barecss | concrete | gdcss | holiday | mvp | neat | new | pico-classless | sakura | tacit | water |

classlight: missing | classless | mustard | pico | silicon | simple | materialize | paper |

class-based: bonsai | bootstrap | bulma | chota | fomantic | foundation | fyldja | material | miligram | picnic | primer | pure | semantic-ui | skelet | spectre | spruce | tailwind | uikit | wing | bolt |