PageSourceSearch

https://smartdev.ai/

html smartdev.ai collected 2026-10-05 12:38:24 UTC 65,790 bytes, 1,416 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="utf-8">
6  <meta content="width=device-width, initial-scale=1.0" name="viewport">
7
8  <title>SMART DEV</title>
9  <meta content="Smart Dev Ai" name="description">
10
11  <meta content="SMART DEV Ai Mauritanie" name="keywords">
12  <meta content="SMART DEV Mauritanie" name="keywords">
13  <meta content="Front End DEV  Mauritanie" name="keywords">
14  <meta content="Back End DEV Mauritanie" name="keywords">
15  <meta content="Business Intelligence Mauritanie" name="keywords">
16  <meta content="Android DEV Mauritanie" name="keywords">
17  <meta content="iOS DEV Mauritanie" name="keywords">
18
19  <!-- Favicons -->
20  <link href="assets/img/clients/smartdev.png" rel="icon">
21  <link href="assets/img/favicon.ico" rel="apple-touch-icon">
22  
23  <!-- Google Fonts -->
24  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
25
26  <!-- Vendor CSS Files -->
27  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
28  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
29  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
30  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
31  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
32  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
33
34  <!-- Template Main CSS File -->
35  <link href="assets/css/style.css" rel="stylesheet">
36
37  <!-- Dark Mode-->
38
39  <!--
40  <link rel="stylesheet" href="assets/css/darkmode.css">
41  -->
42  <!-- =======================================================
43  * Template Name: FlexStart - v1.4.0
44  * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
45  * Author: BootstrapMade.com
46  * License: https://bootstrapmade.com/license/
47  ======================================================== -->
48</head>
49
50<body>
51
52  
53
54
55  <!-- ======= Header ======= -->
56  <header id="header" class="header fixed-top">
57    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
58      <a class='logo d-flex align-items-center' href='/'>
59        <img src="assets/img/logo-smart.png" alt="" class="logo">
60      </a>
61
62      <nav id="navbar" class="navbar">
63        <ul>
64          <li><a class="nav-link scrollto active" href="#hero">Acceuil</a></li>
65          <li><a class="nav-link scrollto" href="#about">Apropos</a></li>
66          <li><a class="nav-link scrollto" href="#clients">Clients</a></li>
67          <li><a class="nav-link scrollto" href="#services">Services</a></li>
68          <li><a class="nav-link scrollto d-none" href="#portfolio">Portfolio</a></li>
69          <li><a class="nav-link scrollto d-none" href="#team">Team</a></li>
70          
71          <li><a href='/blog'>Blog</a></li>
72          <li class="dropdown d-none"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
73            <ul>
74              <li><a href="#">Drop Down 1</a></li>
75              <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
76                <ul>
77                  <li><a href="#">Deep Drop Down 1</a></li>
78                  <li><a href="#">Deep Drop Down 2</a></li>
79                  <li><a href="#">Deep Drop Down 3</a></li>
80                  <li><a href="#">Deep Drop Down 4</a></li>
81                  <li><a href="#">Deep Drop Down 5</a></li>
82                </ul>
83              </li>
84              <li><a href="#">Drop Down 2</a></li>
85              <li><a href="#">Drop Down 3</a></li>
86              <li><a href="#">Drop Down 4</a></li>
87            </ul>
88          </li>
89          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
90          <li><a class="getstarted scrollto d-none" href="#">Contact</a></li>
91          </ul>
92        <i class="bi bi-list mobile-nav-toggle"></i>
93      </nav><!-- .navbar -->
94
95    </div>
96  </header><!-- End Header -->
97
98  <!-- ======= Hero Section ======= -->
99  <section id="hero" class="hero d-flex align-items-center">
100
101    <div class="container">
102      <div class="row">
103        <div class="col-lg-6 d-flex flex-column justify-content-center">
104          <h1 data-aos="fade-up">Bienvenue chez SMART DEV</h1>
105          <h2 data-aos="fade-up" data-aos-delay="400">Smart Dev est une filiale développement, de <span style="font-weight:bold;">SMART MS</span> Leader dans le secteur TIC en <span style="font-weight: bold;">Mauritanie</span> </h2>
106          <div data-aos="fade-up" data-aos-delay="600">
107            <div class="text-center text-lg-start">
108              <a href="#contact" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center">
109                <span>Nous Contacter</span>
110                <i class="bi bi-arrow-right"></i>
111              </a>
112            </div>
113          </div>
114        </div>
115        <div class="col-lg-6 hero-img" data-aos="zoom-out" data-aos-delay="200">
116          <img src="assets/img/hero-img.png" class="img-fluid" alt="">
117        </div>
118      </div>
119    </div>
120
121  </section><!-- End Hero -->
122
123  <main id="main">
124    <!-- ======= Clients Section ======= -->
125    <section id="clients" class="clients">
126
127      <div class="container" data-aos="fade-up">
128
129        <header class="section-header">
130          <h2>Nos Clients</h2>
131          <p>Ils nous font confiance</p>
132        </header>
133
134        <div class="clients-slider swiper-container">
135          <div class="swiper-wrapper align-items-center">
136            <div class="swiper-slide"><img src="assets/img/clients/BIM.png"  class="img-fluid" alt="" ></div>
137            <div class="swiper-slide"><img src="assets/img/clients/Arise.png" class="img-fluid" alt=""></div>
138            <div class="swiper-slide"><img src="assets/img/clients/BMCI.png" class="img-fluid" alt=""></div>
139            <div class="swiper-slide"><img src="assets/img/clients/UNFPA.png" class="img-fluid" alt=""></div>
140            <div class="swiper-slide"><img src="assets/img/clients/Unicef.png" class="img-fluid" alt=""></div>
141            <div class="swiper-slide"><img src="assets/img/clients/BP.png" class="img-fluid" alt=""></div>
142            <div class="swiper-slide"><img src="assets/img/clients/bcm.png" class="img-fluid" alt=""></div>
143            <div class="swiper-slide"><img src="assets/img/clients/EL-Mauritaniye.png" class="img-fluid" alt=""></div>
144            <div class="swiper-slide"><img src="assets/img/clients/KOSMOS.png" class="img-fluid" alt=""></div>
145            <div class="swiper-slide"><img src="assets/img/clients/KINROSS.png" class="img-fluid" alt=""></div>
146            <div class="swiper-slide"><img src="assets/img/clients/snim.png" class="img-fluid" alt=""></div>
147            <div class="swiper-slide"><img src="assets/img/clients/Moov-Mauritel.png" class="img-fluid" alt="" ></div>
148            <div class="swiper-slide"><img src="assets/img/clients/Attijari-Bank.png" class="img-fluid" alt=""></div>
149         
150          </div>
151          <div class="swiper-pagination"></div>
152        </div>
153      </div>
154
155    </section><!-- End Clients Section -->
156    <!-- ======= About Section ======= -->
157    <section id="about" class="about">
158
159      <div class="container" data-aos="fade-up">
160        <div class="row gx-0">
161
162          <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
163            <div class="content">
164              <h3>Qui sommes-nous ?</h3>
165              <h2>SMARTDEV.</h2>
166              <p>
167                Smart Dev est  une entreprise prestataire de services liés aux Technologies de l’information dédiés aux entreprises. Elle opère dans le secteur de conception et du développement de systèmes d’informations en Mauritanie.
168              </p>
169              <div class="text-center text-lg-start d-none">
170                <a href="#" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center">
171                  <span>Read More</span>
172                  <i class="bi bi-arrow-right"></i>
173                </a>
174              </div>
175            </div>
176          </div>
177
178          <div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
179            <img src="assets/img/about.webp" class="img-fluid" alt="" >
180          </div>
181
182        </div>
183      </div>
184
185    </section><!-- End About Section -->
186
187    <!-- ======= Values Section ======= -->
188    <section id="values" class="values">
189
190      <div class="container" data-aos="fade-up">
191
192        <header class="section-header">
193          <div class="section-title">
194            <h2>NOS VALEURS</h2>
195          </div>
196          <p class="d-none">Odit est perspiciatis laborum et dicta</p>
197        </header>
198
199        <div class="row">
200
201          <div class="col-lg-4">
202            <div class="box" data-aos="fade-up" data-aos-delay="200">
203              <img src="assets/img/values-1.png" class="img-fluid" alt="">
204              <h3>Une expertise garantie</h3>
205              <p style="text-align: justify;">Vous pouvez nous confier la gestion d’un projet spécifique ou la totalité de vos services en informatique</p>
206            </div>
207          </div>
208
209          <div class="col-lg-4 mt-4 mt-lg-0">
210            <div class="box" data-aos="fade-up" data-aos-delay="400">
211              <img src="assets/img/values-2.png" class="img-fluid" alt="">
212              <h3>Un controle total</h3>
213              <p style="text-align: justify;">Appliquent une méthode d’assurance qualité prédéfinie pour assurer que les résultats soient conformes au projet.</p>
214            </div>
215          </div>
216
217          <div class="col-lg-4 mt-4 mt-lg-0">
218            <div class="box" data-aos="fade-up" data-aos-delay="600">
219              <img src="assets/img/values-3.png" class="img-fluid" alt="">
220              <h3>Une efficacitcé epreuve.</h3>
221              <p style="text-align: justify;">
221Nous analysons en équipe votre projet afin de répondre à tous les besoins exprimés.</p>
222            </div>
223          </div>
224
225        </div>
226
227      </div>
228
229    </section><!-- End Values Section -->
230
231    <!-- ======= Counts Section ======= -->
232    <section id="counts" class="counts">
233      <div class="container" data-aos="fade-up">
234
235        <div class="row gy-4">
236
237          <div class="col-lg-3 col-md-6">
238            <div class="count-box">
239              <i class="bi bi-emoji-smile"></i>
240              <div>
241                <span data-purecounter-start="0" data-purecounter-end="22" data-purecounter-duration="1" class="purecounter"></span>
242                <p>Clients satisfaits</p>
243              </div>
244            </div>
245          </div>
246
247          <div class="col-lg-3 col-md-6">
248            <div class="count-box">
249              <i class="bi bi-journal-richtext" style="color: #ee6c20;"></i>
250              <div>
251                <span data-purecounter-start="0" data-purecounter-end="11" data-purecounter-duration="1" class="purecounter"></span>
252                <p>Projets</p>
253              </div>
254            </div>
255          </div>
256
257          <div class="col-lg-3 col-md-6">
258            <div class="count-box">
259              <i class="bi bi-headset" style="color: #15be56;"></i>
260              <div>
261                <span data-purecounter-start="0" data-purecounter-end="463" data-purecounter-duration="1" class="purecounter"></span>
262                <p>Heures d'assistance</p>
263              </div>
264            </div>
265          </div>
266
267          <div class="col-lg-3 col-md-6">
268            <div class="count-box">
269              <i class="bi bi-people" style="color: #bb0852;"></i>
270              <div>
271                <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>
272                <p>Travailleurs acharnés</p>
273              </div>
274            </div>
275          </div>
276
277        </div>
278
279      </div>
280    </section><!-- End Counts Section -->
281
282    <!-- ======= Features Section ======= -->
283    <section id="features" class="features">
284
285      <div class="container" data-aos="fade-up">
286
287        <header class="section-header">
288          <div class="section-title">
289            <h2>Pourquoi nous ?</h2>
290          </div>
291          <p class="d-none">Pourquoi nous choisir?</p>
292        </header>
293
294        <div class="row">
295
296          <div class="col-lg-6">
297            <img src="assets/img/features.png" class="img-fluid" alt="">
298          </div>
299
300          <div class="col-lg-6 mt-5 mt-lg-0 d-flex">
301            <div class="row align-self-center gy-4">
302
303              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="200">
304                <div class="feature-box d-flex align-items-center">
305                  <i class="bi bi-check"></i>
306                  <h3>Un interlocuteur unique et dédié</h3>
307                </div>
308              </div>
309
310              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="300">
311                <div class="feature-box d-flex align-items-center">
312                  <i class="bi bi-check"></i>
313                  <h3>Un devis et un plan 3D garantie et detaillé</h3>
314                </div>
315              </div>
316
317              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="400">
318                <div class="feature-box d-flex align-items-center">
319                  <i class="bi bi-check"></i>
320                  <h3>Garantie gratuites et automatique</h3>
321                </div>
322              </div>
323
324              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="500">
325                <div class="feature-box d-flex align-items-center">
326                  <i class="bi bi-check"></i>
327                  <h3>Réalisation de vos projets sur mesures</h3>
328                </div>
329              </div>
330
331              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="600">
332                <div class="feature-box d-flex align-items-center">
333                  <i class="bi bi-check"></i>
334                  <h3>Choix de qualité</h3>
335                </div>
336              </div>
337
338              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="700">
339                <div class="feature-box d-flex align-items-center">
340                  <i class="bi bi-check"></i>
341                  <h3>Livraison garantie à la date convenue</h3>
342                </div>
343              </div>
344
345            </div>
346          </div>
347
348        </div> <!-- / row -->
349
350        <!-- Feature Tabs -->
351        <div class="row feture-tabs" data-aos="fade-up">
352          <div class="col-lg-6">
353            <h3>NOS SERVICES</h3>
354
355            <!-- Tabs -->
356            <ul class="nav nav-pills mb-3">
357              <li>
358                <a class="nav-link active" data-bs-toggle="pill" href="#tab1">Spécific Développement</a>
359              </li>
360              <li>
361                <a class="nav-link" data-bs-toggle="pill" href="#tab2">Business Développement</a>
362              </li>
363              <li>
364                <a class="nav-link d-none" data-bs-toggle="pill" href="#tab3">Nos Produits</a>
365              </li>
366            </ul><!-- End Tabs -->
367
368            <!-- Tab Content -->
369            <div class="tab-content">
370
371              <div class="tab-pane fade show active" id="tab1">
372                <p style="text-align: justify">
372Nous vous proposons des services en
373                  développement mobile et développement web</p>
374                <div class="d-flex align-items-center mb-2">
375                  <i class="bi bi-check2"></i>
376                  <h4>Fullstack Développement</h4>
377                </div>
378                <p style="text-align: justify;">Développez des applications web complètes et fiables pour vous assurer que votre logique métier fonctionne comme requis. Nous vous proposons une gamme de services, y compris le design du site et la gestion de votre base de donnée.</p>
379                
380                <div class="d-flex align-items-center mb-2">
381                  <i class="bi bi-check2"></i>
382                  <h4>Développement de bases de données</h4>
383                </div>
384                <p style="text-align:justify">
385                  Nous sommes formés à l'architecture des procédures ETL pour une utilisation en data warehousing. ETL nous permet de prendre des données à partir d'une variété de sources différentes et de les transformer en données de travail propres. 
386                </p>
387               
388                
389                
390
391                <div class="d-flex align-items-center mb-2">
392                  <i class="bi bi-check2"></i>
393                  <h4>Applications Hybrides</h4>
394                </div>
395                <p>Nous proposons les  services de développement d'applications mobile et multi-plateformes iOS et Android qui englobent tout, de la conception et du développement à la technologie de mise à jour originale en passant par l'assurance qualité, les tests et la livraison.</p>
396             
397              </div><!-- End Tab 1 Content -->
398
399              <div class="tab-pane fade show" id="tab2">
400                <p>Améliorez votre activité avec  BI et l'analyse de données
401                  Une analyse des données fiable et solide à fin de garantir que votre logique d'entreprise fonctionne comme il se doit et offrir à vos clients une meilleure expérience.</p>
402                <div class="d-flex align-items-center mb-2">
403                  <i class="bi bi-check2"></i>
404                  <h4>Business Intelligence</h4>
405                </div>
406                <p>SMART est spécialisé dans la BI et aide ses clients à créer des décisions plus fortes, Nous utilisons la BI parce qu'elle nous aide à gérer les données et les meilleures pratiques qui peuvent nous donner une meilleure décision soutenue par l'histoire de l'information générée dans le rapport. </p>
407                
408                <div class="d-flex align-items-center mb-2">
409                  <i class="bi bi-check2"></i>
410                  <h4>Business Analyics</h4>
411                </div>
412                <p>Le Business Analytics nous aide également à accéder aux données de votre entreprise et à les examiner. Cependant, contrairement aux stratégies de veille stratégique, elle est davantage axée sur la révélation de nouvelles informations pratiques et rentables pour permettre une meilleure planification et accroître les performances de l'entreprise.</p>
413              
414                <div class="d-flex align-items-center mb-2">
415                  <i class="bi bi-check2 d-none"></i>
416                  <h4 class="d-none">Api Développement</h4>
417                </div>
418                <p class="d-none" style="text-align: justify">Nous nous exécrons dans le développement d'API REST de niveau entreprise qui sont faisables à utiliser, bien documentées et vraiment fiables.
419                  Les API changent foncièrement, la façon dont les données peuvent être utilisées et ouvrent des modèles commerciaux et des stratégies entièrement nouveaux pour les produits. 
420                </p>
421              </div><!-- End Tab 2 Content -->
422
423              <div class="tab-pane fade show" id="tab3">
424                <p>Nous vous proposons un ensemble de services pour vous aider à gérer votre planification d'entreprise, et à la connecter à votre CRM.</p>
425                <div class="d-flex align-items-center mb-2">
426                  <i class="bi bi-check2"></i>
427                  <h4>El Guewam</h4>
428                </div>
429                <p>Nous vous proposons notre programme "Elguewam" qui permet de gérer votre entreprise d'une manière efficace et professionnelle, il vous sera utile d'utiliser un outil d'information Une gestion qui vous permet d'avancer en toute confiance vers vos objectifs stratég
429iques, sans vous préoccuper de préparer des rapports pénible quotidiennement.</p>
430                </div><!-- End Tab 3 Content -->
431            </div>
432
433          </div>
434
435          <div class="col-lg-6">
436            <img src="assets/img/features-2.png" class="img-fluid" alt="">
437          </div>
438
439        </div><!-- End Feature Tabs -->
440
441        <!-- Feature Icons -->
442        <div class="row feature-icons d-none" data-aos="fade-up">
443          <h3>Ratione mollitia eos ab laudantium rerum beatae quo</h3>
444
445          <div class="row">
446
447            <div class="col-xl-4 text-center" data-aos="fade-right" data-aos-delay="100">
448              <img src="assets/img/features-3.png" class="img-fluid p-4" alt="">
449            </div>
450
451            <div class="col-xl-8 d-flex content">
452              <div class="row align-self-center gy-4">
453
454                <div class="col-md-6 icon-box" data-aos="fade-up">
455                  <i class="ri-line-chart-line"></i>
456                  <div>
457                    <h4>Corporis voluptates sit</h4>
458                    <p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p>
459                  </div>
460                </div>
461
462                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
463                  <i class="ri-stack-line"></i>
464                  <div>
465                    <h4>Ullamco laboris nisi</h4>
466                    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
467                  </div>
468                </div>
469
470                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
471                  <i class="ri-brush-4-line"></i>
472                  <div>
473                    <h4>Labore consequatur</h4>
474                    <p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
475                  </div>
476                </div>
477
478                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
479                  <i class="ri-magic-line"></i>
480                  <div>
481                    <h4>Beatae veritatis</h4>
482                    <p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
483                  </div>
484                </div>
485
486                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
487                  <i class="ri-command-line"></i>
488                  <div>
489                    <h4>Molestiae dolor</h4>
490                    <p>Et fuga et deserunt et enim. Dolorem architecto ratione tensa raptor marte</p>
491                  </div>
492                </div>
493
494                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
495                  <i class="ri-radar-line"></i>
496                  <div>
497                    <h4>Explicabo consectetur</h4>
498                    <p>Est autem dicta beatae suscipit. Sint veritatis et sit quasi ab aut inventore</p>
499                  </div>
500                </div>
501
502              </div>
503            </div>
504
505          </div>
506
507        </div><!-- End Feature Icons -->
508
509      </div>
510
511    </section><!-- End Features Section -->
512
513    <!-- ======= Services Section ======= -->
514    <section id="services" class="services">
515
516      <div class="container" data-aos="fade-up">
517
518        <header class="section-header">
519          <div class="section-title">
520            <h2>Nos Produits</h2>
521          </div>
522          <p class="justify-content-center" style="text-align: justify; font-weight: 300;">
523            Notre équipe talentueuse de développeurs et d'ingénieurs vous accompagnera tout au long de la réalisation de votre projet numérique ambitieux.
524          </p>
525        </header>
526
527        <div class="row gy-4">
528          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
529            <div class="service-box blue">
530              <i class="ri-line-chart-fill icon"></i>
531              <h3>ERP.</h3>
532              <br>
533
534              <p style="text-align: justify;">C'est une solution de gestion intégrée des Entreprise ERP. <br> L’objectif du projet est de fournir une solution ERP clé en main hautement paramétrable qui permet de couvrir les activités métiers et administratives, en plus de modules d’administration de l’application et de modules transversaux.</p>
535
536              <a href="#" class="read-more d-none"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
537            </div>
538          </div>   
539      
540          
541          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
542            <div class="service-box red">
543              <i class="ri-pie-chart-fill icon"></i>
544              <h3>El Guewam</h3>
545              <p style="text-align: justify">
546                <br>
547                Nous vous proposons notre solution de Gestion commerciale: « El-guewam», qui englobe plusieurs modules indispensables pour bien gérer votre activité, ainsi qu’un module comptabilité intégrée, et un tableau de bord de pilotage, qui vous assiste à la prise de décision.
548              </p>
549              <a href="#" class="nav-link scrollto read-more d-none"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
550            </div>
551          </div>
552
553          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
554            <div class="service-box pink">
555              <i class="ri-coins-fill icon"></i>
556              <h3>Taaminat</h3>
557                <br>
558                <p style="text-align: justify;">
559                  C’est une solution de gestion d’inscription à l’assurance automobile. <br> L’objectif du projet est de fournir une solution centralisée qui permet de couvrir les activités d’un prestataire de services d’assurance.
560                </p>
561              <a href="#" class="nav-link scrollto read-more d-none"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
562            </div>
563          </div>
564          
565          <div class="col-lg-4 col-md-6 d-none" data-aos="fade-up" data-aos-delay="300">
566            <div class="service-box orange">
567              <i class="ri-pie-chart-fill icon"></i>
568              <h3>Business <br> Développement.</h3>
569              <p style="text-align:justify">
570                Améliorez votre activité avec la Bi et l'analyse de données
571                Des analyses de données fiables et solides comme le roc pour garantir que votre logique d'entreprise fonctionne comme il se doit et offrir une meilleure expérience à vos clients.
572              </p>
573              <a href="#" class="read-more d-none"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
574            </div>
575          </div>
576
577          <div class="col-lg-4 col-md-6 d-none"  data-aos="fade-up" data-aos-delay="400">
578            <div class="service-box purple">
579              <i class="ri-apple-fill icon"></i>
580              <h3>Développement <br> iOS.</h3>
581              <p style="text-align: justify">Nous mettons à votre disposition des développeurs iOS prêts à vous accompagner dans votre projet de développement mobile. Une équipe d'experts dédiée s'intéresse au développement de vos nouvelles applications ou à l'innovation de vos applications existantes.</p>
582              <a href="#" class="read-more d-none"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
583            </div>
584          </div>
585
586          <div class="col-lg-4 col-md-6 d-none" data-aos="fade-up" data-aos-delay="500">
587            <div class="service-box green">
588              <i class="ri-android-fill icon"></i>
589              <h3>Développement <br> Android.</h3>
590              <p style="text-align:justify">Nous disposons de développeurs Andoroid prêts à répondre à vos besoins lors de votre projet de développement mobile. Une équipe d'experts prend en charge le développement de vos nouvelles applications ou l'innovation de vos applications existantes.</p>
591              <a href="#" class="read-more d-none"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
592            </div>
593          </div>
594
595        </div>
596
597      </div>
598
599    </section><!-- End Services Section -->
600
601    <!-- ======= Pricing Section ======= -->
602    <section id="pricing" class="pricing d-none">
603
604      <div class="container" data-aos="fade-up">
605
606        <header class="section-header">
607          <h2>Pricing</h2>
608          <p>Check our Pricing</p>
609        </header>
610
611        <div class="row gy-4" data-aos="fade-left">
612
613          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">
614            <div class="box">
615              <h3 style="color: #07d5c0;">Free Plan</h3>
616              <div class="price"><sup>$</sup>0<span> / mo</span></div>
617              <img src="assets/img/pricing-free.webp" class="img-fluid" alt="">
618              <ul>
619                <li>Aida dere</li>
620                <li>Nec feugiat nisl</li>
621                <li>Nulla at volutpat dola</li>
622                <li class="na">Pharetra massa</li>
623                <li class="na">Massa ultricies mi</li>
624              </ul>
625              <a href="#" class="btn-buy">Buy Now</a>
626            </div>
627          </div>
628
629          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">
630            <div class="box">
631              <span class="featured">Featured</span>
632              <h3 style="color: #65c600;">Starter Plan</h3>
633              <div class="price"><sup>$</sup>19<span> / mo</span></div>
634              <img src="assets/img/pricing-starter.webp" class="img-fluid" alt="">
635              <ul>
636                <li>Aida dere</li>
637                <li>Nec feugiat nisl</li>
638                <li>Nulla at volutpat dola</li>
639                <li>Pharetra massa</li>
640                <li class="na">Massa ultricies mi</li>
641              </ul>
642              <a href="#" class="btn-buy">Buy Now</a>
643            </div>
644          </div>
645
646          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">
647            <div class="box">
648              <h3 style="color: #ff901c;">Business Plan</h3>
649              <div class="price"><sup>$</sup>29<span> / mo</span></div>
650              <img src="assets/img/pricing-business.webp" class="img-fluid" alt="">
651              <ul>
652                <li>Aida dere</li>
653                <li>Nec feugiat nisl</li>
654                <li>Nulla at volutpat dola</li>
655                <li>Pharetra massa</li>
656                <li>Massa ultricies mi</li>
657              </ul>
658              <a href="#" class="btn-buy">Buy Now</a>
659            </div>
660          </div>
661
662          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">
663            <div class="box">
664              <h3 style="color: #ff0071;">Ultimate Plan</h3>
665              <div class="price"><sup>$</sup>49<span> / mo</span></div>
666              <img src="assets/img/pricing-ultimate.webp" class="img-fluid" alt="">
667              <ul>
668                <li>Aida dere</li>
669                <li>Nec feugiat nisl</li>
670                <li>Nulla at volutpat dola</li>
671                <li>Pharetra massa</li>
672                <li>Massa ultricies mi</li>
673              </ul>
674              <a href="#" class="btn-buy">Buy Now</a>
675            </div>
676          </div>
677
678        </div>
679
680      </div>
681
682    </section><!-- End Pricing Section -->
683
684    <!-- ======= F.A.Q Section ======= -->
685    <section id="faq" class="faq d-none">
686
687      <div class="container" data-aos="fade-up">
688
689        <header class="section-header">
690          <div class="section-title">
691            <h2>F.A.Q</h2>
692          </div>
693          <p>Frequently Asked Questions</p>
694        </header>
695
696        <div class="row">
697          <div class="col-lg-6">
698            <!-- F.A.Q List 1-->
699            <div class="accordion accordion-flush" id="faqlist1">
700              <div class="accordion-item">
701                <h2 class="accordion-header">
702                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
703                    Non consectetur a erat nam at lectus urna duis?
704                  </button>
705                </h2>
706                <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
707                  <div class="accordion-body">
708                    Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
709                  </div>
710                </div>
711              </div>
712
713              <div class="accordion-item">
714                <h2 class="accordion-header">
715                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
716                    Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?
717                  </button>
718                </h2>
719                <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
720                  <div class="accordion-body">
721                    Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
722                  </div>
723                </div>
724              </div>
725
726              <div class="accordion-item">
727                <h2 class="accordion-header">
728                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
729                    Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi?
730                  </button>
731                </h2>
732                <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
733                  <div class="accordion-body">
734                    Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis 
734sed odio morbi quis
735                  </div>
736                </div>
737              </div>
738
739            </div>
740          </div>
741
742          <div class="col-lg-6">
743
744            <!-- F.A.Q List 2-->
745            <div class="accordion accordion-flush" id="faqlist2">
746
747              <div class="accordion-item">
748                <h2 class="accordion-header">
749                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-1">
750                    Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?
751                  </button>
752                </h2>
753                <div id="faq2-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
754                  <div class="accordion-body">
755                    Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
756                  </div>
757                </div>
758              </div>
759
760              <div class="accordion-item">
761                <h2 class="accordion-header">
762                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-2">
763                    Tempus quam pellentesque nec nam aliquam sem et tortor consequat?
764                  </button>
765                </h2>
766                <div id="faq2-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
767                  <div class="accordion-body">
768                    Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
769                  </div>
770                </div>
771              </div>
772
773              <div class="accordion-item">
774                <h2 class="accordion-header">
775                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-3">
776                    Varius vel pharetra vel turpis nunc eget lorem dolor?
777                  </button>
778                </h2>
779                <div id="faq2-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
780                  <div class="accordion-body">
781                    Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.
782                  </div>
783                </div>
784              </div>
785
786            </div>
787          </div>
788
789        </div>
790
791      </div>
792
793    </section><!-- End F.A.Q Section -->
794
795    <!-- ======= Portfolio Section ======= -->
796    <section id="portfolio" class="portfolio d-none">
797
798      <div class="container" data-aos="fade-up">
799
800        <header class="section-header">
801          <div class="section-title">
802            <h2>Portfolio</h2>
803            <p>Check our latest work</p>
804          </div>
805        </header>
806
807        <div class="row" data-aos="fade-up" data-aos-delay="100">
808          <div class="col-lg-12 d-flex justify-content-center">
809            <ul id="portfolio-flters">
810              <li data-filter="*" class="filter-active">All</li>
811              <li data-filter=".filter-app">App</li>
812              <li data-filter=".filter-card">Card</li>
813              <li data-filter=".filter-web">Web</li>
814            </ul>
815          </div>
816        </div>
817
818        <div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">
819
820          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
821            <div class="portfolio-wrap">
822              <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
823              <div class="portfolio-info">
824                <h4>App 1</h4>
825                <p>App</p>
826                <div class="portfolio-links">
827                  <a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Ap
827p 1"><i class="bi bi-plus"></i></a>
828                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
829                </div>
830              </div>
831            </div>
832          </div>
833
834          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
835            <div class="portfolio-wrap">
836              <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
837              <div class="portfolio-info">
838                <h4>Web 3</h4>
839                <p>Web</p>
840                <div class="portfolio-links">
841                  <a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 3"><i class="bi bi-plus"></i></a>
842                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
843                </div>
844              </div>
845            </div>
846          </div>
847
848          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
849            <div class="portfolio-wrap">
850              <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
851              <div class="portfolio-info">
852                <h4>App 2</h4>
853                <p>App</p>
854                <div class="portfolio-links">
855                  <a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 2"><i class="bi bi-plus"></i></a>
856                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
857                </div>
858              </div>
859            </div>
860          </div>
861
862          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
863            <div class="portfolio-wrap">
864              <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
865              <div class="portfolio-info">
866                <h4>Card 2</h4>
867                <p>Card</p>
868                <div class="portfolio-links">
869                  <a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 2"><i class="bi bi-plus"></i></a>
870                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
871                </div>
872              </div>
873            </div>
874          </div>
875
876          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
877            <div class="portfolio-wrap">
878              <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">
879              <div class="portfolio-info">
880                <h4>Web 2</h4>
881                <p>Web</p>
882                <div class="portfolio-links">
883                  <a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 2"><i class="bi bi-plus"></i></a>
884                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
885                </div>
886              </div>
887            </div>
888          </div>
889
890          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
891            <div class="portfolio-wrap">
892              <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
893              <div class="portfolio-info">
894                <h4>App 3</h4>
895                <p>App</p>
896                <div class="portfolio-links">
897                  <a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 3"><i class="bi bi-plus"></i></a>
898                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
899                </div>
900              </div>
901            </div>
902          </div>
903
904          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
905            <div class="portfolio-wrap">
906              <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
907              <div class="portfolio-info">
908                <h4>Card 1</h4>
909                <p>Card</p>
910                <div class="portfolio-links">
911                  <a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 1"><i class="bi bi-plus"></i></a>
912                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
913                </div>
914              </div>
915            </div>
916          </div>
917
918          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
919            <div class="portfolio-wrap">
920              <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
921              <div class="portfolio-info">
922                <h4>Card 3</h4>
923                <p>Card</p>
924                <div class="portfolio-links">
925                  <a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 3"><i class="bi bi-plus"></i></a>
926                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
927                </div>
928              </div>
929            </div>
930          </div>
931
932          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
933            <div class="portfolio-wrap">
934              <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
935              <div class="portfolio-info">
936                <h4>Web 3</h4>
937                <p>Web</p>
938                <div class="portfolio-links">
939                  <a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 3"><i class="bi bi-plus"></i></a>
940                  <a href='/portfolio-details' title='More Details'><i class="bi bi-link"></i></a>
941                </div>
942              </div>
943            </div>
944          </div>
945
946        </div>
947
948      </div>
949
950    </section><!-- End Portfolio Section -->
951
952    <!-- ======= Testimonials Section ======= -->
953    <section id="testimonials" class="testimonials d-none">
954
955      <div class="container" data-aos="fade-up">
956
957        <header class="section-header">
958         <div class="section-title">
959          <h2>Testimonials</h2>
960          <p>What they are saying about us</p>
961         </div>
962        </header>
963
964        <div class="testimonials-slider swiper-container" data-aos="fade-up" data-aos-delay="200">
965          <div class="swiper-wrapper">
966
967            <div class="swiper-slide">
968              <div class="testimonial-item">
969                <div class="stars">
970                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
971                </div>
972                <p>
973                  Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
974                </p>
975                <div class="profile mt-auto">
976                  <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
977                  <h3>Saul Goodman</h3>
978                  <h4>Ceo &amp; Founder</h4>
979                </div>
980              </div>
981            </div><!-- End testimonial item -->
982
983            <div class="swiper-slide">
984              <div class="testimonial-item">
985                <div class="stars">
986                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
987                </div>
988                <p>
989                  Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
990                </p>
991                <div class="profile mt-auto">
992                  <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
993                  <h3>Sara Wilsson</h3>
994                  <h4>Designer</h4>
995                </div>
996              </div>
997            </div><!-- End testimonial item -->
998
999            <div class="swiper-slide">
1000              <div class="testimonial-item">
1001                <div class="stars">
1002                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
1003                </div>
1004                <p>
1005                  Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
1006                </p>
1007                <div class="profile mt-auto">
1008                  <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
1009                  <h3>Jena Karlis</h3>
1010                  <h4>Store Owner</h4>
1011                </div>
1012              </div>
1013            </div><!-- End testimonial item -->
1014
1015            <div class="swiper-slide">
1016              <div class="testimonial-item">
1017                <div class="stars">
1018                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
1019                </div>
1020                <p>
1021                  Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
1022                </p>
1023                <div class="profile mt-auto">
1024                  <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
1025                  <h3>Matt Brandon</h3>
1026                  <h4>Freelancer</h4>
1027                </div>
1028              </div>
1029            </div><!-- End testimonial item -->
1030
1031            <div class="swiper-slide">
1032              <div class="testimonial-item">
1033                <div class="stars">
1034                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
1035                </div>
1036                <p>
1037                  Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
1038                </p>
1039                <div class="profile mt-auto">
1040                  <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
1041                  <h3>John Larson</h3>
1042                  <h4>Entrepreneur</h4>
1043                </div>
1044              </div>
1045            </div><!-- End testimonial item -->
1046
1047          </div>
1048          <div class="swiper-pagination"></div>
1049        </div>
1050
1051      </div>
1052
1053    </section><!-- End Testimonials Section -->
1054
1055    <!-- ======= Team Section ======= -->
1056    <section id="team" class="team d-none">
1057
1058      <div class="container" data-aos="fade-up">
1059
1060        <header class="section-header">
1061          <h2>Team</h2>
1062          <p>
1062Our hard working team</p>
1063        </header>
1064
1065        <div class="row gy-4">
1066
1067          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
1068            <div class="member">
1069              <div class="member-img">
1070                <img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
1071                <div class="social">
1072                  <a href=""><i class="bi bi-twitter"></i></a>
1073                  <a href=""><i class="bi bi-facebook"></i></a>
1074                  <a href=""><i class="bi bi-instagram"></i></a>
1075                  <a href=""><i class="bi bi-linkedin"></i></a>
1076                </div>
1077              </div>
1078              <div class="member-info">
1079                <h4>Walter White</h4>
1080                <span>Chief Executive Officer</span>
1081                <p>Velit aut quia fugit et et. Dolorum ea voluptate vel tempore tenetur ipsa quae aut. Ipsum exercitationem iure minima enim corporis et voluptate.</p>
1082              </div>
1083            </div>
1084          </div>
1085
1086          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
1087            <div class="member">
1088              <div class="member-img">
1089                <img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
1090                <div class="social">
1091                  <a href=""><i class="bi bi-twitter"></i></a>
1092                  <a href=""><i class="bi bi-facebook"></i></a>
1093                  <a href=""><i class="bi bi-instagram"></i></a>
1094                  <a href=""><i class="bi bi-linkedin"></i></a>
1095                </div>
1096              </div>
1097              <div class="member-info">
1098                <h4>Sarah Jhonson</h4>
1099                <span>Product Manager</span>
1100                <p>Quo esse repellendus quia id. Est eum et accusantium pariatur fugit nihil minima suscipit corporis. Voluptate sed quas reiciendis animi neque sapiente.</p>
1101              </div>
1102            </div>
1103          </div>
1104
1105          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
1106            <div class="member">
1107              <div class="member-img">
1108                <img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
1109                <div class="social">
1110                  <a href=""><i class="bi bi-twitter"></i></a>
1111                  <a href=""><i class="bi bi-facebook"></i></a>
1112                  <a href=""><i class="bi bi-instagram"></i></a>
1113                  <a href=""><i class="bi bi-linkedin"></i></a>
1114                </div>
1115              </div>
1116              <div class="member-info">
1117                <h4>William Anderson</h4>
1118                <span>CTO</span>
1119                <p>Vero omnis enim consequatur. Voluptas consectetur unde qui molestiae deserunt. Voluptates enim aut architecto porro aspernatur molestiae modi.</p>
1120              </div>
1121            </div>
1122          </div>
1123
1124          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
1125            <div class="member">
1126              <div class="member-img">
1127                <img src="assets/img/team/team-4.jpg" class="img-fluid" alt="">
1128                <div class="social">
1129                  <a href=""><i class="bi bi-twitter"></i></a>
1130                  <a href=""><i class="bi bi-facebook"></i></a>
1131                  <a href=""><i class="bi bi-instagram"></i></a>
1132                  <a href=""><i class="bi bi-linkedin"></i></a>
1133                </div>
1134              </div>
1135              <div class="member-info">
1136                <h4>Amanda Jepson</h4>
1137                <span>Accountant</span>
1138                <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p>
1139              </div>
1140            </div>
1141          </div>
1142
1143        </div>
1144
1145      </div>
1146
1147    </section><!-- End Team Section -->
1148
1149    
1150
1151    <!-- ======= Recent Blog Posts Section ======= -->
1152    <section id="recent-blog-posts" class="recent-blog-posts">
1153
1154      <div class="container" data-aos="fade-up">
1155
1156        
1157          <div class="section-title">
1158            <header class="section-header">
1159              <h2>Blog</h2>
1160              <p>Nos articles récents</p>
1161            </header>  
1162          </div>
1163     
1164
1165        <div class="row">
1166
1167          <div class="col-lg-4">
1168            <div class="post-box">
1169              <div class="post-img"><img src="assets/img/blog/blog-1.webp" class="img-fluid" alt=""></div>
1170              <span class="post-date">Wed, July 20</span>
1171              <h3 class="post-title">Marketing et Advertisment</h3>
1172              <br>
1173              <p style="text-align:justify;"> “Pour moi, le marketing est une question de valeurs. C'est un monde très compliqué, très bruyant, et nous n'aurons pas la chance que les gens se souviennent de beaucoup de choses sur nous ! Nous devons donc être très clairs sur ce que nous voulons qu'ils retiennent de nous.” </p>
1174              <a class='readmore stretched-link mt-auto' description href='/marketing'><span>Lire la suite</span><i class="bi bi-arrow-right"></i></a>
1175            </div>
1176          </div>
1177
1178          <div class="col-lg-4">
1179            <div class="post-box">
1180              <div class="post-img"><img src="assets/img/blog/oddo_copy.jpg" class="img-fluid" alt=""></div>
1181              <span class="post-date">Mon, June 21</span>
1182              <h3 class="post-title">Oddo Architecture</h3>
1183              <br>
1184              <p style="text-align: justify;">Oddo est devenu le choix préféré de nombreuses entreprises car il répond à toute une série de besoins commerciaux. <br> On ne peut nier l'importance des fonctionnalités d'Odoo, car elles aident les entreprises à se développer. </p>
1185              <a class='readmore stretched-link mt-auto' href='/oddoarchitechture'><span>Lire la suite</span><i class="bi bi-arrow-right"></i></a>
1186            </div>
1187          </div>
1188
1189          <div class="col-lg-4">
1190            <div class="post-box">
1191              <div class="post-img"><img src="assets/img/blog/elgawam_copy.jpg" class="img-fluid" alt=""></div>
1192              <span class="post-date">Tue, AUG 3</span>
1193              <h3 class="post-title">El Guewam</h3>
1194              <br>
1195              <p style="text-align: justify">
1196                Pour piloter toutes vos actions commerciales toute en gardant un œil vigilant sur les axes de votre stratégie, il va falloir s’appuyer sur un outil innovant et per
1197                ant pour assurer une gestion Commerciale optimale de votre Business.
1198              </p>
1199              <a class='readmore stretched-link mt-auto' href='/elguewam'><span>Lire la suite</span><i class="bi bi-arrow-right"></i></a>
1200            </div>
1201          </div>
1202          
1203        </div>
1204
1205      </div>
1206
1207    </section><!-- End Recent Blog Posts Section -->
1208
1209    <!-- ======= Contact Section ======= -->
1210    <section id="contact" class="contact">
1211      <div class="container" data-aos="fade-up">
1212
1213        <div class="section-title">
1214          <h2>Contact</h2>
1215          <p>Remplissez ce formulaire pour nous contacter et nous vous répondrons rapidement.</p>
1216        </div>
1217
1218        <div class="row">
1219
1220          <div class="col-lg-5 d-flex align-items-stretch">
1221            <div class="info">
1222              <div class="address">
1223                <i class="bi bi-geo-alt"></i>
1224                <h4><strong>Location:</strong></h4>
1225                <p>191 Ilot K, Tevragh-Zeina, Nouakchott-Est</p>
1226              </div>
1227
1228              <div class="email">
1229                <i class="bi bi-envelope"></i>
1230                <h4><strong>Email:</strong></h4>
1231                <p><a href="mailto:[email protected]">[email protected]</a></p>
1232              </div>
1233
1234              <div class="phone">
1235                <i class="bi bi-phone"></i>
1236                <h4><strong>Téléphone:</strong></h4>
1237                <p><a href="tel:+22243330733">+222 43330733</a></p>
1238              </div>
1239              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3792.63192778346!2d-15.987905585402954!3d18.088586387661973!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xe964d72d3212471%3A0x2b59387b3ff0b623!2sSMART%20MS%20SA!5e0!3m2!1sen!2s!4v1626427384414!5m2!1sen!2s" frameborder="0" style="border:0; width: 100%; height: 290px;" allowfullscreen></iframe>
1240              
1241            </div>
1242
1243          </div>
1244
1245          <div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch">
1246            <form action='thankyou' class='php-email-form' data-netlify-recaptcha='true' method='post' name='contact' role='form'><input type='hidden' name='form-name' value='contact' />
1247              <div class="row">
1248                <div class="form-group col-md-6">
1249                  <label for="name">Votre Nom</label>
1250                  <input type="text" name="name" class="form-control" id="name" required>
1251                </div>
1252                <div class="form-group col-md-6">
1253                  <label for="name">Votre Email</label>
1254                  <input type="email" class="form-control" name="email" id="email" required>
1255                </div>
1256              </div>
1257              <div class="form-group">
1258                <label for="name">Sujet</label>
1259                <input type="text" class="form-control" name="subject" id="subject" required>
1260              </div>
1261              <div class="form-group">
1262                <label for="name">Message</label>
1263                <textarea class="form-control" name="message" rows="10" required></textarea>
1264              </div>
1265              <div class="my-3">
1266                <div class="loading">Chargement...</div>
1267                <div class="error-message"></div>
1268                <div class="sent-message">Votre message à été bien réçu</div>
1269              </div>
1270              <div class='form-group'>
vendor: 64 bytes, line 1270
1270<script src='https://www.google.com/recaptcha/api.js'></script>
1271<div class='g-recaptcha' data-sitekey='6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y'></div>
1272<noscript>
1273  <div>
1274  <div style="width: 302px; height: 422px; position: relative;">
1275  <div style="width: 302px; height: 422px; position: absolute;">
1276  <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y" frameborder="0" scrolling="no"
1277    style="width: 302px; height:422px; border-style: none;">
1278  </iframe>
1279  </div>
1280  </div>
1281  <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
1282    <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
1283      style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;" >
1284    </textarea>
1285  </div>
1286  </div>
1287</noscript>
1288</div>
1289              <div class="text-center"><button type="submit">Envoyer votre message</button></div>
1290            </form>
1291          </div>
1292
1293        </div>
1294
1295      </div>
1296    </section><!-- End Contact Section -->
1297
1298  </main><!-- End #main -->
1299
1300  <!-- ======= Footer ======= -->
1301  <footer id="footer" class="footer">
1302
1303    <div class="footer-newsletter">
1304      <div class="container">
1305        <div class="row justify-content-center">
1306          <div class="col-lg-12 text-center">
1307            <h4>Newsletter</h4>
1308            <p class="text-justify">Inscrivez vous sur notre newsletter pour recevoir nos derniers articles et produits.</p>
1309          </div>
1310          <div class="col-lg-6">
1311            <form action="" method="post">
1312              <input type="email" name="email"><input type="submit" value="Subscribe">
1313            </form>
1314            
1315          </div>
1316        </div>
1317      </div>
1318    </div>
1319
1320    <div class="footer-top">
1321      <div class="container">
1322        <div class="row gy-4">
1323          <div class="col-lg-5 col-md-12 footer-info">
1324            <a class='logo d-flex align-items-center' href='/'>
1325              <img src="assets/img/logo-smart.png" alt="" style="width: 110px;">
1326              
1327            </a>
1328            <p style="text-align: justify;">Smart Dev est une entreprise prestataire de services liés aux Technologies de l’information dédiés aux entreprises. Elle opère dans le secteur de conception et du développement de systèmes d’informations en Mauritanie.</p>
1329            <div class="social-links mt-3">
1330              <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
1331              <a href="https://web.facebook.com/smartdevai" class="facebook"><i class="bi bi-facebook"></i></a>
1332              <a href="https://www.instagram.com/smartdevai/" class="instagram"><i class="bi bi-instagram bx bxl-instagram"></i></a>
1333              <a href="#" class="linkedin"><i class="bi bi-linkedin bx bxl-linkedin"></i></a>
1334            </div>
1335          </div>
1336
1337          <div class="col-lg-2 col-6 footer-links">
1338            <h4>Liens Utiles</h4>
1339            <ul>
1340              <li><i class="bi bi-chevron-right"></i> <a href="#hero">Acceuil</a></li>
1341              <li><i class="bi bi-chevron-right"></i> <a href="#about">Apropos</a></li>
1342              <li><i class="bi bi-chevron-right"></i> <a href="#services">Services</a></li>
1343              <li><i class="bi bi-chevron-right"></i> <a href="#blog">Blog</a></li>
1344              <li class="d-none"><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li>
1345              <li class="d-none"><i class="bi bi-chevron-right"></i> <a href="#">Privacy policy</a></li>
1346            </ul>
1347          </div>
1348
1349          <div class="col-lg-2 col-6 footer-links">
1350            <h4>Nos Services</h4>
1351            <ul>
1352              <li><i class="bi bi-chevron-right"></i> <a href="#services">Front End Développement</a></li>
1353              <li><i class="bi bi-chevron-right"></i> <a href="#services">Back End Développement</a></li>
1354              <li><i class="bi bi-chevron-right"></i> <a href="#services">iOS Développement</a></li>
1355              <li><i class="bi bi-chevron-right"></i> <a href="#services">Android Développement</a></li>
1356              <li><i class="bi bi-chevron-right"></i> <a href="#services">Nos Produits</a></li>
1357              <li><i class="bi bi-chevron-right"></i> <a href="#services">Business Dévelopment</a></li>
1358            </ul>
1359          </div>
1360
1361          <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
1362            
1363            <h4>Nous Contacter</h4>
1364            
1365            <p style="text-align: justify">
1366              Adresse: <br>
1367              <strong>
1368              191 Ilot K 
1369              Tevragh-Zeina, Nouakchott
1370              Mauritania 
1371              </strong> <br>
1372              Téléphone: <a href="tel:+22247330733"><strong>+222 43330733</strong></a><br>
1373              Email: <a href="mailto:[email protected]"><strong>[email protected]</strong></a><br>
1374            </p>
1375            
1376          </div>
1377
1378        </div>
1379      </div>
1380    </div>
1381
1382    <div class="container">
1383      <div class="copyright">
1384        &copy; Tous les droits sont réservés à <strong><span>SMART DEV</span></strong> . 
1385      </div>
1386      <div class="credits">
1387          Conçu par <a href="https://www.smartdev.ai/">SMART DEV</a>
1388      </div>
1389      
1390    </div>
1391  </footer><!-- End Footer -->
1392
1393  <div id="myDiv"></div>
1394  
1395  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
1396  
1397
1398  <!-- Vendor JS Files -->
1399  
1399<script src="assets/vendor/bootstrap/js/bootstrap.bundle.js"></script>
1399
1400  
1400<script src="assets/vendor/aos/aos.js"></script>
1400
1401  <!--
1401<script src="assets/vendor/php-email-form/validate.js"></script>
1401-->
1402  
1402<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
1402
1403  
1403<script src="assets/vendor/purecounter/purecounter.js"></script>
1403
1404  
1404<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
1404
1405  
1405<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
1405
1406 
1407  <!-- Template Main JS File -->
1408  
1408<script src="assets/js/main.js"></script>
vendor: 74 bytes, lines 1408-1413
1408
1409  
1410
1411  <script src="https://www.google.com/recaptcha/api.js"></script>
1412
1413 
1414</body>
1415
1416</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.