Sample-Website/Home.html at main · dark-devil9/Sample-Website · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MrWow|Home</title>
    <link rel="stylesheet" href="/style/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lugrasimo&family=Roboto+Slab&family=Style+Script&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/8cabb299bf.js" crossorigin="anonymous"></script>

</head>

<body>
    <header>
        <h1>Mr. Wow</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#" id="home">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#" id="contact">Contact Us</a></li>
        </ul>
    </nav>

    <div class="content">

        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit culpa iste corporis consectetur distinctio
            qui, porro, placeat deleniti veritatis perferendis, facilis sapiente maiores alias facere quibusdam magnam
            voluptate. Enim iure amet, in sunt fugit voluptates velit incidunt! Veritatis pariatur nobis eius rerum
            tempora accusantium harum possimus adipisci quam? Ipsa, quos.</p>

        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloremque incidunt illo non assumenda id, nihil
            quam officia, voluptatibus cum, voluptas possimus laborum debitis. Unde facere nam officiis maiores quod
            voluptates rem, voluptatibus laudantium laboriosam nobis voluptatem in totam omnis consectetur enim fugiat
            sequi id repudiandae, distinctio libero necessitatibus animi suscipit? Sit dolorum blanditiis expedita iste
            accusamus aliquid, reprehenderit dolorem deserunt, temporibus, aut hic. Dolore fuga aspernatur, perferendis
            nam ab incidunt consequuntur deserunt consectetur modi. Totam!</p>
    </div>

    <div class="contact">
        <div class="cont">
        <h1>Contact Us</h1>
        <form action="">

            <input type="text" id="name" placeholder="Enter Your Name" required>

            <input type="email" id="email" placeholder="Enter Your Email" required>

            <textarea name="Message" id="message" cols="30" rows="10" placeholder="Enter Your Message"></textarea>
            <input type="submit" name="submit" id="submit" value="Submit">
        </form>
    </div>
    </div>


    <div class="socialmedia">
        <h1><span>Social Media</span></h1>
        <ul>
            <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-github"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-whatsapp"></i></a></li>
        </ul>
    </div>

    <footer>
        <h4>&#64;Copyright2023. All rights reserved. Mr. Wow</h4>
    </footer>

</body>

</html>