Provide html and css seperately         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

Provide html and css seperately

 

<!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">

<h1>Cursus Eget</h1>

<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>

1. Go to Google Fonts.
2. Search for three interesting fonts
3. To select a font family, click on the font preview and press the "select this style" button
4. When you've chosen the font families, press the View your selected families button in
the top right corner of the page.
5. Use the import rule (without the <style> tags) in your style sheet to import the font
6. Refer to the CSS declarations example in the selected families menu to learn how to use
your selected fonts
Add the following style rules to your style sheet:
primary-font {
.secondary-font {
Complete the style rules above by providing your Google Fonts as values to the font-
family property. Be sure to include a web safe font as a fallback if the browser fails to
load the Google Font.
Apply the primary font class to the Level One Section Heading. Then apply the secondary
font class to the Level Two Section Heading.
Finally, create a style rule that applies the third Google Font to any paragraph element
that immediate follows an element with the secondary font class.
Transcribed Image Text:1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on the font preview and press the "select this style" button 4. When you've chosen the font families, press the View your selected families button in the top right corner of the page. 5. Use the import rule (without the <style> tags) in your style sheet to import the font 6. Refer to the CSS declarations example in the selected families menu to learn how to use your selected fonts Add the following style rules to your style sheet: primary-font { .secondary-font { Complete the style rules above by providing your Google Fonts as values to the font- family property. Be sure to include a web safe font as a fallback if the browser fails to load the Google Font. Apply the primary font class to the Level One Section Heading. Then apply the secondary font class to the Level Two Section Heading. Finally, create a style rule that applies the third Google Font to any paragraph element that immediate follows an element with the secondary font class.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

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