This project is a responsive, modern survey form created as part of the Responsive Web Design certification. Its purpose is to gather user feedback on their experiences with our Academy. Designed with a clean interface, it ensures accessibility and usability across devices.
The Survey Form allows users to share feedback on their experiences, preferences, and suggestions for improvement at our Academy. The form includes various input types—text, email, dropdowns, checkboxes, and radio buttons—providing an interactive and user-friendly experience.
- Responsive Design: Adapts seamlessly to all screen sizes, enhancing the user experience on both desktop and mobile devices.
- Modern UI: Clean and intuitive interface with an elegant font, colors, and background.
- User-Friendly Input: Features like placeholders, labels, and form structure help guide the user through the survey.
- Accessible: Labels, required fields, and keyboard-navigable controls ensure accessibility compliance.
- HTML: Structures and organizes form elements.
- CSS: Styles the form for a modern, visually appealing interface.
Access the live demo here: Survey Form on GitHub Pages
To view or modify this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/fidelvalenzuela/Survey-Form.git
- Navigate to the project directory:
cd Survey-Form
- Open
index.html
in your preferred browser to view the form.
The form includes the following sections:
- Personal Information: Users can provide their name, email, and optionally, their age.
- Role Selection: Dropdown menu to choose their current role.
- Recommendation: Radio buttons to indicate if they’d recommend our Academy to a friend.
- Favorite Feature: Dropdown to select their favorite app feature.
- Improvements: Checkboxes to choose areas for potential improvement.
- Comments: Text area for additional feedback or suggestions.
- Submit Button: Allows users to send their responses.
Contributions to improve this project are welcome! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your updates and commit changes.
- Push to the branch (
git push origin feature-branch
). - Open a pull request with a description of your changes.
This project is open-source and licensed under the MIT License.