Index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Brian Cheloti</title>
<style>
    #hd1{
        color: red;
        background-color: aqua;
    }
    .cls1{
        font-style: italic;
        color: blue;
    }
    .cls2{
        border: 35px ridge red;
    }
    #hd3:hover{
        background-color: yellow;
        border: 2px solid;
    }
</style>
</head>
<body>
<h1 id="hd3" class="cls1 cls2">This is heading one</h1>
<h2 class="cls1">This is heading two</h2>
<p class="cls2">This is a paragraph</p>
<h1>This is heading one</h1>
<h2 class="cls1">This is heading two</h2>
<p>This is a paragraph</p>
<h1>This is heading one</h1>
<h2 class="cls1">This is heading two</h2>
<p>This is a paragraph</p>
<h1>This is heading one</h1>
<h2 class="cls1">This is heading two</h2>
<p>This is a paragraph</p>
</body>
</html>