| Current File : /home/d/i/g/digitaw/teste_ecarte/kinss/index.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sena Orphee Giscard Aissi KINSS</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Free Website Template" name="keywords">
<meta content="Free Website Template" name="description">
<!-- Favicon -->
<link href="img/logo.png" rel="icon">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<!-- CSS Libraries -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<style>
#s {
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(128, 128, 128, 0.1) 0px 0px 10px;
border-radius: 10px;
}
#s:hover {
box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}
</style>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="51">
<!-- Nav Bar Start -->
<div class="navbar navbar-expand-lg bg-light navbar-light">
<div class="container-fluid rounded" style="background-color: white;">
<a href="index.html" class="navbar-brand"><img src="img/snkinss.png" width="100%" height="100%"
alt=""></a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav ml-auto">
<a style="color:black;" href="#home" class="nav-item nav-link active">Accueil</a>
<a style="color:black;" href="#about" class="nav-item nav-link">A propos</a>
<a style="color:black;" href="#service" class="nav-item nav-link">Compétences</a>
<a style="color:black;" href="#experience" class="nav-item nav-link">Expériences</a>
<a style="color:black;" href="#portfolio" class="nav-item nav-link">Réalisation</a>
<a style="color:black;" href="#price" class="nav-item nav-link">Services</a>
<a style="color:black;" href="#contact" class="nav-item nav-link">Contact</a>
</div>
</div>
</div>
</div>
<!-- Nav Bar End -->
<!-- Hero Start -->
<div class="hero" id="home">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-12 col-md-6">
<div class="hero-content">
<div class="hero-text">
<p>Salut, moi c'est</p>
<h1>Sena Orphee Giscard Aissi KINSS</h1>
<h2></h2>
<div class="typed-text">Directeur Général - SNKINSS</div>
</div>
<div class="hero-btn">
<a class="btn" href="#contact">Contact</a>
<a class="btn" href="#price">Services</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 d-none d-md-block">
<div class="hero-image">
<img src="img/SNKINSS-3.png" width="80%" alt="Hero Image">
</div>
</div>
</div>
</div>
</div>
<!-- Hero End -->
<!-- About Start -->
<div class="about wow fadeInUp" data-wow-delay="0.1s" id="about">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-img">
<img src="img/SNKINSS-2.png" style="width: 70%;" alt="Image">
</div>
</div>
<div class="col-lg-6 shadow pb-5 pt-5">
<div class="about-content">
<div class="section-header text-left">
<p>A propos</p>
<h2>04 ans d'expériences</h2>
</div>
<div class="about-text">
<p>
Bonjour, <br> je m'appelle Sena Orphee Giscard Aissi KINSS et je suis le Président Directeur Général (PDG) à
DIGITALIS SN, une entreprise de transformation digitale basée au Sénégal.
Je suis énergique et dynamique, toujours prête à relever de nouveaux défis et à
contribuer activement au succès de mon entreprise.
</p>
</div>
<a class="btn mt-4" href="#experience">Mes expériences</a>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Service Start -->
<div class="service shadow p-3" id="service">
<div class="container mt-5 mb-5">
<div class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
<p>Ce que je fait</p>
<h2>Compétences</h2>
</div>
<div class="row">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.0s">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-clock"></i>
</div>
<div class="service-text">
<h3>Créativité, Originalité et Initiative.</h3>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-star"></i>
</div>
<div class="service-text">
<h3>Capacité d’apprendre</h3>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-user-circle"></i>
</div>
<div class="service-text">
<h3>Gestion des équipes et capacités de leadership</h3>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.6s">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-crosshairs"></i>
</div>
<div class="service-text">
<h3>Savoir parler en public</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Experience Start -->
<div class="experience mt-5" id="experience">
<div class="container">
<header class="section-header text-center wow zoomIn pt-3 pb-5" data-wow-delay="0.1s">
<p>Mon parcours</p>
<h2>Mes Expériences</h2>
</header>
<div class="timeline">
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2022 – 2023 </div>
<h2>PDG Digitalis SN (Sénégal)</h2>
<h4>Digitalis-sn</h4>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2019 – 2023</div>
<h2> Président & Administrateur ASBL les Jeux d’Eden (Belgique)</h2>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2007 – 2018</div>
<h2>Agent Commercial chez Colruyt Group (Belgique)</h2>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2006- 2007</div>
<h2>Trier & Facteur Bpost</h2>
</div>
</div>
<div class="timeline-item left wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2005 - 2006</div>
<h2>Intérim Bruxelles Propreté</h2>
</div>
</div>
</div>
</div>
</div>
<!-- Job Experience End -->
<!-- Portfolio Start
<div class="portfolio" id="portfolio">
<div class="container">
<div class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
<p>Mon Portefolio</p>
<h2>Mes réalisations</h2>
</div>
<div class="row">
<div class="col-12">
<ul id="portfolio-filter">
<li data-filter=".filter-3">Projets</li>
</ul>
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-6 col-md-6 col-sm-12 portfolio-item filter-1 wow fadeInUp" data-wow-delay="0.0s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/b.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Formation bureautique</h3>
<a class="btn" href="img/b.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 portfolio-item filter-2 wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/sen boutique.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Sen boutique culturel</h3>
<a class="btn" href="img/sen boutique.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item filter-3 wow fadeInUp" data-wow-delay="0.4s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-3.jpg" alt="Image">
</div>
<div class="portfolio-text">
<h3>JavaScript quiz game</h3>
<a class="btn" href="img/portfolio-3.jpg" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-6 col-md-6 col-sm-12 portfolio-item filter-1 wow fadeInUp" data-wow-delay="0.0s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/print1.JPG" alt="Image">
</div>
<div class="portfolio-text">
<h3>Digitalis Print</h3>
<a class="btn" href="img/print1.JPG" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 portfolio-item filter-2 wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/ETEER (12).png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Africa Games Festival</h3>
<a class="btn" href="img/ETEER (12).png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
</div>
</div>
</div>
Portfolio End -->
<!-- Price Start -->
<div class="price" id="price">
<div class="container">
<div class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
<p>Pricing Plan</p>
<h2>Services</h2>
</div>
<div class="row">
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item" id="s">
<div class="price-header">
<img src="img/negoce.jpg" width="280" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank"
href="https://snkinss.com/service/">Negoce</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.0s">
<div class="price-item m-3" id="s">
<div class="price-header">
<img src="img/eve.webp" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank"
href="https://snkinss.com/service/">Événementiel</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item m-3" id="s">
<div class="price-header">
<img src="img/btp.jpg" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank"
href="https://snkinss.com/service/">BTP</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item m-3" id="s">
<div class="price-header">
<img src="img/avion.jpg" width="250" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank"
href="https://snkinss.com/service/">Vente de billets d'avion
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.0s">
<div class="price-item m-3" id="s">
<div class="price-header">
<img src="img/services.jpg" width="280" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank"
href="https://snkinss.com/service/">Prestations de services
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item m-3" id="s">
<div class="price-header">
<img src="img/imp.jpg" width="260" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank"
href="https://snkinss.com/service/">Vente de matériels d'impression</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Price End -->
<!-- Contact Start -->
<div class="contact wow fadeInUp" data-wow-delay="0.1s" id="contact">
<div class="container-fluid">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4"></div>
<div class="col-md-8">
<div class="contact-form">
<div id="success"></div>
<form name="sentMessage" id="contactForm" novalidate="novalidate">
<div class="control-group">
<input type="text" class="form-control" id="name" placeholder="Your Name"
required="required" data-validation-required-message="Please enter your name" />
<p class="help-block"></p>
</div>
<div class="control-group">
<input type="email" class="form-control" id="email" placeholder="Your Email"
required="required"
data-validation-required-message="Please enter your email" />
<p class="help-block"></p>
</div>
<div class="control-group">
<input type="text" class="form-control" id="subject" placeholder="Subject"
required="required" data-validation-required-message="Please enter a subject" />
<p class="help-block"></p>
</div>
<div class="control-group">
<textarea class="form-control" id="message" placeholder="Message"
required="required"
data-validation-required-message="Please enter your message"></textarea>
<p class="help-block"></p>
</div>
<div>
<button class="btn" type="submit" id="sendMessageButton">Envoyer</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact End -->
<!-- Team Start -->
<div class="team" id="team">
</div>
<!-- Team End -->
<!-- Footer Start -->
<div class="footer wow fadeIn" data-wow-delay="0.3s">
<div class="container-fluid">
<div class="container">
<div class="footer-info">
<h2>Sena Orphee Giscard Aissi KINSS</h2>
<h3>Dakar, liberté 6 extension, Cité CPI </h3>
<div class="footer-menu">
<p>+221 78 459 77 44</p>
<p> okniss@hotmail.com</p>
</div>
<div class="footer-social">
<a target="_blank" href="https://twitter.com/Digitalis_sn"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="https://www.facebook.com/DigitalisSn/?_&_rdc=2&_rdr"><i
class="fab fa-facebook-f"></i></a>
<a target="_blank" href="https://www.youtube.com/channel/UCRwi-xNNTxDRvO6OEJ8avPA"><i
class="fab fa-youtube"></i></a>
<a target="_blank" href="https://www.instagram.com/digitalis_sn/?hl=fr"><i
class="fab fa-instagram"></i></a>
<a target="_blank" href="https://twitter.com/Digitalis_sn"><i
class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
<div class="container copyright">
<p>© All Right Reserved |
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Développer et Désigner par <a target="_blank" href="https://digitalis-sn.com">DIGITALIS SN</a>
</p>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to top button -->
<a href="#" class="btn back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- Pre Loader -->
<div id="loader" class="show">
<div class="loader"></div>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/typed/typed.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>