{"id":82,"date":"2026-07-07T20:50:32","date_gmt":"2026-07-07T20:50:32","guid":{"rendered":"https:\/\/mohammadoladivatan.com\/?page_id=82"},"modified":"2026-08-09T17:56:01","modified_gmt":"2026-08-09T17:56:01","slug":"blog","status":"publish","type":"page","link":"https:\/\/mohammadoladivatan.com\/?page_id=82","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"82\" class=\"elementor elementor-82\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6dc52ef6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6dc52ef6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14334c6\" data-id=\"14334c6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2398b312 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2398b312\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-627664b8\" data-id=\"627664b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a3ab4f2 elementor-widget elementor-widget-heading\" data-id=\"a3ab4f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Selected Works<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-514eae6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"514eae6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aaba545\" data-id=\"aaba545\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-818ae01 elementor-widget elementor-widget-html\" data-id=\"818ae01\" 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<div class=\"orbit-gallery\">\n\n  <div class=\"orbit-stage\">\n\n    <div class=\"orbit-card\" style=\"--i:0;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/Look-at-me--scaled.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:1;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_18999.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:2;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_8595.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:3;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_7496.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:4;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_6972-scaled.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:5;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_6483-scaled.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:6;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_6427-scaled.jpeg\">\n    <\/div>\n\n    <div class=\"orbit-card\" style=\"--i:7;\">\n      <img decoding=\"async\" src=\"https:\/\/mohammadoladivatan.com\/wp-content\/uploads\/2026\/08\/IMG_8626-as-Smart-Object-1-scaled.jpeg\">\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<!-- \u0639\u06a9\u0633 \u0628\u0632\u0631\u06af \u0648\u0633\u0637 \u0635\u0641\u062d\u0647 -->\n<div class=\"orbit-preview\">\n  <img decoding=\"async\" src=\"\" alt=\"\">\n<\/div>\n\n\n<style>\n\n\n\n.orbit-gallery{\n    width:100%;\n    height:620px;\n\n    position:relative;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:#000;\n\n    perspective:1400px;\n\n    overflow:hidden;\n}\n\n\n\n.orbit-stage{\n    position:relative;\n\n    width:100px;\n    height:100px;\n\n    transform-style:preserve-3d;\n\n    animation:\n        orbitSpin 30s linear infinite;\n}\n\n\n\n.orbit-stage:hover{\n    animation-play-state:paused;\n}\n\n\n.orbit-card{\n    position:absolute;\n\n    width:100px;\n    height:100px;\n\n    top:0;\n    left:0;\n\n    transform-style:preserve-3d;\n\n    transform:\n        rotateY(calc(var(--i) * 45deg))\n        translateZ(280px);\n\n    cursor:pointer;\n}\n\n\n\n\n.orbit-card img{\n    width:100px;\n    height:100px;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        filter .35s ease,\n        opacity .35s ease,\n        box-shadow .35s ease;\n\n    backface-visibility:visible;\n}\n\n\n\/* \u0639\u06a9\u0633 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0634\u062f\u0647 \u06a9\u0645\u06cc \u0631\u0648\u0634\u0646\u200c\u062a\u0631 *\/\n.orbit-card:hover img{\n    filter:brightness(1.15);\n\n    box-shadow:\n        0 10px 35px rgba(0,0,0,.55);\n}\n\n\n\/* \u0628\u0642\u06cc\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627 \u0647\u0646\u06af\u0627\u0645 Hover *\/\n.orbit-stage:has(.orbit-card:hover)\n.orbit-card:not(:hover){\n    opacity:.35;\n    filter:brightness(.45);\n}\n\n\n\/* =========================\n   Preview \u0628\u0632\u0631\u06af\n========================= *\/\n\n.orbit-preview{\n    position:fixed;\n\n    inset:0;\n\n    z-index:999999;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:5vh 5vw;\n\n    pointer-events:none;\n\n    opacity:0;\n    visibility:hidden;\n\n    background:\n        rgba(0,0,0,.35);\n\n    backdrop-filter:\n        blur(3px);\n\n    transition:\n        opacity .28s ease,\n        visibility .28s ease;\n}\n\n\n\/* \u0648\u0642\u062a\u06cc \u0641\u0639\u0627\u0644 \u0634\u062f *\/\n.orbit-preview.active{\n    opacity:1;\n    visibility:visible;\n}\n\n\n\/* \u0639\u06a9\u0633 \u0627\u0635\u0644\u06cc \u062f\u0631 Preview *\/\n.orbit-preview img{\n\n    width:auto;\n    height:auto;\n\n    max-width:82vw;\n    max-height:82vh;\n\n    display:block;\n\n    object-fit:contain;\n\n    box-shadow:\n        0 35px 100px rgba(0,0,0,.8);\n\n    transform:\n        scale(.92);\n\n    transition:\n        transform .35s cubic-bezier(.2,.8,.2,1);\n}\n\n\n.orbit-preview.active img{\n    transform:\n        scale(1);\n}\n\n\n\/* =========================\n   \u062d\u0631\u06a9\u062a \u062f\u0648\u0631\u0627\u0646\u06cc\n========================= *\/\n\n@keyframes orbitSpin{\n\n    from{\n        transform:\n            rotateX(-7deg)\n            rotateY(0deg);\n    }\n\n    to{\n        transform:\n            rotateX(-7deg)\n            rotateY(360deg);\n    }\n\n}\n\n\n\/* =========================\n   \u0645\u0648\u0628\u0627\u06cc\u0644\n========================= *\/\n\n@media(max-width:767px){\n\n    .orbit-gallery{\n        height:470px;\n        perspective:900px;\n    }\n\n    .orbit-stage{\n        width:75px;\n        height:75px;\n    }\n\n    .orbit-card{\n        width:75px;\n        height:75px;\n\n        transform:\n            rotateY(calc(var(--i) * 45deg))\n            translateZ(165px);\n    }\n\n    .orbit-card img{\n        width:75px;\n        height:75px;\n    }\n\n    .orbit-preview{\n        padding:30px 18px;\n    }\n\n    .orbit-preview img{\n        max-width:92vw;\n        max-height:75vh;\n    }\n\n}\n\n\n\/* =========================\n   \u062a\u0628\u0644\u062a\n========================= *\/\n\n@media(min-width:768px) and (max-width:1024px){\n\n    .orbit-card{\n        transform:\n            rotateY(calc(var(--i) * 45deg))\n            translateZ(230px);\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n    const gallery =\n        document.querySelector('.orbit-gallery');\n\n    const stage =\n        document.querySelector('.orbit-stage');\n\n    const preview =\n        document.querySelector('.orbit-preview');\n\n    const previewImage =\n        preview.querySelector('img');\n\n    const cards =\n        document.querySelectorAll('.orbit-card');\n\n\n    cards.forEach(function(card){\n\n        const image =\n            card.querySelector('img');\n\n\n        card.addEventListener(\n            'mouseenter',\n            function(){\n\n                previewImage.src =\n                    image.src;\n\n                preview.classList.add(\n                    'active'\n                );\n\n                stage.style.animationPlayState =\n                    'paused';\n\n            }\n        );\n\n\n        card.addEventListener(\n            'mouseleave',\n            function(){\n\n                preview.classList.remove(\n                    'active'\n                );\n\n                previewImage.src = '';\n\n                stage.style.animationPlayState =\n                    'running';\n\n            }\n        );\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Selected Works<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":27,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=82"}],"version-history":[{"count":5,"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions\/551"}],"up":[{"embeddable":true,"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=\/wp\/v2\/pages\/27"}],"wp:attachment":[{"href":"https:\/\/mohammadoladivatan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}