{"id":22520,"date":"2026-09-03T15:57:09","date_gmt":"2026-09-03T13:57:09","guid":{"rendered":"https:\/\/www.adelec-inter.com\/?page_id=22520"},"modified":"2026-09-03T15:58:13","modified_gmt":"2026-09-03T13:58:13","slug":"ahmed","status":"publish","type":"page","link":"https:\/\/www.adelec-inter.com\/en\/ahmed\/","title":{"rendered":"Ahmed"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22520\" class=\"elementor elementor-22520\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e143b07 e-flex e-con-boxed e-con e-parent\" data-id=\"e143b07\" 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-5e777ed elementor-widget elementor-widget-html\" data-id=\"5e777ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n*{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.digital-card-wrapper{\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    min-height:100vh;\r\n    background:#f3f5f7;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:30px 15px;\r\n}\r\n\r\n.digital-card{\r\n    width:100%;\r\n    max-width:430px;\r\n    background:#ffffff;\r\n    border-radius:26px;\r\n    overflow:hidden;\r\n    box-shadow:0 15px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\/* HEADER *\/\r\n.card-header{\r\n    background:#005E83;\r\n    padding:38px 25px 70px;\r\n    text-align:center;\r\n    position:relative;\r\n}\r\n\r\n.company-logo{\r\n    color:#ffffff;\r\n    font-size:20px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n}\r\n\r\n\/* PROFILE *\/\r\n.profile-content{\r\n    padding:0 25px 30px;\r\n    text-align:center;\r\n}\r\n\r\n.profile-photo{\r\n    width:120px;\r\n    height:120px;\r\n    border-radius:50%;\r\n    object-fit:cover;\r\n    border:6px solid #ffffff;\r\n    margin-top:-60px;\r\n    box-shadow:0 8px 25px rgba(0,0,0,.15);\r\n    background:#eee;\r\n}\r\n\r\n.profile-name{\r\n    margin:15px 0 5px;\r\n    font-size:25px;\r\n    font-weight:700;\r\n    color:#17232d;\r\n}\r\n\r\n.profile-job{\r\n    font-size:15px;\r\n    color:#005E83;\r\n    font-weight:600;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.profile-company{\r\n    font-size:14px;\r\n    color:#7b8790;\r\n    margin-bottom:25px;\r\n}\r\n\r\n\/* QUICK ACTIONS *\/\r\n.quick-actions{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:10px;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.action-btn{\r\n    text-decoration:none !important;\r\n    color:#17232d !important;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:7px;\r\n    font-size:11px;\r\n    font-weight:600;\r\n}\r\n\r\n.action-icon{\r\n    width:48px;\r\n    height:48px;\r\n    border-radius:15px;\r\n    background:#eef7fa;\r\n    color:#005E83;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    transition:.3s ease;\r\n}\r\n\r\n.action-icon svg{\r\n    width:21px;\r\n    height:21px;\r\n}\r\n\r\n.action-btn:hover .action-icon{\r\n    background:#005E83;\r\n    color:#fff;\r\n    transform:translateY(-3px);\r\n}\r\n\r\n\/* INFORMATION *\/\r\n.contact-list{\r\n    text-align:left;\r\n    border-top:1px solid #edf0f2;\r\n    margin-top:5px;\r\n}\r\n\r\n.contact-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    padding:15px 3px;\r\n    border-bottom:1px solid #edf0f2;\r\n}\r\n\r\n.contact-item-icon{\r\n    min-width:42px;\r\n    width:42px;\r\n    height:42px;\r\n    background:#eef7fa;\r\n    color:#005E83;\r\n    border-radius:12px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.contact-item-icon svg{\r\n    width:20px;\r\n    height:20px;\r\n}\r\n\r\n.contact-details{\r\n    min-width:0;\r\n}\r\n\r\n.contact-label{\r\n    color:#8b959d;\r\n    font-size:11px;\r\n    margin-bottom:3px;\r\n}\r\n\r\n.contact-value,\r\n.contact-value a{\r\n    color:#17232d !important;\r\n    font-size:14px;\r\n    font-weight:600;\r\n    text-decoration:none !important;\r\n    word-break:break-word;\r\n}\r\n\r\n\/* SAVE BUTTON *\/\r\n.save-contact{\r\n    margin-top:28px;\r\n    width:100%;\r\n    min-height:56px;\r\n    border:none;\r\n    border-radius:15px;\r\n    background:#005E83;\r\n    color:#fff;\r\n    cursor:pointer;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    transition:.25s;\r\n}\r\n\r\n.save-contact svg{\r\n    width:21px;\r\n    height:21px;\r\n}\r\n\r\n.save-contact:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 8px 20px rgba(0,94,131,.25);\r\n}\r\n\r\n.card-footer{\r\n    text-align:center;\r\n    font-size:11px;\r\n    color:#9ba4aa;\r\n    padding:5px 20px 25px;\r\n}\r\n\r\n@media(max-width:480px){\r\n    .digital-card-wrapper{\r\n        padding:0;\r\n        background:#fff;\r\n    }\r\n\r\n    .digital-card{\r\n        max-width:none;\r\n        min-height:100vh;\r\n        border-radius:0;\r\n        box-shadow:none;\r\n    }\r\n\r\n    .card-header{\r\n        padding-top:45px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"digital-card-wrapper\">\r\n\r\n    <div class=\"digital-card\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"card-header\">\r\n            <div class=\"company-logo\">\r\n                VOTRE ENTREPRISE\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- PROFILE -->\r\n        <div class=\"profile-content\">\r\n\r\n            <!-- PHOTO -->\r\n            <img decoding=\"async\"\r\n                class=\"profile-photo\"\r\n                src=\"https:\/\/ui-avatars.com\/api\/?name=Ahmed+Ben+Ali&size=300&background=E5EEF2&color=005E83\"\r\n                alt=\"Ahmed Ben Ali\"\r\n            >\r\n\r\n            <h1 class=\"profile-name\">Ahmed Ben Ali<\/h1>\r\n\r\n            <div class=\"profile-job\">\r\n                Responsable Commercial\r\n            <\/div>\r\n\r\n            <div class=\"profile-company\">\r\n                Votre Entreprise SARL\r\n            <\/div>\r\n\r\n\r\n            <!-- ACTIONS -->\r\n            <div class=\"quick-actions\">\r\n\r\n                <!-- CALL -->\r\n                <a class=\"action-btn\" href=\"tel:+21622123456\">\r\n\r\n                    <div class=\"action-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                             stroke-width=\"2\">\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n                            19.79 19.79 0 0 1-8.63-3.07\r\n                            19.5 19.5 0 0 1-6-6\r\n                            19.79 19.79 0 0 1-3.07-8.67\r\n                            A2 2 0 0 1 4.11 2h3\r\n                            a2 2 0 0 1 2 1.72\r\n                            12.84 12.84 0 0 0 .7 2.81\r\n                            2 2 0 0 1-.45 2.11L8.09 9.91\r\n                            a16 16 0 0 0 6 6l1.27-1.27\r\n                            a2 2 0 0 1 2.11-.45\r\n                            12.84 12.84 0 0 0 2.81.7\r\n                            A2 2 0 0 1 22 16.92z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    Appeler\r\n                <\/a>\r\n\r\n\r\n                <!-- WHATSAPP -->\r\n                <a class=\"action-btn\" href=\"https:\/\/wa.me\/21622123456\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                    <div class=\"action-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967\r\n                            -.273-.099-.471-.148-.67.15-.198.297-.767.966-.94\r\n                            1.164-.173.198-.347.223-.644.074-.297-.149-1.255\r\n                            -.462-2.39-1.475-.883-.788-1.48-1.761-1.653\r\n                            -2.059-.173-.297-.018-.458.13-.606.134-.133.298\r\n                            -.347.446-.52.149-.174.198-.298.298-.497.099-.198\r\n                            .05-.371-.025-.52-.075-.149-.669-1.612-.916\r\n                            -2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371\r\n                            -.01-.57-.01-.198 0-.52.074-.792.372-.272.297\r\n                            -1.04 1.016-1.04 2.479s1.065 2.875 1.213\r\n                            3.074c.149.198 2.095 3.2 5.076 4.487.709.306\r\n                            1.262.489 1.693.625.712.227 1.36.195\r\n                            1.872.118.571-.085 1.758-.719 2.006-1.413.248\r\n                            -.694.248-1.289.173-1.413-.074-.124-.272-.198\r\n                            -.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0\r\n                            1-5.031-1.378l-.361-.214-3.741.982.998\r\n                            -3.648-.235-.374a9.86 9.86 0 0 1-1.51\r\n                            -5.26c.001-5.45 4.436-9.884 9.888-9.884\r\n                            2.64 0 5.122 1.03 6.988 2.898a9.825 9.825\r\n                            0 0 1 2.893 6.99c-.003 5.45-4.437 9.884\r\n                            -9.885 9.884\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    WhatsApp\r\n                <\/a>\r\n\r\n\r\n                <!-- EMAIL -->\r\n                <a class=\"action-btn\"\r\n                   href=\"mailto:ahmed@votreentreprise.tn\">\r\n\r\n                    <div class=\"action-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                             stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12\r\n                            c0 1.1-.9 2-2 2H4c-1.1\r\n                            0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n                            <polyline points=\"22,6 12,13 2,6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    E-mail\r\n                <\/a>\r\n\r\n\r\n                <!-- WEBSITE -->\r\n                <a class=\"action-btn\" href=\"https:\/\/www.votreentreprise.tn\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                    <div class=\"action-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                             stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10\r\n                            15.3 15.3 0 0 1-4 10\r\n                            15.3 15.3 0 0 1-4-10\r\n                            15.3 15.3 0 0 1 4-10z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    Site web\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTACT INFORMATION -->\r\n            <div class=\"contact-list\">\r\n\r\n\r\n                <!-- PHONE -->\r\n                <div class=\"contact-item\">\r\n\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                             stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18\r\n                            2 19.79 19.79 0 0 1-8.63-3.07\r\n                            19.5 19.5 0 0 1-6-6\r\n                            19.79 19.79 0 0 1-3.07-8.67\r\n                            A2 2 0 0 1 4.11 2h3\r\n                            a2 2 0 0 1 2 1.72\r\n                            12.84 12.84 0 0 0 .7 2.81\r\n                            2 2 0 0 1-.45 2.11L8.09\r\n                            9.91a16 16 0 0 0 6 6l1.27-1.27\r\n                            a2 2 0 0 1 2.11-.45\r\n                            12.84 12.84 0 0 0 2.81.7\r\n                            A2 2 0 0 1 22 16.92z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-details\">\r\n                        <div class=\"contact-label\">T\u00e9l\u00e9phone<\/div>\r\n                        <div class=\"contact-value\">\r\n                            <a href=\"tel:+21622123456\">\r\n                                +216 22 123 456\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- EMAIL -->\r\n                <div class=\"contact-item\">\r\n\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                             stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M4 4h16c1.1 0 2 .9 2\r\n                            2v12c0 1.1-.9 2-2 2H4\r\n                            c-1.1 0-2-.9-2-2V6c0-1.1\r\n                            .9-2 2-2z\"\/>\r\n                            <polyline points=\"22,6 12,13 2,6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-details\">\r\n                        <div class=\"contact-label\">E-mail<\/div>\r\n                        <div class=\"contact-value\">\r\n                            <a href=\"mailto:ahmed@votreentreprise.tn\">\r\n                                ahmed@votreentreprise.tn\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ADDRESS -->\r\n                <div class=\"contact-item\">\r\n\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                             stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M21 10c0 7-9 12-9 12S3\r\n                            17 3 10a9 9 0 1 1 18 0z\"\/>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-details\">\r\n                        <div class=\"contact-label\">Adresse<\/div>\r\n\r\n                        <div class=\"contact-value\">\r\n                            10 Avenue Habib Bourguiba,<br>\r\n                            Tunis 1001, Tunisie\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- WEBSITE -->\r\n                <div class=\"contact-item\">\r\n\r\n                    <div class=\"contact-item-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                             stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4\r\n                            10 15.3 15.3 0 0 1-4 10\r\n                            15.3 15.3 0 0 1-4-10\r\n                            15.3 15.3 0 0 1 4-10z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-details\">\r\n                        <div class=\"contact-label\">Site web<\/div>\r\n\r\n                        <div class=\"contact-value\">\r\n                            <a href=\"https:\/\/www.votreentreprise.tn\" target=\"_blank\" rel=\"noopener\">\r\n                                www.votreentreprise.tn\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- SAVE CONTACT -->\r\n            <button class=\"save-contact\" onclick=\"saveContact()\">\r\n\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                     stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M19 21H5a2 2 0 0 1-2-2V5\r\n                    a2 2 0 0 1 2-2h11l5 5v11\r\n                    a2 2 0 0 1-2 2z\"\/>\r\n                    <polyline points=\"17 21 17 13 7 13 7 21\"\/>\r\n                    <polyline points=\"7 3 7 8 15 8\"\/>\r\n                <\/svg>\r\n\r\n                Enregistrer le contact\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"card-footer\">\r\n            Carte de visite digitale\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\nfunction saveContact() {\r\n\r\n    \/* ===================================\r\n       INFORMATIONS DU COMMERCIAL\r\n       =================================== *\/\r\n\r\n    const firstName = \"Ahmed\";\r\n    const lastName  = \"Ben Ali\";\r\n    const company   = \"Votre Entreprise SARL\";\r\n    const job       = \"Responsable Commercial\";\r\n\r\n    const phone     = \"+21622123456\";\r\n    const email     = \"ahmed@votreentreprise.tn\";\r\n    const website   = \"https:\/\/www.votreentreprise.tn\";\r\n\r\n    const address   = \"10 Avenue Habib Bourguiba\";\r\n    const city      = \"Tunis\";\r\n    const postal    = \"1001\";\r\n    const country   = \"Tunisie\";\r\n\r\n\r\n    \/* ===================================\r\n       GENERATION VCARD\r\n       =================================== *\/\r\n\r\n    const vCard = `BEGIN:VCARD\r\nVERSION:3.0\r\nN:${lastName};${firstName};;;\r\nFN:${firstName} ${lastName}\r\nORG:${company}\r\nTITLE:${job}\r\nTEL;TYPE=CELL:${phone}\r\nEMAIL;TYPE=INTERNET:${email}\r\nURL:${website}\r\nADR;TYPE=WORK:;;${address};${city};;${postal};${country}\r\nEND:VCARD`;\r\n\r\n\r\n    \/* ===================================\r\n       DOWNLOAD CONTACT\r\n       =================================== *\/\r\n\r\n    const blob = new Blob(\r\n        [vCard],\r\n        {\r\n            type: \"text\/vcard;charset=utf-8\"\r\n        }\r\n    );\r\n\r\n    const url = URL.createObjectURL(blob);\r\n\r\n    const link = document.createElement(\"a\");\r\n\r\n    link.href = url;\r\n    link.download = firstName + \"-\" + lastName + \".vcf\";\r\n\r\n    document.body.appendChild(link);\r\n\r\n    link.click();\r\n\r\n    document.body.removeChild(link);\r\n\r\n    URL.revokeObjectURL(url);\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VOTRE ENTREPRISE Ahmed Ben Ali Responsable Commercial Votre Entreprise SARL Appeler WhatsApp E-mail Site web T\u00e9l\u00e9phone +216 22 123 456 E-mail ahmed@votreentreprise.tn Adresse 10 Avenue Habib Bourguiba, Tunis 1001, Tunisie Site web www.votreentreprise.tn Enregistrer le contact Carte de visite digitale<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-22520","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/pages\/22520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/comments?post=22520"}],"version-history":[{"count":4,"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/pages\/22520\/revisions"}],"predecessor-version":[{"id":22524,"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/pages\/22520\/revisions\/22524"}],"wp:attachment":[{"href":"https:\/\/www.adelec-inter.com\/en\/wp-json\/wp\/v2\/media?parent=22520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}