Fest-ON

This site is design for group of friends that organize several parties during the year. The project is enterily written in HTML, CSS and Javascript and is full responsive

File structure

• root HTML pages
• assets Contains internal media used by the site (like logos and sounds)
• css Only css files
• fonts Fonts of the site
• icons Vectorial icons used for actions buttons and intuitive informations
• js Only javascript files
• media Photos and videos about the topic of the site (in this case parties).
  This folder is divided in subfolders for each event shown by the site

Nomenclature

• html
  • The homepage of the site is, of course, index.html
  • Event pages are named with the prefix event followed by the date of the event (like event-2023-june.html)
  • May be necessary pages for games, these are named with the prefix game followed by the name of the game (like game-lighter.html)
• media This folder uses the same nomenclature of html files, so:
  • Event are named with the prefix event followed by the date
  • games are named with the prefix game followed by the name

HTML structure

• Home page
  • The first section that shows the main current event and the logo of the site
  • A second section with the links of past events
• Event pages
  • Has a responsive nav menu with the anchor links of the paragraphs and the home link
  • A section cointains the description of the event divided in paragraphs
  • A button to go on the top of the page
• Game pages these pages use the same structure of an event page so:
  • Has a responsive nav menu with the anchor links of the paragraphs and the home link
  • A section cointains the description of the game divided in paragraphs
  • A button to go on the top of the page

Demo link

https://davide-murro.github.io/fest-on/

Screenshoots