{"id":1360,"date":"2026-07-28T07:59:07","date_gmt":"2026-07-28T07:59:07","guid":{"rendered":"https:\/\/glapito.com\/?page_id=1360"},"modified":"2026-09-15T08:41:35","modified_gmt":"2026-09-15T08:41:35","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/glapito.com\/index.php\/portfolio\/","title":{"rendered":"portfolio"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-parallax\" style=\"margin-top:0px;margin-bottom:0px;min-height:935px;aspect-ratio:unset;\" id=\"contacts\"><div class=\"wp-block-cover__image-background wp-image-38 size-large has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-1-5-1024x614.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-7ab63551 wp-block-cover-is-layout-constrained\">\n<style>\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n.glitch-container {\n    width: 100%;\n    text-align: center;\n    position: relative;\n}\n\n.glitch {\n    display: inline-block;\n    position: relative;\n    font-size: 5vw;\n    font-family: Prata;\n    color: #fff;\n    text-transform: uppercase;\n    animation: glitch-skew 1s infinite alternate;\n}\n\n.glitch::before,\n.glitch::after {\n    content: attr(data-text);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    color: white;\n    overflow: hidden;\n}\n\n.glitch::before {\n    left: 2px;\n    text-shadow: -2px 0 red;\n    clip: rect(24px, 9999px, 90px, 0);\n    animation: glitch-clip 2s infinite alternate-reverse;\n}\n\n.glitch::after {\n    left: -2px;\n    text-shadow: 2px 0 blue;\n    clip: rect(85px, 9999px, 140px, 0);\n    animation: glitch-clip 1.5s infinite alternate-reverse;\n}\n\n@keyframes glitch-skew {\n    0%   { transform: skew(0deg); }\n    20%  { transform: skew(2deg); }\n    40%  { transform: skew(-2deg); }\n    60%  { transform: skew(1deg); }\n    80%  { transform: skew(-1deg); }\n    100% { transform: skew(0deg); }\n}\n\n@keyframes glitch-clip {\n    0%   { clip: rect(0px,9999px,40px,0); }\n    10%  { clip: rect(20px,9999px,100px,0); }\n    20%  { clip: rect(40px,9999px,60px,0); }\n    30%  { clip: rect(80px,9999px,140px,0); }\n    40%  { clip: rect(50px,9999px,100px,0); }\n    50%  { clip: rect(100px,9999px,120px,0); }\n    60%  { clip: rect(30px,9999px,90px,0); }\n    70%  { clip: rect(70px,9999px,140px,0); }\n    80%  { clip: rect(40px,9999px,130px,0); }\n    90%  { clip: rect(90px,9999px,150px,0); }\n    100% { clip: rect(60px,9999px,110px,0); }\n}\n\n@media (max-width:768px){\n    .glitch{\n        font-size:8vw;\n    }\n}\n\n@media (max-width:480px){\n    .glitch{\n        font-size:10vw;\n    }\n}\n<\/style>\n\n<div class=\"glitch-container\">\n    <h1 class=\"glitch\" data-text=\"Fashion\">\n        Fashion\n    <\/h1>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-alpha-channel-opacity has-background\" style=\"background-color:#ffffff;color:#ffffff\"\/>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n\n.glitch-buttons {\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 22px;\n    flex-wrap: wrap;\n\n}\n\n\n\n.glitch-button {\n\n    position: relative;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 150px;\n    height: 40px;\n\n\n    background: #ffffff;\n\n    color: #000000;\n\n    border: 1.5px solid #000000;\n\n    text-decoration: none;\n\n    overflow: hidden;\n\n\n    font-family: \"Work Sans\", sans-serif;\n\n    font-size: 12px;\n\n    font-weight: 500;\n\n    text-transform: uppercase;\n\n    letter-spacing: 1.3px;\n\n    text-align: center;\n\n\n    transition: 0.3s ease;\n\n}\n\n\n\n.glitch-button:hover {\n\n    background: #ffffff;\n\n}\n\n\n\n.glitch-text {\n\n    position: relative;\n\n    display: block;\n\n    width:100%;\n\n    text-align:center;\n\n    color:#000000;\n\n    font-family:\"Work Sans\", sans-serif;\n\n}\n\n\n\n.glitch-text::before,\n.glitch-text::after {\n\n    content:attr(data-text);\n\n    position:absolute;\n\n    left:0;\n\n    width:100%;\n\n    overflow:hidden;\n\n    color:#000000;\n\n    pointer-events:none;\n\n}\n\n\n\n.glitch-button:hover .glitch-text::before {\n\n    animation:glitchTop 0.3s infinite linear alternate-reverse;\n\n}\n\n\n\n.glitch-button:hover .glitch-text::after {\n\n    animation:glitchBottom 0.3s infinite linear alternate-reverse;\n\n}\n\n\n\n@keyframes glitchTop {\n\n    0% {\n\n        clip-path:inset(0 0 80% 0);\n\n        transform:translate(-1px,-1px);\n\n    }\n\n    25% {\n\n        clip-path:inset(0 0 60% 0);\n\n        transform:translate(1px,1px);\n\n    }\n\n    50% {\n\n        clip-path:inset(0 0 40% 0);\n\n        transform:translate(-1px,1px);\n\n    }\n\n    75% {\n\n        clip-path:inset(0 0 70% 0);\n\n        transform:translate(1px,-1px);\n\n    }\n\n    100% {\n\n        clip-path:inset(0 0 80% 0);\n\n        transform:translate(0);\n\n    }\n\n}\n\n\n\n@keyframes glitchBottom {\n\n    0% {\n\n        clip-path:inset(80% 0 0 0);\n\n        transform:translate(1px,1px);\n\n    }\n\n    25% {\n\n        clip-path:inset(60% 0 0 0);\n\n        transform:translate(-1px,-1px);\n\n    }\n\n    50% {\n\n        clip-path:inset(40% 0 0 0);\n\n        transform:translate(1px,-1px);\n\n    }\n\n    75% {\n\n        clip-path:inset(70% 0 0 0);\n\n        transform:translate(-1px,1px);\n\n    }\n\n    100% {\n\n        clip-path:inset(80% 0 0 0);\n\n        transform:translate(0);\n\n    }\n\n}\n\n\/* ===========================================================\n   DESKTOP BUTTON TEXT SIZE\n=========================================================== *\/\n\n@media (min-width:769px) {\n\n    .glitch-button {\n\n        font-size:16px;\n\n    }\n\n}\n<\/style>\n\n<div class=\"glitch-buttons\">\n\n    <a class=\"glitch-button\" href=\"\/index.php\/Accessories\">\n        <span class=\"glitch-text\" data-text=\"Accessories\">Accessories<\/span>\n    <\/a>\n\n\n    <a class=\"glitch-button\" href=\"\/index.php\/collection1\">\n        <span class=\"glitch-text\" data-text=\"Collection1\" \"=\"\">Collection1<\/span>\n    <\/a>\n\n\n    <a class=\"glitch-button\" href=\"\/index.php\/patron\/\">\n        <span class=\"glitch-text\" data-text=\"Mockup Brand\">Mockup Brand<\/span>\n    <\/a>\n\n\n    <a class=\"glitch-button\" href=\"\/index.php\/archivex1\">\n        <span class=\"glitch-text\" data-text=\"Archive X1\">Archive X1<\/span>\n    <\/a>\n\n  <a class=\"glitch-button\" href=\"\/index.php\/collection2\">\n        <span class=\"glitch-text\" data-text=\"Collection 2\">Collection 2<\/span>\n    <\/a>\n\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1360","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/1360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/comments?post=1360"}],"version-history":[{"count":6,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/1360\/revisions"}],"predecessor-version":[{"id":1599,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/1360\/revisions\/1599"}],"wp:attachment":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/media?parent=1360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}