| Current File : /home/d/i/g/digitaw/teste_ecarte/index.php |
<?php
session_start();
$donnees = "Ceci est ma donnée";
?>
<!DOCTYPE html>
<html class="no-js" lang>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Digitalis_Card</title>
<meta name="description" content />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<link rel="stylesheet" href="assets/css/bootstrap-5.0.0-alpha-2.min.css" />
<link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/lindy-uikit.css" />
<link rel="shortcut icon" href="assets/img/logo/logo.png">
<script src="sweetalert2.min.js"></script>
<link rel="stylesheet" href="sweetalert2.min.css">
</head>
<body>
<style>
html,
body {
height: 100%;
}
.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.button {
min-width: 200px;
min-height: 60px;
font-family: 'Nunito', sans-serif;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.3px;
font-weight: 1000;
color: #ffffff;
background: #DE7E27;
background: linear-gradient(90deg, #2399D5 0%, #2399D5 100%);
border: none;
border-radius: 1000px;
box-shadow: 12px 12px 24px #DE7E27;
transition: all 0.2s ease-in-out 0s;
cursor: pointer;
outline: none;
position: relative;
padding: 10px;
}
.wrap::before {
content: '';
border-radius: 1000px;
min-width: calc(300px + 12px);
min-height: calc(60px + 12px);
border: 6px solid #DE7E27;
box-shadow: 0 0 6cm#DE7E27;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all .3s ease-in-out 0s;
}
.button:hover,
.button:focus {
color: #ffffff;
transform: translateY(-6px);
}
button:hover::before,
button:focus::before {
opacity: 1;
}
.wrap::after {
content: '';
width: 30px;
height: 30px;
border-radius: 100%;
border: 6px solid #DE7E27;
position: absolute;
z-index: -1;
top: 50%;
left: 35%;
transform: translate(-50%, -50%);
animation: ring 1.5s infinite;
}
button:hover::after,
button:focus::after {
animation: none;
display: none;
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1;
}
100% {
width: 300px;
height: 300px;
opacity: 0;
}
}
</style>
<div class="preloader">
<div class="loader">
<div class="spinner">
<div class="spinner-container">
<div class="spinner-rotator">
<div class="spinner-left">
<div class="spinner-circle"></div>
</div>
<div class="spinner-right">
<div class="spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
if (isset($_SESSION['insertion']) && $_SESSION['insertion'] === 'ok') {
echo '<script>
Swal.fire({
icon: "success",
title: "Demande envoyée!",
text: "Votre demande a été envoyée avec succès."
});
</script>';
unset($_SESSION['insertion']);
} elseif (isset($_SESSION['insertion']) && $_SESSION['insertion'] === 'erreur') {
echo '<script>
Swal.fire({
icon: "error",
title: "Une erreur est survenue!",
text: "Quelque chose s\'est mal passé."
});
</script>';
unset($_SESSION['insertion']);
}
?>
<section id="home" class="hero-section-wrapper-5">
<header class="header header-6">
<div class="navbar-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.php">
<img src="assets/img/logo/logo.png" alt="Logo" width="70%" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent6" aria-controls="navbarSupportedContent6"
aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent6">
<ul id="nav6" class="navbar-nav ml-auto">
<li class="nav-item">
<a class="page-scroll active" href="#home">Accueil</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#feature">Services</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#about">A propos</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#pricing">Tarif</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<div class="header-action d-flex">
<a href="#0"> <i class="lni lni-cart"></i> </a>
<a href="#0"> <i class="lni lni-alarm"></i> </a>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<div class="hero-section hero-style-5 img-bg"
style="background-image: url('assets/img/hero/hero-5/hero-bg.svg')">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="hero-content-wrapper">
<h2 class="mb-30 wow fadeInUp" data-wow-delay=".2s">Prêt pour l'Ère Digitale des Cartes de
Visite?</h2>
<p class="mb-30 wow fadeInUp" data-wow-delay=".4s">Dites adieu aux cartes papier
traditionnelles et faites
place à l'avenir avec Digitalis Card!</p>
<div class="wrap">
<a href="#feature" class="button" data-wow-delay=".6s">Découvrir <i
class="lni lni-chevron-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-6 align-self-end">
<div class="hero-image wow fadeInUp" data-wow-delay=".5s">
<img src="assets/img/hero/hero-5/mbaye_diop_card.png" alt width="800px" height="100%"
style="margin-top:-125px;">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="feature" class="feature-section feature-style-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-5 col-xl-5 col-lg-7 col-md-8">
<div class="section-title text-center mb-60">
<h3 class="mb-15 wow fadeInUp" data-wow-delay=".2s">Pourquoi avoir
une carte de visite digital ?</h3>
<p class="wow fadeInUp" data-wow-delay=".4s">Oubliez les cartes de
visite papier. Adoptez notre solution de e-carte pour une
expérience de réseau professionnel moderne. Découvrez les
fonctionnalités qui feront briller votre identité
professionnelle.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="icon">
<i class="lni lni-vector"></i>
<!-- Icône spécifique à la conception graphique pour votre projet -->
</div>
<div class="content">
<h5>Design Visuel</h5>
<p>Un design innovant qui reflète votre style et capture l'attention.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".4s">
<div class="icon">
<i class="lni lni-pallet"></i>
<!-- Icône spécifique à la conception d'impression pour votre projet -->
</div>
<div class="content">
<h5>Impression Personnalisée</h5>
<p>Des impressions de qualité qui laissent une impression
mémorable.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".6s">
<div class="icon">
<i class="lni lni-magnifier"></i>
<!-- Icône spécifique à l'analyse commerciale pour votre projet -->
</div>
<div class="content">
<h5>Visibilité Assurée</h5>
<p>Faites briller votre e-carte pour une visibilité optimale
dans votre réseau professionnel.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="icon">
<i class="lni lni-website"></i>
<!-- Icône spécifique au développement web pour votre projet -->
</div>
<div class="content">
<h5>Portfolios Professionnel </h5>
<p class="text-center wow fadeInUp" data-wow-delay=".2s">Découvrez
la personne ou l'entreprise derrière chaque e-carte grâce à
son portfolio en ligne</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".4s">
<div class="icon">
<i class="lni lni-lock"></i>
<!-- Icône spécifique à la sécurité pour votre projet -->
</div>
<div class="content">
<h5>Sécurité Avancée</h5>
<p>Protégez vos informations avec des mesures de sécurité de
pointe.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".6s">
<div class="icon">
<i class="lni lni-world"></i>
<!-- Icône spécifique à la conception web pour votre projet -->
</div>
<div class="content">
<h5>Design Web Fluide</h5>
<p>Donnez vie à votre site avec un design réactif pour une
navigation sans effort.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="about-section about-style-4">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6">
<div class="about-content-wrapper">
<div class="section-title mb-30">
<h3 class="mb-25 wow fadeInUp" data-wow-delay=".2s">Pourquoi
choisir <a style="color: #DE7E27 " href="https://digitalis-sn.com"
target="_blank">Digitalis SN</a>
pour vos cartes de visite</h3>
</div>
<ul>
<li class="wow fadeInUp" data-wow-delay=".35s">
<i class="lni lni-checkmark-circle"></i>
Optimisez vos e-cartes avec Digitalis SN, sans soucis de
conception ni de gestion. Satisfaction garantie.
</li>
<li class="wow fadeInUp" data-wow-delay=".4s">
<i class="lni lni-checkmark-circle"></i>
Économisez temps et argent avec Digitalis SN. Explorez une
nouvelle ère de cartes de visite numériques avec succès
assuré.
</li>
<li class="wow fadeInUp" data-wow-delay=".45s">
<i class="lni lni-checkmark-circle"></i>
Faites confiance à Digitalis SN pour des résultats concrets et
une expérience utilisateur exceptionnelle, sans perdre de
temps ni d'argent.
</li>
</ul>
<a href="#pricing" class="button radius-10 wow fadeInUp"
style="background-color: #2399D5 ; color: white " data-wow-delay=".5s">Acheter
maintenant</a>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="about-image text-lg-right wow fadeInUp ml-2 " data-wow-delay=".5s">
<img src="assets/img/digitalis/digitalis-sn.png" style="width: 100%;" alt>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="feature-section feature-style-5">
<div class="container">
<div class="row align-items-center">
<div class="row justify-content-center">
<div class="col-xxl-12 col-xl-5 col-lg-7 col-md-10">
<div class="section-title text-center mb-60 row">
<div class="col-xxl-4 ">
<img src="assets/img/digitalis/qr1.png" style="width: 80%;" alt>
</div>
<div class="col-xxl-8 pt-5 ">
<h3 class="mb-15 wow fadeInUp" data-wow-delay=".2s">Que contiennent nos packs ? </h3>
<p class="wow fadeInUp " data-wow-delay=".6s">Chaque pack est
livré comme une solution complète que vous pourrez gérer et
consulter de manière illimitée. <br> Voici les outils que
nous
mettons à votre disposition</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="content" style="min-height: 200px">
<h3>Backoffice</h3>
<p class="mt-4 text-left">Personnalisez facilement vos
e-cartes avec
Digitalis SN.
Gérez les informations, consultez les statistiques et gérez
les profils de vos collaborateurs de manière simple. Chacun
peut accéder et mettre à jour son profil, avec des
restrictions pour garantir la confidentialité des éléments d'administration.</p>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="content " style="min-height: 200px">
<h3>E-Carte
office</h3>
<p class="mt-4 text-left">
Profitez de notre plateforme responsive pour une expérience
utilisateur optimale. Accédez facilement à vos e-cartes et
gérez vos informations en toute simplicité, que vous soyez
sur un ordinateur, une tablette ou un smartphone</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section id="gallery" class="gallery-section gallery-style-4 bg-white">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-5 col-xl-5 col-lg-7 col-md-10">
<div class="section-title text-center mb-60">
<h3 class="mb-15 wow fadeInUp" data-wow-delay=".2s">Recent Works</h3>
<p class="wow fadeInUp" data-wow-delay=".4s">Stop wasting time and
money designing and managing a website that doesn’t get results.
Happiness guaranteed!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-gallery wow fadeInUp" data-wow-delay=".2s">
<div class="image">
<img src="assets/img/gallery/gallery-4/gallery-1.jpg" alt>
<div class="overlay">
<div class="action">
<a href="#0"> <i class="lni lni-link"></i> </a>
</div>
</div>
</div>
<div class="info">
<h5>Web Design</h5>
<p>Short description for the ones who look for something new.
Awesome!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-gallery wow fadeInUp" data-wow-delay=".4s">
<div class="image">
<img src="assets/img/gallery/gallery-4/gallery-2.jpg" alt>
<div class="overlay">
<div class="action">
<a href="#0"> <i class="lni lni-link"></i> </a>
</div>
</div>
</div>
<div class="info">
<h5>Graphic Design</h5>
<p>Short description for the ones who look for something new.
Awesome!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-gallery wow fadeInUp" data-wow-delay=".6s">
<div class="image">
<img src="assets/img/gallery/gallery-4/gallery-3.jpg" alt>
<div class="overlay">
<div class="action">
<a href="#0"> <i class="lni lni-link"></i> </a>
</div>
</div>
</div>
<div class="info">
<h5>Mobile App</h5>
<p>Short description for the ones who look for something new.
Awesome!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-gallery wow fadeInUp" data-wow-delay=".2s">
<div class="image">
<img src="assets/img/gallery/gallery-4/gallery-4.jpg" alt>
<div class="overlay">
<div class="action">
<a href="#0"> <i class="lni lni-link"></i> </a>
</div>
</div>
</div>
<div class="info">
<h5>Web Development</h5>
<p>Short description for the ones who look for something new.
Awesome!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-gallery wow fadeInUp" data-wow-delay=".4s">
<div class="image">
<img src="assets/img/gallery/gallery-4/gallery-5.jpg" alt>
<div class="overlay">
<div class="action">
<a href="#0"> <i class="lni lni-link"></i> </a>
</div>
</div>
</div>
<div class="info">
<h5>Content Generate</h5>
<p>Short description for the ones who look for something new.
Awesome!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-gallery wow fadeInUp" data-wow-delay=".6s">
<div class="image">
<img src="assets/img/gallery/gallery-4/gallery-6.jpg" alt>
<div class="overlay">
<div class="action">
<a href="#0"> <i class="lni lni-link"></i> </a>
</div>
</div>
</div>
<div class="info">
<h5>Seo Optimization</h5>
<p>Short description for the ones who look for something new.
Awesome!</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<?php include 'tarif.php'; ?>
<!-- <section id="team" class="team-section team-style-4">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-5 col-xl-5 col-lg-7 col-md-10">
<div class="section-title text-center mb-60">
<h3 class="mb-15 wow fadeInUp" data-wow-delay=".2s">Our Team</h3>
<p class="wow fadeInUp" data-wow-delay=".4s">Stop wasting time and
money designing and managing a website that doesn’t get results.
Happiness guaranteed!</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xl-3 col-md-6 col-sm-10">
<div class="single-team wow fadeInUp" data-wow-delay=".2s">
<div class="image">
<img src="assets/img/team/team-4/team-1.jpg" alt>
<div class="overlay">
<ul class="socials">
<li>
<a href="#0"> <i class="lni lni-facebook-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-twitter-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-instagram-filled"></i>
</a>
</li>
<li>
<a href="#0"> <i class="lni lni-linkedin-original"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="info">
<h6>John Doe</h6>
<p>Product Designer</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-10">
<div class="single-team wow fadeInUp" data-wow-delay=".4s">
<div class="image">
<img src="assets/img/team/team-4/team-2.jpg" alt>
<div class="overlay">
<ul class="socials">
<li>
<a href="#0"> <i class="lni lni-facebook-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-twitter-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-instagram-filled"></i>
</a>
</li>
<li>
<a href="#0"> <i class="lni lni-linkedin-original"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="info">
<h6>David Endow</h6>
<p>Creative Designer</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-10">
<div class="single-team wow fadeInUp" data-wow-delay=".6s">
<div class="image">
<img src="assets/img/team/team-4/team-3.jpg" alt>
<div class="overlay">
<ul class="socials">
<li>
<a href="#0"> <i class="lni lni-facebook-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-twitter-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-instagram-filled"></i>
</a>
</li>
<li>
<a href="#0"> <i class="lni lni-linkedin-original"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="info">
<h6>Jonathon Smith</h6>
<p>Brand Designer</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-10">
<div class="single-team wow fadeInUp" data-wow-delay=".8s">
<div class="image">
<img src="assets/img/team/team-4/team-4.jpg" alt>
<div class="overlay">
<ul class="socials">
<li>
<a href="#0"> <i class="lni lni-facebook-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-twitter-filled"></i> </a>
</li>
<li>
<a href="#0"> <i class="lni lni-instagram-filled"></i>
</a>
</li>
<li>
<a href="#0"> <i class="lni lni-linkedin-original"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="info">
<h6>Gray Simon</h6>
<p>Frontend Developer</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<section id="testimonial" class="testimonial-section testimonial-style-4">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center mb-60">
<h3 class="wow fadeInUp" data-wow-delay=".2s">Ce que dise nos clients</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="single-testimonial wow fadeInUp" data-wow-delay=".2s">
<div class="content-wrapper">
<div class="info">
<div class="image">
<img src="assets/img/digitalis/grassie.png" alt>
</div>
<div class="text">
<h6>Ndeye Grassié POUYE</h6>
<!-- <p style="color: #2399D5 ">Social Média Manager</p>-->
</div>
</div>
<div class="content">
<p style="font-family: Fira Sans, sans-serif;font-size:16px">Je recommande vivement les
services de Digitalis Sn pour une solution pratique et
écologique de cartes de visite.</p>
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="single-testimonial wow fadeInUp" data-wow-delay=".6s">
<div class="content-wrapper">
<div class="info">
<div class="image">
<img src="assets/img/digitalis/ndiaye.png" alt>
</div>
<div class="text">
<h6>Mamadou NDIAYE</h6>
<!-- <p style="color: #2399D5 ">Responsable Marketing</p>-->
</div>
</div>
<div class="content">
<p style="font-family: Fira Sans, sans-serif;font-size:16px">Le virtuel a enfin
modernisé la carte de visite,vous scannez,vous avez mes infos
pros et vous ne me perdez plus jamais.</p>
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="single-testimonial wow fadeInUp" data-wow-delay=".4s">
<div class="content-wrapper">
<div class="info">
<div class="image">
<img src="assets/img/digitalis/marie.png" alt>
</div>
<div class="text">
<h6>Marie Seynabou BASSENE </h6>
<!-- <p style="color: #2399D5 ">Agent Marketing</p>-->
</div>
</div>
<div class="content">
<p style="font-family: Fira Sans, sans-serif;font-size:16px">Facile d'utilisation, cette
carte m'a
rendu légère et me fait gagner beaucoup de
temps ainsi qu'à mes interlocuteurs.</p>
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--- Section contact --->
<section id="contact" class="contact-section contact-style-3">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-5 col-xl-5 col-lg-7 col-md-10">
<div class="section-title text-center mb-50">
<h3 class="mb-15">Nous contactez</h3>
<p style="font-family: Fira Sans, sans-serif;font-size:16px">Nous sommes impatients de discuter
avec vous et de découvrir comment nous pouvons contribuer
au succès de
votre entreprise.</p>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="left-wrapper">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-item">
<div class="icon" style="background-color: #2399D5;">
<i class="lni lni-envelope"></i>
</div>
<div class="text">
<p><a href="https://preview.uideck.com/cdn-cgi/l/email-protection"
class="__cf_email__"
data-cfemail="e49d8b919689858d88a48389858d88ca878b89">contact@digitalis-sn.com</a>
</p>
<p><a href="https://preview.uideck.com/cdn-cgi/l/email-protection"
class="__cf_email__"
data-cfemail="7312171e1a1d330a1c0601041611001a07165d101c1e"></a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-item">
<div class="icon" style="background-color: #2399D5;">
<i class="lni lni-phone"></i>
</div>
<div class="text">
<p>
(+32) 485 69 13 67
</p>
<p>
(+221) 76 167 53 52
</p>
<p>
(+221) 33 881 46 88
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-item">
<div class="icon" style="background-color: #2399D5;">
<i class="lni lni-map-marker"></i>
</div>
<div class="text">
<p>Hann Bel Air, Arrêt CAFETERIA</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<hr size="7" />
</div>
<div class="col-lg-6" style="margin-top: 50px;">
<div class="contact-form-wrapper">
<form
action="https://preview.uideck.com/items/lindy/ui-kit/templates/nova/assets/php/contact.php"
method="POST">
<div class="row">
<div class="col-md-12">
<div class="single-input">
<input type="text" id="name" name="name" class="form-input"
placeholder="Nom complet">
<i class="lni lni-user"></i>
</div>
</div>
<div class="col-md-6">
<div class="single-input">
<input type="email" id="email" name="email" class="form-input"
placeholder="Email">
<i class="lni lni-envelope"></i>
</div>
</div>
<div class="col-md-6">
<div class="single-input">
<input type="text" id="number" name="number" class="form-input"
placeholder="Numéro de téléphone">
<i class="lni lni-phone"></i>
</div>
</div>
<div class="col-md-12">
<div class="single-input">
<textarea name="message" id="message" class="form-input"
placeholder="Votre message ici" rows="6"></textarea>
<i class="lni lni-comments-alt"></i>
</div>
</div>
<div class="col-md-12">
<div class="form-button">
<button type="submit" class="button"> <i class="lni lni-telegram-original"></i>
Envoyer</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6">
<img src="assets/img/get.png" height="600" width="600" alt="">
</div>
<div class="col-lg-12">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3859.275192341956!2d-17.439906123919208!3d14.697023474706645!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xec173bcf852a963%3A0xeef3a43dcc9a13e4!2sDigitalis-sn!5e0!3m2!1sfr!2ssn!4v1701085284883!5m2!1sfr!2ssn"
width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</section>
<!---- end section contact --->
<section class="clients-logo-section pt-100 pb-100">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="client-logo wow fadeInUp" data-wow-delay=".2s">
<img src="assets/img/clients/Digitalissn.png" alt class="w-10" width="15%">
<img src="assets/img/clients/africagames.png" alt class="w-10" width="15%">
<img src="assets/img/clients/sicapsa.png" alt class="w-10" width="15%">
<img src="assets/img/clients/Digitalissn.png" alt class="w-10" width="15%">
<img src="assets/img/clients/pmc.png" alt class="w-10" width="15%">
<img src="assets/img/clients/senboutique.png" alt class="w-10" width="15%">
</div>
</div>
</div>
</div>
</section>
<footer class="footer footer-style-4">
<div class="container">
<div class="widget-wrapper">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="footer-widget wow fadeInUp" data-wow-delay=".2s">
<div class="logo">
<a href="index.php"> <img src="assets/img/logo/logo.png" alt width="50%"
style="margin-top:-40px"> </a>
</div>
<p class="desc">La E-Carte DIGITALIS SN, une révolution ! Scannez et entrez dans mon
univers professionnelle.
</p>
</div>
</div>
<div class="col-xl-2 offset-xl-1 col-lg-2 col-md-6 col-sm-6">
<div class="footer-widget wow fadeInUp" data-wow-delay=".3s">
<h6>Nos Liens</h6>
<ul class="links">
<li> <a href="#0">A propos</a> </li>
<li> <a href="#0">Services</a> </li>
<li> <a href="#0">Equipe</a> </li>
<li> <a href="#0">Contact</a> </li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="footer-widget wow fadeInUp" data-wow-delay=".4s">
<h6>Services</h6>
<ul class="links">
<li> <a href="#0">Digitalis_Card BASIC</a> </li>
<li> <a href="#0">Digitalis_Card OPTIMUS</a> </li>
<li> <a href="#0">Digitalis_Card PREMIUM</a> </li>
<li> <a href="#0">Blog Writing</a> </li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="footer-widget wow fadeInUp" data-wow-delay=".4s">
<h6>Nous suivre sur:</h6>
<ul class="socials">
<li> <a href="https://www.facebook.com/DigitalisSn"> <i
class="lni lni-facebook-filled"></i> </a> </li>
<li> <a href="https://twitter.com/home"> <i class="lni lni-twitter-filled"></i> </a>
</li>
<li> <a href="https://www.instagram.com/digitalis_sn/"> <i
class="lni lni-instagram-filled"></i> </a>
</li>
<li> <a href="https://www.linkedin.com/feed/"> <i class="lni lni-linkedin-original"></i>
</a> </li>
</ul>
<a href="index.php">
<img src="assets/img/e_cart1.png" alt="" style="margin-top: -20px;margin-left: -62px;"
width="80%">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrapper wow fadeInUp" data-wow-delay=".2s">
<p>Designer et Développer par <a href="https:/digitalis-sn.com/" rel="nofollow" target="_blank"> DIGITALIS
SN</a>
</p>
</div>
</div>
</footer>
<a href="#" class="scroll-top"> <i class="lni lni-chevron-up"></i> </a>
<script data-cfasync="false" src="../../../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">
</script>
<script src="assets/js/bootstrap.5.0.0.alpha-2-min.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/main.js"></script>
<script>
(function () {
var js =
"window['__CF$cv$params']={r:'82c95975ad06f5d2',t:'MTcwMTA3NzM5NC45ODkwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='../../../../../cdn-cgi/challenge-platform/h/g/scripts/jsd/9914b343/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";
var _0xh = document.createElement('iframe');
_0xh.height = 1;
_0xh.width = 1;
_0xh.style.position = 'absolute';
_0xh.style.top = 0;
_0xh.style.left = 0;
_0xh.style.border = 'none';
_0xh.style.visibility = 'hidden';
document.body.appendChild(_0xh);
function handler() {
var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;
if (_0xi) {
var _0xj = _0xi.createElement('script');
_0xj.innerHTML = js;
_0xi.getElementsByTagName('head')[0].appendChild(_0xj);
}
}
if (document.readyState !== 'loading') {
handler();
} else if (window.addEventListener) {
document.addEventListener('DOMContentLoaded', handler);
} else {
var prev = document.onreadystatechange || function () { };
document.onreadystatechange = function (e) {
prev(e);
if (document.readyState !== 'loading') {
document.onreadystatechange = prev;
handler();
}
};
}
})();
</script>
<script defer
src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c167c359c1696973893317"
integrity="sha512-euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf6MA=="
data-cf-beacon='{"rayId":"82c95975ad06f5d2","version":"2023.10.0","r":1,"token":"9a6015d415bb4773a0bff22543062d3b","b":1}'
crossorigin="anonymous"></script>
</body>
<!-- Mirrored from preview.uideck.com/items/lindy/ui-kit/templates/nova/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Nov 2023 09:30:07 GMT -->
</html>