HTML-CSS-Course/text.html at main · WedithaV/HTML-CSS-Course · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
  <head>
    <title>
      Text
    </title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Jacquarda+Bastarda+9&display=swap" rel="stylesheet">

    <style>

      p{
        font-family:arial;
        font-size:14px;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      .txt1{
        font-weight:bold;
        font-size:18px;
        width:280px;
        line-height:25px;
        margin-top: 20px;
        margin-bottom:5px;
      }

      .txt2{
        color:#606060;
        margin-bottom:20px;
      }

      .txt3{
        color:#606060;
        margin-bottom:20px;
      }

      .txt4{
        color:#606060;
        margin-bottom:80px;
        width:280px;
        line-height:20px;
      }

      .txt5{
        margin-bottom:20px;
        background-color:red;
        text-align:center;
        color:white;
        padding:20px;
      }

      .shop{
        cursor:pointer;
      }

      .shop:hover{
        text-decoration:underline;
      }

    </style>
  </head>

  <body>
    <p style="font-family: Gowun Batang">Weditha</p>
    <p class="txt1">
      Talking Tech and AI with Google CEO Sundar Pichai!
    </p>

    <p class="txt2">
      3.4M views &#183; 6 months ago
    </p>

    <p class="txt3">
      Marques Brownlee &#10003;
    </p>

    <p class="txt4">
      Talking tech and AI on the heels of Google I/O. Also a daily driver phone reveal from Google's CEO. Shoutout to Sundar!
    </p>

    <p class="txt5">
      Shop early for the best selection of holiday favourites. <span class="shop">Shop now 	&gt;</span>
    </p>
  </body>
</html>