Project Overview This project is a responsive duplication of the Monogram website, built with HTML and CSS using CSS Grid for layout. The goal is to practice modern web design techniques, ensuring mobile responsiveness and clean design aesthetics.
Responsive Design: The layout adjusts seamlessly across different screen sizes and devices. Modern Aesthetics: Utilizes a minimalist design with a focus on typography and whitespace. CSS Grid Layout: Implemented for a flexible and responsive grid structure. Hover Effects: Subtle animations on interactive elements enhance user experience. Technologies Used HTML5: For the structure of the web pages. CSS3: For styling and layout. CSS Grid: To create a responsive layout. SVG Graphics: For high-quality icons and illustrations. Installation To run this project locally, follow these steps:
Clone the Repository:
bash Copy code git clone https://github.com/yourusername/monogram-duplication.git cd monogram-duplication Open the Index File: Open index.html in your web browser to view the project.
Usage Open the index.html file in any web browser. Resize the browser window to see the responsive design in action. Explore the different sections of the site to understand the layout and functionality. Screenshots Include screenshots of your project here to give users a visual understanding of what to expect.
Screenshot of the homepage
Screenshot of the mobile view
Contributing If you'd like to contribute to this project, please follow these steps:
Fork the repository. Create a new branch (git checkout -b feature/YourFeature). Make your changes and commit them (git commit -m 'Add some feature'). Push to the branch (git push origin feature/YourFeature). Open a pull request. License This project is licensed under the MIT License.
Acknowledgments Inspired by the original Monogram website. Contact For questions or suggestions, feel free to reach out:
my Name: Paul Obiero my email: [email protected]