| Current File : /home/d/i/g/digitaw/teste_ecarte/cherifdiallo/.history/index_20231206151951.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Chérif S DIALLO</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>
#cpt{box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
#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" style="background-color: white; border-radius: 50px;">
<a href="index.html" class="navbar-brand"><img src="img/Digitalis-SN.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>Je suis</p>
<h1>Chérif Souleymane DIALLO</h1>
<h2></h2>
<div class="typed-text">Développeur web, Responsable de l'innovation</div>
</div>
<div class="hero-btn">
<a class="btn" 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/cherif.png" width="100%" 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 mt-5 text-center">
<img src="img/cherif1.jpg" class="rounded" style="width: 60%;" alt="Image">
</div>
</div>
<div class="col-lg-6 rounded" style="box-shadow: rgba(50, 50, 93, 0.25) 1px 10px 50px 5px inset, rgba(0, 0, 0, 0.3) 0px 18px 10px -18px inset;">
<div class="about-content pb-5">
<div class="section-header text-left">
<p>A propos de moi</p>
<h2>04 ans d'expérience</h2>
</div>
<div class="about-text">
<p>
Je suis Chérif S DIALLO, un ingénieur logiciel chevronné, et
c'est avec enthousiasme que j'assume le rôle de Responsable de l'Innovation chez Digitalis-SN.
Mon expérience en ingénierie logicielle m'apporte une perspective unique pour vers de nouvelles frontières d'innovation.
</p>
</div>
<!-- <div class="skills">
<div class="skill-name">
<p>Web Design</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>Web Development</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>Apps Design</p>
<p>90%</p>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<div class="skill-name">
<p>Apps Development</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="">Learn More</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 fait</p>
<h2>Compétences</h2>
</div>
<div class="row">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="service-item" >
<div class="service-icon">
<i class="fa fa-laptop-code"></i>
</div>
<div class="service-text">
<h3> Web Development</h3>
<p>
Expert en développement web, je maîtrise HTML, CSS, JavaScript, React.js, et Angular.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.0s">
<div class="service-item" >
<div class="service-icon">
<i class="fa fa-mobile"></i>
</div>
<div class="service-text">
<h3>Mobile Development</h3>
<p>
Spécialisé dans le développement d'applications iOS et Android.
J'assurer une expérience utilisateur homogène.
</p>
</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="fab fa-android"></i>
</div>
<div class="service-text">
<h3>Software development</h3>
<p>
Concevoir, développer et entretenir des logiciels complexes. Mon attention particulière à la qualité,
la modularité et la scalabilité garantit des solutions durables.
</p>
</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="fab fa-apple"></i>
</div>
<div class="service-text">
<h3>Platform Development</h3>
<p>
Prendre en compte la sécurité, la performance, et l'évolutivité pour garantir le succès à long terme de chaque plateforme.
</p>
</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>mon parcours</p>
<h2>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">2023 - encours</div>
<h2>Responsable de l'innovation</h2>
<h4>Digitalis-SN</h4>
<p>
Juste 05 mois après mon recrutement, j'ai été nommé comme étant Responsable de l'innovation
</p>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">01 Février 2023 - 01 Aôut 2023</div>
<h2>Développeur web & mobile</h2>
<h4>Digitalis-SN</h4>
<p>
J'ai participer à la réalisation de grand projet telque IDPMC, DigilisPrint
</p>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2022 - 2023</div>
<h2>Stagiaire</h2>
<h4>Direction générale de LA POSTE </h4>
<p>
Dans le but d'acquérir de l'Expériences professionnelles, j'ai fait un stage d'un an à la Direction générale du groupe LA POSTE
</p>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2020 - 2021</div>
<h2>Formateur en bureautique</h2>
<h4>Université Numérique Cheikh Hamidou Kane</h4>
<p>
Durant une durée de 2 MOIS, j'ai été chargé de donner une formation en informatique bureautique pour le personnel de la mairie de pate d'oie
</p>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2019 - 2020</div>
<h2>Chef de projet</h2>
<h4>Portail Numérique UVS (UNCHK)</h4>
<p>
Une plateforme web qui explique aux nouveaux étudiants orientés à 'luvs,
son fonctionnement, ses filière, ses débuchés, etc...
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Job Experience End -->
<!-- Banner Start -->
<div class="banner wow zoomIn" data-wow-delay="0.1s">
<div class="container">
<div class="section-header text-center">
<h2>Digitalis - <span>SN</span></h2>
</div>
<div class="container banner-text">
<p> <i class="fa fa-quote-left" aria-hidden="true"></i> <br>
Nous sommes DIGITALIS SN , une entreprise sénégalaise spécialisée depuis plus de trois (03) ans dans le traitement de l'information
que ce soit dans vos projet numériques ou documentaires .
L'étendue de notre offre et la profondeur de notre expertise nous permettent de vous accompagner dans votre transformation digitale.
</p>
<a class="btn" target="_blank" href="https://digitalis-sn.com/apropos/">En savoir plus <i class="fa fa-arrow-circle-right ml-2" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!-- Banner 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>Ce que j'ai fait</p>
<h2>Mes réalisations</h2>
</div>
<div class="row">
<div class="col-12">
<ul id="portfolio-filter">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".site-web">Site web</li>
<li data-filter=".plateforme">Plateforme</li>
<li data-filter=".vente">E-commerce</li>
</ul>
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item plateforme wow fadeInUp" data-wow-delay="0.0s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/4.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Ycof Assurance</h3>
<a class="btn" href="img/4.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item plateforme wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/1.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>IDPMC</h3>
<a class="btn" href="img/1.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item vente wow fadeInUp" data-wow-delay="0.4s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/5.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Sen boutique culturel</h3>
<a class="btn" href="img/5.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item site-web wow fadeInUp" data-wow-delay="0.6s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/6.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Africa Games Festival</h3>
<a class="btn" href="img/6.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item vente wow fadeInUp" data-wow-delay="0.8s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/2.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Coragro</h3>
<a class="btn" href="img/2.png" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 portfolio-item site-web wow fadeInUp" data-wow-delay="1s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/3.png" alt="Image">
</div>
<div class="portfolio-text">
<h3>Fana Médical</h3>
<a class="btn" href="img/3.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 m-3" id="s">
<div class="price-header">
<img src="img/site.png" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank" href="https://digitalis-sn.com/developpement-dapplication-web-et-mobile/">Conception web & mobile</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/design.png" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank" href="https://www.digitalis-sn.com/creation-graphique/">Création graphique</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/marketing.png" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank" href="https://www.digitalis-sn.com/web-marketing/">Web Marketing</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/cyber.png" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank" href="https://digitalis-sn.com/cyber-securite/">Cybersécurité</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/data.png" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank" href="https://digitalis-sn.com/gestion-donnee/">Gestion et Data</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.png" width="300" alt="" srcset="">
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn rounded" target="_blank" href="https://digitalis-sn.com/impression/">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" id="contact" style="background-color: #2399D5;" data-wow-delay="0.3s">
<div class="container-fluid">
<div class="container">
<div class="footer-info">
<h2>Chérif Souleymane DIALLO</h2>
<h3>Cité Fadia</h3>
<div class="footer-menu">
<p>+221 78 183 01 90</p>
<p>cherifwebmaster@gmail.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 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>