Scarlet Citadel–Bright Scrollable Event Web Flyer

Scarlet Citadel–Bright Scrollable Event Web Flyer

“Scarlet Citadel” is a bright, full-width Event web flyer. Has 6 horizontally scrollable blocks (any number of similar blocks can be added) with full-width background and individual inner blocks of content.

You can use it for any kind of event or adapt for small any other purpose website. You will need just to add your own background, pictures, texts and headings.

Partially adaptive: minimum screen resolution: 800×600 (tight); maximum screen resolution: any above 800px. Despite the fact that footer is set to fixed position, on tablet (Galaxy Samsung) it scrolls together with the blocks (unlike desktops where it stays steady) but navigation is still possible thanks to right positioned red button.

*If you see on the demo that a welcoming text “flows out” and looks awkward, please remove TF frame, you will see the text in the centre, where it is intended to be.


  • Full-screen background image
  • Scrolls horizontally
  • Two types of local scrolls (by blocks and/or unlimited content length)
  • CSS3 transitions (letters/words, tooltips, icons)
  • Colourised Google Map + panel over with info and tooltips
  • Google fonts
  • Image gallery with captions and zoom
  • Media queries

Folder includes:

  • html files
  • css files
  • js files

Tested in all major browsers (latest versions): Chrome, Safari, Opera, Firefox on Mac and Windows (XP + Windows7).

Things to note:

  • Wordpress version is not (will not be) available
  • Do not expect IE to work as well as Safari and Chrome do
  • Background artwork is mine, not included into folder

For extra articles about customisation of template please visit my blog

Thank you!