Скачать или смотреть Creating an Webpage for a Job Application Form

Page 1 – Company Home Page (home.html)
• Structured into three sections using a table: Header, Content, and Footer.
• Header: Displays the company name (center-aligned) and navigation links to “Media Elements”
(home.html) and “Application Form” (application.html).
• Content Section:
o Divided into two columns.
o First column: Embeds a PDF document.
o Second column: Plays audio automatically when the page loads, embeds a YouTube
video, and displays a Google Map.
o The next row includes a video element that plays only when the user clicks play.
• Footer: Standard footer area for company information.
◆ Page 2 – Job Application Form (application.html)
• Contains a form for job seekers with the action "submit.php" and method "post".
• The form includes validation rules such as:
o All fields are required.
o Name: has autofocus, placeholder, and required attributes.
o Application Number: follows pattern KU20201CS1010.
o Password: minimum 8 characters.
o Mobile: restricted with pattern and placeholder.
o Email: must follow the format [email protected].
URK23CO2030
• Includes HTML5 elements like fieldset, label, input, select, and progress for better structure and
user experience.
• The header with navigation links is consistent across both pages.
Overall, the site demonstrates proper HTML5 usage, media integration, and form validation for a
functional, multimedia-rich company website.