This "Implement a Web Design from Scratch" project is part of my ALX Intro to SE curriculum, where I've implemented a fully functional web page called "Headphones" using only HTML and CSS, without relying on external libraries or frameworks. The goal of this project is to implement a web page that replicates the design provided in Figma, showcasing my HTML, CSS, accessibility, and responsive design skills.
VIEW LIVE: https://jimike.netlify.app/headphones
In this project, I've translated a designer's vision into a web page using my HTML, CSS, accessibility, and responsive design skills acquired during my ALX training. The goal was to replicate the provided Figma design for the "Headphones" website.
- Responsive design that ensures optimal user experience on various devices.
- Sections included: Header, Hero Content, "What we do ..." section, "Our results..." section, Contact Us form, and Footer.
- Carefully crafted CSS to match the Figma design without using any external CSS frameworks.
- HTML
- CSS
- Clone this repository to your local machine.
- Open the final file
101-index.htmlin your preferred web browser to view the website.
This project is a personal endeavor for my ALX Web Development course, and as such, I am not actively seeking contributions. However, if you have suggestions or improvements, feel free to open an issue or pull request.
This project is licensed under the MIT License.
For any inquiries or questions, feel free to contact me:
- Name: Michael Oladoye
- Email: email me
- LinkedIn: Michael Oladoye
- X (formerly Twitter): @jimikeCodes


