Basic-HTML-Projects/lecture3.html at master · hiitarun1/Basic-HTML-Projects · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lecture 3</title>
</head>
<body>
<p class="heading">Talking Tech and AI with Google CEO Sundar Pichai!</p>
<p class="view">3.4M Views 	&#183; 6 months ago </p>
<p class="name">Marques Brownlee &#10003;</p>
<p class="description">Talking tech and AI on the heels of Google IO Also a daily driver phone reveal from Google's CEO. Shoutout to Sundar!</p>
<p class="sale">Shop early for the best selection of holiday favourites.<span class="shopnow"> Shop now </span>&#62; </p>


<style>
    .heading{
        font-family :arial;
        font-size:20px;
        font-weight:bold;
        width:350px;
        line-height:24px;
        margin-bottom:5px;
    }
    .view{
        color:rgba(60, 58, 58, 0.762);
        font-weight:bold;
        margin-top:0;
        font-size:14px;
    }
    .name{
        color:rgba(60, 58, 58, 0.762);
        font-weight:bold;

    }
    .description{
        color:rgba(60, 58, 58, 0.762);
        font-weight:bold;
        width:300px;
        margin-bottom:200px;
        font-size:15px;
    }
    .sale{
        text-align:center;
        background-color:rgb(225, 53, 53);
        color:white;
        padding-left:10px;
        padding-top:20px;
        padding-bottom:20px;
    }
    .shopnow:hover{
        text-decoration:underline;
        cursor:pointer;
    }
</style>

</body>
</html>