This project is a clone of the FYERS website's home page. It was undertaken as part of my journey in learning front-end web development. The clone includes sections like navigation bar, hero section, features, learning, testimonials, trader talks, new section, subfooter, and footer. The goal was to replicate the design and layout of the FYERS website to practice HTML, CSS, and responsive design.
DEMO -> https://gulshanitsyou.github.io/FYERS/
- Implemented a responsive navigation bar with links and logo.
- Created a hero section with content and styling.
- Designed sections like features, learning, and trader talks.
- Challenged myself with a complex testimonial section to master CSS.
- Incorporated animations and advanced CSS properties in the subfooter section.
- Completed the project with a fully functional footer.
- HTML
- CSS
- JavaScript (for interactivity in future versions)
- Visual Studio Code (code editor)
- Clone this repository to your local machine using
git clone. - Open the project in your preferred code editor.
- Explore the different sections in the
index.htmlfile. - View and customize the styling in the
styles.cssfile. - Run a local server or open the
index.htmlfile in your browser to see the project in action.
- Implement responsive design to ensure the project works well on various devices.
- Add interactivity using JavaScript for dynamic user experience.
- Refactor code to follow best practices and improve maintainability.
This project was created as a learning exercise inspired by the FYERS website. All rights and design elements belong to FYERS.
If you have any questions or suggestions, feel free to reach out to me on LinkedIn or via email at [email protected].