webdesigning/demo7.html at master · sumitprojects/webdesigning · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <header>
        <nav>
            <a>Home</a>
            <a>About</a>
            <a>Service</a>
            <a>Contact</a>
        </nav>
    </header>
    <main>
        <section>
            <h1>Section 1</h1>
            <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis perspiciatis, quae debitis optio pariatur eos, consequuntur eligendi repudiandae laboriosam asperiores accusantium totam architecto, harum omnis saepe quasi rerum quia. Veniam. Lorem ipsum
                dolor sit, amet consectetur adipisicing elit. Iure nihil quos sint aspernatur, doloremque nesciunt accusantium repellendus, ad harum ab saepe voluptate necessitatibus! Facere inventore deserunt, magnam modi recusandae fugiat!
            </p>
        </section>
        <section>
            <h1>Section 1</h1>
            <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis perspiciatis, quae debitis optio pariatur eos, consequuntur eligendi repudiandae laboriosam asperiores accusantium totam architecto, harum omnis saepe quasi rerum quia. Veniam. Lorem ipsum
                dolor sit, amet consectetur adipisicing elit. Iure nihil quos sint aspernatur, doloremque nesciunt accusantium repellendus, ad harum ab saepe voluptate necessitatibus! Facere inventore deserunt, magnam modi recusandae fugiat!
            </p>
        </section>
        <section>
            <h1>Section 1</h1>
            <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis perspiciatis, quae debitis optio pariatur eos, consequuntur eligendi repudiandae laboriosam asperiores accusantium totam architecto, harum omnis saepe quasi rerum quia. Veniam. Lorem ipsum
                dolor sit, amet consectetur adipisicing elit. Iure nihil quos sint aspernatur, doloremque nesciunt accusantium repellendus, ad harum ab saepe voluptate necessitatibus! Facere inventore deserunt, magnam modi recusandae fugiat!
            </p>
        </section>
        <section>
            <h1>Article</h1>
            <article>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora nesciunt, culpa dolore officiis provident doloremque harum asperiores eum vel. Sunt doloribus numquam facilis quo aperiam ullam consectetur perferendis natus eaque.
            </article>
        </section>
        <aside>
            <h1>Sidebar Section</h1>
            <p>
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. At neque amet ipsum iste sapiente. Et iure voluptate harum labore veritatis voluptas at, totam maiores vel amet quibusdam distinctio a cum!
            </p>
        </aside>
        <section>
            <table border="1">
                <thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Demo 1</td>
                        <td>Demo 1</td>
                        <td>100</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="2">Total</td>
                        <td>100</td>
                    </tr>
                </tfoot>
            </table>
        </section>
        <section>
            <h1>Media Tag</h1>
            <figure>
                <img src="img/img01.jpg" alt="">
                <figcaption>Image 1</figcaption>
            </figure>
            <video width="320" height="240" loop autoplay>
                <source src="https://www.w3schools.com/html/movie.mp4" type="video/mp4"/>
            </video>
            <audio controls>
                <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
            </audio>
        </section>
    </main>
    <footer>
        <h1>Footer</h1>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor aliquam reiciendis voluptas, repellat animi commodi praesentium placeat voluptatum. Eveniet consequatur magni ipsam culpa suscipit. Voluptates expedita incidunt ab aut eaque.
        </p>
    </footer>
</body>

</html>