Question
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
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started