You will use all the concepts discussed in the first
half of the semester to create a restaurant website with three (3) linking pages. You will be
required to use your creativity and give a presentation of your work to the class. Keep it
appropriate please.
Your first page is your index page (It MUST be called index.html)
o It should be an overall general summary of your “restaurant”
Your second page is completely up to you as long as it relates to the restaurant theme
Your third page should be a form that a user must fill out
Must have the use of the following tags
Line break
Horizantal Rule
Paragraph
List
o Ordered
o Unordered
Links
Headings
Images
Title
Table
Style (You MUST use CSS)
Form
Input
o Radio buttons
o Checkboxes
o Drop-down boxes
o Submit button
Also:
You can use w3schools for reference
Put your name in a comment
Your pages must all link to one another.
Use as many colors as youd like (as long as its readable)
Have fun
Trending nowThis is a popular solution!
Step by stepSolved in 6 steps with 3 images
- Task 1: HTML5 Semantic Elements Create a web page layout using HTML5 semantic elements such as: o <header> o <nav> o <section> o <article> o <footer> Structure the content in a meaningful way using these elements. For example, create a blog layout with: o A header that includes the site logo and navigation links. o A main content section that holds multiple articles.o A footer with contact information and copyright notice. Task 2: Advanced Form Validation 1. Create a form with the following input fields:o Name (required, minimum length 3)o Email (required, must follow email format)o Password (required, must have at least 8 characters) o Confirm Password (must match Password field)o Date of Birth (use HTML5 date input) 2. Apply advanced validation techniques using: o The required attribute o The pattern attribute for custom validationo The minlength, maxlength, and type attributes for validation rules. Task 3: HTML5 Anchor Element 1. Add anchor…arrow_forwardcreate a gym or business website with three (3) linking pages, and form validation. You will be required to use your creativity. Keep it appropriate please. Your first page is your index page (It MUST be called index.html) o It should be an overall general summary of your "gym" or "business", services offered, etc. Your second page is completely up to you as long as it relates to the gym theme Your third page should be a form that a user must fill out, like a membership form, with JavaScript alerts that let the user know when the form is not done completely. Must have the use of the following tags Line break Horizantal Rule Paragraph List (just one is fine) o Ordered or o Unordered Links Headings • Images • Title Table • Style (You MUST use CSS) Form Buttons Clear Form o Submit Form Input Radio buttons o Checkboxes o Drop-down boxes Script o Form validation O Alert boxes • Contact Info at the bottom (address of the gym) Also: You can use w3schools for reference Put your name in a…arrow_forwardComplete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.arrow_forward
- Introduction The title of this first assignment is called "About Me". You will create a single web page using the required HTML elements outlined below. The content is up to you to create – introduce yourself or create a persona/character to drive the creation of your pages text content. Submission Instructions Submit a zipped/compressed folder named HW_1 using the submission form on Canvas titled "HW 1 Submission". HTML Requirements • Use the HTML document structure outlined in the Minimal HTML 5 Document Structure section in Lab 1 as a starting point the content of the Document Title element should be “About Me" without the quotation marks 1 x Level One Section Heading element 2 x Level Two Section Heading element 3 x Paragraph elements 1x Unordered List 1 x Description List 1 x Image Embed element 1 x Footer element Notes: Use the online textbook and MDN Web Docs as a reference for the HTML requirements above. You are allowed to use more HTML elements than outlined above. However,…arrow_forwardgo to Circle of StoriesLinks to an external site. and read about some of the issues (biodiversity, language endangerment, and land issues) that Native Americans faced while establishing their settlements and villages. On this website, there is an additional link on the left side of the page, "Launch the Places Name MapLinks to an external site.". Once you have read the information on the main page and taken note of the important information (see the categories mentioned above), click on the map (linked to the title "Launch the Places Name Map" above). Using this map, explore the following areas: Virginia, Alabama, Kentucky, Mississippi, Colorado, Montana, Massachusetts, Ohio, and Illinois taking careful note of the significance of each location as stated on the map. Then, in a short paragraph response (five to six sentences), respond to the following question: How do these names reflect the characteristics of the land or landmark(s) in each state?arrow_forwardHow to Create the Product webpage of Chapter 11 working with images and icons. Halloween 11 Create a product page In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this: Specifications • To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above. • Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet. • Modify the horizontal navigation menu so it indicates that no page is current. • In the section, float the image to the left of the text. In addition, set the left margin for the text so…arrow_forward
- This is 1 webpage only. Create a webpage that prints your name to the screen.Create a webpage that prints the numbers 1 - 10 to the screen.Create a webpage and set its title to "This is a webpage".Create a webpage that prints the message "When was thiswebpage created? Check page's title for the answer." to the screen,and set the title of the page to the current date. Please include the screenshot of source code, output, and php file of the source code please Thank You.arrow_forwardcan you create a website about a casino restaurant it would be a fake restaurant. the name of the restaurant would be Alpha Casino. also can you make a logo, and put it up on the top. left conner of the screen. for the home page put home, menu, checkout on the top right of the screen. and hyper link it so its easy to click on one another. also for the home add 3 column layout reading : the picture of a casino, home, menu, checkout, Welcome to Alpha Casino. about us: tell about how the restaurant came to be. tell the person/ costumers about the restaurant. contact information: number, address, email. just the contact information needed for the menu, please add a html table, that includes item name, discription, price, and any special dietary information. add your own food items to the menu and later ill change it. also make a button for the purchases, so when you click on the order it would later add out of your checkout option that total cost for the food they ordered. last…arrow_forwardIf I want to create a link to a specific spot on a page, I would create... an email link. a link to a file. an named anchor link.arrow_forward
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSONComputer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier ScienceNetwork+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning
- Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage LearningPrelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson EducationSc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY