Make a site about two yummy things. It should have a page for each thing, and a home page with the URL index.html. Using Bootstrap, give each page a header, content region, and footer. For this exercise, put your home page and the two yummy thing pages in the same folder. I used these classes on the img: A class to float to the left. A class to make the image responsive. A class to give it a border. A class to give it a right margin (me-2) [Remember, me- means at the end of the line, right in English.] A class to give it a little padding. Here's the footer HTML I used:   No rights reserved. Set up your pages so that the navbar and footer are reused. So, if I change the footer to this:   Some rights reserved. The page would change to the picture I uploaded below.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question
100%

Make a site about two yummy things. It should have a page for each thing, and a home page with the URL index.html. Using Bootstrap, give each page a header, content region, and footer.

For this exercise, put your home page and the two yummy thing pages in the same folder.

I used these classes on the img:

  • A class to float to the left.
  • A class to make the image responsive.
  • A class to give it a border.
  • A class to give it a right margin (me-2) [Remember, me- means at the end of the line, right in English.]
  • A class to give it a little padding.

Here's the footer HTML I used:

  • <p class="small mt-4">
  •   No rights reserved.
  • </p>

Set up your pages so that the navbar and footer are reused. So, if I change the footer to this:

  • <p class="small mt-4">
  •   Some rights reserved.
  • </p>

The page would change to the picture I uploaded below.

 

 

 

**Home Page:**

- **Title:** Yum!
- **Navigation Bar:** 
  - Links: Yum! | Coffee | Chocolate
- **Content:**
  - **Welcome**
    - Description: "Here are two yummy things."
    - Bullet Points:
      - Coffee
      - Chocolate
- **Footer:** No rights reserved.

Note: You can customize this section with your own favorite items.

**Design Tip:**
- The navigation bar is designed to be horizontal and fits on all screen sizes, including very small ones.

**Coffee Page:**

- **Title:** Yum!
- **Navigation Bar:** 
  - Links: Yum! | Coffee | Chocolate
- **Content:**
  - **Coffee**
    - Image: A cup of coffee
    - Description: "Coffee. Soooo good!"
Transcribed Image Text:**Home Page:** - **Title:** Yum! - **Navigation Bar:** - Links: Yum! | Coffee | Chocolate - **Content:** - **Welcome** - Description: "Here are two yummy things." - Bullet Points: - Coffee - Chocolate - **Footer:** No rights reserved. Note: You can customize this section with your own favorite items. **Design Tip:** - The navigation bar is designed to be horizontal and fits on all screen sizes, including very small ones. **Coffee Page:** - **Title:** Yum! - **Navigation Bar:** - Links: Yum! | Coffee | Chocolate - **Content:** - **Coffee** - Image: A cup of coffee - Description: "Coffee. Soooo good!"
**Page Overview: Coffee Section**

- **Title:** Yum! Coffee Chocolate
- **Content Introduction:**
  - **Header:** Coffee

- **Image Description:**
  - A white coffee cup filled with coffee is placed on a saucer. The background features an array of coffee beans.
 
- **Caption:**
  - Text beside the image reads: *Coffee. Soooo good!*

- **Footer Note:**
  - A line at the bottom indicates certain usage rights: *Some rights reserved.*

This page is a section of a website focused on different foods, highlighting coffee in this instance.
Transcribed Image Text:**Page Overview: Coffee Section** - **Title:** Yum! Coffee Chocolate - **Content Introduction:** - **Header:** Coffee - **Image Description:** - A white coffee cup filled with coffee is placed on a saucer. The background features an array of coffee beans. - **Caption:** - Text beside the image reads: *Coffee. Soooo good!* - **Footer Note:** - A line at the bottom indicates certain usage rights: *Some rights reserved.* This page is a section of a website focused on different foods, highlighting coffee in this instance.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 5 steps with 6 images

Blurred answer
Knowledge Booster
Table
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education