Concept explainers
can 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 the checkout section please list name, address, card information, and email. to the checkout page. also make it say the total amount of your order after that make a button that says submit Order. after you click on that button it should say order as been sent.
hope you do well, on this best of luck.
Step by stepSolved in 6 steps with 2 images
- How to do this exercise? Halloween 15 Add a transition and an animation In this exercise, you’ll add a transition and an animation to the product page that you created in exercise 11. When you’re done, the page should look similar to this: Specifications • Add a transition for the widths of the images in the right sidebar of the cat.html file in the products folder that will last for three seconds and use the linear speed curve. The transition should increase the width of an image to 125 pixels when the mouse hovers over an image. Be sure to provide for all browsers. • Add an animation for the image in the section that will cause the image to move up and down when the page is loaded. The animation should last for half a second, use the ease-in-out speed curve, repeat six times, and alternate directions on each repetitionarrow_forwardusing flex box css html codingarrow_forwardCreate a products.html page and add five product images to the page. Create a Product class for each product with the following attributes: Price, Name, Description and Id for each of the product images. Under each product image add an "add to cart" button. Make the id property of the button the id for the product. Add a remove from cart button on each item as well. Create a ShoppingCart.js file (javascript) and include it in the products.html page (<script src ="shoppingcart.js">). In the script, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The shopping cart script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the…arrow_forward
- Make me an online ordering system for a fictitious Indian restaurant. Cheherp is the name of the eatery. employ HTML, javascript, and CSS. Use the instructions carefully, and if you want to jump from the home screen to the menu, add a hyperlink to the home button. include a home, about us, menu, and checkout page. Check the checkout section's functionality once more. Include a special choice menu, but charge 3.00 USD more for buying that item. follow these instructions: Creativity Requirements: Use a visually appealing and intuitive design throughout the application. Incorporate relevant and attractive images to enhance the user experience. Implement unique and engaging features to differentiate the application. 2. 3-Column Layout: Utilize a responsive 3-column layout to ensure compatibility across different screen sizes and devices. The layout should adapt and stack the columns vertically on smaller screens. 3. HTML Table: Display the menu items using an HTML table,…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forward1 What types of argument does the jQuery factory method accept? 2. With which jQuery method can you get or set a CSS property value? 3. What statement would you use to attach a method to the click event of an element with the ID of elem, to make it slowly hide? 4. How can you retrieve an element node object from a jQuery selection object? 5. What statement would set the sibling element immediately preceding one with the ID of news to display in bold? 6. What are the key advantages and disadvantages of using a software framework when constructing web applications? 7. What are the advantages of React's component-based approach to constructing user interfaces? 8. Describe the differences between props and state in React.arrow_forward
- Use jQuery to create a launcher with the properties below. The data files include all the necessary HTML and CSS code; you do not need to modify the HTML or CSS. Add the necessary jQuery code to make the launcher work. Your launcher should have the following properties: The launcher starts hidden from the page. When the user clicks the launcher button (bar at top of page), three things happen: The launchpad slides down. It takes 1/2 second to slide down. The "instructions" paragraph fades in. It takes 1/2 second to fade in. The red box that you are going to animate ("box") appears. Each of the three icons that appears on the launchpad is a button ("one", "two", "three"). When the user puts the mouse over the button, it animates the red box. When the user moves the mouse out, the box animates back to its original size and position. The three animations: One: The box moves 300px to the right, and grows in width and height by 150px. Two: The box shrinks by 125px in width and…arrow_forwardScenario The Vintage Rally Club have the following basic requirements for the contents of the website: • Home Page: o This page will introduce visitors to the Vintage Rally Club, it should include relevant images of the different vintage cars that will take part in the rally. o The text should be minimal, visuals should be used to break up the written content. o This page should include a navigation bar (with links inside the bar and hover over tabs), slide show, header, sections, footer. o Modal popup window that is displayed on top of the current page. • Contact Us: This page will allow spectators to contact the vintage car rally club - it should be a responsive contact section including first name, last name, country and submit button. • About Us: This page should give customers an overview of who the Vintage Car company are and what they do. This should be a responsive page that resizes. • Q&A: This page should include a forum where the registered…arrow_forwardUsing HTML , CSS, and Java Script create a dashboard. Include in the dashboard a side bar ( 3 horizontal dashes, located are the top left of the webpage) a logo image above the title of the webpage. (In the center across from the sidebar (3-horizontal dashes) Then in the title of the header make it display change depending on the the hour (e.g. Good morning, good afternoon, good evening, goodnight) with images on either side of the title depending on the title. Create 4 different quadrant (boxes) two at the top and another two at the bottom. Below the 4 quadrants include an image that fits the rest of the screen. Within the image make two buttons one to start writing and the other for instructions. Make a 4 pc space around each box. Then in the very bottom of the webpage include a footer with white text and black background. Make a setting (gear) at the top right of the screen to toggle between light or dark mode. Let the whole webpage change depending on the mode (Light mode:…arrow_forward
- Complete 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_forwardCreate a button by using the HTML button element with the following criteria: With an ID of "btn" Show the caption "Reset" on the button Resets all the webpage controls when clicked The third control on the webpage that receives focus when using the tab key on the keyboardarrow_forwardAdd the following comments to the tablet media query: Tablet Viewport: Show tab-desk class, hide mobile class Tablet Viewport: Style rules for nav area Add the following style rules below the "Show tab-desk class, hide mobile class" comment: Style rule for the tab-desk class selector that sets the display to a block. Style rule for the mobile class selector that sets the display to none.arrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education