Tobe Baeyens

Minimalistic template design

Discussion created by Tobe Baeyens on Feb 14, 2018
Latest reply on Jun 27, 2018 by Randy Orwin

I've created this simple template based on information I read in some other posts.




tempate teacher app



Header image

The header image is created with . I just gave it a width of 80% so it will also look good on a mobile device.

<img width="80%" src="https... />


Top navigation

I added headers to the page (they are below the fold), centered them and added ID's.

<h3 id="doc" style="text-align: center;">Documenten</h3>

The links below the header image do link to these ID's.

<a href="#doc">Documenten </a> - <a href="#film">filmpjes</a> - ...


Drop cap

I added a drop cap to the introduction paragraph.

<span style="font-size: 90px; float: left; line-height: 80px; padding-top: 8px; padding-right: 8px; padding-left: 3px;">K</span>



That's all. It does look good on desktop and mobile. Navigating is quick because it's just scrolling on the same page.

How do you design your front page? Would you recommend this template to a beginner?