HTML-CSS/index.html at main · chinmay-pro/HTML-CSS · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>HTML</title>
    <!-- Internal CSS -->
    <!-- <style>
        h1{
            color: purple;
        }
        p{
            color: blue;
        }
    </style> -->
</head>

<body>
    <div id="container" class="error">
        <p class="primary">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Distinctio minima non nisi reprehenderit, est quam iste quidem eaque consectetur nulla labore nobis! Ducimus magni iusto veritatis necessitatibus tempore neque accusantium quisquam asperiores labore non dignissimos cum, facilis voluptatum mollitia atque quibusdam commodi libero eos! Praesentium doloribus sequi voluptatum est excepturi aliquam possimus. Porro odio nisi unde?</p>
        <p class="primary alert">I am <em>em</em> and I am <small>small</small></p>
        <a href="https://www.google.com">Google</a>
        <a href="./about.html">About</a>
    </div>

    <div>
        <h1>Heading</h1>
        <h2 class="danger">Heading</h2>
        <h3>Heading</h3>
        <h4>Heading</h4>
        <h5>Heading</h5>
        <h6>Heading</h6>
    </div>

    <div>
        <ul>
            <li class="danger">Bread</li>
            <li>Butter</li>
            <li>Eggs</li>
        </ul>
    </div>
    <div>
        <ol>
            <li>Bread</li>
            <li>Butter</li>
            <li>Eggs</li>
        </ol>
    </div>
    <a href="">Hello</a>
    <a href="https://www.fight.com">Hello Ninja's</a>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat vel earum voluptatibus non minima ducimus, beatae odit error. Qui veniam repudiandae quis laborum tempora quaerat vitae necessitatibus quos similique tempore?
    Ab consequuntur totam, quam, earum error reiciendis vel similique inventore ut asperiores voluptate, quibusdam nostrum in a nemo dignissimos officiis cumque voluptates! Amet at, unde modi iure repudiandae eligendi vero!
    Ab quia neque asperiores incidunt odit nam qui, quidem illum mollitia laboriosam libero saepe velit quod, magnam explicabo rerum architecto! Optio reprehenderit consequatur consequuntur saepe cumque id expedita incidunt molestias!
    Harum optio dolor culpa, quos sint ipsum deleniti sunt dolores, laudantium, reprehenderit laborum assumenda. Numquam, unde. Perferendis nam voluptate et doloribus? Consequuntur voluptate quos rerum quae, porro blanditiis eos unde.</p>
    <span>I am a <br>Span</span>
    <hr>
    <img src="./Theory/Summary.png" width="300" alt="Summary">
    <blockquote cite="https://www.google.com">
        Hey Guys
    </blockquote>
    <!-- Inline CSS -->
    <!-- <p style="color: aquamarine;">AQUA</p> -->
</body>
</html>