<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></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" />
</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"
style="background-color: white; border: 2 0 0 0; border-radius: 2%; ">
<a href="index.html" class="navbar-brand "><img
src="img/logo-digitalis.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 href="#home" class="nav-item nav-link active">Accueil</a>
<a href="#about" class="nav-item nav-link">A propos</a>
<a href="#service" class="nav-item nav-link">Compétences</a>
<a href="#experience" class="nav-item nav-link">Expériences</a>
<a href="#portfolio" class="nav-item nav-link">Réalisation</a>
<a href="#price" class="nav-item nav-link">Services</a>
<a 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 mt-5 ">
<div class="hero-content">
<div class="hero-text">
<p>Je suis</p>
<h1>Médard Fistel MPAMY</h1>
<h2></h2>
<div class="typed-text">
Porteur d'affaire
</div>
</div>
<div class="hero-btn">
<!-- <a class="btn" href="">Hire Me</a> -->
<a class="btn mt-5 mb-5 " href="#contact">Contact</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 d-none d-md-block">
<div class="hero-image">
<img src="img/n1.png" width="60%"
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/n5.png" width="30%"
alt="Image" />
</div>
</div>
<div class="col-lg-6">
<div class="about-content mt-4 ">
<div class="section-header text-left">
<p>EN SAVOIR PLUS SUR MOI</p>
<h2>11 ans d'Experiences</h2>
</div>
<div class="about-text">
<p>
Commercial chevronné (11 ans) et formateur
en Marketing, management, et communication.
Aisance relationnelle et négociation
affirmée. Polyvalent et expert dans divers
secteurs.
</p>
</div>
<div class="skills">
<div class="skill-name">
<p>
Elaboration stratégie globale
d’entreprise et commerciale
</p>
<p>85%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>Prospection et fidélisation de la
clientèle</p>
<p>55%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="55"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>Animation d’équipe</p>
<p>95%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="95"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>
Analyse du marché et proposition de
stratégie de
positionnement
</p>
<p>75%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="75"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>Communication interne et externe</p>
<p>25%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>Relation publique</p>
<p>35%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="35"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>Relation presse</p>
<p>45%</p>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="45"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="skill-name">
<p>Animation d’équipe</p>
<p>85%</p>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="skill-name">
<p>Développement portefeuille clients</p>
<p>5%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="5"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p> Planification et suivi des ventes</p>
<p>9%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="9"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p> Recrutement et formation</p>
<p>85%</p>
</div>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<a class="btn" href>EN SAVOIR PLUS SUR MOI</a>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Service Start -->
<div class="service" id="service">
<div class="container">
<div
class="section-header text-center wow zoomIn"
data-wow-delay="0.1s">
<p>CE QUE JE FAIS</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-bullhorn"></i>
</div>
<div class="service-text">
<h3>Bonnes connaissances des techniques de communication et de vente</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-comments"></i>
</div>
<div class="service-text">
<h3>Bon sens d'écoute pour un travail d'équipe</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-desktop"></i>
</div>
<div class="service-text">
<h3>Possibilité d'utiliser un ordinateur, avec WORD, EXCEL</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Experience Start -->
<div class="experience" id="experience">
<div class="container">
<header
class="section-header text-center wow zoomIn"
data-wow-delay="0.1s">
<p>CV</p>
<h2>Expérience professionnelle</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">2004 - 2005</div>
<h2>Gérant dans une boutique de vente de produits alimentaires</h2>
</div>
</div>
<div
class="timeline-item right wow slideInRight"
data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2004 - 2005</div>
<h2>Commercial à Center Value DAKAR </h2>
</div>
</div>
<div class="timeline-item left wow slideInLeft"
data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2005 - 2010</div>
<h2>Commercial à l'IMMOBILIERE SARL Agence Immobilière à Dakar</h2>
</div>
</div>
<div
class="timeline-item right wow slideInRight"
data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2007 - 2012</div>
<h2>Responsable Commercial à L'IMMOBILIERE SARL Agence Immobilière à Dakar </h2>
</div>
</div>
<div class="timeline-item left wow slideInLeft"
data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2012 - 2015</div>
<h2>Responsable Commercial à Angel Immobilier à Dakar</h2>
</div>
</div>
<div
class="timeline-item right wow slideInRight"
data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2015 - 2023</div>
<h2>Manager de l'agence Icone Immobilier à Dakar</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 Portfolio</p>
<h2>Mes réalisations</h2>
</div>
<div class="row portfolio-container">
<div
class="col-lg-4 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/senboutique.png" alt="Image" />
</div>
<div class="portfolio-text">
<h3>Sen boutique culturelle</h3>
<a
class="btn"
href="https://senboutiqueculturelle.com"
data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div
class="col-lg-4 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/smart_job.png" alt="Image" />
</div>
<div class="portfolio-text">
<h3>Smart Job SN</h3>
<a
class="btn"
href
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/africa.png" alt="Image" />
</div>
<div class="portfolio-text">
<h3>Dakar Games Festival</h3>
<a
class="btn"
href="https://africagamesfestivals.com/"
data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div
class="col-lg-4 col-md-6 col-sm-12 portfolio-item filter-1 wow fadeInUp"
data-wow-delay="0.6s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/ricat.png" alt="Image" />
</div>
<div class="portfolio-text">
<h3>Participation aux RICAT</h3>
<a
class="btn"
href
data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div
class="col-lg-4 col-md-6 col-sm-12 portfolio-item filter-2 wow fadeInUp"
data-wow-delay="0.8s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/africa.png" alt="Image" />
</div>
<div class="portfolio-text">
<h3>Participation </h3>
<a
class="btn"
href="https://africagamesfestivals.com/"
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>Nous sommes à l’écoute de vos besoins pour vous proposer
les meilleures solutions.</p>
<h2>Nos Services</h2>
</div>
<div class="row">
<div class="col-md-3 wow fadeInUp " data-wow-delay="0.0s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Développement Web</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-1.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a
href="https://digitalis-sn.com/developpement-dapplication-web-et-mobile/"
class="btn" href>Développement Web</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.1s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3> Web <br>Marketing </h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-2.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a
href="https://digitalis-sn.com/web-marketing/"
class="btn"> Web Marketing</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.2s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Création Graphique</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-3.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn"
href="https://digitalis-sn.com/creation-graphique/">Création
Graphique</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.3s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Gestion Documentaire</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-4.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn"
href="https://digitalis-sn.com/gestion-documentaire/">Gestion
Documentaire</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.4s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Cybersécurité</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-1.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a
href="https://digitalis-sn.com/cyber-securite/"
class="btn">Cybersécurité</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Impression</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-1.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a
href="https://digitalis-sn.com/impression/"
class="btn">Impression</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.6s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Informatique</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-6.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn"
href="https://digitalis-sn.com/informatique/">Informatique</a>
</div>
</div>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.7s">
<div class="price-item featured-item">
<!-- <div class="price-header">
<div class="price-title">
<h3>Gestion de Data</h3>
</div>
</div> -->
<div class="price-body">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-5.jpg"
alt="Image" style="width: 95%;" />
</div>
<div class="portfolio-text">
</div>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn"
href="https://digitalis-sn.com/gestion-donnee/">Gestion
de Data</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-8">
<div class="row align-items-center">
<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="Nom Complet"
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="Adresse 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="Objet"
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 class="col-md-4">
<div class="d-flex align-items-end flex-column" >
<div class="p-1"> <img src="img/carte/12.png"
style="width: 100%;height: 130px;" alt ></div>
<div class="p-1">
<img src="img/carte/13.png"
style="width: 100%;height: 130px;" alt
></div>
<div class="mt-auto">
<a class="btn" href="img/carte/12.png" target="_blank"
type="submit"
id="btnTelecharger">
Telecharger
</a></div>
</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>Médard Fistel MPAMY</h2>
<h3>Dakar – Sénégal</h3>
<div class="footer-menu">
<p>(+221) 77 531 10 61</p>
<p>fistelmpamy@digitalis-sn.com</p>
</div>
<div class="footer-social">
<a
href="https://twitter.com/i/flow/login?redirect_after_login=%2FDigitalis_sn"><i
class="fab fa-twitter"></i></a>
<a
href="https://www.facebook.com/DigitalisSn/?_&_rdc=2&_rdr"><i
class="fab fa-facebook-f"></i></a>
<a
href="https://www.youtube.com/channel/UCRwi-xNNTxDRvO6OEJ8avPA"><i
class="fab fa-youtube"></i></a>
<a
href="https://www.instagram.com/digitalis_sn/?hl=fr"><i
class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/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 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>