Testibility.github.io/contactus.html at main · varsha080/Testibility.github.io · 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
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TestibilityHub. Contact Us</title>
    <link rel="stylesheet" href="./main.css">
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./media-queries.css">
</head>
<body>
    <!-- <div class="upper-head " >
        <div class="container flex contact-head" style="justify-content: space-between;">
            <a class="company-logo" href="./main.html">
                <img src="./assets/asset 1.png">
            </a>
        <div class="contact-head-link flex">
        <a class="hover-link" href="./signin.html" style="padding: 5px; font-size: 1.2rem; text-decoration: underline;">Sign In</a>
        <a class="pri-btn">Sign Up</a>
        </div>
        </div>
    </div> -->

    <nav>
        <div class="container main-nav flex">
            <a class="company-logo" href="./index.html">
             <img src="./assets/asset 1.png">
            </a>
            <div class="nav-links " id="nav-link">

                <ul class="flex">
                    <div class="dropdown">
                    <li class="hover-link dropdown-btn ">Products <i class="fa fa-caret-down"></i></li>

                    <div class="dropdown-contents">
                        <a href="#" class="hover-link">Link 1</a>
                        <a href="#" class="hover-link">Link 2</a>
                        <a href="#" class="hover-link">Link 3</a>
                        <a href="#" class="hover-link">Link 4</a>
                        <a href="#" class="hover-link">Link 5</a>
                    </div>


                     </div>

                <li><a href="./pricing.html"class="hover-link">Pricing</a></li>
                <li><a href="./contactus.html"class="hover-link active">Contact Us</a></li>
                <li><a href="./helpout.html"class="hover-link">Help Out</a></li>
                <li><a href="./signin.html"class="hover-link sec-btn">Sign in</a></li>
                <li><a href="./signup.html"class="hover-link pri-btn ">Sign up</a></li>
              </ul>
            </div>
            <a href="#" class="nav-toggle hover-link" id="nav-toggle"><i class="fa-solid fa-bars"></i></a>
        </div>
    </nav>


    <div class="contact-us flex">
     <div class="contact-left">
        <img src="./assets/Contact us-amico.svg">
     </div>

        <div class="container get-in-touch-links flex">

            <h1 style="margin-top: 20px;">GET IN TOUCH</h1>
              <i class="fa-solid fa-phone"> Phone : +121 45XXXX XXXXX</i>
              <i class="fa-solid fa-envelope"> Email: testibilityhub.co.in</i>
              <i class="fa-solid fa-location-dot"> Address: 34 street, NYC</i>
              <div class="links flex">
                <a href="#" class="hover-link social-media-links"><i class="fa-brands fa-square-facebook"></i></a>
                <a href="#" class="hover-link social-media-links"><i class="fa-brands fa-square-twitter"></i></a>
                <a href="#" class="hover-link social-media-links"><i class="fa-brands fa-youtube"></i></a>


              </div>

        </div>


    </div>

    <div class="container contact-us-body flex">

        <div class="sign-up-form">

            <div class="  sign-in-info flex">
                <h1>Write to us </h1>
                <form class="input sign-up-input flex sign-up" action="https://formsubmit.co/9d5595fc0a9aa4ba6bf90087b65ea15a" method="post">
                <label for="name" class="required">Name:</label>
                <input type="name" name="name" required/>
                <input type="text" name="_honey" style="display:none">
                <label for="email" class="required">Email Address:</label>
                <input type="email" name="email" required/>
                <label for="message" class="required">Your Message</label>
                <textarea rows="6" cols="55" name="message" required></textarea>
                <input type="hidden" name="_next" value="http://127.0.0.1:5501/thankpage.html">
                <button type="submit" class="pri-btn sign-in-sub">Submit</button>

                <input type="hidden" name="_autoresponse" value="Thank you for your message! We will connect to you soon">
                </form>

          </div>
    </div>

    </div>
    <script src="https://kit.fontawesome.com/8e08b584d8.js" crossorigin="anonymous"></script>
    <script src="./main.js"></script>
</body>
</html>