Skip to content

this is an webpage where you can change the color of webpage according to you

Notifications You must be signed in to change notification settings

Vikramaditya-01/Background_color_change

Repository files navigation

Background Color Changer

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.

Features

  • 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.

Technologies Used

  • HTML for structure
  • CSS for styling
  • JavaScript for interactivity

Installation

To run this project on your local machine, follow these steps:

  1. Clone this repository to your local machine using: ```bash git clone https://github.com/your-username/your-repo-name.git ```

  2. Navigate to the project directory: ```bash cd your-repo-name ```

  3. Open the `index.html` file in your browser.

Project Structure

```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 ```

How to Use

  1. Open the page.
  2. Click on any of the color buttons (Grey, White, Blue, Yellow) to change the background color.
  3. Observe that the social media icons and the "Mail me" button dynamically change their background color to match the selected background.
  4. Use the social media links in the top-left corner to navigate to LinkedIn, Twitter, or GitHub.
  5. Use the email link in the bottom-right corner to contact the project owner.

Contact

For questions or collaboration, feel free to reach out:

About

this is an webpage where you can change the color of webpage according to you

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published