# User Registration Form

A sleek, modern user registration form built with HTML and CSS, designed to be responsive and user-friendly. This form collects essential user details and demonstrates best practices in front-end development for creating forms. [Live Demo](https://fidelvalenzuela.github.io/User-Registration-Form/)

## Features

- **Modern Design**: A clean and modern look with an easy-to-read layout.
- **Responsive Layout**: The form is fully responsive, adjusting to various screen sizes.
- **Input Validation**: Includes HTML5 input validation for fields like email and password.
- **Accessibility**: Designed with accessibility in mind, ensuring all elements are easy to navigate and interact with.
- **File Upload**: Allows users to upload a profile picture.

## Project Structure

The project is organized into two main files:

- `index.html`: The HTML file that structures the form and defines its elements.
- `styles.css`: The CSS file that styles the form, providing a modern aesthetic.

## Usage

Visit the [live demo](https://fidelvalenzuela.github.io/User-Registration-Form/) to see the form in action.

### Form Fields

- **First Name**: Text input, required.
- **Last Name**: Text input, required.
- **Email**: Email input, required.
- **Password**: Password input with basic pattern validation.
- **Account Type**: Radio buttons for selecting Personal or Business.
- **Profile Picture**: File upload for a profile image.
- **Age**: Number input with a minimum and maximum age range.
- **How Did You Hear About Us?**: Dropdown selection.
- **Bio**: Textarea for a short user bio.
- **Terms and Conditions**: Checkbox for accepting terms, required.

## Installation

To use or modify this project, follow these steps:

1. Clone this repository:
   ```bash
   git clone https://github.com/fidelvalenzuela/User-Registration-Form.git

2. Navigate into the project directory:

   cd User-Registration-Form

3. Open index.html in your web browser to view the form locally.

Customization

You can easily customize this form by editing the CSS file (styles.css). Adjust colors, spacing, and font styles to fit your specific design needs.

Contributing

Contributions are welcome! If you’d like to contribute, please fork the repository and make changes as you see fit. Once you’re done, submit a pull request with a brief description of your changes.

License

This project is licensed under the MIT License.