Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lyannabueno/landing-page_wicked-film

This page is a promotional website for the movie "Wicked". The site includes a countdown to the movie's release, a detailed plot synopsis, ticket options, and a video trailer. The design is complemented by 3D icons and stylized fonts, creating an immersive visual experience.
https://github.com/lyannabueno/landing-page_wicked-film

git html5 javascript less parcel-bundler responsive-web-design webdevelopment

Last synced: about 1 month ago
JSON representation

This page is a promotional website for the movie "Wicked". The site includes a countdown to the movie's release, a detailed plot synopsis, ticket options, and a video trailer. The design is complemented by 3D icons and stylized fonts, creating an immersive visual experience.

Awesome Lists containing this project

README

        

# Wicked Landing Page

![image](https://github.com/lyannabueno/landing-page_wicked-film/assets/130186281/6a1555a7-eebb-409e-ac71-4c138c591048)

## Features 🌟

- **Trailer Preview**: An integrated video player allows visitors to watch the official movie trailer directly on the page. This provides an exciting preview of the film’s plot, characters, and visual style.

- **Images of Main Characters:** Images of the main characters, such as Elphaba and Glinda, are displayed, allowing users to familiarize themselves with the protagonists before watching the film.

- **Synopsis:** A detailed synopsis introduces the central plot of the film, highlighting the themes of friendship, prejudice, and transformation that are explored throughout the story.

- **Catchphrase:** A punchline, "Discover the untold story of the witches of Oz", is prominently displayed, captivating visitors and sparking their curiosity about the film's plot.

- **Interactive Icons:** Interactive icons, such as a candle, a cauldron, and a Halloween pumpkin, add a touch of fun and interactivity to the page, engaging users as they navigate through the content.

## Technologies Used 📚


HTML5
LESS
JavaScript
Parcel

#### What I learned in this project:
- Create a countdown
- Create a carousel, bounce, float, shake, pulse and rotation animation

## How to Navigate 🎬

To access the site and learn more about the movie, simply clone or download the project to your computer and open the `index.html` file in a browser of your choice.

### Steps to Run

1. **Clone or download the repository:**

```bash
https://github.com/lyannabueno/landing-page_wicked-film.git
```

2. **Open the `index.html` file:**

Locate the `index.html` file in the project directory and open it in a web browser.

## Contributions 🫂

Contributions to improve the project are welcome. If you have a suggestion to enhance this project, feel free to fork the repository, make your changes, and submit a pull request.

## Contact 📩

Ana Bueno - [email protected]

Project link: https://landing-page-wicked-film.vercel.app/