WebDev-Notes/CSS/chec.html at master · AnantLuthra/WebDev-Notes · 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
<!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>Developer tools</title>
    <link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500&display=swap" rel="stylesheet">
    <style>
        #heading {
            font-family: "Cooper Black";
            text-align: center;
            font-size: 50px;
            background-color: lightgreen;
        }
        #para1 {
            font-family: 'Catamaran', sans-serif;
            text-align: center;
            font-size: 21px;
        }
        .stylePrimary {
            font-family: 'Manrope', sans-serif;
            text-align: center;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1 id="heading">
        Hare Krishna is the key
    </h1>
    <p id="para1">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime nisi esse eveniet numquam ducimus cumque magni sequi. Est itaque nobis quam doloremque, totam architecto, iusto quaerat cupiditate voluptatum repudiandae molestias?
    </p>
    <p class="stylePrimary">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam veniam dolorem voluptates harum. Nulla adipisci ratione temporibus sed ad laboriosam eveniet sint odit tempora magnam fuga accusamus consequatur, soluta aliquam! Hic nisi, dignissimos at id mollitia velit, omnis optio nostrum provident perspiciatis animi quidem quae distinctio quis explicabo nulla dolor!
    </p>
    <p class="stylePrimary">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus maiores, repudiandae optio dolorum, hic dolores ratione explicabo itaque doloribus quia soluta similique a consectetur facilis sapiente dignissimos suscipit eaque ducimus impedit cumque minima? Et nesciunt perspiciatis ut doloremque harum repudiandae est quaerat molestias necessitatibus soluta. Veritatis, voluptates ducimus. Sunt esse, reprehenderit exercitationem modi nostrum debitis sapiente, illo, hic molestiae nobis vero quidem facilis praesentium doloremque voluptates unde commodi laborum? Consequuntur sequi facere dignissimos modi voluptates, fugiat ab voluptatibus ullam itaque explicabo impedit a, excepturi error accusantium eaque aperiam unde libero expedita beatae. Ea exercitationem dolor expedita veritatis ad eaque! Error.
    </p>
</body>
</html>