Question: Can I please get help with part 2 ______ Code part 1(aboutme) Just nee to add table About John Doe John Doe A brief description

Can I please get help with part 2

______

Code part 1(aboutme) Just nee to add table

About John Doe

John Doe

A brief description of who I am

I am a student of Computer Science at XYZ University. I am learning Web Development as of now. My hobbies are Travelling, Reading and Coding.

Qualifications

  • Qualification 1

  • Qualification 2

  • Qualification 3

  • Qualification 4

  • Qualification 5

Accomplishments

  1. Accomplishment 1

  2. Accomplishment 2

  3. Accomplishment 3

  4. Accomplishment 4

  5. Accomplishment 5

?
public

________________________________________________________________________________________________________________________

Can I please get help with part 2 ______ Code part 1(aboutme)

Can I please get help with part 2 ______ CodeCan I please get help with part 2 ______ CodeCan I please get help with part 2 ______ Code

1. Open the HTML file aboutme.html, which was created in Assignment 1 2. In the section of this HTML file, add the following CSS code just above the title: This will add a border to the table you will add in step 3 below. Don't worry if you don't understand what this CSS code means, we will be learning more about it next week! 3. Add to the end of this HTML file, just before the copyright logo, a table with the following features: a. 8 columns: one which will contain the time slot labels, and seven for the days of the week (one column per day) b. 16 rows of time slots. The time slots should span from 8:00am until 4:00pm, in 30-minute increments. Cells containing the word Booked corresponding to appointments of the following duration: i. At least one corresponding to a 15-minute booking ii. At least one corresponding to a 60-minute booking iii. At least one corresponding to a 90-minute booking C. launch with the To field pre-populated and all the data entered by the user in the email body. This can be achieved by setting the form action accordingly in step ii. above. V. All input fields and the checkbox must be completed by the user before the form can be submitted. If any of the fields or the checkbox are not completed, the user should not be able to submit the form. launch with the To field pre-populated and all the data entered by the user in the email body. This can be achieved by setting the form action accordingly in step ii. above. V. All input fields and the checkbox must be completed by the user before the form can be submitted. If any of the fields or the checkbox are not completed, the user should not be able to submit the form. d. One cell containing the word "Lunch per day, corresponding to a 30-minute booking some time between 11:00am and 2:00pm. The "Lunch" booking should correspond to a different time slot for at least two of the days. For the other days, the "Lunch" booking can occur in the same time slot. PART 2 Note: Annex 2 of this document contains an example contact form which meets the requirements below. 1. Create a new HTML file called "contact.html" 2. Give this new page a title in its element 3. Add the following to the element of the page: a. A

section with id="top" Inside this
section, add the following: i. A heading 1 element with the words "Contact Us" as its content ii. A paragraph element immediately below the heading 1 element, containing the following: Please complete the information below. Fields marked with * are required fields b. A
section with id="data" Inside this
section, add the following: i. Copy the HTML form template from Annex 3 to this
section ii. Add a form action to send an email to a sample email address (e.g. sample@email.com) iii. Immediately below the element containing "Your Data", add a table with a row for each of the following form input fields of the specified type: First Name* input type: text Last Name* input type: text Street Address* input type: text City* input type: text Province input type: dropdown list with all 13 two-letter abbreviations Postal Code* input type: text Email Address* input type: text, with validation to ensure that the input is in the form text@text.text Phone Number* input type: text, with validate to ensure that the input contains only 10 digits, each of which can range between 0 and 9 NOTE: Each of the above input fields must be marked with an asterisk (*) by using: * iv. Immediately below the element containing "Agreement", add the following: A checkbox labeled "Accept Agreement*" NOTE: The checkbox label must be marked with an asterisk (*) by using: * A reset button which clears all input fields and selections A submit button NOTE: upon clicking the submit button, the user's default email client should

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!