🎓 Student Portfolio & Registration Form

📌 Project Description

This project is a beginner-friendly HTML5 project created to practice HTML fundamentals. It demonstrates the use of various HTML tags, form elements, input types, and attributes commonly used in web development.

The project contains a Student Portfolio & Registration Form that collects personal, educational, skill, and social information from users.

---

🚀 Features

Personal Information

• Full Name
• Email Address
• Password
• Mobile Number
• Date of Birth
• Age
• State Selection
• Gender Selection
• About Yourself Section

Education Details

• College Name
• Branch
• Current Year
• CGPA

Skills Section

• HTML
• CSS
• Java
• Spring Boot
• Skill Confidence Slider
• Favorite Color Picker

Social Information

• Portfolio Website
• LinkedIn Profile
• Technology Search Box

Document Upload

• Resume Upload
• Profile Photo Upload

Additional Inputs

• Preferred Joining Month
• Available Week
• Preferred Interview Time
• Meeting Schedule
• Hidden Input Field

---

🛠 Technologies Used

• HTML5

---

📚 HTML Concepts Practiced

• HTML Boilerplate
• Head Tag
• Body Tag
• Heading Tags (H1-H3)
• Form Tag
• Input Tag
• Textarea
• Select & Option
• Radio Button
• Checkbox
• File Upload
• Hidden Input
• Submit Button
• Reset Button

---

📋 Input Types Used

• text
• email
• password
• tel
• number
• date
• radio
• checkbox
• range
• color
• url
• search
• file
• week
• time
• datetime-local
• hidden

---

📌 Attributes Used

• placeholder
• required
• minlength
• maxlength
• readonly
• disabled
• min
• max
• autofocus
• pattern
• value

---

🎯 Learning Outcome

Through this project, I learned:

• HTML document structure
• Creating forms
• Using different input types
• Applying input validation
• Using HTML attributes
• Building a complete registration form

---

👩‍💻 Author

Gauri Kapadnis

Computer Science Engineering Student

Learning Full Stack Development 🚀