Great Deal! Get Instant $10 FREE in Account on First Order + 10% Cashback on Every Order Order Now

Tables Create a new file named contacts.html with the same column layout and external stylesheet as your previous site files. Add a contact table with the contact information of three employees in the...

1 answer below »
Tables
Create a new file named contacts.html with the same column layout and external stylesheet as your previous site files.  
Add a contact table with the contact information of three employees in the company.  The table should have a header row with employee name, email, and phone.  This info should be provided for each employee and the email addresses should have mailto links for each to make them clickable.
Style the table using a  CSS3 pseudoclass so that every other row alternates background color to make the table easier to read and easier to update as new employees are added.
Forms
Create another page that gathers information from your user.  Could be a request for information, a form to make a reservation, etc.   Your form must have the following controls
equirements:
· At least one text input
· At least one HTML5 input (email, phone, url, etc.)
· At least one set of radio buttons
· At least one checkbox
· At least one textarea
· At least one select control
· A submit and a reset button
· Also, use the new HTML 5 attribute to verify that at least two required fields have been filled in.
· Your form should use a mailto as the action and have an appropriate method. 
 Multimedia
For the multimedia requirement, use one of the new HTML5 controls, either audio or video, to include a multimedia element on your main page (index.html).  Again, you can get free video clips to include from sites likePixabay or use resources here in BB.
Extra Credit: Create a media query and style the table on contact us differently for smaller screens.  Change at least three CSS properties for the smaller screen version. Try to include things that make sense for a smaller screen.  There are examples in chapter 7 that might help out.
General
Update navigation on all pages by adding links to your new pages. Zip all of your files, including your html, css, and image files, and attach here in the assignment tool by the due date.
Ru
ic
Lab 4
    Lab 4
    Criteria
    Ratings
    Pts
    This criterion is linked to a Learning Outcome New file named contacts.html
    
    2.0 pts
    This criterion is linked to a Learning Outcome Table tags
    
    5.0 pts
    This criterion is linked to a Learning Outcome Header row (th tags)
    
    5.0 pts
    This criterion is linked to a Learning Outcome Co
ect number of rows/columns
    
    5.0 pts
    This criterion is linked to a Learning Outcome Contact info including clickable email links
    
    3.0 pts
    This criterion is linked to a Learning Outcome Style alternating rows with :nth of type or similar
    
    5.0 pts
    This criterion is linked to a Learning Outcome Create new page for form
    
    2.0 pts
    This criterion is linked to a Learning Outcome Form tags
    
    8.0 pts
    This criterion is linked to a Learning Outcome Method for form
    
    5.0 pts
    This criterion is linked to a Learning Outcome Action for form
    
    5.0 pts
    This criterion is linked to a Learning Outcome Text input
    
    5.0 pts
    This criterion is linked to a Learning Outcome HTML 5 Input
    
    5.0 pts
    This criterion is linked to a Learning Outcome Radio button set
    
    8.0 pts
    This criterion is linked to a Learning Outcome Checkbox
    
    5.0 pts
    This criterion is linked to a Learning Outcome textarea
    
    5.0 pts
    This criterion is linked to a Learning Outcome Select (drop down list)
    
    8.0 pts
    This criterion is linked to a Learning Outcome Submit button
    
    2.0 pts
    This criterion is linked to a Learning Outcome Reset button
    
    2.0 pts
    This criterion is linked to a Learning Outcome Required attribute on two fields
    
    5.0 pts
    This criterion is linked to a Learning Outcome Audio/Video Requirement
    
    10.0 pts
    Total Points: 100.0
Answered Same Day Jun 28, 2021

Solution

Neha answered on Jun 30 2021
133 Votes
61240 - html/contacts.html
Nutrino Edible Oil

Contact:
                    Name        Email        PhoneNo
        Alfreds Futterkiste        [email protected]        889986786
        Berglunds sna
köp        [email protected]        979089097
        Centro comercial Moctezuma        [email protected]        981109998
            

        Home
        Links
        Images
        Contacts
        ROI
Copyright © 2020 Nutrino Edible Oil
[email protected]

61240 - html/im/Ambient.mp3
www.fesliyanstudios.com
www.fesliyanstudios.com
www.fesliyanstudios.com
36144.0
eng -
www.fesliyanstudios.com�
61240 - html/im
astei-
idge.jpg
61240 - html/im
ullet.jpg
61240 - html/im/download.jpg
61240 - html/im/evening-sun.jpg
61240 - html/im/icon.jpg
61240 - html/im/landscape.webp
61240 - html/im/mountain.jpg
61240 - html/im/sky.webp
61240 - html/images.html
Nutrino Edible Oil
Images
    

    
    
    



    
    
    

    
        Home
        Links
        Images
        Contacts
        ROI
Copyright © 2020 Nutrino Edible Oil
[email protected]

61240 - html/index.html
Nutrino Edible Oil
Enjoy Nutricious Delite

About us
            Nutrino Edible Oil offers large verity of different nutricious and organic edible oils. Other than selling edible oils at wholesale price through online channels we also provide door-step delivery and different reward programs to earn our customer's loyalty. We also put lots of emphasis on customer feedback and we try to improve our supply chain according to our customer's satisfaction.
We have achived amazing results on our products via mastering an art of growing seeds to manufature and purify 100% organic edible oils. We have also earned an Awards for our production innovations and we have passed through...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here