{"id":29887,"date":"2025-07-20T12:12:58","date_gmt":"2025-07-20T12:12:58","guid":{"rendered":"https:\/\/azzoraa.com\/?page_id=29887"},"modified":"2025-07-26T13:33:08","modified_gmt":"2025-07-26T13:33:08","slug":"prof-2","status":"publish","type":"page","link":"https:\/\/azzoraa.com\/ar\/prof-2\/","title":{"rendered":"prof-2"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Video Hover Gallery<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --transition: cubic-bezier(0.1, 0.7, 0, 1);\r\n }\r\n\r\n body {\r\n background: linear-gradient(90deg, black, #333);\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 60vh;\r\n }\r\n\r\n .imgs-parent {\r\n display: flex;\r\n gap: 0.4rem;\r\n perspective: 60rem;\r\n }\r\n\r\n .img {\r\n width: 16rem;\r\n height: 19rem;\r\n cursor: pointer;\r\n position: relative;\r\n transition: transform 1.25s var(--transition), filter 3s var(--transition), width 0.3s var(--transition);\r\n filter: grayscale(0) brightness(0.7);\r\n will-change: transform, filter;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n }\r\n\r\n .img video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .content {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 10px;\r\n color: white;\r\n text-align: center;\r\n opacity: 1;\r\n visibility: visible;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n background: rgba(0, 0, 0, 0.4);\r\n }\r\n.content h3 {\r\n font-size: 18px;\r\n margin-bottom: 5px;\r\n color: white;\r\n opacity: 1;\r\n visibility: visible;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n }\r\n\r\n .btn {\r\n display: none;\r\n font-family: \"Montserrat\", Sans-serif;\r\n padding: 4px 10px;\r\n background-image: linear-gradient(140deg, #0071E3 42%, #25409E 100%);\r\n color: white;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 600;\r\n border-radius: 15px;\r\n text-align: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .img:hover .btn,\r\n .img:hover .content {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .btn:hover {\r\n background-color: #005bb5;\r\n }\r\n\r\n .img:hover {\r\n transform: translateZ(17.375rem);\r\n filter: grayscale(0) brightness(0.9);\r\n }\r\n\r\n .img:hover .content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .img {\r\n width: 4rem;\r\n height: 19rem;\r\n }\r\n\r\n h3 {\r\n font-size: 8px;\r\n }\r\n\r\n .btn {\r\n font-size: 8px;\r\n padding: 2px 5px;\r\n border-radius: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrapper\">\r\n <div class=\"imgs-parent\">\r\n\r\n <div class=\"img\">\r\n <video id=\"hoverVideo\" src=\"http:\/\/commondatastorage.googleapis.com\/gtv-videos-bucket\/sample\/BigBuckBunny.mp4\" muted loop preload=\"metadata\"\r\n poster=\"http:\/\/azzoraa.com\/wp-content\/uploads\/2025\/07\/6d86d507452a5bdb6c45c196644b88b2.jpg\">\r\n ><\/video>\r\n <div class=\"content\">\r\n <h3>Interior Design<\/h3>\r\n <a href=\"#\" class=\"btn\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"img\">\r\n <video src=\"http:\/\/commondatastorage.googleapis.com\/gtv-videos-bucket\/sample\/ElephantsDream.mp4\" muted loop preload=\"metadata\"><\/video>\r\n <div class=\"content\">\r\n <h3>Bahne TML<\/h3>\r\n <a href=\"#\" class=\"btn\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"img\">\r\n <video src=\"http:\/\/commondatastorage.googleapis.com\/gtv-videos-bucket\/sample\/Sintel.mp4\" muted loop preload=\"metadata\"><\/video>\r\n <div class=\"content\">\r\n <h3>Leaving Room<\/h3>\r\n <a href=\"#\" class=\"btn\">Watch<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const videos = document.querySelectorAll(\".img video\");\r\n\r\n videos.forEach(video => {\r\n const h3 = video.parentElement.querySelector(\"h3\");\r\n\r\n video.addEventListener(\"mouseenter\", () => {\r\n video.play();\r\n if (h3) {\r\n h3.style.opacity = \"1\";\r\n h3.style.visibility = \"visible\";\r\n }\r\n });\r\n\r\n video.addEventListener(\"mouseleave\", () => {\r\n video.pause();\r\n video.currentTime = 0;\r\n video.load(); \/\/ restores poster\r\n if (h3) {\r\n h3.style.opacity = \"1\";\r\n h3.style.visibility = \"visible\";\r\n }\r\n });\r\n });\r\n const video = document.getElementById('hoverVideo');\r\n\r\n video.addEventListener('mouseenter', () => {\r\n video.play();\r\n });\r\n\r\n video.addEventListener('mouseleave', () => {\r\n video.pause();\r\n video.currentTime = 0; \/\/ Reset to beginning\r\n video.load(); \/\/ Reload to re-display poster\r\n });\r\n \r\n \r\n \r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acaa6d3 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"acaa6d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7405e5b elementor-widget elementor-widget-wd_text_block\" data-id=\"7405e5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-left\">\n\t\t\t\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-581f96c e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"581f96c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-ccc3df3 wd-section-stretch-content e-flex e-con-boxed e-con e-child\" data-id=\"ccc3df3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1d5393b e-con-full e-flex e-con e-child\" data-id=\"1d5393b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e321486 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e321486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:info@professionlismkw.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">info<span style=\"color:#fd0510\">@<\/span>professionlismkw.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">65550505<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Kuwait-City<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e17794 e-con-full e-flex e-con e-child\" data-id=\"5e17794\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07f71b7 elementor-widget elementor-widget-wd_marquee\" data-id=\"07f71b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-marquee\">\n\t\t\t<div class=\"wd-marquee-content\">\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tMinimal & Elegant <span style=\"color:#fd0510\">-<\/span> Warm & Welcoming <span style=\"color:#fd0510\">-<\/span> Bold & Visionary <span style=\"color:#fd0510\">-<\/span> Nature-Focused <span style=\"color:#fd0510\">-<\/span> Luxury-Oriented <span style=\"color:#fd0510\">-<\/span> Urban & Contemporary <span style=\"color:#fd0510\">-<\/span> Client-Centric <span style=\"color:#fd0510\">-<\/span> Refined Simplicity\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"wd-marquee-content\">\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tMinimal & Elegant <span style=\"color:#fd0510\">-<\/span> Warm & Welcoming <span style=\"color:#fd0510\">-<\/span> Bold & Visionary <span style=\"color:#fd0510\">-<\/span> Nature-Focused <span style=\"color:#fd0510\">-<\/span> Luxury-Oriented <span style=\"color:#fd0510\">-<\/span> Urban & Contemporary <span style=\"color:#fd0510\">-<\/span> Client-Centric <span style=\"color:#fd0510\">-<\/span> Refined Simplicity\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9b0b5c e-con-full e-flex e-con e-child\" data-id=\"b9b0b5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4be06f elementor-widget elementor-widget-wd_text_block\" data-id=\"c4be06f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-center\">\n\t\t\t\n\t\t\t<h4 class=\"contact-title svelte-4ze5d3\" style=\"margin-bottom: 0px; list-style: none; line-height: 12.4005px; text-transform: uppercase; font-size: clamp(12px, 0.4167cqi + 6px, 14px); color: #ffffff; font-family: 'GT America LC', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; white-space-collapse: collapse; background-color: #000000;\">We work all over the world, office<\/h4><p><span style=\"color: rgba(255, 255, 255, 0.7); font-size: clamp(12px, 0.2083cqi + 9px, 13px); font-weight: 300; letter-spacing: 0px; background-color: #000000; white-space-collapse: collapse;\">191014, St. Kuwait, City 23A, office 340 (pre-registration)<\/span><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-901c21d e-con-full e-flex e-con e-child\" data-id=\"901c21d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3be90c e-con-full e-flex e-con e-child\" data-id=\"c3be90c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56f47f4 elementor-widget elementor-widget-wd_image_or_svg\" data-id=\"56f47f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_image_or_svg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"wd-image text-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2bcd2e e-con-full e-flex e-con e-child\" data-id=\"e2bcd2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf2b66f elementor-widget elementor-widget-wd_social_buttons\" data-id=\"cf2b66f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_social_buttons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<div class=\"wd-social-icons icons-design-simple icons-size-small color-scheme-dark social-share social-form-circle text-center\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/azzoraa.com\/ar\/prof-2\/\" target=\"_blank\" class=\"wd-social-icon social-facebook\" aria-label=\"Facebook social link\">\n\t\t\t\t\t\t<span class=\"wd-icon\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/x.com\/share?url=https:\/\/azzoraa.com\/ar\/prof-2\/\" target=\"_blank\" class=\"wd-social-icon social-twitter\" aria-label=\"X social link\">\n\t\t\t\t\t\t<span class=\"wd-icon\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https:\/\/azzoraa.com\/ar\/prof-2\/&media=https:\/\/azzoraa.com\/wp-includes\/images\/media\/default.svg&description=prof-2\" target=\"_blank\" class=\"wd-social-icon social-pinterest\" aria-label=\"Pinterest social link\">\n\t\t\t\t\t\t<span class=\"wd-icon\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&url=https:\/\/azzoraa.com\/ar\/prof-2\/\" target=\"_blank\" class=\"wd-social-icon social-linkedin\" aria-label=\"Linkedin social link\">\n\t\t\t\t\t\t<span class=\"wd-icon\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/telegram.me\/share\/url?url=https:\/\/azzoraa.com\/ar\/prof-2\/\" target=\"_blank\" class=\"wd-social-icon social-tg\" aria-label=\"Telegram social link\">\n\t\t\t\t\t\t<span class=\"wd-icon\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Video Hover Gallery > Interior Design Learn More Bahne TML Explore Leaving Room Watch Lorem ipsum dolor sit amet, consectetur<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-29887","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/pages\/29887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/comments?post=29887"}],"version-history":[{"count":34,"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/pages\/29887\/revisions"}],"predecessor-version":[{"id":30033,"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/pages\/29887\/revisions\/30033"}],"wp:attachment":[{"href":"https:\/\/azzoraa.com\/ar\/wp-json\/wp\/v2\/media?parent=29887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}