Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Set the favicon for the page to coffee.ico. Note: the coffee.ico. The icon file is already included in the replit. Set the title to YourName

Set the favicon for the page to coffee.ico. Note: the coffee.ico. The icon file is already included in the replit. Set the title to "YourName]'s Coffee Cafe". For example, the instructor's title is "James' Coffee Cafe". Add appropriate meta data for description and keywords to your file. Please don't joke in this step of the assignment. Include an actual description and keywords that you include if this were a real business. Add the following to the body element: a. An image with source set to coffee.png. Note: coffee.png already exists in the repl. b. A paragraph with class set to "title". Content for this paragraph: "Welcome to [YourName]'s Coffee Cafe!". c. A paragraph with a tagline or introduction to the company. Example content: "At James' Coffee Cafe, we showcase local coffee talents alongside coffee from some of the world's best coffee roasters!". d. A paragraph with class set to "subtitle". This is a subtitle that comes right before a list of coffees offered at the cafe. Example content: "Some of our local favorite". e. An unordered list with at least three flavors of coffee. See the example image for ideas. f. A paragraph with class set to "subtitle". This is a subtitle that comes right before a list of customer comments. Example content: "See what our customers are sayingl". g. At least two blockquote elements with comments about the coffee cafe. See the example image for ideas. h. A div element with class set to footer. Inside of the div include an address element with an email contact and a copyright statement that utilizes the copyright html entity. Add an internal style element to the head element . In the inline styles add the following selectors and change the following properties: a. Add a body element selector. Change the font-family to "Arial, Helvetica, sans-serif". b. Add a title class selector. Change the font color for all elements with class="title". c. Add a subtitle class selector. Change the font color for all elements with class="subtitle". Also, change the font-size to 1.4 em . d. Add a footer class selector. Change the font-weight to bold. e. Add box model properties to the page: i. Set the max-width to 900 px. ii. Set the margins to 20 px (top and bottom) and auto for the width. You can do this using a single margin property. iii. Add padding of 20 px to the top, left, and right. Set the bottom padding to 40 px . iv. Add any type of 2px black border. v. Set the box shadow for the right and bottom sides to 8 px and 0 for the left and top. vi. Change the border radius to 20 px .
image text in transcribed

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database And Expert Systems Applications Dexa 2021 Workshops Biokdd Iwcfs Mlkgraphs Al Cares Protime Alsys 2021 Virtual Event September 27 30 2021 Proceedings

Authors: Gabriele Kotsis ,A Min Tjoa ,Ismail Khalil ,Bernhard Moser ,Atif Mashkoor ,Johannes Sametinger ,Anna Fensel ,Jorge Martinez-Gil ,Lukas Fischer

1st Edition

3030871002, 978-3030871000

Students also viewed these Databases questions