Let’s do some practice for the main event by jazzing up your own personal home page.
To begin, visit this site:
https://html5up.net/ (Links to an external site.)
This is a collection of responsive web designs that utilize HTML5, CSS, and some JavaScript for flashy effects. Though we have discussed JavaScript, we will tackle more of it in the following weeks, especially jQuery.
Select a template and download and begin making it your own. You will need to edit the content, presentation, and functionality to incorporate the following:
Change the images, colors, and fonts to your own unique feel
Include the content from your first two assignments and any other personal info you want to share
Include a form that allows users to contact you and send you an email directly. Include logic to verify users enter valid emails.
Include links to all your previous assignments
Include audio or video that you find interesting:
https://www.w3schools.com/html/html5_video.asp (Links to an external site.)
https://www.w3schools.com/html/html5_audio.asp (Links to an external site.)
In your submission, identify which template you chose. Grading will be based on how unique your own design is and if you include the required components.
Name your page index.html and place it in your public_html folder. Be sure to upload any supporting images/css/multimedia.