The main page for Bloggest will be a page similar to the design shown in the previous section, implemented using Apache FreeMarker and Bootstrap along with some plain HTML, CSS, and so on. 

Upon taking a closer look at the preceding code, it seems it is mostly very familiar HTML, with some special syntax for Apache FreeMarker. One of the most notable sections is where Apache FreeMarker specific tags will start as follows:

<#element>

These tags end as follows:

</#element>

The structure of the page is divided into three parts as follows:

• Header: This section has the page title and the login, logout, and Write Article buttons
• Body: This section has all the content
• Footer: This section has author information

In order to structure this correctly, Bootstrap-specific styling classes in HTML element attributes are used to define how the UI needs to be rendered responsively. In order to speed up development, this section uses an opensource Bootstrap template specifically designed for blogging systems, which is available at the following URL:

https://blackrockdigital.github.io/startbootstrap-blog-post/