| Section | Link |
|---|---|
| IETE Webpage Design Contest | #iete-webpage-design-contest |
| Team Overview | #team-overview |
| Movie Series Themes | #movie-series-themes |
| Submission Workflow | #submission-workflow |
| Submission Guidelines | #submission-guidelines |
| Reference Video | #reference-video |
Welcome to the IETE Webpage Design Contest! In this competition, you will be provided with a basic HTML structure for a webpage. Your task is to bring this page to life by styling it creatively and innovatively based on the theme of a movie series of your choice.
Each team will receive a code file containing the fundamental HTML structure of a webpage. Your objective is to design and style this page according to one of the provided movie series themes. We encourage you to use any tech stack you're comfortable with—whether it's CSS, JavaScript, or any framework—to make your page stand out.
To spark your imagination, we have included a reference video showcasing a styled webpage. However, we urge you not to replicate the design shown in the video. Instead, use it as inspiration to create something uniquely yours. Select one movie series from the options below and let your creativity run wild!
Here's a brief description of each movie series you can choose as a theme:
Enter the magical world of Hogwarts, where wizards and witches wield powerful spells. From the enchanting hallways of the castle to the dark forests of the Forbidden Forest, Harry Potter's universe offers a rich palette of magical elements and mystical creatures to incorporate into your design.
Dive into the superhero universe where heroes like Iron Man, Thor, and Spider-Man battle villains to save the world. Marvel's diverse set of characters and epic battles can inspire bold designs filled with action-packed elements and vibrant colors.
Explore the dark and gritty world of DC Comics, featuring iconic characters like Batman, Superman, and Wonder Woman. Whether it's Gotham's shadowy streets or Metropolis' towering skyscrapers, the DC universe is ripe with opportunities for dramatic and heroic designs.
Step into the world of India's own superhero, Krrish. Combining elements of science fiction and superhero action, Krrish offers a unique mix of futuristic technology and traditional heroism that can inspire a dynamic and culturally rich design.
Join Naruto Uzumaki on his journey to become the strongest ninja. The world of Naruto is filled with rich traditions, powerful jutsus, and the spirit of perseverance, making it perfect for a design filled with energetic and thematic elements.
Immerse yourself in the visually stunning world of Demon Slayer, where demon hunters battle fierce demons in beautifully rendered environments. The series' detailed settings and intense battles can inspire a visually striking design filled with rich textures and colors.
Experience the intense and dystopian world of Attack on Titan, where humanity fights for survival against giant humanoid Titans. The stark contrasts and high stakes in this series offer a perfect backdrop for a design that is both dramatic and haunting.
So how do you even make a submission here ?
Just follow the steps and copy pasta the below code lines (best way to do anything)
Go and Fork this repo : DevQuest 2024 Once Forked , clone the repo into your local system.
git clone https://github.com/<Your-name>/DevQuest-24
Important
Replace the contents of <Your-name> with your forked repo
Once you have succsessfully cloned the repo , make a branch with your team-name and style the webpage
git branch <branch-name>
Important
Remember to replace <branch-name> with the name of your team
Also make sure to check which branch you are on with git branch
After making the neccessary changes follow the standard add-commit-push workflow
# See the changes
git status
# Add to staging Area
git add .
# commit
git commit -m "My Awesome Styles"
# Push
git push origin <branch-name>Generate the pull request from your github repoistory , by clicking on Contribute , make sure to sync your forked repo first. Detail your submission in the pull request itself , by uploading demo videos , adding description etcetra.
You get to have full bragging rights related to your participation in DevQuest-24.
In case there is any confusion , or you are in need of help do one or any of the following : - Create an Issue on DevQuest Repo - Message on the whatsapp
- Choose one movie series from the above list as your theme.
- Style the provided HTML structure using any technology or framework of your choice.
- Do not replicate the design shown in the reference video; use your creativity to design something unique.
- Ensure your design is responsive and works well across different devices and screen sizes.
To help you get started, we've included a reference video showcasing a sample styled webpage. Remember, this is just for inspiration—your final submission should reflect your personal style and interpretation of the chosen theme.
We can't wait to see how you bring these iconic worlds to life in your designs. Good luck, and may the best designer win!