what I have so far Document Cursus Eget Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit. Diam Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id venenatis. A condimentum vitae sapien pellentesque habitant. Aliquam Sem Fringilla Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis auctor elit

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question
100%

what I have so far


<!DOCTYPE html>
<html lang="en">

<style>

body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #556271;
color: white;
}

h1{
color: #fe6a67;
text-align: center;
font-weight: normal;
text-transform: uppercase;
border-top: 1px dotted #d4dccd;
margin-top: 30px;
}

h2{
font-size: 1em;
text-align: center;
}

body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1{
width: 2px;
border-top: 1px dotted;
border-top-color: #506D84;
}

h2{
text-align: center;
}

</style>


<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.first>h2, .second>h2, .third>h2 {
margin-top: 10px;
margin-bottom: 10px;
}

.image {
width: 200px;
}
</style>
</head>

<body>
<div class="first">
<h2>Cursus Eget</h2>
<p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam
maecenas sed enim ut sem viverra aliquet eget sit.</p>
</div>

<div class="second">
<h2>Diam</h2>
<p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id
venenatis. A condimentum vitae sapien pellentesque habitant.</p>
</div>

<div class="third">
<h2>Aliquam Sem Fringilla</h2>
<p>Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis auctor elit</p>
</div>

<img src="21.png" alt="picture" class="image">
</body>

</html>

---

### Instructions for Using Google Fonts in Your Style Sheet

1. **Visit Google Fonts.**
2. **Search for three interesting fonts.**
3. **Select a font family:** Click on the font preview and press the "select this style" button.
4. **View your selections:** After choosing the font families, press the "View your selected families" button in the top right corner of the page.
5. **Import the font:** Use the import rule (without the `<style>` tags) in your style sheet.
6. **Refer to CSS declarations:** Check the CSS declarations example in the selected families menu to learn how to use your selected fonts.

---

### Style Rules

Add the following style rules to your style sheet:

```css
.primary-font {
  
}

.secondary-font {
  
}
```

---

### Completing the Style Rules

- **Provide your Google Fonts:** Include them as values for the `font-family` property. Include a web-safe font as a fallback if the browser fails to load the Google Font.

- **Apply the Fonts:**
  - Use the `.primary-font` class for the Level One Section Heading.
  - Use the `.secondary-font` class for the Level Two Section Heading.

- **Create a Style Rule:**
  - Apply the third Google Font to any paragraph element immediately following an element with the `.secondary-font` class.

---
Transcribed Image Text:--- ### Instructions for Using Google Fonts in Your Style Sheet 1. **Visit Google Fonts.** 2. **Search for three interesting fonts.** 3. **Select a font family:** Click on the font preview and press the "select this style" button. 4. **View your selections:** After choosing the font families, press the "View your selected families" button in the top right corner of the page. 5. **Import the font:** Use the import rule (without the `<style>` tags) in your style sheet. 6. **Refer to CSS declarations:** Check the CSS declarations example in the selected families menu to learn how to use your selected fonts. --- ### Style Rules Add the following style rules to your style sheet: ```css .primary-font { } .secondary-font { } ``` --- ### Completing the Style Rules - **Provide your Google Fonts:** Include them as values for the `font-family` property. Include a web-safe font as a fallback if the browser fails to load the Google Font. - **Apply the Fonts:** - Use the `.primary-font` class for the Level One Section Heading. - Use the `.secondary-font` class for the Level Two Section Heading. - **Create a Style Rule:** - Apply the third Google Font to any paragraph element immediately following an element with the `.secondary-font` class. ---
Expert Solution
Step 1

Given,

  • We have to fix the given HTML code
steps

Step by step

Solved in 4 steps with 2 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY