PCF Example Layouts basic popular layouts
NOTE: If you would like these layouts to be used with the dark theme just add class "dark" to the body tag like this:
<body class="dark">.
This requires the seperate dark-theme.css.
Homepage Layout Common homepage type layout
Header
Hero Area
Body Area
Info
Info
Info
Footer
This grid will show the layout design, click on the example button to see the full page view.
View Example Page
Two Column Layout
Header
Side Nav
Body Area
Footer
This grid will show the layout design, click on the example button to see the full page view.
View Example Page
Three Column Layout
Header
Side Nav
Body Area
Side
Footer
This grid will show the layout design, click on the example button to see the full page view.
View Example Page