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
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>
Step by step
Solved in 2 steps with 1 images
