Skip to content

Latest commit

 

History

History
112 lines (82 loc) · 5.9 KB

README.md

File metadata and controls

112 lines (82 loc) · 5.9 KB
Raw

IETE Webpage Design Contest

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.

Team Overview

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!

Movie Series Themes

Here's a brief description of each movie series you can choose as a theme:

1. Harry Potter

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.

2. Marvel

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.

3. DC

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.

4. Krrish

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.

5. Naruto

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.

6. Demon Slayer

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.

7. Attack on Titan

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.

Submission Workflow

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)

1. Forking The repo :

Go and Fork this repo : DevQuest 2024 Once Forked , clone the repo into your local system.

2. Cloning the repo:

git clone https://github.com/<Your-name>/DevQuest-24

Important

Replace the contents of <Your-name> with your forked repo

3. Making Awesome Changes on Branches :

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

4. Pushing Your Changes :

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>

5. Making the submission :

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.

6. Tell Others :

You get to have full bragging rights related to your participation in DevQuest-24.

7. Troubelshooting:

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

Submission Guideline

  • 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.

Reference Video

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.

Styled_WEBPAGE

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!