A simple landing page built with Hugo and Tailwind CSS
There's also an 11ty Version
How to use this template
- Hugo (developed and tested with version 0.58.0)
- Tailwind CSS
All other dependencies are either linked from a CDN or included in this repository.
- Fork, clone or download
cdinto the root folder
npm run start
- open a browser and go to
- Hugo ->
- Tailwind ->
- Netlify ->
For better development experience, please have a look at
./tailwind.config.jsand either disable
purgeor comment it - otherwise you'll have a very limited selection of Tailwind classes available.
Keep in mind that
page.css can be re-built anytime via
gulp css - no need to make changes to the generated files in
Please note that
gulp css does not include that
normalize.css file used for the 2 regular pages (imprint, privacy).
All page content is stored in
./content/sections/ is where each section's content can be found.
The individual tile/card elements for the "Features" screen are stored in
Page structure and templates are stored in
./layouts and can be edited there.
Best have a look at
./layouts/_default/baseof.html first to understand how it all comes together - the page itself is constructed from partials in
./layouts/partials and each section has a corresponding template file stored in the folder
./layouts simply arranges everything, i.e. sections can be re-ordered/removed/... there.
Images are stored in
./static/img; everything in there can be considered a placeholder that should eventually be replaced with your actual production images.