This is a simple web application that allows users to change the background color of the page by clicking on color buttons. It includes social media links in the top-left corner and a contact email button in the bottom-right corner. The social media icons and the email button's background color adjust dynamically to match the selected background color.
- Four color buttons (Grey, White, Blue, Yellow) that change the background color of the webpage when clicked.
- Social media links (LinkedIn, Twitter, GitHub) with logos that dynamically adjust their background to match the selected page color.
- A contact email button in the footer that also adjusts to the selected page color.
- HTML for structure
- CSS for styling
- JavaScript for interactivity
To run this project on your local machine, follow these steps:
-
Clone this repository to your local machine using: ```bash git clone https://github.com/your-username/your-repo-name.git ```
-
Navigate to the project directory: ```bash cd your-repo-name ```
-
Open the `index.html` file in your browser.
```bash ├── index.html # The main HTML file ├── style.css # The CSS file for styling ├── app.js # The JavaScript file for functionality ├── README.md # This README file ├── images/ # Folder containing social media logos ```
- Open the page.
- Click on any of the color buttons (Grey, White, Blue, Yellow) to change the background color.
- Observe that the social media icons and the "Mail me" button dynamically change their background color to match the selected background.
- Use the social media links in the top-left corner to navigate to LinkedIn, Twitter, or GitHub.
- Use the email link in the bottom-right corner to contact the project owner.
For questions or collaboration, feel free to reach out:
- Email: [email protected]
- GitHub: Vikramaditya-01
- LinkedIn: Munmun Gorai
- Twitter: @Vikram_Aditya_G