First-Site/semantics.html at main · sankha2812/First-Site · 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
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="goodlooking.css">
        <title>Meghalaya Memories</title>
    </head>
    <body>
        <header>
            <h1>Meghalaya</h1>
        </header>
        <section class="banner">
            <img src="Sankha 2.jpg" alt="made with love">
            <div class="welcome">
                <h2>Welcome to <br><span>Shillong</span></h2>
            </div>
        </section>
        <nav class="navbar">
            <ul>
            <li><a href="/WebD/Html-Css Crash Course/index.html" class="join">join us</a></li>
            <li><a href="/WebD/Html-Css Crash Course/forms.html">forms</a></li>
            <li><a href="/games.htmls">Games</a></li>
            <li><a href="/contactus.html">contact us</a></li>
            </ul>
        </nav>

        <main>
            <article>
                <h2>Hey it's me, Sankha.</h2>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat iste, sed laudantium ab incidunt tempora deleniti iusto, in, consequuntur at exercitationem repudiandae temporibus maxime quasi suscipit dolorem animi. Tempore, iusto possimus! Accusantium necessitatibus maiores voluptatibus error libero quisquam inventore quidem incidunt aliquid, aliquam facere itaque at optio laudantium officiis tempore.</p>
            </article>
            <ul class="images">
                <li><img src="Sankha 1.jpg" alt="puppies" ></li>
                <li><img src="Sankha 5.jpg" alt="dawki"></li>
            </ul>
        </main>
        <section class="attach">
            <h2>Join Now</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam dolores ab ut doloremque nihil id eos, dicta, illo a iure quod. Tenetur praesentium libero eos, assumenda incidunt dignissimos totam dolor?</p>
            <form>
                <input type="email" name="email" placeholder="Type email and hit enter" required>
            </form>
        </section>
        <footer>
            <p class="copyright">Copyright-2021-Sankha</p>
        </footer>
    </body>
</html>