my-basic-details/contact.html at main · Ikechukwu750/my-basic-details · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Contact Iyke</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://kit.fontawesome.com/30acee10e5.js" crossorigin="anonymous"></script>
</head>

<body>
    <header>

        <div class="home">
            <h2><a href="#">Iyke Codez</a></h2>
        </div>

        <nav>

            <ul class="nav-items">
                <li><a href="index.html">About Me</a></li>
                <li><a href="#" class="active">Contact</a></li>
                <li><a href="register.html">Register</a></li>
                <li><a href="sign-in.html">Login</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="contact-head">
            <h2>Contact Me</h2>
            <p>Kindly fill out the form below to contact me</p>
        </section>
        <hr>
        <section>
            <form action="" id="contact-info">
                <label for="fname">Full Name:</label><br>
                <input type="text" name="fname" id="fname" placeholder="John Doe"><br>

                <label for="email">Email:</label><br>
                <input type="email" name="email" id="email" placeholder="someone@example.com"><br>


                <label for="message">Message:</label><br>
                <textarea name="message" id="message" cols="30" rows="6"
                    placeholder="Enter your message here..."></textarea><br>

                <button type="submit">Submit</button>
            </form>
        </section>
    </main>
    <footer>
        <div id="social-group">
            <div class="social">
              <a href="https://www.facebook.com/ikechukwu750" target="_blank"> <i class="fab fa-facebook-f"></i> </a>
            </div>
            <div class="social">
              <a href="https://www.twitter.com/iyke4web" target="_blank"> <i class="fab fa-twitter"></i> </a>
            </div>
            <div class="social">
              <a href="https://www.linkedin.com/in/ikechukwu-kalu-059528235" target="_blank"> <i class="fab fa-linkedin"></i> </a>
            </div>
          </div>
        <p>Designed and Developed by Iyke</p>
        <p>Copyright &copy; 2022 - All Rights Reserved.</p>
    </footer>


</body>

</html>