{"id":454,"date":"2026-07-18T18:17:34","date_gmt":"2026-07-18T16:17:34","guid":{"rendered":"https:\/\/cyrilberkane.com\/?page_id=454"},"modified":"2026-07-18T19:10:27","modified_gmt":"2026-07-18T17:10:27","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/cyrilberkane.com\/?page_id=454","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"454\" class=\"elementor elementor-454\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a8a253 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3a8a253\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f98fa8 elementor-widget elementor-widget-html\" data-id=\"1f98fa8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.cb-portfolio {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 60px 20px;\n}\n.cb-portfolio h2 {\n  font-family: 'Lora', serif;\n  font-size: 32px;\n  color: #2b2b2b;\n  text-align: center;\n  margin-bottom: 10px;\n}\n.cb-portfolio .subtitle {\n  font-family: 'Nunito Sans', sans-serif;\n  font-size: 17px;\n  color: #2b2b2b;\n  text-align: center;\n  margin-bottom: 30px;\n}\n.cb-portfolio .filters {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 40px;\n}\n.cb-portfolio .filters button {\n  font-family: 'Nunito Sans', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  padding: 10px 22px;\n  border-radius: 30px;\n  border: 1px solid #b5622f;\n  background: transparent;\n  color: #b5622f;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.cb-portfolio .filters button.active,\n.cb-portfolio .filters button:hover {\n  background: #b5622f;\n  color: #f5f2ed;\n}\n.cb-portfolio .grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n.cb-portfolio .grid-item {\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n}\n.cb-portfolio .grid-item img {\n  width: 100%;\n  height: 280px;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.3s ease;\n}\n.cb-portfolio .grid-item:hover img {\n  transform: scale(1.06);\n}\n.cb-portfolio .grid-item.hidden {\n  display: none;\n}\n\n@media (max-width: 900px) {\n  .cb-portfolio .grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 560px) {\n  .cb-portfolio .grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"cb-portfolio\">\n  <h2>Portfolio<\/h2>\n  <p class=\"subtitle\">Une s\u00e9lection de mes plus beaux instants, tous univers confondus.<\/p>\n\n  <div class=\"filters\">\n    <button class=\"active\" data-filter=\"all\">Tous<\/button>\n    <button data-filter=\"mariage\">Mariage<\/button>\n    <button data-filter=\"portrait\">Portrait<\/button>\n    <button data-filter=\"sport\">Sport<\/button>\n    <button data-filter=\"concert\">Concert<\/button>\n    <button data-filter=\"corporate\">Corporate<\/button>\n    <button data-filter=\"video\">Vid\u00e9o<\/button>\n  <\/div>\n\n  <div class=\"grid\" id=\"cb-grid\">\n    <div class=\"grid-item\" data-cat=\"mariage\"><img decoding=\"async\" src=\"URL_PHOTO_MARIAGE_1\" alt=\"Mariage Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"mariage\"><img decoding=\"async\" src=\"URL_PHOTO_MARIAGE_2\" alt=\"Mariage Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"portrait\"><img decoding=\"async\" src=\"http:\/\/cyrilberkane.com\/wp-content\/uploads\/2026\/07\/FRANCESCA-4.jpg\" alt=\"Portrait Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"portrait\"><img decoding=\"async\" src=\"http:\/\/cyrilberkane.com\/wp-content\/uploads\/2026\/07\/REMI-MAGIE-3-scaled.jpg\" alt=\"Portrait Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"sport\"><img decoding=\"async\" src=\"URL_PHOTO_SPORT_1\" alt=\"Sport Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"concert\"><img decoding=\"async\" src=\"URL_PHOTO_CONCERT_1\" alt=\"Concert Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"corporate\"><img decoding=\"async\" src=\"URL_PHOTO_CORPORATE_1\" alt=\"Corporate Annecy\"><\/div>\n    <div class=\"grid-item\" data-cat=\"video\"><img decoding=\"async\" src=\"URL_PHOTO_VIDEO_1\" alt=\"Vid\u00e9o Annecy\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var buttons = document.querySelectorAll('.cb-portfolio .filters button');\n  var items = document.querySelectorAll('.cb-portfolio .grid-item');\n  buttons.forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      buttons.forEach(function(b) { b.classList.remove('active'); });\n      btn.classList.add('active');\n      var filter = btn.getAttribute('data-filter');\n      items.forEach(function(item) {\n        if (filter === 'all' || item.getAttribute('data-cat') === filter) {\n          item.classList.remove('hidden');\n        } else {\n          item.classList.add('hidden');\n        }\n      });\n    });\n  });\n})();\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>Portfolio Une s\u00e9lection de mes plus beaux instants, tous univers confondus. Tous Mariage Portrait Sport Concert Corporate Vid\u00e9o<\/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-454","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=\/wp\/v2\/pages\/454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=454"}],"version-history":[{"count":7,"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions\/472"}],"wp:attachment":[{"href":"https:\/\/cyrilberkane.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}