Current File : /home/digitaw/teste_ecarte/alexandra/index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>ALexandra</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/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 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>BEMA KWIYA</h1>
                            <h1> AlexandraVerane</h1>
                            <h2></h2>
                            <div class="typed-text">Assistante de direction & Agent Marketing et Commerciale</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/alex2.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/alex.png" style="width: 80%;" 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 Je m'appelle BEMA KWIYA Alexandra Verane et je suis l’assistante de direction à
                                DIGITALIS SN, une entreprise de transformation digitale basée au Sénégal.

                                Je suis reconnue pour ma créativité, mon originalité et mon initiative.
                                Je possède une maîtrise des outils commerciaux et de bureautique ainsi qu'une
                                connaissance approfondie en social selling et sur les réseaux sociaux. Je suis experte
                                dans l'utilisation des logiciels Excel, Word, PowerPoint, Access et Eview.

                                J'ai des connaissances solides dans les domaines du Marketing, du Management et de la
                                Gestion des projets. Mon aptitude sociable, mon ouverture d’esprit et ma capacité à
                                parler en public me permettent de m’adapter à diverses situations professionnelles.

                                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" 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">
            <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-o"></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" 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">02 Mai 2024 –Jusqu’à présent</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">Janvier 2024 – Avril 2024.</div>
                        <h2> Translator pour le compte de “ Earfacilitator”.</h2>

                    </div>
                </div>
                <div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
                    <div class="timeline-text">
                        <div class="timeline-date">Septembre 2021 – Janvier 2024</div>
                        <h2>Coordinatrice des Activités pour le compte de “ Africa Memory Game” au Sénégal.</h2>
                    </div>
                </div>
                <div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
                    <div class="timeline-text">
                        <div class="timeline-date">Octobre 2020 – Septembre 2021</div>
                        <h2>Agente commerciale pour le compte de « Africa Memory Game » au Sénégal.</h2>
                    </div>
                </div>
                <div class="timeline-item left wow slideInRight" data-wow-delay="0.1s">
                    <div class="timeline-text">
                        <div class="timeline-date">Novembre 2021 – Décembre 2021</div>
                        <h2>Stagiaire pour le compte de « CCM/FOND MONDIALE » au Sénégal. </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 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" data-wow-delay="0.3s">
        <div class="container-fluid">
            <div class="container">
                <div class="footer-info">
                    <h2>BEMA KWIYA Alexandra Verane</h2>
                    <h3>Dakar , liberté 6 extension, Cité CPI </h3>
                    <div class="footer-menu">
                        <p>+221 78 459 77 44</p>
                        <p> bema@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>&copy; 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>