ClonePepsi is a web project that replicates the iconic Pepsi interface. This interactive layout allows users to click on different Pepsi can designs, and the interface changes to match the theme of the selected can. It serves as a demonstration of dynamic CSS and JavaScript functionalities, combined with HTML to create engaging user experiences.
- Interactive Design: Clicking on different cans triggers a change in the website's theme, showcasing real-time DOM manipulation.
- Dynamic CSS: Utilizes CSS to stylishly transition between themes and enhance the visual appeal.
- JavaScript Integration: Employs JavaScript to handle user interactions and update the UI accordingly.
- Visit the live website or clone the repository to your local machine.
- Click on any of the Pepsi cans displayed on the page.
- Observe as the interface updates to reflect the design and color scheme of the selected can.
index.html
: The main HTML document that contains the markup for the project.styles.css
: The stylesheet that includes all the custom styles for the layout and theming.script.js
: The JavaScript file that contains the logic for updating the interface.
Contributions to this project are welcome. If you have suggestions or improvements, please feel free to create a 'pull request' or open an 'issue' in the repository.
This project is licensed under the MIT License. This license allows the use, copying, modification, and distribution of the code, both for private and commercial projects, as long as the original copy and copyright are included. It is a popular choice for software projects due to its simplicity and flexibility.
- GitHub: MayzaMendesRodrigues
- LinkedIn: Mayza Ynara Mendes Rodrigues
If you have any questions or suggestions, please do not hesitate to contact me through the links above.