-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathsolution.html
More file actions
210 lines (200 loc) · 10.5 KB
/
Copy pathsolution.html
File metadata and controls
210 lines (200 loc) · 10.5 KB
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Solutions - HearMe</title>
<link rel="stylesheet" href="solution.css">
</head>
<body>
<!-- Header Section -->
<header>
<div class="logo-container">
<img src="logo.png" alt="Sign for Deaf Logo" class="logo">
</div>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="pricing.html">Pricing</a>
<a href="#contact">Contact</a>
</nav>
</header>
<!-- Solutions Hero Section -->
<section class="solutions-hero" id="home">
<h1>Our Solutions</h1>
<p>Innovative and inclusive technology that bridges communication gaps for the deaf and hard of hearing community.</p>
<a href="#contact" class="btn">Get in Touch</a>
</section>
<!-- Solutions Overview -->
<section class="solutions-overview animate-on-scroll">
<div class="overview-content">
<h2 class="section-title">Bridging Communication Gaps</h2>
<p>At HearMe, we provide comprehensive solutions designed to make communication seamless between deaf and hearing individuals. Our technology combines advanced AI, machine learning, and human-centered design to create tools that are both powerful and intuitive.</p>
<p>From real-time sign language translation to educational resources, our suite of solutions addresses various communication challenges faced by the deaf community in everyday life, education, and professional settings.</p>
</div>
</section>
<!-- Solutions Grid -->
<section class="solutions-grid">
<div class="solution-container">
<h2 class="section-title">Our Key Solutions</h2>
<!-- Solution 1 -->
<div class="solution-row animate-on-scroll">
<div class="solution-image">
<img src="images1.png" alt="Mobile App Solution">
</div>
<div class="solution-text">
<h3 class="solution-title">Mobile Translation App</h3>
<p class="solution-description">Our flagship mobile application translates sign language into text and speech in real-time, enabling seamless communication between deaf and hearing individuals.</p>
<ul class="solution-features">
<li>Real-time sign language recognition and translation</li>
<li>Voice-to-text capabilities for two-way communication</li>
<li>Support for multiple sign languages (ASL, BSL, etc.)</li>
<li>Works offline for essential phrases</li>
<li>Customizable dictionary for personal signs</li>
</ul>
<a href="#" class="btn">Learn More</a>
</div>
</div>
<!-- Solution 2 -->
<div class="solution-row animate-on-scroll">
<div class="solution-image">
<img src="bgimg.png" alt="Enterprise Solution">
</div>
<div class="solution-text">
<h3 class="solution-title">Enterprise Integration</h3>
<p class="solution-description">Our enterprise solutions help businesses create inclusive workplaces by integrating sign language translation capabilities into their communication infrastructure.</p>
<ul class="solution-features">
<li>Video conferencing integration</li>
<li>Customer service solutions</li>
<li>Training and educational resources</li>
<li>Accessibility compliance consulting</li>
<li>Custom API access for developers</li>
</ul>
<a href="#" class="btn">Learn More</a>
</div>
</div>
<!-- Solution 3 -->
<div class="solution-row animate-on-scroll">
<div class="solution-image">
<img src="bgimg.png" alt="Educational Platform">
</div>
<div class="solution-text">
<h3 class="solution-title">Educational Platform</h3>
<p class="solution-description">Our educational platform makes learning environments more inclusive for deaf students by providing real-time translation and educational resources.</p>
<ul class="solution-features">
<li>Classroom lecture transcription</li>
<li>Interactive sign language learning modules</li>
<li>Curriculum adaptation tools for educators</li>
<li>Peer communication support</li>
<li>Progress tracking and reporting</li>
</ul>
<a href="#" class="btn">Learn More</a>
</div>
</div>
<!-- Solution 4 -->
<div class="solution-row animate-on-scroll">
<div class="solution-image">
<img src="bgimg.png" alt="Public Space Solution">
</div>
<div class="solution-text">
<h3 class="solution-title">Public Space Accessibility</h3>
<p class="solution-description">We help make public spaces more accessible with kiosk-based and digital signage solutions that support sign language communication.</p>
<ul class="solution-features">
<li>Interactive kiosks with sign language support</li>
<li>Emergency announcement translation</li>
<li>Wayfinding with sign language guidance</li>
<li>Public transport accessibility solutions</li>
<li>Event and venue accessibility tools</li>
</ul>
<a href="#" class="btn">Learn More</a>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="benefits">
<div class="benefits-container">
<h2 class="section-title">Why Choose Our Solutions</h2>
<div class="benefits-grid">
<div class="benefit-card animate-on-scroll">
<div class="benefit-icon">🎯</div>
<h3 class="benefit-title">Accuracy</h3>
<p class="benefit-desc">Our AI technology delivers industry-leading accuracy in sign language recognition and translation.</p>
</div>
<div class="benefit-card animate-on-scroll">
<div class="benefit-icon">⚡</div>
<h3 class="benefit-title">Speed</h3>
<p class="benefit-desc">Real-time translations with minimal latency for natural, flowing conversations.</p>
</div>
<div class="benefit-card animate-on-scroll">
<div class="benefit-icon">🔄</div>
<h3 class="benefit-title">Adaptability</h3>
<p class="benefit-desc">Our solutions adapt to different signing styles, dialects, and environments.</p>
</div>
<div class="benefit-card animate-on-scroll">
<div class="benefit-icon">📱</div>
<h3 class="benefit-title">Accessibility</h3>
<p class="benefit-desc">Available across multiple platforms and devices for use anywhere, anytime.</p>
</div>
<div class="benefit-card animate-on-scroll">
<div class="benefit-icon">🔒</div>
<h3 class="benefit-title">Privacy</h3>
<p class="benefit-desc">Strong data protection with options for local processing to maintain privacy.</p>
</div>
<div class="benefit-card animate-on-scroll">
<div class="benefit-icon">💬</div>
<h3 class="benefit-title">Community-Driven</h3>
<p class="benefit-desc">Developed with ongoing input from the deaf community to meet real needs.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta animate-on-scroll">
<div class="cta-container">
<h2>Ready to Make Communication More Accessible?</h2>
<p>Whether you're an individual, business, educational institution, or government agency, we have solutions that can help bridge communication gaps and create more inclusive environments.</p>
<div class="cta-buttons">
<a href="#" class="btn">Demo</a>
<a href="#" class="btn btn-secondary">Contact Sales</a>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<div class="footer-column">
<h3>HearMe</h3>
<p>Making the world more accessible, one conversation at a time.</p>
<div class="social-icons">
<a href="#" class="social-icon">f</a>
<a href="#" class="social-icon">t</a>
<a href="#" class="social-icon">in</a>
<a href="#" class="social-icon">ig</a>
</div>
</div>
<div class="footer-column">
<h3>Quick Links</h3>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Contact Info</h3>
<ul>
<li>Email: [email protected]</li>
<li>Phone: +91 1234567890</li>
<li>Address: 123 Innovation Way, Jaipur</li>
</ul>
</div>
</div>
<div class="copyright">
<p>© 2025 HearMe. All rights reserved.</p>
</div>
</footer>
<script src="solution.js"></script>
</body>
</html>