| Current File : /home/digitaw/teste_ecarte/grassepouye/.history/index_20231205160003.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ndeye Grassé Pouye</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>Ndeye Grassé Pouye</h1>
<h2></h2>
<div class="typed-text">SOCIAL MEDIA MANAGER</div>
</div>
<div class="hero-btn">
<a class="btn" href="">Hire Me</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/grassepouye.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/amina_gueye4.png" width="30%" alt="Image">
</div>
</div>
<div class="col-lg-6">
<div class="about-content">
<div class="section-header text-left">
<p>Learn About Me</p>
<h2>10 Years Experience</h2>
</div>
<div class="about-text">
<p>
Bonjour ! Je m'appelle NDEYE GRASSIE POUYE et je suis le Social Media Manager de DIGITALIS SN, une entreprise de transformation digitale basée au Sénégal. Forts de notre expérience, de nos compétences et de notre créativité, nous nous engageons à vous accompagner pour insuffler une nouvelle dynamique à vos projets grâce à des offres de services personnalisées. Notre équipe est composée de jeunes spécialistes passionnés par les technologies, ce qui positionne DIGITALIS SN en tant qu'acteur clé dans le domaine du digital.
</p>
</div>
<div class="skills">
<div class="skill-name">
<p>Web Design/I/UX 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>PhotoShop</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>Bureautique et outils collaboratifs</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>Montage de vidéo</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>What I do</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-laptop"></i>
</div>
<div class="service-text">
<h3>Web Design / UI/UX Design</h3>
<p>
Figma,
Logo | Charte graphique,
Adobe Première Pro | Filmora |
</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-laptop-code"></i>
</div>
<div class="service-text">
<h3>PhotoShop</h3>
<p>
Photoshop | Illustrator | Indesign
Suite Adobe ( Photoshop, InDesign, Illustrator )
</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>
Bureautique et outils collaboratifs</h3>
<p>
Word | Excel | Powerpoint | Canva |Trello | Slack |Prezi
Montage de vidéo
</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>Montage de vidéo</h3>
<p>
Chaque vidéo est unique. </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>My Resume</p>
<h2>Working Experience</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">Depuis 2023</div>
<h2>social Media Manager</h2>
<h4>Digitalis-sn</h4>
<p>
Gestion des différentes plateformes de Digitalis Sn, mise en place de
stratégie de communication, formatrice
</p>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">Mars 2023</div>
<h2>Gestion de projet
</h2>
<h4> Sonatel Academy Dakar
</h4>
<p>
Méthodes de gestion de projet
Classique | Agile
</p>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">Avril 2023 - Mai 2023</div>
<h2>Conception de maquettes graphiques-Design Graphique</h2>
<h4> ODC Dakar</h4>
<p>
Maquette & prototypage | Ergonomie & Expériences utilisateurs | Design
system | Design thinking.
Identité visuelle | Communication print | Communication web
Lien vers le projet
</p>
</div>
</div>
<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">Mars 2022 </div>
<h2>Assistante de production</h2>
<h4>J5co Diamnadio</h4>
<p>
Gestion du personnel lors du forum de l'eau
</p>
</div>
</div>
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">janv 2021-févr 2022</div>
<h2>Hôtesse commerciale</h2>
<h4> Auchan et casino Dakar</h4>
<p>
Accueil et vente (promotion) devant des stands
</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>
Dans l'ère numérique d'aujourd'hui, une présence en ligne dynamique est cruciale pour le succès de toute entreprise. C'est là que notre Social Media Manager entre en jeu. Notre expert en médias sociaux est votre partenaire stratégique pour propulser votre marque vers de nouveaux sommets. Que vous soyez une start-up ambitieuse, une PME en pleine croissance ou une entreprise établie, notre gestionnaire de médias sociaux vous aide à tirer parti de la puissance des plateformes sociales pour accroître votre visibilité, engager votre audience et stimuler la croissance de votre entreprise.
</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>My Portfolio</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">
<h2>Présentation</h2>
</div>
<div class="container banner-text">
<video controls width="800">
<source src="/media/cc0-videos/flower.webm" type="video/webm" />
<source src="/media/cc0-videos/flower.mp4" type="video/mp4" />
Download the
<a href="/media/cc0-videos/flower.webm">WEBM</a>
or
<a href="/media/cc0-videos/flower.mp4">MP4</a>
video.
</video>
</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>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">
<div class="price-header">
<div class="price-title">
<img src="img/about.jpg" width="300" height="100" alt="">
</div>
<div class="price-prices">
<h2>Web Marketing
</h2>
</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">
<div class="price-title">
<h2>Création Graphique</h2>
</div>
<div class="price-prices">
<h2><small>$</small>99<span>/ mo</span></h2>
</div>
</div>
<div class="price-body">
<div class="price-description">
<ul>
<li>Bootstrap 4</li>
<li>Font Awesome 5</li>
<li>Responsive Design</li>
<li>Browser Compatibility</li>
<li>Easy To Use</li>
</ul>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn" href="">Order Now</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="price-item">
<div class="price-header">
<div class="price-title">
<h2>Développement web</h2>
</div>
<div class="price-prices">
<h2><small>$</small>149<span>/ mo</span></h2>
</div>
</div>
<div class="price-body">
<div class="price-description">
<ul>
<li>Bootstrap 4</li>
<li>Font Awesome 5</li>
<li>Responsive Design</li>
<li>Browser Compatibility</li>
<li>Easy To Use</li>
</ul>
</div>
</div>
<div class="price-footer">
<div class="price-action">
<a class="btn" href="">Order Now</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>Amina GUEYE</h2>
<h3>123 Street, New York, USA</h3>
<div class="footer-menu">
<p>+221 77 500 95 91</p>
<p> aminagueye@africagamesfestivals.com
</p>
</div>
<div class="footer-social">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-facebook-f"></i></a>
<a href=""><i class="fab fa-youtube"></i></a>
<a href=""><i class="fab fa-instagram"></i></a>
<a href=""><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>