Content Manager Documentation

This documentation showcases each component and the varieties that it’s able to achieve. Every component has its settings (colours, themes, font size, etc) that could be adjusted according to your needs.

Screenshot 2025-06-05 144506.pngScreenshot 2025-06-05 144506.png

1. Banners

Banner - Theme 1

This is banner - theme 1.

Remember that even after you choose a theme, you can still style any banner sub-items (paragraph, buttons, background) however you need it to be, with the size and colors provided.

Banner - Theme 2

This is banner - theme 2. 50% (narrower) content, with sleek bottom border. Great for when you need a divider for the next section. And if the text appears smaller, maybe it’s because the paragraph is set into “small”. Try it yourself! 😃

OccHealth 1.pngOccHealth 1.png

Banner - Theme 3

This is banner - theme 3. This one also has 50% width in bigger screen. The difference with the theme 2 is that this one does not provide bottom divider.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Plain Link Style

Banner - Theme 4 & 5

This is banner - theme 4 & 5. They are currently not styled and are reserved for future usages. You can still use them if you want just plain jane banners of course.

2. Content Blocks

Content Block - Theme 1

This is Content Block - Theme 1.

Content blocks are essentially contents in columnal layout. You can choose from two up to 5 columns, and all of them can be styled with any theme that you need. For example, this is theme 1.

Screenshot 2025-06-05 150329.pngScreenshot 2025-06-05 150329.png

Content Block - Theme 2

text-imagespot-calibration-960x634.jpgtext-imagespot-calibration-960x634.jpg

This is content block theme 2.

  • Has narrower gaps from each column and to each item in the column
  • Has wider gap to the section before and after
    Please refer to other themes as a comparison.

Content Block - Theme 2

text-imagespot-calibration-960x634.jpgtext-imagespot-calibration-960x634.jpg

This is content block theme 2.

  • Has narrower gaps from each column and to each item in the column
  • Has wider gap to the section before and after
    Please refer to other themes as a comparison.

Content Block - Theme 2

text-imagespot-calibration-960x634.jpgtext-imagespot-calibration-960x634.jpg

This is content block theme 2.

  • Has narrower gaps from each column and to each item in the column
  • Has wider gap to the section before and after
    Please refer to other themes as a comparison.

Content Block - Theme 3

School.pngSchool.png

This is content block theme 3.

  • Has wider gaps from each column and to each item in the column
  • Has narrower gap to the section before and after

Please refer to other themes as a comparison.

Content Block - Theme 3

School.pngSchool.png

This is content block theme 3.

  • Has wider gaps from each column and to each item in the column
  • Has narrower gap to the section before and after

Please refer to other themes as a comparison.

Content Block - Theme 3

School.pngSchool.png

This is content block theme 3.

  • Has wider gaps from each column and to each item in the column
  • Has narrower gap to the section before and after

Please refer to other themes as a comparison.