HTML-PROJECT/bootcamphtmlproject201.html at master · narahari27/HTML-PROJECT · 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
<!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>Html 201 project</title>
    <link rel="shortcut icon" href="favicon-16x16.png" type="image/png">
</head>
<body>
    <table width="100%">
        <tr>
            <th colspan="2" class="queen"><H3>Welcome To my Project HTML 201</H3></th>
        </tr>
        <tr>
            <th class="pawn" width="20%"><b>Navigation</b>
                <a href="bootcamp.html">Click here to go to my previous image</a>
            </th>

            <td class="bishop">
                <div>
                    <h3>This is my main Content</h3>
                </div>
                <div>
                    <img height="280px" width="450px" src="laptop.jpg" alt="">
                    <p class="king">
                        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor totam id voluptatum, eaque, adipisci esse facere ullam, inventore tempora consectetur asperiores sequi vitae nihil est aliquam ipsa illum omnis ipsam.
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero necessitatibus ipsa, omnis blanditiis ipsam illum sunt eius labore! Porro tempora ipsum suscipit odit debitis labore dolore quidem nam facere blanditiis?
                    </p>
                </div>
                <div>
                    <iframe width="1250" height="315" src="https://www.youtube.com/embed/kBT-bMNOy1g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </td>
        </tr>
        <tr>
            <th colspan="2"><h3>Copyright registered &copy;2021</h3></th>
        </tr>
    </table>

    <style>
        .king{
            padding: 30px; color: white; background-color: darkblue;
            display: flex;
        }
        .queen{
            color:black;background-color: yellow;
        }
        .pawn{
            color: black;background-color: burlywood;
        }
        .bishop{
            background-color: cyan;
        }
    </style>
</body>
</html>