Magic-Touch-Spa/ContactUs.html at main · Meekaylah/Magic-Touch-Spa · 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>

    <title>Contact Us</title>
    <link rel="stylesheet" type="text/css" href="./css/main.css">
    <link rel="stylesheet" href="./css/navbar.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="https://coolors.co/0077b6"/>
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Montserrat&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
    <link href="https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro-v6@18657a9/css/all.min.css" rel="stylesheet" type="text/css" />
</head>

<body style="background-color: #90E0EF;" class="light">
    <header src="./css/navbar.css">
        <nav class="navbar">
            <ul>
                <li class="navbar-logo"><a href="index.html"><img src="./images/again.png" alt="Magic Touch"></a></li>
                <li class="navbar-toggle"><i class="fas fa-bars"></i></li>
                <li class="navbar-links"><a href="index.html#about-us">About Us</a></li>
                <li class="navbar-links"><a href="index.html#service-display">Services</a></li>
                <li class="navbar-links"><a href="index.html#testimonials">Testimonials</a></li>
                <li class="navbar-links"><a href="ContactUs.html">Contact Us</a></li>
                <li class="navbar-links"><a href="Register.html" class="register btn">Register</a></li>
            </ul>
        </nav>
    </header>
    <div class="selector">CONTACT US</div>
    <fieldset class="contactfield">
            <form id="contactform">
                <br><h2 class="theTop" style="font-family: 'Montserrat', sans-serif; color: black;"">Please feel free to contact us with any questions, concerns or queries.</h2>
                <h2 class="theTop" style="font-family: 'Montserrat', sans-serif; color: black;">We look forward to helping you feel your best!</h2>

                    <br><p style="font-family:'Lato', sans-serif; color: black; font-weight: 600; font-size: medium; font-style: bold;" class="name">Name</p><br>
                            <input style="font-family: 'Montserrat', sans-serif; color: black;" type="text" id="customname"/>
                            <br><br>

                    <p style="font-family:'Lato', sans-serif; color: black; font-weight: 600; font-size: medium; font-style: bold;" class="mail">Email</p><br>
                            <input style="font-family: 'Montserrat', sans-serif; color: black;" type="email" id="email_ad"/>
                            <br><br>

                    <p style="font-family: 'Lato', sans-serif; color: black; font-weight: 600; font-size: medium; font-style: bold;" id="contactresult" class="CustomeAd">Message</p><br>
                            <textarea name="contactmessage" rows="8" id="cont_msg" cols="40" style="font-family: 'Montserrat', sans-serif; color: black;" id="msg"></textarea>
                            <br><br>
            </form>
    </fieldset>
    <footer>
        <div class="footer-distributed">

            <div class="footer-left">
                <img src="./images/favicon.png" alt="Magic Touch">
                <!-- <h3>Magic<span>Touch</span></h3> -->
            </div>

            <form class="footer-center-1" submit>
                <span id="join">Join our Newsletter Today!</span>
                <input type="email" name="email" id="email" placeholder="Type In Your E-mail"><br>
                <button class="submit btn" type="submit" for="email">Submit</button>
            </form>

            <div class="footer-center">
                <span id="find-us">Find Us Here</span>
                <i class="fa-solid fa-location-dot"></i><span>Plot 13, Vanny Estate, Ojodu, Ikeja, Lagos</span><br><br>
                <i class="fa-solid fa-phone"></i><span><a href="tel:123456789">+234 907 2345 123</a><br><a href="tel:123456789">+234 801 2346 456</a></span><br><br>
                <i class="fa-solid fa-envelope"></i><span><a href="https://mail.google.com/">info@magictouch.com</a></span>
            </div>
            <div class="footer-right">
                <p class="footer-company-about">
                    <span>Useful Links</span>
                    <p class="footer-links">
                        <a href="#">Home</a>
                        |
                        <a href="#">About</a>
                        |
                        <a href="#">Services</a>
                        |
                        <a href="#">Contact Us</a>
                    </p>
                </p>
                <div class="footer-icons">
                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                    <a href="#"><i class="fa-brands fa-snapchat"></i></a>
                    <a href="#"><i class="fa-brands fa-tiktok"></i></a>
                </div>
            </div>
        </div>
        <p class="footer-company-name">Copyright © 2022 <strong>MagicTouch</strong> All rights reserved</p>
    </footer>
    <!----End Of Footer------>

    <script>

    </script>
</body>
</html>