Skip to content

Header

A responsive header showing your logo and navigation links on the left, with login and call-to-action buttons on the right. On mobile devices, these elements collapse into a menu button. To use your own logo, add it to the static/img folder and update the filename in header.html (currently set to logo.svg).

header.html header-dark.html

your_template.html
{% include 'components/header.html' %}

Tips

  • Keep your logo compact - most visitors are new to your site
  • Include a Pricing link in your navigation - it's a common first click