data-visualisation-pp1/contact-us.html at main · gfomengia/data-visualisation-pp1 · 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
113
<!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">
    <meta name="description" content="company that combines technology and
    creativity to help businesses
    unlock the full potential of their data,">
    <meta name="keywords" content="Data visualization, Artificial intelligence,
    Analytics, Business intelligence, Cork, Ireland, Information design">
    <link rel="stylesheet" href="assets/css/style.css">
    <title>Contact Us Page | Sixth Sense</title>
</head>

<body>
    <div class="container">
        <header class="nav-header">
            <nav class="navbar">
                <a href="index.html" style="text-decoration: none;">
                    <h1 id="logo">Sixth Sense</h1>
                </a>

                <ul id="nav-menu">
                    <li>
                        <a href="gallery.html" class="active" target="_blank" rel="noopener"
                            aria-label="Go to Gallery (opens in a new tab)">Gallery</a>
                    </li>
                    <li>
                        <a href="/#aboutus" class="active" target="_blank" rel="noopener"
                            aria-label="Go to contact us page (opens in a new tab)">About Us</a>
                    </li>
                    <li>
                        <a href="contact-us.html" class="active" target="_blank" rel="noopener"
                            aria-label="Go to contact us page (opens in a new tab)">Contact Us</a>
                    </li>
                </ul>
            </nav>
        </header>
        <section class="hero-section">
            <div class="container">
                <div class="hero-content-left">
                    <h2>Have Questions?</h2>
                    <p>If you have any questions, inquiries, or would like to discuss how we can help your business
                        harness the power of data
                        visualization. Our team of experts is ready to assist
                        you.</p>
                    <div class="btns">
                        <a href="#contact-us.html">Contact Us</a>
                        <a href="/#products" target="_blank" rel="noopener"
                            aria-label="Go to contact us page (opens in a new tab)">Learn More</a>
                    </div>
                </div>
                <div class="hero-image-right">
                    <img src="assets/images/wepik-export-20230530003137y4GK.jpeg" alt="chart data visualization">
                </div>
            </div>
        </section>
        <section class="service-section form-section">
            <div class="container">
                <h2 class="form-heading">Contact Us</h2>
                <p class="form-heading-p">Get in touch for a Demo and other qustions you might have.</p>
                <div class="form-container">
                    <form action="#" method="POST" id="contact-form">
                        <div class="form-group">
                            <label for="name">Name:</label>
                            <input type="text" id="name" name="name" required>
                        </div>

                        <div class="form-group">
                            <label for="email">Email:</label>
                            <input type="email" id="email" name="email" required>
                        </div>

                        <div class="form-group">
                            <label for="message">Message:</label>
                            <textarea id="message" name="message" required></textarea>
                        </div>

                        <div class="form-group">
                            <button type="submit">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </section>

        <footer>
            <div class="footer-content">
                <div class="footer-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Contact Us</a>
                </div>
                <div class="footer-social">
                    <a href="https://facebook.com/" class="social-link" target="_blank" rel="noopener"
                        aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook-f"></i></a>
                    <a href="https://twitter.com/" class="social-link" target="_blank" rel="noopener"
                        aria-label="Visit our Twitter page (opens in a new tab)"><i class="fab fa-twitter"></i></a>
                    <a href="https://instagram.com/" class="social-link" target="_blank" rel="noopener"
                        aria-label="Visit our Instagram page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
                    <a href="https://youtube.com/" class="social-link" target="_blank" rel="noopener"
                        aria-label="Visit our youtube page (opens in a new tab)"> <i
                            class="fa-brands fa-youtube"></i></i></a>
                </div>
                <p>&copy; 2023 Sixth Sense Data Visualization</p>
            </div>
            <script src="https://kit.fontawesome.com/99b70ebd64.js" crossorigin="anonymous"></script>
        </footer>
</body>

</html>