-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-fr.html
502 lines (419 loc) · 28.7 KB
/
index-fr.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
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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
<!DOCTYPE html>
<!-- Change the value of lang="en" attribute if your website's language is not English.
You can find the code of your language here - https://www.w3schools.com/tags/ref_language_codes.asp -->
<html lang="fr">
<head>
<title>ÊtreConscient BeAware — Application iPhone L'assistant des sourds et malentendants</title>
<meta name="description" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds et malentendants">
<meta charset="utf-8">
<meta name="author" content="Saamer Mansoor">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="Sourd, HoH, Malentendant, Dur, Auditif, Assistant, Android, iPhone, iOS, App, Site Web" />
<link rel="canonical" href="https://aicartcaptions.com/index-fr.html">
<meta property="og:site_name" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds et malentendants">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds">
<meta name="twitter:description" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds et malentendants">
<meta name="twitter:image" content="https://aicartcaptions.com/images/author.png">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds">
<meta itemprop="description" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds et malentendants">
<meta itemprop="image" content="https://aicartcaptions.com/images/author.png">
<!-- Facebook Open Graph -->
<meta property="og:url" content="https://aicartcaptions.com/index-fr.html">
<meta property="og:type" content="website">
<meta property="og:title" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds">
<meta property="og:description" content="ÊtreConscient BeAware — Application iPhone L'assistant des sourds et malentendants">
<meta property="og:image" content="https://aicartcaptions.com/images/author.png">
<meta name="robots" content="noodp,noydir">
<!-- Facebook Open Graph end -->
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png"> Need 180x180 icon medium-->
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
<!-- <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"> Need this low-->
<link rel="manifest" href="favicon/site.webmanifest">
<meta name="author" content="Saamer Mansoor">
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.png">
<!-- CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-responsive.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/vertical-rhythm.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<script src="https://kit.fontawesome.com/cf78c5be65.js" crossorigin="anonymous"></script>
</head>
<body class="appear-animate">
<!-- Page Loader -->
<div class="page-loader">
<div class="loader">Chargement...</div>
</div>
<!-- End Page Loader -->
<!-- Skip to Content -->
<a href="#main" class="btn skip-to-content">Aller au contenu</a>
<!-- End Skip to Content -->
<!-- Page Wrap -->
<div class="page" id="top">
<!-- Navigation panel -->
<nav class="main-nav js-stick">
<div class="container relative clearfix">
<!-- Logo ( * your text or image into link tag *) -->
<div class="nav-logo-wrap local-scroll">
<a href="#top" class="logo">
<img src="images/logo-dark.png" alt="" />
</a>
</div>
<div class="mobile-nav" role="button" tabindex="0">
<i class="fa fa-bars"></i>
<span class="sr-only">Menu</span>
</div>
<!-- Main Menu -->
<div class="inner-nav desktop-nav">
<ul class="clearlist scroll-nav local-scroll">
<li class="active"><a href="#home">Maison</a></li>
<li><a href="#about">À propos de</a></li>
<li><a href="#features">Fonctionnalités</a></li>
<li><a href="#screenshots">Captures d'écran</a></li>
<!-- Languages -->
<li>
<a href="#" class="mn-has-sub"><i class="fa-solid fa-earth-americas"></i>Français <i class="fa fa-angle-down"></i></a>
<ul class="mn-sub">
<li><a href="https://aicartcaptions.com">English</a></li>
<li><a href="index-fr.html">Français</a></li>
<li><a href="index-ge.html">Deutsch</a></li>
<li><a href="index-ar.html">العربيه</a></li>
<li><a href="index-nl.html">Nederlands</a></li>
<li><a href="index-es.html">Español</a></li>
</ul>
</li>
<!-- End Languages -->
<!-- Button -->
<li>
<a href="https://apps.apple.com/app/familytalk-by-beaware/id6467567568"><span class="btn btn-mod btn-circle"><i class="fa fa-download"></i> Télécharger maintenant</span></a>
</li>
<!-- End Button -->
</ul>
</div>
</div>
</nav>
<!-- End Navigation panel -->
<main id="main">
<!-- Home Section -->
<section class="page-section pb-100 pb-md-80 pb-sm-60" id="home">
<div class="relative container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="align-center">
<h1 class="hs-line-8 no-transp font-alt mb-40 mb-xs-20">BeAware : application iPhone pour les assistants sourds et malentendants</h1>
<h2 class="hs-line-15 black font-alt">Téléchargez l'application sur votre iPhone dès aujourd'hui !</h2>
<div>
<a href="https://vimeo.com/942160747" class="play-video-link font-alt lightbox-gallery-1 mfp-iframe">60 secondes<i class="fa fa-3x fa-play-circle"></i> Aperçu de l'application</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Home Section -->
<!-- Big Devices Image -->
<div class="image-fullwidth wow fadeInUp">
<img src="images/landing/big-device-mockup.jpg" alt="" />
</div>
<!-- End Big Devices Image -->
<!-- Text Section -->
<section class="page-section" id="about">
<div class="container relative">
<div class="row">
<div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<div class="section-text align-center">
<blockquote>
<p>
BeAware est centré sur l'inclusion et l'accessibilité, et rend les personnes sourdes
vie plus facile en rendant les actions quotidiennes inclusives et diversifiées. En plus d'être gratuit,
l'application est open source et <a href="https://github.com/philparkus/BeAware">gratuit ici</a>,
nous aimerions donc continuer à être les meilleurs avec la contribution et le soutien de la communauté.
</p>
</blockquote>
<!-- Download -->
<div class="align-center">
<a href="https://apps.apple.com/app/familytalk-by-beaware/id6467567568" class="download-button round mb-sm-10">
<span class="db-icon">
<i class="fa fa-apple"></i>
</span>
<span class="db-title">
Télécharger pour iPhone
</span>
<span class="db-descr">
Obtenez un accès anticipé dès aujourd'hui
</span>
</a>
<span class="d-none d-sm-inline-block"> </span>
<a href="https://forms.gle/RbQxn7ymAAHWGSoy8" class="download-button round">
<span class="db-icon">
<i class="fa fa-android"></i>
</span>
<span class="db-title">
Vous utilisez Androïd ?
</span>
<span class="db-descr">
Besoin de votre soutien pour en faire une réalité
</span>
</a>
</div>
<!-- End Download -->
</div>
</div>
</div>
</div>
</section>
<!-- End Text Section -->
<!-- Divider -->
<hr class="mt-0 mb-0 "/>
<!-- End Divider -->
<!-- Features Section -->
<section class="page-section" id="features">
<div class="relative">
<h2 class="section-title font-alt mb-70 mb-sm-40">
Fonctionnalités
</h2>
<!-- Features Grid -->
<div class="container">
<div class="row multi-columns-row alt-features-grid">
<!-- Features Item -->
<div class="col-sm-6 col-md-4 col-lg-4">
<div class="alt-features-item align-center">
<div class="mb-10">
<img src="images/landing/feature-1.png" width="217" height="163" alt="" />
</div>
<h3 class="alt-features-title font-alt">ALERTE</h3>
<div class="alt-features-descr mb-30">
Transformez votre téléphone en un outil d'alerte d'élite
avec des alertes personnalisables de courte ou longue durée
sons autour de vous
</div>
</div>
</div>
<!-- End Features Item -->
<!-- Features Item -->
<div class="col-sm-6 col-md-4 col-lg-4">
<div class="alt-features-item align-center">
<div class="mb-10">
<img src="images/landing/feature-2.png" width="217" height="163" alt="" />
</div>
<h3 class="alt-features-title font-alt">DISCOURS</h3>
<div class="alt-features-descr mb-30">
Profitez de la puissance de votre téléphone
capacité de synthèse vocale à transcrire,
même lorsque l'application est en arrière-plan
</div>
</div>
</div>
<!-- End Features Item -->
<!-- Features Item -->
<div class="col-sm-6 col-md-4 col-lg-4">
<div class="alt-features-item align-center">
<div class="mb-10">
<img src="images/landing/feature-3.png" width="217" height="163" alt="" />
</div>
<h3 class="alt-features-title font-alt">TEXTE</h3>
<div class="alt-features-descr mb-30">
BeAware est la seule application capable de lire
texte fort dans vos appels téléphoniques en direct,
assisté par des phrases prédéfinies personnalisables.
</div>
</div>
</div>
<!-- End Features Item -->
</div>
</div>
<!-- End Features Grid -->
</div>
</section>
<!-- End Features Section -->
<!-- Divider -->
<hr class="mt-0 mb-0 "/>
<!-- End Divider -->
<!-- Screenshots Section -->
<section class="page-section pb-0" id="screenshots">
<div class="relative">
<h2 class="section-title font-alt mb-70 mb-sm-40">
Screenshots
</h2>
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<div class="section-text align-center mb-70 mb-xs-40">
Voici un aperçu de certains des écrans sur un iPhone. Les écrans ci-dessous sont susceptibles
plus développé et plus riche en fonctionnalités que ce que vous voyez ci-dessous car les captures d'écran peuvent être obsolètes.
Nous espérons que vous prendrez autant de plaisir à utiliser l'application que nous en avons eu à la créer !
</div>
</div>
</div>
</div>
<div class="image-carousel bg-dark">
<!-- Image Item -->
<div>
<div class="post-prev-img mb-0">
<a href="images/landing/screenshots/frScreenshots/Slice 1.jpg" class="lightbox-gallery-2 mfp-image"><img src="images/landing/screenshots/frScreenshots/Slice 1.jpg" alt="" /></a>
</div>
</div>
<!-- End Image Item -->
<!-- Image Item -->
<div>
<div class="post-prev-img mb-0">
<a href="images/landing/screenshots/frScreenshots/Slice 2.jpg" class="lightbox-gallery-2 mfp-image"><img src="images/landing/screenshots/frScreenshots/Slice 2.jpg" alt="" /></a>
</div>
</div>
<!-- End Image Item -->
<!-- Image Item -->
<div>
<div class="post-prev-img mb-0">
<a href="images/landing/screenshots/frScreenshots/Slice 3.jpg" class="lightbox-gallery-2 mfp-image"><img src="images/landing/screenshots/frScreenshots/Slice 3.jpg" alt="" /></a>
</div>
</div>
<!-- End Image Item -->
<!-- Image Item -->
<div>
<div class="post-prev-img mb-0">
<a href="images/landing/screenshots/frScreenshots/Slice 4.jpg" class="lightbox-gallery-2 mfp-image"><img src="images/landing/screenshots/frScreenshots/Slice 4.jpg" alt="" /></a>
</div>
</div>
<!-- End Image Item -->
<!-- Image Item -->
<div>
<div class="post-prev-img mb-0">
<a href="images/landing/screenshots/frScreenshots/Slice 5.jpg" class="lightbox-gallery-2 mfp-image"><img src="images/landing/screenshots/frScreenshots/Slice 5.jpg" alt="" /></a>
</div>
</div>
<!-- End Image Item -->
<!-- Image Item -->
<div>
<div class="post-prev-img mb-0">
<a href="images/landing/screenshots/frScreenshots/Slice 6.jpg" class="lightbox-gallery-2 mfp-image"><img src="images/landing/screenshots/frScreenshots/Slice 6.jpg" alt="" /></a>
</div>
</div>
<!-- End Image Item -->
</div>
</div>
</section>
<!-- End Screenshots Section -->
<!-- Newsletter Section -->
<section class="small-section bg-dark-lighter">
<div class="container relative">
<form class="form align-center" id="mailchimp">
<div class="row">
<div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<div class="newsletter-label font-alt">
J'aime ça? Vous voulez en voir plus ? Avez-vous des commentaires pour nous?
</div>
<div class="mb-20">
<button type="submit" title="button title" class="btn btn-mod btn-medium btn-w btn-round mb-xs-10" onclick=" window.open('https://forms.gle/RbQxn7ymAAHWGSoy8', '_blank'); return false;">
Nous contacter
</button>
</div>
<div class="form-tip">
<i class="fa fa-info-circle"></i> Faites-nous confiance, nous ne vous enverrons jamais de spam
</div>
<div id="subscribe-result" role="region" aria-live="polite" aria-atomic="true"></div>
</div>
</div>
</form>
</div>
</section>
<!-- End Newsletter Section -->
</main>
<!-- Foter -->
<footer class="page-section bg-gray-lighter footer pb-60">
<div class="container">
<!-- Footer Logo -->
<div class="local-scroll mb-30 wow fadeInUp" data-wow-duration="1.2s">
<!-- Max height 60 -->
<a href="#top"><img src="images/logo-footer.png" width="78" height="36" alt="Company logo" /><span class="sr-only">Faites défiler vers le haut de la page</span></a>
</div>
<!-- End Footer Logo -->
<!-- Social Links -->
<div class="footer-social-links mb-110 mb-xs-60">
<a href="https://vimeo.com/942160747" title="Vimeo" target="_blank"><i class="fa fa-play"></i> <span class="sr-only">Vimeo profile</span></a>
<a href="https://github.com/TheFirstPrototype" title="GitHub" target="_blank"><i class="fa fa-github"></i> <span class="sr-only">GitHub profile</span></a>
<a href="https://twitter.com/BeAware4Deaf" title="Twitter" target="_blank"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter profile</span></a>
<a href="https://facebook.com/BeAware4Deaf" title="Facebook" target="_blank"><i class="fa fa-facebook"></i> <span class="sr-only">Facebook profile</span></a>
<a href="https://linkedin.com/showcase/BeAware4Deaf" title="LinkedIn" target="_blank"><i class="fa fa-linkedin"></i> <span class="sr-only">LinkedIn profile</span></a>
<a href="https://instagram.com/BeAware4Deaf" title="Instagram" target="_blank"><i class="fa fa-instagram"></i> <span class="sr-only">Instagram profile</span></a>
<a href="mailto:hi@deafassistant.com" title="Email" target="_blank"><i class="fa fa-pencil"></i> <span class="sr-only">Send email</span></a>
</div>
<!-- End Social Links -->
<!-- Footer Text -->
<div class="footer-text">
<!-- Copyright -->
<div class="footer-copy font-alt">
<a href="https://thefirstprototype.com?s=b" target="_blank">© BeAware 2024</a>.
</div>
<!-- End Copyright -->
<div class="footer-made">
Fabriqué avec amour pour la communauté D/deaf.
</div>
</div>
<!-- End Footer Text -->
</div>
<!-- Top Link -->
<div class="local-scroll">
<a href="#top" class="link-to-top"><i class="fa fa-caret-up"></i></a>
</div>
<!-- End Top Link -->
</footer>
<!-- End Foter -->
</div>
<!-- End Page Wrap -->
<!-- JS -->
<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="js/jquery.localScroll.min.js"></script>
<script type="text/javascript" src="js/jquery.viewport.mini.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="js/morphext.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/all.js"></script>
<script type="text/javascript" src="js/contact-form.js"></script>
<script type="text/javascript" src="js/jquery.ajaxchimp.min.js"></script>
<!--[if lt IE 10]><script type="text/javascript" src="js/placeholder.js"></script><![endif]-->
<script type="text/javascript" src="js/analytics.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Sous-titrage en direct de la conférence par BeAware",
"operatingSystem": "iOS",
"applicationCategory": "UtilitiesApplication",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "21"
},
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
</body>
</html>