Popundret
The festival featuring the biggest stars in pop music
In the course "Document Production and Publishing," we learned about advanced web development in HTML, CSS, and JavaScript. Additionally, we gained knowledge about content management systems (CMS), with hands-on experience using WordPress.
Assignment
For the web page assignment, students were given the freedom to choose any topic for their project. In this context, our group of three decided to create a fictional Swedish pop music festival called 'Popundret' in Replit for collaborative coding.
The website was required to encompass a minimum of three distinct pages, each demonstrating different forms of content and presentation. Our choices for the web page content included a combination of text-rich narratives, visually appealing image galleries, an interactive event calendar, and user engagement elements like contact and registration forms.
Project Goals
Responsive Design and Platform Adaptation
Ensure the website and its content are responsive within a fixed page width and platform (mobile, tablet, or desktop).
Diverse Webpage Structure with Landing Page
Create a website comprising at least three distinct pages, including a natural landing page named index.html/index.php.
Code Standards, Validation, and Browser Compatibility
Implement all code (html/css/javascript) in accordance with contemporary standards, validate without critical errors, and ensure consistent functionality across modern browsers on the chosen platform.
Engaging Festival Landing Page
Our festival's dynamic landing page captures attention with a prominent hero section featuring the festival logo and captivating cover photo. Utilizing the captivating effect of parallax scrolling, images appear to "stand still" as you scroll, creating an immersive visual experience.
A brief introduction text reveals the event's dates and location, while further scrolling unveils vibrant festival images. As you explore, you'll discover details about ticket releases and our commitment to sustainability, including a shift to serving vegetarian and vegan cuisine to support our planet.
