{"id":57,"date":"2016-02-18T15:10:52","date_gmt":"2016-02-18T15:10:52","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=4041"},"modified":"2026-03-06T21:55:21","modified_gmt":"2026-03-06T21:55:21","slug":"simple-corporate","status":"publish","type":"page","link":"https:\/\/creagif.fr\/?page_id=57","title":{"rendered":"Corporate"},"content":{"rendered":"\n<div class=\"slider-wrapper relative\" id=\"slider-1863319872\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 6000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover\" id=\"banner-773687625\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-399851379\" class=\"text-box banner-layer x5 md-x5 lg-x5 y95 md-y50 lg-y50 res-text\">\n                                <div class=\"text box-shadow-1\">\n              \n              <div class=\"text-inner text-left\">\n                  \n\n<style>\n    :root {\n        --primary: #6366f1;\n        --secondary: #a855f7;\n        --dark: #1e293b;\n    }\n\n    .portfolio-wrapper {\n        max-width: 850px;\n        margin: 10px auto;\n        padding: 10px;\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    }\n\n    .portfolio-header {\n        text-align: center;\n        margin-bottom: 25px;\n        animation: fadeInDown 0.8s ease-out;\n    }\n\n    .portfolio-header h6 {\n        color: var(--primary);\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        font-weight: 700;\n        margin: 0;\n        font-size: 0.75rem;\n    }\n\n    .portfolio-header h3 {\n        font-size: 1.8rem;\n        background: linear-gradient(to right, var(--primary), var(--secondary));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        margin: 5px 0;\n    }\n\n    .project-list {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .project-item {\n        display: flex;\n        align-items: center;\n        background: #ffffff;\n        border-radius: 12px;\n        padding: 15px 25px;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        text-decoration: none !important;\n        position: relative;\n        overflow: hidden;\n        animation: fadeInUp 0.5s ease-out backwards;\n    }\n\n    \/* Animation au survol *\/\n    .project-item:hover {\n        transform: translateX(10px) scale(1.02);\n        box-shadow: 0 15px 30px -5px rgba(99, 102, 241, 0.2);\n        border-color: var(--primary);\n    }\n\n    .project-item::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        height: 100%;\n        width: 5px;\n        background: linear-gradient(to bottom, var(--primary), var(--secondary));\n        opacity: 0;\n        transition: 0.3s;\n    }\n\n    .project-item:hover::before {\n        opacity: 1;\n    }\n\n    .project-info {\n        flex-grow: 1;\n    }\n\n    .project-info span {\n        font-size: 0.7rem;\n        font-weight: 700;\n        color: #94a3b8;\n        text-transform: uppercase;\n    }\n\n    .project-info h4 {\n        margin: 2px 0;\n        color: var(--dark);\n        font-size: 1.2rem;\n    }\n\n    .project-info p {\n        margin: 0;\n        color: #64748b;\n        font-size: 0.85rem;\n    }\n\n    .project-action {\n        background: #f1f5f9;\n        color: var(--dark);\n        padding: 8px 15px;\n        border-radius: 8px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        transition: 0.3s;\n        display: flex;\n        align-items: center;\n        gap: 5px;\n    }\n\n    .project-item:hover .project-action {\n        background: var(--primary);\n        color: #fff;\n    }\n\n    .pdf-btn {\n        background: #fee2e2;\n        color: #ef4444;\n        margin-left: 10px;\n    }\n\n    .project-item:hover .pdf-btn {\n        background: #ef4444;\n    }\n\n    \/* Keyframes Animations *\/\n    @keyframes fadeInUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes fadeInDown {\n        from { opacity: 0; transform: translateY(-20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Delays pour l'apparition en cascade *\/\n    .item-1 { animation-delay: 0.2s; }\n    .item-2 { animation-delay: 0.4s; }\n    .item-3 { animation-delay: 0.6s; }\n\n    @media (max-width: 600px) {\n        .project-item { flex-direction: column; align-items: flex-start; gap: 10px; }\n        .project-action { width: 100%; justify-content: center; }\n    }\n<\/style>\n\n<div class=\"portfolio-wrapper\">\n    <header class=\"portfolio-header\">\n        <h6>D\u00e9veloppement Web<\/h6>\n        <h3>Mes R\u00e9alisations Professionnelles<\/h3>\n    <\/header>\n\n    <div class=\"project-list\">\n        <a href=\"http:\/\/mike.naim5.free.fr\/mogarra\/\" target=\"_blank\" class=\"project-item item-1\">\n            <div class=\"project-info\">\n                <span>N\u00e9goce de Luxe<\/span>\n                <h4>MOGARRA<\/h4>\n                <p>Expertise en pierres pr\u00e9cieuses &#038; joaillerie.<\/p>\n            <\/div>\n            <div class=\"project-action\">D\u00e9couvrir le site \u2192<\/div>\n        <\/a>\n\n        <a href=\"http:\/\/mike.naim3.free.fr\/lappartement\/lappartement.site.free.fr\/index.html\" target=\"_blank\" class=\"project-item item-2\">\n            <div class=\"project-info\">\n                <span>Gastronomie<\/span>\n                <h4>L&rsquo;APPARTEMENT<\/h4>\n                <p>Site immersif pour restaurant de prestige.<\/p>\n            <\/div>\n            <div class=\"project-action\">Visiter le lieu \u2192<\/div>\n        <\/a>\n\n        <div class=\"project-item item-3\" style=\"cursor: default;\">\n            <div class=\"project-info\">\n                <span>Art &#038; Expertise<\/span>\n                <h4>DOSSIER PICASSO<\/h4>\n                <p>Analyse technique et pr\u00e9sentation d&rsquo;\u0153uvre.<\/p>\n            <\/div>\n            <div style=\"display: flex;\">\n                <a href=\"http:\/\/mike.naim.free.fr\/sitespro\/picasso\/Picasso\/tableaux.html\" target=\"_blank\" class=\"project-action\">Site<\/a>\n                <a href=\"http:\/\/mike.naim.free.fr\/sitespro\/picasso\/Picasso\/3\/3.pdf\" target=\"_blank\" class=\"project-action pdf-btn\">PDF<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n              <\/div>\n           <\/div><!-- text-box-inner -->\n                            \n<style scope=\"scope\">\n\n#text-box-399851379 .text {\n  background-color: rgba(255, 255, 255, 0.94);\n  font-size: 100%;\n}\n#text-box-399851379 .text-inner {\n  padding: 30px 30px 30px 30px;\n}\n#text-box-399851379 {\n  width: 90%;\n}\n\n\n@media (min-width:550px) {\n\n  #text-box-399851379 {\n    width: 58%;\n  }\n\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n\n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-773687625 {\n  padding-top: 637px;\n}\n#banner-773687625 .bg.bg-loaded {\n  background-image: url(https:\/\/creagif.fr\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-773687625 .bg {\n  background-position: 62% 60%;\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n     <style scope=\"scope\">\n             <\/style>\n<\/div><!-- .ux-slider-wrapper -->\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":19,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creagif.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":13,"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":1955,"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/1955"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creagif.fr\/index.php?rest_route=\/wp\/v2\/media\/19"}],"wp:attachment":[{"href":"https:\/\/creagif.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}