Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Can I Get help with this two code Part A needs just table add .Part B need to be add _____________________________________________________________________________________________________ This the code of

Can I Get help with this two code Part A needs just table add .Part B need to be add

_____________________________________________________________________________________________________

This the code of Part A(https://www.chegg.com/homework-help/questions-and-answers/tasks-1-create-new-html-file-called-aboutmehtml-2-copy-template-content-annex-1-document-a-q91414432)

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. !

3. Add to the end of this HTML file,after accomplishments, 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.

c. 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

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.

_________________________________________________________________________________________________

Need help with this

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 thissection, 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 class="required">* are required fields

b. A

section with id=data Inside thissection, 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: class="required">*

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: class="required">* - A reset button which clears all input fields and selections - A submit button NOTE: upon clicking the submit button, the users default email client should 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

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

More Books

Students also viewed these Databases questions

Question

2. How will the team select a leader?

Answered: 1 week ago

Question

3. What may be the goal of the team?

Answered: 1 week ago