markdown Copy code
This is a simple Course Registration Form for an art class offering courses like Scrapbooking, Resin Art, Doodling, and Quilling. The project is designed for beginners to understand basic HTML, CSS, and JavaScript. It also includes an art-related image to make the form visually appealing.
- Simple and beginner-friendly HTML, CSS, and JavaScript
- Courses: Scrapbooking, Resin Art, Doodling, Quilling
- Dynamic form interaction using JavaScript
- Responsive design with colors and art-related imagery
project-folder/ ├── index.html # Main HTML file for the form ├── styles.css # CSS file for styling the form and layout ├── script.js # JavaScript file to handle form submission ├── images/ # Folder containing images └── art_tools.jpg # Art-related image used in the form
bash Copy code
-
Clone the repository:
git clone https://github.com/your-username/art-course-registration.git
Navigate to the project folder:
bash Copy code cd art-course-registration Open the project:
Open the index.html file in your favorite browser (Google Chrome, Firefox, etc.). Fill out the form:
Enter your name, age, phone number, and choose a course. Once you click the "Register" button, a success message will appear. Image Make sure you have an art-related image (like art_tools.jpg) inside the images folder. This image will appear at the top of the registration form. If you want to change the image, replace it in the images folder and update the path in index.html.
html
Copy code
Technologies Used
HTML5: For the structure of the form.
CSS3: For styling the form and making it responsive.
JavaScript: For handling form submissions and displaying a confirmation message.
Customization
You can easily customize this project:
Change courses: In index.html, modify the options inside the tag to add or remove courses. Modify styles: You can update the styles.css file to change colors, fonts, or layouts. Add more functionality: Modify script.js to add validations or more complex feature