<!DOCTYPE html>
<html lang="fr">

<head>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-EV8P3YC30J"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-EV8P3YC30J');
    </script>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="tdKTwuiH6R5HS-bCIAHBmHRdsmAt-YiLpsmIaMEMTBE" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.3/dist/css/bulma-carousel.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    {% load static %}
    <link rel="icon" type="image/png" href="{% static 'img/doucoder.svg' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css"
        integrity="sha512-X/RSQYxFb/tvuz6aNRTfKXDnQzmnzoawgEQ4X8nZNftzs8KFFH23p/BA6D2k0QCM4R0sY1DEy9MIY9b3fwi+bg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css"
        integrity="sha512-f28cvdA4Bq3dC9X9wNmSx21rjWI+5piIW/uoc2LuQ67asKxfQjUow2MkcCNcfJiaLrHcGbed1wzYe3dlY4w9gA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    {% load sass_tags %}

    <link href="{% sass_src 'css/sstyle.scss' %}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="{% static 'css/sstyle.css' %}">
    <!-- test -->

</head>
<style type="text/css">
    @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

    @keyframes mouv {
        from {
            /* transform: scaleX(15px); */
            transform: translateY(0rem);
        }

        to {
            /* transform: scaleX(3); */
            transform: translateY(1.3rem);
        }
    }

    @keyframes mouv2 {
        from {
            /* transform: scaleX(15px); */
            transform: translateY(1rem);
        }

        to {
            /* transform: scaleX(3); */
            transform: translateY(0.4rem);
        }
    }

    .imgflot {
        animation-duration: 1.6s;
        animation-name: mouv;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        cursor: pointer;
    }

    .txtflot {
        animation-duration: 1.6s;
        animation-name: mouv2;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        cursor: pointer;
    }

    #myentete {
        width: 100%;

    }

    .navbar {
        height: 50px;
    }

    body>div>div>div>div.chat.no-clip-path.chrome.moveFromRight-enter-done>div.input-group>div.footer-bottom>div>a {
        display: none;
    }

    #myentete h1 {
        text-align: center;
        color: #fff;
        font-size: 50px;
    }


    .area {
        width: 100%;
    }

    .circles {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 85vh;
        overflow: hidden;
    }

    .circles li {
        position: absolute;
        display: block;
        list-style: none;
        width: 20px;
        height: 20px;
        background: rgba(255, 255, 255, 0.2);
        animation: animate 25s linear infinite;
        bottom: -150px;

    }

    .circles li:nth-child(1) {
        left: 25%;
        width: 80px;
        height: 80px;
        animation-delay: 0s;
    }


    .circles li:nth-child(2) {
        left: 10%;
        width: 20px;
        height: 20px;
        animation-delay: 2s;
        animation-duration: 12s;
    }

    .circles li:nth-child(3) {
        left: 70%;
        width: 20px;
        height: 20px;
        animation-delay: 4s;
    }

    .circles li:nth-child(4) {
        left: 40%;
        width: 60px;
        height: 60px;
        animation-delay: 0s;
        animation-duration: 18s;
    }

    .circles li:nth-child(5) {
        left: 65%;
        width: 20px;
        height: 20px;
        animation-delay: 0s;
    }

    .circles li:nth-child(6) {
        left: 75%;
        width: 110px;
        height: 110px;
        animation-delay: 3s;
    }

    .circles li:nth-child(7) {
        left: 35%;
        width: 150px;
        height: 150px;
        animation-delay: 7s;
    }

    .circles li:nth-child(8) {
        left: 50%;
        width: 25px;
        height: 25px;
        animation-delay: 15s;
        animation-duration: 45s;
    }

    .circles li:nth-child(9) {
        left: 20%;
        width: 15px;
        height: 15px;
        animation-delay: 2s;
        animation-duration: 35s;
    }

    .circles li:nth-child(10) {
        left: 85%;
        width: 150px;
        height: 150px;
        animation-delay: 0s;
        animation-duration: 11s;
    }



    @keyframes animate {

        0% {
            transform: translateY(0) rotate(0deg);
            opacity: 1;
            border-radius: 0;
        }

        100% {
            transform: translateY(-1000px) rotate(720deg);
            opacity: 0;
            border-radius: 50%;
        }

    }

    @media only screen and (max-width: 600px) {

        .navbar-item img {

            max-height: 4rem;
            width: 150px;
        }

        .circles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 130vh;
            overflow: hidden;
        }
    }

    #body>a>img {
        display: none;

    }
</style>

<title>{% block title %} Papa Abdou Mbodji Développeur Web et Mobile {% endblock %}</title>

<meta name="description"
    content="Développement web et mobile et du Design (ui /ux ,Motion , logo Design,..)  avec plus d'une année d'expériences professionnelles. L'ensemble de ses compétences qui s'améliorent sont mises en œuvres pour vous satisfaire au mieux .">
<meta name="twitter:card" content="Développement web et mobile et du Design (ui /ux ,Motion , logo Design,..) ">
<meta name="robots" content="noindex, nofollow">
<link rel="canonical" href="https://www.doucoder.com/">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="keywords" content="développeur web dakar,développeur Wordpress dakar,développeur Wordpress sénégal,logo designer ,logo , designer ,graphiste dakar , UI Designer Dakar,
développeur mobile dakar , développeur Dakar ">
<meta name="author" content="Papa Abdou Mbodji">
<meta property="og:url" content="https://www.doucoder.com" />
<meta property="og:title" content="Développeur web et mobile" />
<meta property="og:image" content="https://www.doucoder.com" />
<meta property="og:image:alt" content="Développeur web et mobile" />
<title>Papa Abdou Mbodji Développeur Web et Mobile</title>
</head>

<body id="body">

    <header>{% include 'partials/header.html' %}</header>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

    <main>

        {% block content %}


        {% endblock %}

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

    </main>

    <footer>{% include 'partials/footer.html' %} </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js
"></script>

    <script src="//code.tidio.co/1enqb7k6g8et3l5kceg9ralptdavm35q.js" async></script>

</body>

</html>