https://github.com/rahulgithub-web/earth-day-dev-challenge

A responsive and interactive Earth Day themed webpage using HTML and CSS, featuring SVG animations and eco-friendly emojis to promote environmental awareness..
https://github.com/rahulgithub-web/earth-day-dev-challenge

Last synced: 6 days ago
JSON representation

A responsive and interactive Earth Day themed webpage using HTML and CSS, featuring SVG animations and eco-friendly emojis to promote environmental awareness..

• Host: GitHub
• URL: https://github.com/rahulgithub-web/earth-day-dev-challenge
• Owner: rahulgithub-web
• Created: 2024-04-24T13:12:57.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-24T14:08:43.000Z (almost 2 years ago)
• Last Synced: 2025-01-24T08:43:35.607Z (about 1 year ago)
• Language: HTML
• Homepage: https://earth-day-dev-challenge.vercel.app
• Size: 167 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Earth Day Celebration Webpage

This project is dedicated to creating an interactive and visually appealing webpage to celebrate Earth Day. It aims to raise awareness of environmental issues through engaging content and interactive design using HTML, CSS, and SVG graphics.

![Earth Day Webpage](earth_day.png "Earth Day")

## Features

- Responsively designed elements that work on various screen sizes.

- Custom animations for SVG graphics and emoji to create a dynamic user experience.

- Usage of environmentally-themed emojis to enhance visual storytelling.

- Integration of a modern, accessible font for better readability.

- No JavaScript used to keep the site lightweight and performant.

## Project Structure

- `index.html` - The main HTML document.

- `styles.css` - The stylesheet containing all the CSS for styling and animations.

- `assets/` - Directory containing any SVG files or additional resources used by the webpage.

## Usage

To use this webpage, simply clone the repository or download the `index.html` and `styles.css` files to the same directory on your web server.

### Adding Emojis

To insert emojis into your HTML content, use `` tags with `aria-hidden="true"` to ensure they do not affect the accessibility of the site:

```html

🌍 

🌳 

💧