{"id":9404,"date":"2026-09-17T06:45:53","date_gmt":"2026-09-17T04:45:53","guid":{"rendered":"https:\/\/annonces-bonus.com\/?page_id=9404"},"modified":"2026-09-17T07:13:19","modified_gmt":"2026-09-17T05:13:19","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/annonces-bonus.com\/id\/a-propos\/","title":{"rendered":"Tentang kami"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9404\" class=\"elementor elementor-9404\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdd76ae e-flex e-con-boxed e-con e-parent\" data-id=\"fdd76ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fe5e0c elementor-widget elementor-widget-html\" data-id=\"2fe5e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ANNONCES-BONUS.COM \u2014 PAGE \u00c0 PROPOS\r\n     HTML + CSS COMPLET\r\n========================================================= -->\r\n\r\n<style>\r\n.ab-about,\r\n.ab-about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ab-about {\r\n    --blue: #123d59;\r\n    --blue-dark: #0c3048;\r\n    --turquoise: #10b9bb;\r\n    --orange: #f47b45;\r\n    --light: #f5f9fb;\r\n    --text: #173246;\r\n    --muted: #607381;\r\n    --border: #dce8ed;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: inherit;\r\n    color: var(--text);\r\n    overflow: hidden;\r\n}\r\n\r\n.ab-about a {\r\n    text-decoration: none;\r\n}\r\n\r\n.ab-wrap {\r\n    width: min(1160px, calc(100% - 40px));\r\n    margin: auto;\r\n}\r\n\r\n.ab-section {\r\n    padding: 75px 0;\r\n}\r\n\r\n.ab-title {\r\n    margin: 0 0 15px;\r\n    color: var(--blue-dark);\r\n    font-size: clamp(30px, 4vw, 45px);\r\n    line-height: 1.15;\r\n}\r\n\r\n.ab-text {\r\n    color: var(--muted);\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.ab-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 52px;\r\n    padding: 13px 25px;\r\n    border-radius: 12px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    transition: .2s ease;\r\n}\r\n\r\n.ab-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.ab-btn-orange {\r\n    background: var(--orange);\r\n    color: #fff !important;\r\n}\r\n\r\n.ab-btn-white {\r\n    background: #fff;\r\n    color: var(--blue-dark) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.ab-about-hero {\r\n    padding: 90px 0;\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 20%,\r\n            rgba(16,185,187,.25),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #0c3048 0%,\r\n            #145875 58%,\r\n            #0c8e9b 100%\r\n        );\r\n    color: #fff;\r\n}\r\n\r\n.ab-about-hero-inner {\r\n    max-width: 900px;\r\n    margin: auto;\r\n    text-align: center;\r\n}\r\n\r\n.ab-kicker {\r\n    display: inline-block;\r\n    margin-bottom: 20px;\r\n    padding: 8px 16px;\r\n    border: 1px solid rgba(255,255,255,.25);\r\n    border-radius: 50px;\r\n    background: rgba(255,255,255,.10);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.ab-about-hero h1 {\r\n    margin: 0 0 22px;\r\n    color: #fff;\r\n    font-size: clamp(42px, 6vw, 68px);\r\n    line-height: 1.05;\r\n}\r\n\r\n.ab-about-hero h1 span {\r\n    color: #37d3d0;\r\n}\r\n\r\n.ab-about-hero p {\r\n    max-width: 760px;\r\n    margin: auto;\r\n    color: rgba(255,255,255,.92);\r\n    font-size: 19px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ab-intro {\r\n    background: #fff;\r\n}\r\n\r\n.ab-intro-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 65px;\r\n    align-items: center;\r\n}\r\n\r\n.ab-big-message {\r\n    padding: 38px;\r\n    border-radius: 24px;\r\n    background: var(--light);\r\n    border: 1px solid var(--border);\r\n}\r\n\r\n.ab-big-message strong {\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    color: var(--turquoise);\r\n    font-size: 17px;\r\n}\r\n\r\n.ab-big-message h2 {\r\n    margin: 0;\r\n    color: var(--blue-dark);\r\n    font-size: clamp(29px, 4vw, 42px);\r\n    line-height: 1.2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MISSION\r\n========================================================= *\/\r\n\r\n.ab-mission {\r\n    background: var(--light);\r\n}\r\n\r\n.ab-center {\r\n    max-width: 760px;\r\n    margin: 0 auto 42px;\r\n    text-align: center;\r\n}\r\n\r\n.ab-center .ab-title {\r\n    text-align: center;\r\n}\r\n\r\n.ab-center .ab-text {\r\n    margin: 0;\r\n}\r\n\r\n.ab-card-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n}\r\n\r\n.ab-card {\r\n    padding: 32px 27px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 20px;\r\n    background: #fff;\r\n}\r\n\r\n.ab-card-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 54px;\r\n    height: 54px;\r\n    margin-bottom: 20px;\r\n    border-radius: 15px;\r\n    background: #e8f9f9;\r\n    font-size: 27px;\r\n}\r\n\r\n.ab-card h3 {\r\n    margin: 0 0 10px;\r\n    color: var(--blue-dark);\r\n    font-size: 21px;\r\n}\r\n\r\n.ab-card p {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BONUS \/ TANOOR\r\n========================================================= *\/\r\n\r\n.ab-bonus {\r\n    background: #fff;\r\n}\r\n\r\n.ab-bonus-box {\r\n    display: grid;\r\n    grid-template-columns: 1.25fr .75fr;\r\n    align-items: center;\r\n    gap: 45px;\r\n    padding: 48px;\r\n    border-radius: 25px;\r\n    background: linear-gradient(135deg, #113d59, #087e8d);\r\n    color: #fff;\r\n}\r\n\r\n.ab-bonus-box h2 {\r\n    margin: 0 0 16px;\r\n    color: #fff;\r\n    font-size: clamp(30px, 4vw, 45px);\r\n}\r\n\r\n.ab-bonus-box p {\r\n    margin: 0 0 25px;\r\n    color: rgba(255,255,255,.9);\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.ab-bonus-circle {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    width: 210px;\r\n    height: 210px;\r\n    margin: auto;\r\n    border: 2px solid rgba(255,255,255,.35);\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.10);\r\n    text-align: center;\r\n}\r\n\r\n.ab-bonus-circle strong {\r\n    color: #fff;\r\n    font-size: 60px;\r\n    line-height: 1;\r\n}\r\n\r\n.ab-bonus-circle span {\r\n    margin-top: 10px;\r\n    color: #fff;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPES\r\n========================================================= *\/\r\n\r\n.ab-values {\r\n    background: var(--light);\r\n}\r\n\r\n.ab-values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.ab-value {\r\n    padding: 27px 20px;\r\n    border-radius: 18px;\r\n    background: #fff;\r\n    text-align: center;\r\n}\r\n\r\n.ab-value-icon {\r\n    margin-bottom: 14px;\r\n    font-size: 32px;\r\n}\r\n\r\n.ab-value h3 {\r\n    margin: 0 0 8px;\r\n    color: var(--blue-dark);\r\n    font-size: 18px;\r\n}\r\n\r\n.ab-value p {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA FINAL\r\n========================================================= *\/\r\n\r\n.ab-about-final {\r\n    padding: 75px 0;\r\n    background: linear-gradient(\r\n        135deg,\r\n        var(--orange),\r\n        #ef8c48\r\n    );\r\n    text-align: center;\r\n}\r\n\r\n.ab-about-final h2 {\r\n    margin: 0 0 14px;\r\n    color: #fff;\r\n    font-size: clamp(31px, 4vw, 46px);\r\n}\r\n\r\n.ab-about-final p {\r\n    max-width: 700px;\r\n    margin: 0 auto 28px;\r\n    color: rgba(255,255,255,.95);\r\n    font-size: 18px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.ab-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .ab-intro-grid,\r\n    .ab-bonus-box {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ab-card-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ab-values-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .ab-bonus-box {\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .ab-wrap {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n    .ab-section {\r\n        padding: 55px 0;\r\n    }\r\n\r\n    .ab-about-hero {\r\n        padding: 65px 0;\r\n    }\r\n\r\n    .ab-about-hero h1 {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .ab-big-message,\r\n    .ab-bonus-box {\r\n        padding: 30px 22px;\r\n    }\r\n\r\n    .ab-values-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ab-btn {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"ab-about\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"ab-about-hero\">\r\n\r\n        <div class=\"ab-wrap ab-about-hero-inner\">\r\n\r\n            <div class=\"ab-kicker\">\r\n                Bienvenue sur Annonces-Bonus.com\r\n            <\/div>\r\n\r\n            <h1>\r\n                Les petites annonces<br>\r\n                <span>avec un bonus.<\/span>\r\n            <\/h1>\r\n\r\n            <p>\r\n                Annonces-Bonus.com est une plateforme de petites\r\n                annonces pens\u00e9e pour faciliter les \u00e9changes tout\r\n                en r\u00e9compensant la participation de sa communaut\u00e9.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- QUI SOMMES-NOUS -->\r\n    <section class=\"ab-section ab-intro\">\r\n\r\n        <div class=\"ab-wrap ab-intro-grid\">\r\n\r\n            <div>\r\n\r\n                <h2 class=\"ab-title\">\r\n                    Une autre fa\u00e7on d'imaginer\r\n                    les petites annonces\r\n                <\/h2>\r\n\r\n                <p class=\"ab-text\">\r\n                    Acheter, vendre, proposer un service,\r\n                    rechercher un emploi ou simplement donner\r\n                    de la visibilit\u00e9 \u00e0 une offre devrait rester\r\n                    simple et accessible.\r\n                <\/p>\r\n\r\n                <p class=\"ab-text\">\r\n                    Annonces-Bonus.com part de cette id\u00e9e,\r\n                    mais y ajoute une dimension suppl\u00e9mentaire :\r\n                    la participation des utilisateurs peut\r\n                    \u00e9galement \u00eatre r\u00e9compens\u00e9e.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ab-big-message\">\r\n\r\n                <strong>\r\n                    NOTRE ID\u00c9E\r\n                <\/strong>\r\n\r\n                <h2>\r\n                    Une plateforme utile \u00e0 ses utilisateurs\r\n                    et anim\u00e9e par sa communaut\u00e9.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- NOTRE MISSION -->\r\n    <section class=\"ab-section ab-mission\">\r\n\r\n        <div class=\"ab-wrap\">\r\n\r\n            <div class=\"ab-center\">\r\n\r\n                <h2 class=\"ab-title\">\r\n                    Notre mission\r\n                <\/h2>\r\n\r\n                <p class=\"ab-text\">\r\n                    Construire progressivement une plateforme\r\n                    simple, pratique et ouverte, capable de\r\n                    rapprocher particuliers, professionnels\r\n                    et communaut\u00e9s locales.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ab-card-grid\">\r\n\r\n                <div class=\"ab-card\">\r\n\r\n                    <div class=\"ab-card-icon\">\ud83d\udce2<\/div>\r\n\r\n                    <h3>\r\n                        Donner de la visibilit\u00e9\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Permettre \u00e0 chacun de pr\u00e9senter\r\n                        facilement une offre, un objet,\r\n                        un service ou un besoin.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ab-card\">\r\n\r\n                    <div class=\"ab-card-icon\">\ud83e\udd1d<\/div>\r\n\r\n                    <h3>\r\n                        Faciliter les \u00e9changes\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Cr\u00e9er un point de rencontre pratique\r\n                        entre personnes qui proposent\r\n                        et personnes qui recherchent.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ab-card\">\r\n\r\n                    <div class=\"ab-card-icon\">\ud83c\udf81<\/div>\r\n\r\n                    <h3>\r\n                        R\u00e9compenser la participation\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Introduire progressivement des bonus\r\n                        permettant de valoriser certaines\r\n                        contributions \u00e0 la plateforme.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- TANOOR -->\r\n    <section class=\"ab-section ab-bonus\">\r\n\r\n        <div class=\"ab-wrap\">\r\n\r\n            <div class=\"ab-bonus-box\">\r\n\r\n                <div>\r\n\r\n                    <h2>\r\n                        Et c'est l\u00e0 que le Tanoor entre en jeu.\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Le Tanoor est le syst\u00e8me de bonus\r\n                        associ\u00e9 \u00e0 l'\u00e9cosyst\u00e8me Taalaa.\r\n                        Sur Annonces-Bonus.com, une annonce\r\n                        conforme et valid\u00e9e permet notamment\r\n                        de recevoir 5 Tanoors.\r\n                    <\/p>\r\n\r\n                    <a href=\"\/id\/tanoor\/\"\r\n                       class=\"ab-btn ab-btn-orange\">\r\n                        D\u00e9couvrir le Tanoor\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ab-bonus-circle\">\r\n\r\n                    <strong>5 T<\/strong>\r\n\r\n                    <span>\r\n                        par annonce valid\u00e9e\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- NOS PRINCIPES -->\r\n    <section class=\"ab-section ab-values\">\r\n\r\n        <div class=\"ab-wrap\">\r\n\r\n            <div class=\"ab-center\">\r\n\r\n                <h2 class=\"ab-title\">\r\n                    Nos principes\r\n                <\/h2>\r\n\r\n                <p class=\"ab-text\">\r\n                    Nous voulons faire \u00e9voluer la plateforme\r\n                    autour de quelques id\u00e9es simples.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ab-values-grid\">\r\n\r\n                <div class=\"ab-value\">\r\n\r\n                    <div class=\"ab-value-icon\">\u2728<\/div>\r\n\r\n                    <h3>Simplicit\u00e9<\/h3>\r\n\r\n                    <p>\r\n                        Une exp\u00e9rience claire,\r\n                        compr\u00e9hensible et accessible.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ab-value\">\r\n\r\n                    <div class=\"ab-value-icon\">\ud83c\udf0d<\/div>\r\n\r\n                    <h3>Ouverture<\/h3>\r\n\r\n                    <p>\r\n                        Une plateforme destin\u00e9e \u00e0 \u00e9voluer\r\n                        progressivement vers de nouveaux march\u00e9s.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ab-value\">\r\n\r\n                    <div class=\"ab-value-icon\">\ud83d\udc65<\/div>\r\n\r\n                    <h3>Communaut\u00e9<\/h3>\r\n\r\n                    <p>\r\n                        Les utilisateurs participent\r\n                        directement \u00e0 la vie de la plateforme.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ab-value\">\r\n\r\n                    <div class=\"ab-value-icon\">\ud83d\udca1<\/div>\r\n\r\n                    <h3>Innovation utile<\/h3>\r\n\r\n                    <p>\r\n                        La technologie doit simplifier\r\n                        les \u00e9changes et cr\u00e9er de nouveaux usages.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- CTA FINAL -->\r\n    <section class=\"ab-about-final\">\r\n\r\n        <div class=\"ab-wrap\">\r\n\r\n            <h2>\r\n                D\u00e9couvrez Annonces-Bonus.com\r\n            <\/h2>\r\n\r\n            <p>\r\n                Parcourez les annonces, publiez les v\u00f4tres\r\n                et d\u00e9couvrez progressivement tout l'univers\r\n                Annonces Bonus, Tanoor et Taalaa.\r\n            <\/p>\r\n\r\n            <div class=\"ab-actions\">\r\n\r\n                <a href=\"\/id\/\"\r\n                   class=\"ab-btn ab-btn-white\">\r\n                    Voir les annonces\r\n                <\/a>\r\n\r\n                <a href=\"\/id\/tanoor\/\"\r\n                   class=\"ab-btn ab-btn-white\">\r\n                    D\u00e9couvrir Tanoor\r\n                <\/a>\r\n\r\n                <!--\r\n                     LIEN CONTACT D\u00c9J\u00c0 PR\u00c9PAR\u00c9.\r\n                     Il fonctionnera d\u00e8s que \/contact\/ existe.\r\n                -->\r\n                <a href=\"\/id\/contact\/\"\r\n                   class=\"ab-btn ab-btn-white\">\r\n                    Nous contacter\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Bienvenue sur Annonces-Bonus.com Les petites annonces avec un bonus. Annonces-Bonus.com est une plateforme de petites annonces pens\u00e9e pour faciliter les \u00e9changes tout en r\u00e9compensant la participation de sa communaut\u00e9. Une autre fa\u00e7on d&#8217;imaginer les petites annonces Acheter, vendre, proposer un service, rechercher un emploi ou simplement donner de la visibilit\u00e9 \u00e0 une offre devrait rester [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/pages\/9404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/comments?post=9404"}],"version-history":[{"count":4,"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/pages\/9404\/revisions"}],"predecessor-version":[{"id":9410,"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/pages\/9404\/revisions\/9410"}],"wp:attachment":[{"href":"https:\/\/annonces-bonus.com\/id\/wp-json\/wp\/v2\/media?parent=9404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}