Question: Add a table to the contact.html page.a . Create a div element on the Contact Us page to provide separate content for a mobile user.b

Add a table to the contact.html page.a. Create a div element on the Contact Us page to provide separate content for a mobile user.b. Insert a table within a new div class="desktop" element to display information about the visiting times at the privately owned small business.2. Add a video to the product.html page.a. Insert a video on the product page show the products at the privately owned small business with voice narrationb. Create a captions file for the videoc. Add the captions file to the video by nesting a track element within the video element3. Create a clientRegistrationForm.html page, save the clientRegistrationForm.html page in the root folder, link the clientRegistrationForm.html page to Registration in the Navigation bar for all pages.a. Add a faviconb. The form must have the following fields:i. Preferred Name:ii. Client Full Names as on ID:iii. Surnameiv. ID Number:v. Telephone Work:vi. Cellphone Numbervii. E-mail:viii. Home addressix. Postal address (allows for home address to be copied to postal address)x. Where did the user here about the privately owned small business? (word of mouth, internet search, advertising)xi. Name on credit cardxii. Credit card type (select)xiii. Credit card numberxiv. Expiration month/year (drop down all months, year from 20242029)xv. CVC numberxvi. User namexvii. Passwordxviii. Password confirmationxix. Additional informationc. Add email and tel input controls to collect the customers email address and telephone number.d. Add checkbox controls to collect information from customers about the product/s and other available products and services they are interested ine. Add a select element to the copy postal address, valid learners license, type of credit card the customer will be usingf. Add a textarea element to the form to provide an opportunity for customers to ask questionsg. Insert a submit control so that visitors can submit the form with their responses4. In the project styles.css page add the following:1) Create a style rule for the table element toa. Specify borders, including collapsed borders, to center the table on the page, and to set a widthb. Create a style rule for the caption element and specify a font size, font color, and paddingc. Create a style rule for th and td elements to specify borders and padding for the table header and data cellsd. Create a separate style rule for the th element to format the table header with a dark background color and light font colore. Create a style rule to apply a background color to every odd row within the table2) Create a new style rule to style the table for a large desktop viewport3) Style the form for a mobile viewporta. Create a style rule for the form div to set some top margin, specify a background color, and set some paddingb. create a style rule to center-align the heading 2 element within the form divc. Create a style rule that sets the bottom margin for the fieldsets and controlsd. Create a style rule to format the fieldset legend elementse. Create another style rule to display the label elements as a block and add some top padding.4) In the tablet media query, create a style rule for the form element that sets the width to 70 percent and centers the form on the page5) Style the form for a desktop viewporta. Create a style rule for the form-grid class selector that sets the display to a grid with three columns and sets the grid gap to 20pxb. Create a style rule for the btn class selector that spans the Submit button across the three columns.6) Style the videoa. Add the audio and video selectors to the CSS reset style ruleb. Add the video selector to the img style rulec. Create a new style rule for the video selector to specify margin

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 Programming Questions!