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 & 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 © 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.