Complete-web-devlopment/TUT19.html at master · shivanshunigam01/Complete-web-devlopment · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">

<head>
    <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>Styling link and buttons</title>
    <link rel="icon" href="C:\Users\91989\Downloads\pexels-arshad-sutar-1749303.jpg">
    <style>

.container{
    background-color: antiquewhite;
    border: 2px solid red;
    padding: 28px;
    margin: 28px;
}
.btn{
    cursor:pointer;
    font: 500;
    font-family: Arial, Helvetica, sans-serif;
}

    </style>
</head>
<div id="container" class="cont1">

    <h3>This is my heading</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam delectus explicabo blanditiis, recusandae,
        consequatur corporis error quidem porro voluptates nam expedita. Necessitatibus numquam inventore et enim soluta
        iste dolores voluptate maxime nostrum? Architecto, culpa!</p>
        <button id="btn">press me</button>
</div>

<body>

</body>

</html>