-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathcontact.html
135 lines (121 loc) · 4.24 KB
/
contact.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us | DuoAlly AI</title>
<link rel="icon" type="image/jpeg" href="./images/logo.jpg">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
</head>
<style>
.contact-heading {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 2rem;
}
.contact-image {
max-width: 400px;
height: 400px;
margin: 2rem auto;
display: block;
}
.contact-form {
background: #f8f9fa;
padding: 3rem;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
border: 2px solid #0066cc;
min-height: 600px;
}
.form-control {
margin-bottom: 1.5rem;
padding: 0.8rem;
}
textarea {
resize: vertical;
height:125px;
}
.form-label {
font-size: 1.1rem;
margin-bottom: 0.5rem;
}
input.form-control {
height: 50px;
}
.btn-primary {
padding: 0.8rem;
font-size: 1.1rem;
margin-top: 1rem;
}
.contact-p{
font-size:1.1em;
color:#6b7280;
}
</style>
<body>
<nav>
<div class="container nav-content">
<a href="index.html" class="nav-logo">DuoAlly</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html" class="active">Contact</a></li>
</ul>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<!-- Left Column -->
<div class="col-md-6">
<h1 class="contact-heading">Contact Us</h1>
<p class="contact-p">Need to report a bug, want to request a feature, share feedback, or tell us about your gaming adventures?</p>
<p class="contact-p"> Send us a message - our dedicated team is ready to assist 24/7! </p>
<img src="images/contact_mascot.jpg" alt="Contact Support" class="contact-image">
</div>
<!-- Right Column -->
<div class="col-md-6">
<div class="contact-form">
<form action="https://formspree.io/f/xyzzkddy" method="POST">
<div class="mb-4">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Enter your name">
</div>
<div class="mb-4">
<label for="email" class="form-label">Work Email</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter your email">
</div>
<div class="mb-4">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" name="message" placeholder="Write your message here"></textarea>
</div>
<button type="submit" class="btn btn-primary w-100">Send Message</button>
</form>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="social-links">
<a href="https://github.com/DuoAlly" class="social-icon" target="_blank">
<i class="fab fa-github" aria-label="GitHub"></i>
</a>
<a href="https://x.com/DuoallyAI" class="social-icon" target="_blank">
<svg viewBox="0 0 24 24" aria-label="X">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
</a>
<a href="https://www.linkedin.com/company/duoally/" class="social-icon" target="_blank">
<i class="fab fa-linkedin" aria-label="LinkedIn"></i>
</a>
</div>
<div class="copyright">
© 2025 DuoAlly AI. All rights reserved.
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>