| Current File : /home/d/i/g/digitaw/teste_ecarte/philomenelarina/index.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>PHILOMENE LARINA EBANDJO</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">
<a href="index.html" class="navbar-brand"><img src="img/logo.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">
<div class="hero-content">
<div class="hero-text">
<p>Je suis</p>
<h1>PHILOMENE LARINA</h1>
<h2></h2>
<div class="typed-text">Responsable des ressources humaine digitalis Sn</div>
</div>
<div class="hero-btn">
<a class="btn" href="">A propos </a>
<a class="btn" href="">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/larina1.png" width="300%" 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/PHOTO-philo.jpg" width="30%" alt="Image">
</div>
</div>
<div class="col-lg-6">
<div class="about-content">
<div class="section-header text-left">
<p>En savoir plus sur moi</p>
<h2>12 ans d'expérience</h2>
</div>
<div class="about-text">
<p>
Avec une carrière riche et diversifiée dans le domaine des ressources humaines digitales, Mme.
Philomène Larina a forgé son chemin avec passion et expertise. Ses expériences professionnelles antérieures témoignent d'une gestion avisée, de la mise en œuvre de stratégies avant-gardistes et d'une capacité constante à
exceller dans des environnements dynamiques, renforçant ainsi son rôle en tant que leader innovante et motivée.
</p>
</div>
<div class="skills">
<div class="skill-name">
<p>Managérial</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>Communication</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>Outils informatiques</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>Bonne gestion du Stress Bonne</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>Capacité d'intégration Aisance relationnelle</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</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-users" aria-hidden="true"></i>
</div>
<div class="service-text">
<h3>Managérial</h3>
<p>
Guidée par un leadership affirmé, je mobilise les équipes avec une vision stratégique,
assurant ainsi une direction efficace vers les objectifs fixés.
</p>
</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-bullhorn" aria-hidden="true"></i>
</div>
<div class="service-text">
<h3>Communication</h3>
<p>
Ma communication claire et ouverte favorise une collaboration fructueuse, renforçant
les échanges au sein de l'équipe et contribuant à un environnement de travail transparent.
</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="fa fa-desktop" aria-hidden="true"></i>
</div>
<div class="service-text">
<h3>Outils informatiques</h3>
<p>
Maitrisant les outils informatiques de manière avancée, j'intègre les dernières
technologies pour optimiser les processus opérationnels et maximiser l'efficacité.
</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="fa fa-deaf" aria-hidden="true"></i>
</div>
<div class="service-text">
<h3>Bonne gestion du stress</h3>
<p>
Dotée d'une excellente gestion du stress, je maintiens une sérénité nécessaire pour prendre
des décisions éclairées, même dans les situations les plus exigeantes.
</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="fa fa-puzzle-piece" aria-hidden="true"></i>
</div>
<div class="service-text">
<h3>Capacité d'intégration</h3>
<p>
Ma capacité d'intégration me permet de m'adapter rapidement aux changements,
favorisant ainsi une transition fluide dans des environnements professionnels dynamiques.
</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="fa fa-thumbs-up" aria-hidden="true"></i>
</div>
<div class="service-text">
<h3>Aisance relationnelle</h3>
<p>
Forte d'une aisance relationnelle naturelle,
je cultive des relations harmonieuses au sein de l'équipe et favorise un climat de travail positif et collaboratif.
</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>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">04-2023 – 10-2023</div>
<h2>Assistante de direction</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">2015 – 2022</div>
<h2> Agent Commerciale - Marketing</h2>
<h4> Canal+ Horizons et EXP COMMENTUM</h4>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">Expérience Personnelles</div>
<h2>Travailler en Equipe et développer des relations
professionnelles avec les partenaires</h2>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">Expérience Personnelles</div>
<h2>Capacité de travailler sous pression dans un environnement
multiculturel</h2>
</div>
</div>
<!-- <div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2045 - 2050</div>
<h2>Web Developer</h2>
<h4>Soft Agency, San Francisco, CA</h4>
<p>
Lorem ipsum dolor sit amet elit. Aliquam odio dolor, id luctus erat sagittis non. Ut blandit
semper pretium.
</p>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2045 - 2050</div>
<h2>Web Developer</h2>
<h4>Soft Agency, San Francisco, CA</h4>
<p>
Lorem ipsum dolor sit amet elit. Aliquam odio dolor, id luctus erat sagittis non. Ut blandit
semper pretium.
</p>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2045 - 2050</div>
<h2>Web Developer</h2>
<h4>Soft Agency, San Francisco, CA</h4>
<p>
Lorem ipsum dolor sit amet elit. Aliquam odio dolor, id luctus erat sagittis non. Ut blandit
semper pretium.
</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">
<p>Reasonable Price</p>
<h2>Get A <span>Special</span> Price</h2>
</div>
<div class="container banner-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur
facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra
quis sem. Curabitur non nisl nec nisi scelerisque maximus.
</p>
<a class="btn">Pricing Plan</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>Mon Portefolio</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=".filter-1">Web Design</li>
<li data-filter=".filter-2">Mobile Apps</li>
<li data-filter=".filter-3">Game Dev</li>
</ul>
</div>
</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/portfolio-1.jpg" alt="Image">
</div>
<div class="portfolio-text">
<h3>eCommerce Website</h3>
<a class="btn" href="img/portfolio-1.jpg" 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/portfolio-2.jpg" alt="Image">
</div>
<div class="portfolio-text">
<h3>Product Landing Page</h3>
<a class="btn" href="img/portfolio-2.jpg" 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 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/portfolio-4.jpg" alt="Image">
</div>
<div class="portfolio-text">
<h3>JavaScript drawing</h3>
<a class="btn" href="img/portfolio-4.jpg" 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/portfolio-5.jpg" alt="Image">
</div>
<div class="portfolio-text">
<h3>Social Mobile Apps</h3>
<a class="btn" href="img/portfolio-5.jpg" 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="1s">
<div class="portfolio-wrap">
<div class="portfolio-img">
<img src="img/portfolio-6.jpg" alt="Image">
</div>
<div class="portfolio-text">
<h3>Company Website</h3>
<a class="btn" href="img/portfolio-6.jpg" data-lightbox="portfolio">+</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio End -->
<!-- Banner Start -->
<!-- <div class="banner wow zoomIn" data-wow-delay="0.1s">
<div class="container">
<div class="section-header text-center">
<p>Awesome Discount</p>
<h2>Get <span>30%</span> Discount</h2>
</div>
<div class="container banner-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur
facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra
quis sem. Curabitur non nisl nec nisi scelerisque maximus.
</p>
<a class="btn">Order Now</a>
</div>
</div>
</div> -->
<!-- Banner 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>Tarif</p>
<h2>Services</h2>
</div>
<div class="row">
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item shadow-sm">
<div class="price-header">
<img src="img/site web.png" width="300" alt="" srcset="">
<div class="price-prices">
<hr>
<h3> Conception web & mobile</h3>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn" target="_blank" href="https://www.digitalis.digitalis-sn.com/developpement-dapplication-web-et-mobile/">Voir maintenant</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.0s">
<div class="price-item featured-item">
<div class="price-header">
<img src="img/design.png" width="300" alt="" srcset="">
<div class="price-prices">
<hr>
<h3> Création graphique</h3>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn" target="_blank" href="https://www.digitalis.digitalis-sn.com/creation-graphique/">Voir maintenant</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item shadow-sm">
<div class="price-header">
<img src="img/marketing.png" width="300" alt="" srcset="">
<div class="price-prices">
<hr>
<h3> Web Marketing</h3>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn" target="_blank" href="https://www.digitalis.digitalis-sn.com/web-marketing/">Voir maintenant</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>PHILOMENE LARINA</h2>
<h3>Rue BB 90, sicap Baobab </h3>
<div class="footer-menu">
<p> +221 78 309 16 73 </p>
<p> philomene@digitalis-sn.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>