{% extends "base.html" %}

{% load static %}

{% block title %} Papa Abdou Mbodji Développeur web, mobile, logiciel {% endblock %}


{% block content %}


<div class="block pb-0 mb-0 ">

    <div id="myentete" style="background: url('{% static 'img/b1.jpg' %}');height: 77vh ;"
        class="columns p-0 m-0 p-3-mobile">
        <div class="over"></div>
        <div class="column is-6-desktop pb-0 m-0">
            <img class="imgflot" style="margin-left: auto;margin-right: auto;display: block;width: 650px;"
                alt="Développement application web " src="{% static 'img/mac.png' %}">
        </div>
        <div style="z-index: 99;"
            class=" column is-6-desktop is-flex is-flex-direction-column is-justify-content-center pb-0 ">
            <h1 style="text-align:left;letter-spacing: 0;font-weight: 400;font-family: Righteous;"
                class="title is-1 samabold is-size-2-mobile has-text-centered-mobile">Papa Abdou Mbodji</h1>
            <p style="color: white; width: 80%; font-weight: 300;font-size: 12pt;">Passionné par la création de
                solutions numériques innovantes, je suis un Développeur et Data Engineer dédié à l'excellence technique
                et à l'amélioration continue. Mon objectif est de transformer non seulement des idées en solutions
                logicielles performantes, mais aussi des données brutes en actifs stratégiques fiables, sécurisés et
                exploitables pour la prise de décision.</p>
            <!-- <div class="buttons are-normal is-flex ">
                <span class="button is-warning is-light is-rounded is-small">Développement web</span>
                <span class="button is-success is-light is-rounded is-small">UI UX Design</span>
                <span class="button is-danger is-light is-rounded is-small">Logo Design</span>
                <span class="button is-link is-light is-rounded is-small">Business Card</span>
                <span class="button is-success is-light is-rounded is-small">Développement Mobile</span>
                <span class="button is-danger is-light is-rounded is-small">Développement Desktop</span>

            </div> -->
            <div style="z-index: 99999;" class="buttons pb-0 are-normal is-flex mb-1 mt-2 actions">

                <a class="tag is-warning  is-small m-1 ml-0 mr-2" onclick="openDevisPopup('devis')" rel="nofollow">
                    <span class="icon is-medium">
                        <i class="fas fa-file-alt"></i>
                    </span>
                    <span>Demander Devis </span>
                </a>
                <a href="tel:+330623773717" class="Container mx-1" rel="nofollow">
                    <span class="icon is-medium is-warning">
                        <i style="color: #fbab04;font-size: 16pt;" class="fas fa-phone is-warning myic1"></i>
                    </span>
                </a>
                <a target="_blank" href="https://wa.me/+330623773717" class="Container mx-1" rel="nofollow">
                    <span class="icon is-medium">
                        <i style="color: #fbab04;font-size: 16pt;" class="fab fa-whatsapp myic1"></i>
                </a>
                <a href="mailto:abdoumbodji1401@gmail.com" class="Container mx-1" rel="nofollow">
                    <span class="icon is-medium">
                        <i style="color: #fbab04;font-size: 16pt;" class="fas fa-envelope myic1"></i>
                    </span>
                </a>
                <!-- <a href="/meet" class="Container">
                    <span class="icon is-medium">
                        <i class="fas fa-video"></i>
                    </span>
                    <span>Demander réunion </span>
                </a> -->
            </div>




        </div>

    </div>

    <div class="area">
        <ul class="circles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

</div>



{% include "partials/devisform.html" %}
{% if realisations.length != 0 %}

{% include 'partials/realisations.html' %}

{% endif %}

{% include 'partials/services.html' %}




<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-44ffc6d2-246e-442b-afa1-53e1ea15a4c1"></div>

{% endblock content %}