Using the framework
Starter template
Nothing but the basics: compiled CSS and JavaScript along with a container.
Bootstrap theme
Load the optional Bootstrap theme for a visually enhanced experience.
Grids
Multiple examples of grid layouts with all three tiers, nesting, stackable and more.
Jumbotron
Build around the jumbotron with a navbar and some basic grid columns.
Narrow jumbotron
Build a more custom page by narrowing the default container and jumbotron.
Navbars in action
Navbar
Super basic template that includes the navbar along with some additional content.
Static top navbar
Super basic template with a static top navbar along with some additional content.
Fixed navbar
Super basic template with a fixed top navbar along with some additional content.
Custom components
Cover
A one-page template for building simple and beautiful home pages.
Carousel
Customize the navbar and carousel, then add some new components.
Blog
Simple two-column blog layout with custom navigation, header, and type.
Dashboard
Basic structure for an admin dashboard with fixed sidebar and navbar.
Sign-in page
Custom form layout and design for a simple sign in form with validation.
Justified nav
Create a custom navbar with justified links. Heads up!
Sticky footer
Attach a footer to the bottom of the viewport when the content is shorter than it.
Sticky footer with navbar
Attach a footer to the bottom of the viewport with a fixed navbar at the top.
Experiments
Non responsive Semantic-UI
Easily disable the responsiveness of Semantic-UI.
Off-canvas
Build toggleable off-canvas navigation menus from all four sides for use with Semantic-UI.
Pages
Homepage
A simple responsive homepage design with sidebar
Sticky Menus
Using visibility API to fix content after passing position in page
Fixed Menu
Using a fixed menu with page content
Login Form
A full-screen login form
