This is a collaborative project done during a span of five days from 10 May 2024 to 11 May 2024. This project serves as a showcase of the skills we've acquired through past learning experiences.This Project has two sections
- Cloning Marvel Website
- Redering a Figma Design
In this Section we have cloned the website https://www.marvel.com/ .
In this Section we have rendered the figma design number 6 from https://www.figma.com/file/KhG0vifIhXr8Rw5Va5MzNA/100%2B-Travel-Landing-website-templates-(Community)?type=design&node-id=2103-8740&mode=design&t=WWDcSUb0lrwxnYlz-0.
Frontend
Frontend: https://www.netlify.com
a very short video walkthough of all of the features [ 1 - 3 minutes ]
Attach a very short video walkthough of codebase [ 1 - 5 minutes ]
List out the key features of your application.
-
Typography: We have rendered the font styles, sizes, colors, line heights, and spacing from the original website.
-
Page Layouts: We have rendered our layout close to the orignal website.
-
Hover Effects: hover effects such as changing font colors, changing background color in our webpage.
-
Scrolling Effects: We have implemented scroll bar as in the original website.
-
Animations and Transitions: CSS animations and transitions are added to for scaling sections for large screen.
- Clone the Repository
- Navigate through each Project Folder
- Install Bootstrap using
npm install bootstrap@5.3.3
Refer https://getbootstrap.com/docs/5.3/getting-started/download/ for further details.
Provide user credentials for autheticated pages
- HTML
- CSS
Welcome to the Project! We value your feedback and suggestions. Please open an issue if you have any feedback, suggestions, or bug reports. We appreciate your input!
Thank you for helping us improve the Project!