Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manthanank/contact

Contact Form
https://github.com/manthanank/contact

css html javascript

Last synced: about 7 hours ago
JSON representation

Contact Form

Host: GitHub
URL: https://github.com/manthanank/contact
Owner: manthanank
License: mit
Created: 2024-01-31T12:09:50.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-07-14T10:38:10.000Z (4 months ago)
Last Synced: 2024-07-14T11:28:31.935Z (4 months ago)
Topics: css, html, javascript
Language: JavaScript
Homepage: https://manthanank.github.io/contact/
Size: 1.22 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Contact Form Project

This is a simple contact form web page created by Manthan Ankolekar using static HTML, CSS, and JavaScript. The project is hosted on GitHub, and you can view it [here](https://manthanank.github.io/contact/).

## Project Overview

The contact form allows users to input their name, email, and a comment, and submit the form. The form is validated using HTML's `required` attribute for essential fields. The project also includes a JavaScript file (`script.js`) for additional functionality, and the styling is managed through an external CSS file (`style.css`).

## Project Structure

- **index.html:** Main HTML file containing the structure of the contact form page.
- **style.css:** External CSS file for styling the contact form and the page layout.
- **script.js:** External JavaScript file for handling form submission and additional functionality.
- **favicon-dark.webp and favicon-light.webp:** Dark and light mode favicons, respectively.
- **apple-touch-icon.webp:** Apple touch icon for iOS devices.
- **README.md:** Project documentation.

## How to Run

1. Clone the repository to your local machine.

```bash
git clone https://github.com/manthanank/contact.git
```

2. Open the `index.html` file in your web browser.

```bash
cd contact
```

Then open `index.html` using your preferred browser.

## Additional Features

- **Dynamic Favicon:** The favicon changes based on the user's preferred color scheme (dark or light).
- **Responsive Design:** The page layout is designed to be responsive and adapt to different screen sizes.

## Contact

For any inquiries or feedback, feel free to contact Manthan Ankolekar:

- **Email:** [[email protected]](mailto:[email protected])

## License

This project is licensed under the [MIT License](LICENSE).

---