{"id":827,"date":"2020-12-13T10:58:07","date_gmt":"2020-12-13T09:58:07","guid":{"rendered":"https:\/\/codeart.studio\/projects\/volim-zdravlje-hr-copy\/"},"modified":"2021-06-08T12:44:49","modified_gmt":"2021-06-08T10:44:49","slug":"sky-office-hr","status":"publish","type":"projects","link":"https:\/\/codeart.studio\/projects\/sky-office-hr\/","title":{"rendered":"Case study \u2013 skyoffice.hr"},"content":{"rendered":"\n<h2 class=\"container wp-block-heading\">Mission objectives<\/h2>\n\n\n\n<div id=\"oklijentu_blok_block_5fd5e5b71a886\" class=\"oklijentu-blok blokovi blokoviAnimiraj padding-gore-80 padding-dolje-80 container\">\n<div class=\"innerWrap\">\n\n<div class=\"oProjektu\">\n<div class=\"oProjektuInner\">\n<div class=\"ikonicaoProjektu\">\n<figure><?xml version=\"1.0\" encoding=\"UTF-8\"?> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 98 122.5\" xml:space=\"preserve\"><g><path d=\"M24.4453,80.5481H6.6455C3.5322,80.5481,1,83.0813,1,86.1946v10.0957h29.0908V86.1946 C30.0908,83.0813,27.5586,80.5481,24.4453,80.5481z M28.0908,94.2903h-5.1563v-3.627h-2v3.627H10.1553v-3.627h-2v3.627H3v-8.0957 c0-2.0107,1.6357-3.6465,3.6455-3.6465h17.7998c2.0098,0,3.6455,1.6357,3.6455,3.6465V94.2903z\"><\/path><path d=\"M15.5449,76.821c4.0742,0,7.3896-3.3149,7.3896-7.3896s-3.3154-7.3896-7.3896-7.3896s-7.3896,3.3149-7.3896,7.3896 S11.4707,76.821,15.5449,76.821z M15.5449,64.0417c2.9717,0,5.3896,2.418,5.3896,5.3896s-2.418,5.3896-5.3896,5.3896 s-5.3896-2.418-5.3896-5.3896S12.5732,64.0417,15.5449,64.0417z\"><\/path><path d=\"M57.8994,80.5481H40.0996c-3.1133,0-5.6455,2.5332-5.6455,5.6465v10.0957h29.0908V86.1946 C63.5449,83.0813,61.0127,80.5481,57.8994,80.5481z M61.5449,94.2903h-5.1553v-3.627h-2v3.627H43.6104v-3.627h-2v3.627h-5.1563 v-8.0957c0-2.0107,1.6357-3.6465,3.6455-3.6465h17.7998c2.0098,0,3.6455,1.6357,3.6455,3.6465V94.2903z\"><\/path><path d=\"M41.6104,69.4314c0,4.0747,3.3154,7.3896,7.3896,7.3896s7.3896-3.3149,7.3896-7.3896S53.0742,62.0417,49,62.0417 S41.6104,65.3567,41.6104,69.4314z M54.3896,69.4314c0,2.9717-2.418,5.3896-5.3896,5.3896s-5.3896-2.418-5.3896-5.3896 s2.418-5.3896,5.3896-5.3896S54.3896,66.4597,54.3896,69.4314z\"><\/path><path d=\"M91.3545,80.5481H73.5547c-3.1133,0-5.6455,2.5332-5.6455,5.6465v10.0957H97V86.1946 C97,83.0813,94.4678,80.5481,91.3545,80.5481z M95,94.2903h-5.1563v-3.627h-2v3.627H77.0645v-3.627h-2v3.627h-5.1553v-8.0957 c0-2.0107,1.6357-3.6465,3.6455-3.6465h17.7998c2.0098,0,3.6455,1.6357,3.6455,3.6465V94.2903z\"><\/path><path d=\"M82.4541,76.821c4.0742,0,7.3896-3.3149,7.3896-7.3896s-3.3154-7.3896-7.3896-7.3896s-7.3896,3.3149-7.3896,7.3896 S78.3799,76.821,82.4541,76.821z M82.4541,64.0417c2.9717,0,5.3896,2.418,5.3896,5.3896s-2.418,5.3896-5.3896,5.3896 s-5.3896-2.418-5.3896-5.3896S79.4824,64.0417,82.4541,64.0417z\"><\/path><path d=\"M88.6182,58.6531H9.6787V1.7097h78.9395V58.6531z M11.6787,56.6531h74.9395V3.7097H11.6787V56.6531z\"><\/path><path d=\"M77.1533,45.1155c-1.5809,0-2.9051,1.0608-3.3377,2.5029h-5.6603l-2.6738-3.1175 c3.396-3.7754,5.3642-8.5762,5.5914-13.6623h3.7231c0.4335,1.4406,1.7569,2.5,3.3368,2.5c1.9297,0,3.5-1.5703,3.5-3.5 s-1.5703-3.5-3.5-3.5c-1.5799,0-2.9033,1.0594-3.3368,2.5h-3.723c-0.2189-4.9059-2.0777-9.8273-5.6592-13.7663l2.7415-3.2039 h5.6605c0.4328,1.4419,1.7568,2.5024,3.3376,2.5024c1.9297,0,3.5-1.5703,3.5-3.5s-1.5703-3.5-3.5-3.5 c-1.579,0-2.9017,1.0582-3.3361,2.4976h-6.5819l-3.2396,3.7848C59.985,9.981,54.7056,7.8757,49.1484,7.8757 c-1.3542,0-2.6923,0.1246-3.9996,0.3662c-0.8716,0.1611-1.7295,0.3741-2.5695,0.6369c-0.42,0.1314-0.8356,0.2753-1.246,0.4313 c-2.6438,1.0047-5.0731,2.5212-7.1572,4.4594l-3.3391-3.9011H24.255c-0.4343-1.4394-1.7571-2.4976-3.3361-2.4976 c-1.9297,0-3.5,1.5703-3.5,3.5s1.5703,3.5,3.5,3.5c1.5807,0,2.9048-1.0605,3.3376-2.5024h5.6605l2.8477,3.328 c-0.6085,0.6797-1.1793,1.3996-1.7051,2.1603c-0.0012,0.0018-0.0022,0.0036-0.0034,0.0054l-0.564,0.8154l0.0317,0.022 c-2.0024,3.2036-3.1317,6.8427-3.301,10.6392h-3.9456c-0.4335-1.4406-1.7569-2.5-3.3368-2.5c-1.9297,0-3.5,1.5703-3.5,3.5 s1.5703,3.5,3.5,3.5c1.5799,0,2.9033-1.0594,3.3368-2.5h3.9458c0.2289,5.1257,2.2172,9.8471,5.4705,13.5434l-2.7766,3.2364h-5.6603 c-0.4326-1.4421-1.7568-2.5029-3.3377-2.5029c-1.9297,0-3.5,1.5703-3.5,3.5s1.5703,3.5,3.5,3.5 c1.5788,0,2.9014-1.0579,3.3359-2.4971h6.5821l3.257-3.7978c4.0212,3.7972,9.3872,5.9804,15.0545,5.9804 c0.4492,0,0.8967-0.0139,1.342-0.0413c5.0865-0.313,9.8748-2.403,13.5781-5.8349l3.1668,3.6935h6.5821 c0.4344,1.4391,1.7571,2.4971,3.3359,2.4971c1.9297,0,3.5-1.5703,3.5-3.5S79.083,45.1155,77.1533,45.1155z M78.1328,28.3386 c0.8271,0,1.5,0.6729,1.5,1.5s-0.6729,1.5-1.5,1.5s-1.5-0.6729-1.5-1.5S77.3057,28.3386,78.1328,28.3386z M77.1533,9.3709 c0.8271,0,1.5,0.6729,1.5,1.5s-0.6729,1.5-1.5,1.5s-1.5-0.6729-1.5-1.5S76.3262,9.3709,77.1533,9.3709z M20.9189,12.3709 c-0.8271,0-1.5-0.6729-1.5-1.5s0.6729-1.5,1.5-1.5s1.5,0.6729,1.5,1.5S21.7461,12.3709,20.9189,12.3709z M19.9404,31.3386 c-0.8271,0-1.5-0.6729-1.5-1.5s0.6729-1.5,1.5-1.5s1.5,0.6729,1.5,1.5S20.7676,31.3386,19.9404,31.3386z M20.9189,50.1155 c-0.8271,0-1.5-0.6729-1.5-1.5s0.6729-1.5,1.5-1.5s1.5,0.6729,1.5,1.5S21.7461,50.1155,20.9189,50.1155z M55.0042,48.9123 c2.1221-2.3167,3.6443-5.7264,4.5535-9.1335c2.0691,0.5971,3.9125,1.3502,5.3926,2.235 C62.5311,45.1438,59.1099,47.644,55.0042,48.9123z M33.3436,42.0192c0.7997-0.4764,1.6973-0.9186,2.6857-1.3231 c0.7513,1.177,2.1259,1.9547,3.6191,1.9099c0.9849,2.637,2.2523,4.7812,3.7057,6.3339 C39.4077,47.734,35.923,45.3746,33.3436,42.0192z M43.3483,10.7394c-1.4375,1.536-2.6924,3.6496-3.6699,6.2463 c-1.5464-0.0573-2.9446,0.7718-3.6921,1.9803c-0.977-0.3949-1.8681-0.8317-2.6659-1.3069 C36.0212,14.1518,39.3529,12.0536,43.3483,10.7394z M64.9756,17.6596c-0.7977,0.4745-1.6894,0.9117-2.666,1.3065 c-0.7476-1.2097-2.1482-2.0281-3.6768-1.9792c-0.9836-2.5967-2.2432-4.7108-3.6835-6.247 C55.9279,11.209,60.901,12.3773,64.9756,17.6596z M42.8218,40.9991c0.4955-0.6425,0.8012-1.4988,0.8539-2.2391 c1.4485-0.1967,2.9542-0.3008,4.4727-0.3344v11.2593c-2.5581-0.5714-4.9341-3.3082-6.5693-7.6085 C42.3163,41.6612,42.9199,40.8991,42.8218,40.9991z M50.1484,38.4282c2.5701,0.0623,5.1208,0.3517,7.4724,0.8609 c-1.2492,4.6414-3.8156,9.6105-7.4724,10.3941V38.4282z M58.0613,37.3409c-2.497-0.5416-5.1942-0.8478-7.9129-0.9102v-5.5922 h8.6247C58.7186,33.0924,58.4803,35.2697,58.0613,37.3409z M50.1484,28.8386V23.26c1.651-0.037,3.2773-0.1658,4.8594-0.3846 c0.6738,1.4368,2.1131,2.3248,3.5283,2.4037c0.1366,1.1746,0.2045,2.3663,0.2347,3.5596H50.1484z M43.6816,20.9192 c-0.0697-1.374-0.8792-2.6966-2.0791-3.3848c1.631-4.2616,3.9983-6.9746,6.5459-7.543v11.2535 C46.6378,21.2095,45.1333,21.1147,43.6816,20.9192z M60.9199,21.1304c-0.0001,1.0151-0.7227,1.9036-1.6953,2.1091 c-1.4538,0.272-2.6152-0.8034-2.6152-2.1091c0-1.1273,0.8816-2.1142,2.0967-2.1475 C59.9358,18.9507,60.9199,19.9317,60.9199,21.1304z M54.6143,20.9192c-1.4514,0.1955-2.9555,0.2902-4.4658,0.3257V9.9916 c2.543,0.5684,4.9138,3.277,6.5547,7.5311C55.5197,18.1989,54.6861,19.5012,54.6143,20.9192z M37.459,20.5227 c0.2891-0.9565,1.1987-1.5681,2.0926-1.5444c1.2372,0.0119,2.3582,1.1124,2.0903,2.5987 c-0.2273,1.0593-1.2583,1.8981-2.5501,1.6635C37.9682,23.0094,37.1158,21.886,37.459,20.5227z M39.7725,25.2786 c1.4035-0.0831,2.8142-0.9207,3.5123-2.4037c1.5833,0.2191,3.2113,0.348,4.8636,0.3851v5.5787h-8.6107 C39.568,27.6451,39.6359,26.4532,39.7725,25.2786z M48.1484,30.8386v5.5892c-1.6376,0.0347-3.2555,0.1609-4.8215,0.3754 c-0.6496-1.4925-2.0904-2.414-3.5682-2.4939c-0.1295-1.1178-0.1937-2.2847-0.2224-3.4707H48.1484z M39.0732,36.3494 c1.3078-0.2491,2.3759,0.6025,2.585,1.7642c0.2495,1.1752-0.7157,2.5-2.127,2.5c-1.1826,0-2.1553-0.958-2.1553-2.1553 C37.376,37.4431,38.0986,36.5544,39.0732,36.3494z M66.0892,40.368c-1.6779-1.0192-3.7493-1.8874-6.0847-2.5523 c0.4554-2.2239,0.7127-4.5609,0.7686-6.9771h8.2999C68.9056,34.2469,67.8862,37.5036,66.0892,40.368z M60.765,28.8386 c-0.0318-1.3224-0.1241-2.6379-0.2807-3.9385c1.4484-0.6677,2.4356-2.1272,2.4356-3.7695v-0.0002v-0.0002 c0-0.0842-0.0128-0.1721-0.0183-0.2573c1.1752-0.4668,2.2499-0.9894,3.2051-1.5673c1.7853,2.8741,2.7995,6.1324,2.9664,9.5331 H60.765z M32.1893,19.3051c0.9555,0.5784,2.0303,1.1009,3.2046,1.5676c-0.0055,0.0854-0.0179,0.1725-0.0179,0.2575 c0,1.6503,0.9882,3.1083,2.448,3.7727c-0.1564,1.2997-0.2486,2.6143-0.2804,3.9358h-8.3207 C29.3896,25.4374,30.4041,22.1788,32.1893,19.3051z M37.5425,30.8386c0.0306,1.3207,0.1193,2.6072,0.2689,3.85 c-1.4484,0.6677-2.4354,2.1274-2.4354,3.7696c0,0.1174,0.0173,0.2297,0.0265,0.3445c-1.1744,0.4738-2.2449,0.9977-3.1918,1.571 c-1.7991-2.8649-2.8203-6.124-2.9877-9.5352H37.5425z M77.1533,50.1155c-0.8271,0-1.5-0.6729-1.5-1.5s0.6729-1.5,1.5-1.5 s1.5,0.6729,1.5,1.5S77.9805,50.1155,77.1533,50.1155z\"><\/path><g><rect x=\"91.9287\" y=\"15.0876\" width=\"2\" height=\"30.188\"><\/rect><\/g><g><rect x=\"4.3672\" y=\"15.0876\" width=\"2\" height=\"30.188\"><\/rect><\/g><\/g><\/svg> <\/figure>\n<span class=\"opisIkonica\">\n    Concept<\/span><!--\/.opisIkonica-->\n<\/div><!--\/.ikonicaoProjektu-->\n<div class=\"ikonicaoProjektu\">\n<figure><?xml version=\"1.0\" encoding=\"UTF-8\"?> <!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" id=\"Layer_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 470 470\" style=\"enable-background:new 0 0 470 470;\" xml:space=\"preserve\"> <g> <g> <circle cx=\"228.6\" cy=\"366.8\" r=\"10\"><\/circle> <path d=\"M322.6,195.8h25c2.8,0,5-2.2,5-5s-2.2-5-5-5h-25c-2.8,0-5,2.2-5,5C317.6,193.5,319.9,195.8,322.6,195.8z\"><\/path> <path d=\"M362.6,195.8h20c2.8,0,5-2.2,5-5s-2.2-5-5-5h-20c-2.8,0-5,2.2-5,5C357.6,193.5,359.9,195.8,362.6,195.8z\"><\/path> <path d=\"M322.6,215.8h50c2.8,0,5-2.2,5-5s-2.2-5-5-5h-50c-2.8,0-5,2.2-5,5C317.6,213.5,319.9,215.8,322.6,215.8z\"><\/path> <path d=\"M397.6,205.8h-10c-2.8,0-5,2.2-5,5s2.2,5,5,5h10c2.8,0,5-2.2,5-5S400.4,205.8,397.6,205.8z\"><\/path> <path d=\"M322.6,235.8h15c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-15c-2.8,0-5,2.2-5,5C317.6,233.5,319.9,235.8,322.6,235.8z\"><\/path> <path d=\"M347.6,230.8c0,2.8,2.2,5,5,5h40c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-40C349.9,225.8,347.6,228,347.6,230.8z\"><\/path> <path d=\"M322.6,255.8h20c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-20c-2.8,0-5,2.2-5,5C317.6,253.5,319.9,255.8,322.6,255.8z\"><\/path> <path d=\"M397.6,245.8h-40c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h40c2.8,0,5-2.2,5-5C402.6,248,400.4,245.8,397.6,245.8z\"><\/path> <path d=\"M322.6,275.8h25c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-25c-2.8,0-5,2.2-5,5C317.6,273.5,319.9,275.8,322.6,275.8z\"><\/path> <path d=\"M387.6,275.8c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-25c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5H387.6z\"><\/path> <path d=\"M322.6,295.8h50c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-50c-2.8,0-5,2.2-5,5C317.6,293.5,319.9,295.8,322.6,295.8z\"><\/path> <path d=\"M397.6,285.8h-10c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5C402.6,288,400.4,285.8,397.6,285.8z\"><\/path> <path d=\"M337.6,305.8h-15c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h15c2.8,0,5-2.2,5-5C342.6,308,340.4,305.8,337.6,305.8z\"><\/path> <path d=\"M392.6,305.8h-40c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h40c2.8,0,5-2.2,5-5C397.6,308,395.4,305.8,392.6,305.8z\"><\/path> <path d=\"M417.1,70.8H307.6v-17c0-18.2-14.8-33-33-33h-7.5c-2.3-11.4-12.4-20-24.5-20s-22.2,8.6-24.5,20H35.6 c-18.2,0-33,14.8-33,33c0,16.8,0,295.2,0,311.5c0,19.6,15.9,35.5,35.5,35.5h135.5v55h-14c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5 c35.1,0,82,0,119,0h19c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-14v-55h133.5c19.6,0,35.5-15.9,35.5-35.5v-259 C452.6,86.7,436.7,70.8,417.1,70.8z M42.6,320.8h220c2.8,0,5-2.2,5-5c0-2.8-2.2-5-5-5h-220v-10h125c2.8,0,5-2.2,5-5 c0-2.8-2.2-5-5-5h-125v-55h126.1l70.8,54c3.3,2.5,8,0.2,8-4v-50h27c18.2,0,33-14.8,33-33v-92h105v220h-370V320.8z M227.6,55.8h30 v90h-30V55.8z M257.6,45.8h-30v-5h30V45.8z M227.6,155.8h30V169l-15,18.8l-15-18.8V155.8z M242.6,10.8c8.3,0,15,6.7,15,15v5h-30 v-5C227.6,17.5,234.4,10.8,242.6,10.8z M12.6,53.8c0-12.7,10.3-23,23-23h182v140c0,1.1,0.4,2.2,1.1,3.1l20,25 c0.9,1.2,2.4,1.9,3.9,1.9c1.5,0,3-0.7,3.9-1.9l20-25c0.7-0.9,1.1-2,1.1-3.1v-140h7c12.7,0,23,10.3,23,23v149c0,12.7-10.3,23-23,23 h-32c-2.8,0-5,2.2-5,5v44.9l-64.2-48.9c-0.9-0.7-1.9-1-3-1H35.6c-12.7,0-23-10.3-23-23C12.6,182.9,12.6,67.1,12.6,53.8z M183.6,400.8h15v55h-15V400.8z M208.6,455.8v-55h40v55H208.6z M273.6,455.8h-15v-55h15V455.8z M442.6,365.3 c0,14.1-11.4,25.5-25.5,25.5c-170,0-209.1,0-379,0c-14.1,0-25.5-11.4-25.5-25.5V226.4c5.3,5.1,12.3,8.5,20,9.2v100.1 c0,2.8,2.2,5,5,5h380c2.8,0,5-2.2,5-5v-230c0-2.8-2.2-5-5-5h-110v-20h109.5c14.1,0,25.5,11.4,25.5,25.5V365.3z\"><\/path> <circle cx=\"335.1\" cy=\"38.3\" r=\"7.5\"><\/circle> <circle cx=\"385.1\" cy=\"23.2\" r=\"7.5\"><\/circle> <circle cx=\"310.1\" cy=\"418.3\" r=\"7.5\"><\/circle> <circle cx=\"440.1\" cy=\"418.3\" r=\"7.5\"><\/circle> <circle cx=\"150.1\" cy=\"413.2\" r=\"7.5\"><\/circle> <circle cx=\"35.1\" cy=\"433.2\" r=\"7.5\"><\/circle> <path d=\"M26.5,141.5l20.4,4.6c1.4,5.2,3.5,10.1,6.1,14.7l-11.2,17.7c-1.3,2-1,4.6,0.7,6.2l11.1,11.1c1.7,1.7,4.2,1.9,6.2,0.7 l17.7-11.2c4.7,2.6,9.6,4.7,14.7,6.1l4.6,20.4c0.5,2.3,2.5,3.9,4.9,3.9h15.7c2.3,0,4.4-1.6,4.9-3.9l4.6-20.4 c5.2-1.4,10.1-3.5,14.7-6.1l17.7,11.2c2,1.3,4.6,1,6.2-0.7l11.1-11.1c1.7-1.7,1.9-4.2,0.7-6.2l-11.2-17.7 c2.6-4.7,4.7-9.6,6.1-14.7l20.4-4.6c2.3-0.5,3.9-2.5,3.9-4.9v-15.7c0-2.3-1.6-4.4-3.9-4.9l-20.4-4.6c-1.4-5.1-3.5-10.1-6.1-14.7 L177.4,79c1.3-2,1-4.6-0.7-6.2l-11.1-11.1c-1.7-1.7-4.2-1.9-6.2-0.7l-17.7,11.2c-4.6-2.6-9.6-4.7-14.7-6.1l-4.6-20.4 c-0.5-2.3-2.5-3.9-4.9-3.9h-15.7c-2.3,0-4.4,1.6-4.9,3.9l-4.6,20.4c-5.2,1.4-10.1,3.5-14.7,6.1L59.9,61c-2-1.3-4.6-1-6.2,0.7 L42.6,72.8c-1.7,1.7-1.9,4.2-0.7,6.2l11.2,17.7c-2.7,4.7-4.7,9.6-6.1,14.7L26.5,116c-2.3,0.5-3.9,2.5-3.9,4.9v15.7 C22.6,139,24.3,141,26.5,141.5z M32.6,124.9l19.5-4.4c1.9-0.4,3.4-1.9,3.8-3.8c1.4-6.1,3.8-12,7.2-17.4c1-1.6,1-3.7,0-5.3L52.5,77 l5.4-5.4l16.9,10.8c1.6,1,3.7,1,5.4,0c5.3-3.4,11.2-5.8,17.4-7.2c1.9-0.4,3.4-1.9,3.8-3.8l4.4-19.5h7.7l4.4,19.5 c0.4,1.9,1.9,3.4,3.8,3.8c6.3,1.4,12.1,3.9,17.4,7.2c1.6,1,3.7,1,5.4,0l16.9-10.8l5.4,5.4L156.1,94c-1,1.6-1,3.7,0,5.3 c3.4,5.4,5.9,11.3,7.2,17.4c0.4,1.9,1.9,3.4,3.8,3.8l19.5,4.4v7.7l-19.5,4.4c-1.9,0.4-3.4,1.9-3.8,3.8c-1.4,6.1-3.8,12-7.2,17.4 c-1,1.6-1,3.7,0,5.3l10.7,16.9l-5.4,5.4l-16.9-10.7c-1.6-1-3.7-1-5.4,0c-5.4,3.4-11.2,5.8-17.4,7.2c-1.9,0.4-3.4,1.9-3.8,3.8 l-4.4,19.5h-7.7l-4.4-19.5c-0.4-1.9-1.9-3.4-3.8-3.8c-6.1-1.4-12-3.8-17.4-7.2c-1.6-1-3.7-1-5.3,0l-17,10.7l-5.4-5.4l10.7-16.9 c1-1.6,1-3.7,0-5.4c-3.4-5.4-5.8-11.2-7.2-17.4c-0.4-1.9-1.9-3.4-3.8-3.8l-19.5-4.4V124.9z\"><\/path> <path d=\"M109.7,149.5c11.4,0,20.7-9.3,20.7-20.7c0-11.4-9.3-20.8-20.7-20.8c-11.4,0-20.8,9.3-20.8,20.8 C88.9,140.2,98.2,149.5,109.7,149.5z M109.7,118c5.9,0,10.7,4.8,10.7,10.8c0,5.9-4.8,10.7-10.7,10.7c-5.9,0-10.8-4.8-10.8-10.7 C98.9,122.8,103.7,118,109.7,118z\"><\/path> <path d=\"M109.7,171.4c23.5,0,42.6-19.1,42.6-42.6c0-23.5-19.1-42.6-42.6-42.6c-23.5,0-42.6,19.1-42.6,42.6 C67,152.3,86.1,171.4,109.7,171.4z M109.7,96.1c18,0,32.6,14.6,32.6,32.6c0,18-14.6,32.6-32.6,32.6c-18,0-32.6-14.6-32.6-32.6 C77,110.8,91.7,96.1,109.7,96.1z\"><\/path> <path d=\"M432.6,60.8c13.8,0,25-11.2,25-25s-11.2-25-25-25s-25,11.2-25,25S418.9,60.8,432.6,60.8z M432.6,20.8c8.3,0,15,6.7,15,15 s-6.7,15-15,15c-8.3,0-15-6.7-15-15S424.4,20.8,432.6,20.8z\"><\/path> <path d=\"M377.6,410.8c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S391.4,410.8,377.6,410.8z M377.6,450.8 c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15c8.3,0,15,6.7,15,15C392.6,444,385.9,450.8,377.6,450.8z\"><\/path> <path d=\"M97.6,420.8c-11,0-20,9-20,20c0,11,9,20,20,20s20-9,20-20C117.6,429.7,108.7,420.8,97.6,420.8z M97.6,450.8 c-5.5,0-10-4.5-10-10c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10C107.6,446.3,103.2,450.8,97.6,450.8z\"><\/path> <\/g> <\/g> <\/svg> <\/figure>\n<span class=\"opisIkonica\">\n    Design<\/span><!--\/.opisIkonica-->\n<\/div><!--\/.ikonicaoProjektu-->\n<div class=\"ikonicaoProjektu\">\n<figure><?xml version=\"1.0\" encoding=\"UTF-8\"?> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 98 122.5\" xml:space=\"preserve\"><g><path d=\"M1.739,84.7492C1.739,91.5043,7.2347,97,13.9898,97h70.0209c6.7551,0,12.2503-5.4957,12.2503-12.2508v-1.8005h-4.4533 v-58.986c0-2.6954-2.1927-4.8882-4.8886-4.8882h-7.0536V4.8502C79.8654,2.7273,78.1386,1,76.0157,1H21.959 c-2.1229,0-3.8497,1.7273-3.8497,3.8502v14.2244h-7.0244c-2.6954,0-4.8882,2.1927-4.8882,4.8882v58.986H1.739V84.7492z M20.0686,4.8502c0-1.0428,0.8481-1.8909,1.8904-1.8909h54.0567c1.0428,0,1.8904,0.8481,1.8904,1.8909v5.3852H20.0686V4.8502z M28.296,54.0671v-1.9593h-8.2275V12.1946h57.8375v39.9132h-9.718v1.9593h10.688l0.9892-0.0096v-27.616h4.5748v49.2073H13.5636 V26.4415h4.5457v27.6256H28.296z M8.156,23.9627c0-1.6149,1.314-2.9289,2.9289-2.9289h7.0244v3.4484h-6.5049v53.1259h74.7952 V24.4822h-6.5341v-3.4484h7.0536c1.6149,0,2.9294,1.314,2.9294,2.9289v58.986H8.156V23.9627z M94.3007,84.908 c-0.0851,5.6018-4.6686,10.1327-10.2901,10.1327H13.9898c-5.6219,0-10.2054-4.5308-10.2901-10.1327H94.3007z\"><\/path><path d=\"M49,93.5813c1.9889,0,3.6072-1.6182,3.6072-3.6072S50.9889,86.3675,49,86.3675s-3.6072,1.6178-3.6072,3.6067 S47.0111,93.5813,49,93.5813z M49,88.3267c0.9088,0,1.6479,0.739,1.6479,1.6474c0,0.9088-0.739,1.6479-1.6479,1.6479 s-1.6479-0.739-1.6479-1.6479C47.3521,89.0658,48.0912,88.3267,49,88.3267z\"><\/path><rect x=\"58.4893\" y=\"88.9945\" width=\"12.168\" height=\"1.9593\"><\/rect><rect x=\"27.3432\" y=\"88.9945\" width=\"12.1675\" height=\"1.9593\"><\/rect><rect x=\"28.3702\" y=\"5.6174\" width=\"4.0692\" height=\"1.9593\"><\/rect><rect x=\"35.4496\" y=\"5.6174\" width=\"4.0697\" height=\"1.9593\"><\/rect><rect x=\"42.5295\" y=\"5.6174\" width=\"4.0692\" height=\"1.9593\"><\/rect><path d=\"M31.3172,50.7268l-2.7533,4.6088l6.0677,6.0677l4.5945-2.7538c1.1628,0.6285,2.3778,1.1322,3.6253,1.5029l1.3016,5.1919 h8.5776l1.3025-5.1967c1.2614-0.3827,2.4716-0.8849,3.6096-1.4982l4.5945,2.7538l6.0677-6.0677l-2.7533-4.6088 c0.6266-1.159,1.1298-2.3692,1.502-3.611l5.1929-1.302v-8.5776l-5.1976-1.303c-0.3865-1.2681-0.8888-2.4778-1.4967-3.6086 l2.7538-4.5954l-6.0687-6.0682l-4.5945,2.7538c-1.138-0.6132-2.3482-1.1155-3.6096-1.4982l-1.3025-5.1967H44.153l-1.3016,5.1919 c-1.2475,0.3707-2.4625,0.8744-3.6253,1.5029l-4.5945-2.7538l-6.0682,6.0682l2.7538,4.5949 c-0.6084,1.1308-1.1107,2.3405-1.4977,3.6091l-5.1972,1.303v8.5776l5.1929,1.302C30.1878,48.3576,30.6911,49.5683,31.3172,50.7268z M26.5816,38.765l4.8145-1.2073l0.1521-0.551c0.4138-1.5039,1.0021-2.9198,1.7483-4.2089l0.2894-0.4994l-2.5563-4.2649 l3.9061-3.9061l4.2649,2.5562l0.4999-0.2894c1.3355-0.7735,2.7528-1.3609,4.2123-1.7455l0.5597-0.1473l1.2092-4.8221h5.52 l1.2073,4.8169l0.553,0.1507c1.4915,0.4066,2.9064,0.9945,4.207,1.7474l0.4994,0.2894l4.2644-2.5562l3.9066,3.9061l-2.5562,4.2649 l0.2889,0.4994c0.7467,1.2896,1.3346,2.7055,1.7483,4.2089l0.1521,0.551l4.8145,1.2073v5.52l-4.8202,1.2088l-0.1483,0.5577 c-0.387,1.4542-0.9744,2.8676-1.7464,4.2008l-0.2884,0.4984l2.5567,4.2788l-3.9076,3.9076l-4.2644-2.5562l-0.4994,0.2894 c-1.3006,0.7529-2.7155,1.3408-4.207,1.7474l-0.553,0.1507l-1.2073,4.8169h-5.52l-1.2092-4.8221l-0.5597-0.1473 c-1.4594-0.3846-2.8767-0.972-4.2123-1.7455l-0.4999-0.2894l-4.2649,2.5562l-3.9066-3.9076l2.5562-4.2788l-0.2889-0.4984 c-0.7716-1.3327-1.3594-2.7462-1.7464-4.2008l-0.1483-0.5577l-4.8202-1.2088V38.765z\"><\/path><path d=\"M48.4346,56.1344c8.0519,0,14.6023-6.5504,14.6023-14.6023s-6.5504-14.6028-14.6023-14.6028 s-14.6028,6.5509-14.6028,14.6028S40.3827,56.1344,48.4346,56.1344z M48.4346,28.8887c6.9713,0,12.643,5.6717,12.643,12.6435 c0,6.9713-5.6717,12.643-12.643,12.643c-6.9718,0-12.6435-5.6717-12.6435-12.643C35.7911,34.5603,41.4628,28.8887,48.4346,28.8887z \"><\/path><rect x=\"47.4546\" y=\"35.4605\" transform=\"matrix(0.928 0.3725 -0.3725 0.928 18.9367 -15.056)\" width=\"1.9597\" height=\"12.0424\"><\/rect><polygon points=\"53.2022,45.3292 57.3136,41.2284 53.2118,37.1266 51.8265,38.5119 54.5411,41.2265 51.8189,43.942 \"><\/polygon><polygon points=\"44.4572,43.943 41.7426,41.2284 44.4649,38.5129 43.0815,37.1257 38.9702,41.2265 43.0719,45.3283 \"><\/polygon><\/g><\/svg> <\/figure>\n<span class=\"opisIkonica\">\n    Development<\/span><!--\/.opisIkonica-->\n<\/div><!--\/.ikonicaoProjektu-->\n<div class=\"ikonicaoProjektu\">\n<figure><?xml version=\"1.0\" encoding=\"UTF-8\"?> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 98 122.5\" xml:space=\"preserve\"><g><path d=\"M16.0371,95h-5.0996v2h12.1992v-2h-5.0996v-4.0996h15.0361V68.0962H1v22.8042h15.0371V95z M3,88.9004V70.0962h28.0732 v18.8042H3z\"><\/path><path d=\"M97,1H64.9277v22.8047h15.0361v4.0996h-5.0996v2h12.1992v-2h-5.0996v-4.0996H97V1z M95,21.8047H66.9277V3H95V21.8047z\"><\/path><path d=\"M97,87.747c0-1.4946-1.2158-2.7109-2.7109-2.7109H67.3877c-1.4951,0-2.7109,1.2163-2.7109,2.7109v6.542 c0,1.4946,1.2158,2.7109,2.7109,2.7109h26.9014C95.7842,97,97,95.7837,97,94.289V87.747z M95,94.289 C95,94.6811,94.6807,95,94.2891,95H67.3877c-0.3916,0-0.7109-0.3188-0.7109-0.7109v-6.542c0-0.3921,0.3193-0.7109,0.7109-0.7109 h26.9014c0.3916,0,0.7109,0.3188,0.7109,0.7109V94.289z\"><\/path><rect x=\"69.4043\" y=\"90.018\" width=\"2.6465\" height=\"2\"><\/rect><rect x=\"74.9082\" y=\"90.018\" width=\"2.6455\" height=\"2\"><\/rect><rect x=\"80.4111\" y=\"90.018\" width=\"2.6455\" height=\"2\"><\/rect><path d=\"M88.8428,75.1733c-5.0605-5.0605-13.2959-5.0605-18.3564,0l1.4141,1.4141c4.2813-4.2803,11.2471-4.2803,15.5283,0 L88.8428,75.1733z\"><\/path><path d=\"M85.6152,78.4008c-1.5869-1.5874-3.7012-2.4614-5.9512-2.4614s-4.3643,0.874-5.9512,2.4614l1.4141,1.4141 c2.502-2.502,6.5723-2.502,9.0742,0L85.6152,78.4008z\"><\/path><path d=\"M76.9395,81.6274l1.4141,1.4141c0.7217-0.7212,1.8965-0.7222,2.6201,0l1.4141-1.4141 C80.8857,80.1259,78.4414,80.125,76.9395,81.6274z\"><\/path><path d=\"M4.1289,30.895h14.6797c1.7246,0,3.127-1.4023,3.127-3.1265V4.1269c0-1.7241-1.4023-3.127-3.127-3.127H4.1289 c-1.7236,0-3.126,1.4028-3.126,3.127v23.6416C1.0029,29.4926,2.4053,30.895,4.1289,30.895z M3.0029,4.1269 C3.0029,3.5053,3.5078,3,4.1289,3h14.6797c0.6211,0,1.127,0.5054,1.127,1.127v19.3335H3.0029V4.1269z M3.0029,25.4604h16.9326 v2.3081c0,0.6211-0.5059,1.1265-1.127,1.1265H4.1289c-0.6211,0-1.126-0.5054-1.126-1.1265V25.4604z\"><\/path><circle cx=\"11.469\" cy=\"27.1454\" r=\"0.9792\"><\/circle><path d=\"M37.7012,78.1079v2h8.3926V65.1713h25.8262c4.4985,0,8.2998-3.0191,9.5039-7.137l6.7803-0.031l0.0469,10.5425l2-0.0088 l-0.0566-12.5425l-8.4065,0.0381c0.02-0.2571,0.0393-0.5147,0.0393-0.7769c0-5.2844-4.1643-9.6041-9.387-9.8881l9.5237-6.6915 v-6.6543h-2v5.6152l-10.7673,7.5647c-0.2108-7.4395-8.6238-12.0285-15.0071-8.1287c-1.95-4.1732-6.0173-6.9959-10.6289-7.3554 V15.623H26.7842v2h14.7764v12.1128c-8.0303,0.6062-13.2173,8.2465-11.5254,15.6211c-5.5977-0.1948-10.2334,4.3247-10.2334,9.8989 c0,5.4673,4.4443,9.9155,9.9063,9.9155h14.3857v12.9365H37.7012z M48.916,56.9404c-0.7695,0-1.3955-0.626-1.3955-1.3955 s0.626-1.3955,1.3955-1.3955s1.3955,0.626,1.3955,1.3955S49.6855,56.9404,48.916,56.9404z M29.708,63.1714 c-3.7817,0-6.9482-2.6738-7.7219-6.2314h11.4966c0.4296,1.383,1.7061,2.397,3.2283,2.397c1.8721,0,3.3955-1.5234,3.3955-3.3955 s-1.5234-3.3955-3.3955-3.3955c-1.5212,0-2.797,1.0126-3.2275,2.394H21.8177c0.1861-4.6803,4.4602-8.3731,9.4166-7.4443 c23.5179,0.0285,1.2938,0.0016,11.2705,0.0137v-4.7408c1.3807-0.4309,2.3926-1.7063,2.3926-3.227 c0-1.8721-1.5234-3.3955-3.3955-3.3955s-3.3955,1.5234-3.3955,3.3955c0,1.5228,1.0146,2.7997,2.3984,3.2288v2.739h-8.3427 c-1.9781-6.7539,3.0434-13.8325,10.3983-13.8325c4.395,0,8.3344,2.661,10.002,6.6783v9.7133h4.0715 c0.4307,1.3812,1.7063,2.3936,3.2273,2.3936c1.8721,0,3.3955-1.5234,3.3955-3.3955s-1.5234-3.3955-3.3955-3.3955 c-1.5225,0-2.7991,1.0142-3.2285,2.3975h-2.0703v-6.8118c5.7147-4.3213,13.8371,0.6824,12.498,7.7933l-0.3682,1.9521l1.7871-0.8677 c1.0859-0.5269,2.2354-0.7939,3.418-0.7939c3.1431,0,5.8572,1.8398,7.1392,4.4932h-7.6538v3.678 c-1.3811,0.4306-2.3936,1.7063-2.3936,3.2273c0,1.8721,1.5234,3.3955,3.3955,3.3955s3.3955-1.5234,3.3955-3.3955 c0-1.5225-1.0142-2.7991-2.3975-3.2285v-1.6768h6.3091c0.0846,0.4622,0.1353,0.9362,0.1353,1.4224 c0,4.3647-3.5469,7.9155-7.9072,7.9155h-6.7217v-4.9106l-1.6024-1.4218c0.2109-0.4419,0.3387-0.9304,0.3387-1.4517 c0-1.8721-1.5234-3.3955-3.3955-3.3955s-3.3955,1.5234-3.3955,3.3955s1.5234,3.3955,3.3955,3.3955 c0.6221,0,1.1979-0.1802,1.6997-0.4735l0.9595,0.851v4.0112H49.915v-4.3983c1.3828-0.4297,2.3965-1.7061,2.3965-3.2282 c0-1.8721-1.5234-3.3955-3.3955-3.3955s-3.3955,1.5234-3.3955,3.3955c0,1.5214,1.0127,2.7972,2.3945,3.2276v4.3989H29.708z M35.3154,55.9414c0-0.7695,0.626-1.3955,1.3955-1.3955s1.3955,0.626,1.3955,1.3955s-0.626,1.3955-1.3955,1.3955 S35.3154,56.7109,35.3154,55.9414z M40.1064,39.5415c0-0.7695,0.626-1.3955,1.3955-1.3955s1.3955,0.626,1.3955,1.3955 s-0.626,1.3955-1.3955,1.3955S40.1064,40.311,40.1064,39.5415z M58.4658,47.0664c0-0.7695,0.626-1.3955,1.3955-1.3955 s1.3955,0.626,1.3955,1.3955s-0.626,1.3955-1.3955,1.3955S58.4658,47.8359,58.4658,47.0664z M73.7803,58.7388 c0,0.7695-0.626,1.3955-1.3955,1.3955s-1.3955-0.626-1.3955-1.3955c0-0.7695,0.626-1.3955,1.3955-1.3955 S73.7803,57.9692,73.7803,58.7388z M61.9346,55.3872c0,0.7695-0.626,1.3955-1.3955,1.3955s-1.3955-0.626-1.3955-1.3955 s0.626-1.3955,1.3955-1.3955S61.9346,54.6176,61.9346,55.3872z\"><\/path><rect x=\"69.5216\" y=\"4.8606\" transform=\"matrix(0.7204 0.6936 -0.6936 0.7204 24.3206 -47.0555)\" width=\"2.0008\" height=\"3.5517\"><\/rect><rect x=\"69.4269\" y=\"7.7449\" transform=\"matrix(-0.6936 0.7203 -0.7203 -0.6936 129.6324 -37.6435)\" width=\"6.7888\" height=\"2.0008\"><\/rect><rect x=\"4.8866\" y=\"71.4019\" transform=\"matrix(0.7206 0.6933 -0.6933 0.7206 52.3787 16.3612)\" width=\"2.0002\" height=\"3.551\"><\/rect><rect x=\"7.1858\" y=\"71.8928\" transform=\"matrix(-0.7205 -0.6934 0.6934 -0.7205 -38.1217 135.2087)\" width=\"2.0005\" height=\"6.7874\"><\/rect><\/g><\/svg> <\/figure>\n<span class=\"opisIkonica\">\n    Responsiveness<\/span><!--\/.opisIkonica-->\n<\/div><!--\/.ikonicaoProjektu-->\n<\/div><!--\/.oProjektuInner-->\n<\/div><!--\/.oProjektu-->\n\n<div class=\"oKlijentuOpis\">\n<div class=\"logotipKlijent\">\n<img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/skyoffice-logo.png\" alt=\"Case study \u2013 skyoffice.hr - logotip\" \/>\n<\/div><!--\/.logotipKlijent-->\n\n\n<div class=\"opisInner\">\n    <div class=\"opis\">\n<p>SKY OFFICE is one of the most recognizable business complexes in the city of Zagreb, behind which stands the company OFFICIUM PARTNER d.o.o. &#8211; a client who has decided to give us their trust and leave to us the planning and implementation of their website.<\/p>\n<p>In addition to all the specifics that we have implemented either at the request of OFFICIUM PARTNER d.o.o., or at our discretion, cooperation with this client includes technical maintenance of their website, thus providing them with stable operation and constant technical support of our team. The fact that they entrusted us with this task speaks volumes about the success of this project.<\/p>\n<p>Below, we&#8217;ll describe the most important features of the project.<\/p>\n    <\/div><!--\/.opis-->\n<\/div><!--\/.opisInner-->\n<\/div><!--\/.oKlijentuOpis-->\n\n<\/div><!--\/.innerWrap-->\n<script>\njQuery(document).ready(function($) {\n    $('.acf-block-preview a').click(function(e) {\n    e.preventDefault();\n    });\n});\n<\/script>\n<\/div><!--\/#oklijentu_blok_block_5fd5e5b71a886-->\n\n\n\n\n<h2 class=\"has-text-align-center container margina-dolje-35 margina-gore-60 wp-block-heading\">Old website &#8211; not adapted to new technologies and trends<\/h2>\n\n\n\n<div class=\"wp-block-image is-style-rounded okvirSjena\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"521\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/stari-web.png\" alt=\"\" class=\"wp-image-842\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/stari-web.png 850w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/stari-web-300x184.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/stari-web-768x471.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><figcaption>The front page of the old website, where the content was displayed incorrectly due to website&#8217;s outdated technologies<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>The old website was created almost 10 years ago and as such did not serve well in modern times &#8211; it was not adapted to today&#8217;s technologies and user expectations.<\/p>\n\n\n\n<p>Our client was aware of the website&#8217;s shortcomings and the fact that it is not worth fixing it, so without much persuasion on our part, the client decided on a complete redesign.<\/p>\n\n\n\n<p>OFFICIUM PARTNER d.o.o. had a clear idea of \u200b\u200btheir needs, and they knew exactly what was important to them from a presentational and functional point of view. Therefore, we were able to use our time to plan and implement project milestones very efficiently, all the time working to achieve their clear goals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Front page of the new website<\/h3>\n\n\n\n<p>The design and marketing orientation of the cover was exclusively our task &#8211; without too much interference from the client. The design is was created by taking into account the existing corporate identity and the nature of the business of the company behind this website. As for the marketing part of the cover, we decided on an old school approach &#8211; to focus on those aspects that will show that our client is a trustworthy partner.<\/p>\n\n\n\n<p>A very important thing to mention is that the website skyoffice.hr was realized without the use of any commercial templates, which means that its design was created from scratch. In short, this means that we created a custom WordPress theme for our client. The background interface is also largely custom-made, combined with native WordPress capabilities, but without the use of any commercial framework systems.<\/p>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst margina-dolje-35\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"container wp-block-heading\">Homepage slider (images and text combined with video)<\/h2>\n\n\n\n<p class=\"container\">While planning the homepage slider, we made sure that it still looks specific and does not resemble most sliders that are used on websites based on purchased WordPress templates. We decided that the image should dominate, accompanied by a short text and video if needed.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded okvirSjena container\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1286\" height=\"580\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/naslovnislider-frontend.png\" alt=\"\" class=\"wp-image-862\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/naslovnislider-frontend.png 1286w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/naslovnislider-frontend-300x135.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/naslovnislider-frontend-1024x462.png 1024w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/naslovnislider-frontend-768x346.png 768w\" sizes=\"auto, (max-width: 1286px) 100vw, 1286px\" \/><figcaption>Homepage image slider<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center container margina-dolje-60 margina-gore-35\">Of course, we have provided our client with the ability to add new slides on their own.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped container wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider1-backend.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"483\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider1-backend.png\" alt=\"\" data-id=\"890\" data-full-url=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider1-backend.png\" data-link=\"https:\/\/codeart.studio\/projects\/sky-office-hr\/slider1-backend\/\" class=\"wp-image-890\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider1-backend.png 912w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider1-backend-300x159.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider1-backend-768x407.png 768w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Slider management<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider2-backend.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"545\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider2-backend.png\" alt=\"\" data-id=\"889\" data-full-url=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider2-backend.png\" data-link=\"https:\/\/codeart.studio\/projects\/sky-office-hr\/slider2-backend\/\" class=\"wp-image-889\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider2-backend.png 900w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider2-backend-300x182.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/slider2-backend-768x465.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Slider management<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Service groups<\/h3>\n\n\n\n<p>The most important aspects of any web presentation are concisely elaborated services and products, so skyoffice.hr is no different. Since this company is primarily engaged in renting office space and meeting and conference rooms, it was important to clearly group these services and present each of them individually. Read below on how we did it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prominent benefits<\/h3>\n\n\n\n<p>Every company is characterized by certain advantages, but many do not remember to highlight them, or have a hard time articulating them. We made sure that our client&#8217;s best strengths are successfully brought to the surface with a few positive notes to their story which we presented interactively on the homepage.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded okvirSjena container\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1257\" height=\"540\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti.png\" alt=\"\" class=\"wp-image-906\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti.png 1257w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-300x129.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-1024x440.png 1024w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-768x330.png 768w\" sizes=\"auto, (max-width: 1257px) 100vw, 1257px\" \/><figcaption>Benefits section on the homepage<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center container margina-dolje-60 sirina-800\">The benefits, just like all the other content sections you see on the cover of the skyoffice.hr website, can be managed independently &#8211; it is possible to delete existing content and add new one.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-rounded container okvirSjena\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"513\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-backend.png\" alt=\"\" class=\"wp-image-917\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-backend.png 925w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-backend-300x166.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/prednosti-backend-768x426.png 768w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><figcaption>Editing the Benefits section in the website&#8217;s content manager<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Clients<\/h2>\n\n\n\n<p>Another way to show credibility is by highlighting those who have given you their trust so far. This is an important tactic especially when it comes to familiar brands, which our client is proud to have in their portfolio. Namely, their clients are often larger companies, of well-known brands.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded container okvirSjen\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijenti-1024x451.png\" alt=\"\" class=\"wp-image-920\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijenti-1024x451.png 1024w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijenti-300x132.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijenti-768x339.png 768w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijenti.png 1275w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Client presentation on the cover<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Inner pages<\/h2>\n\n\n\n<p>WordPress&#8217;s native Gutenberg framework was used to create articles and classic internal pages (such as the <a href=\"https:\/\/skyoffice.hr\/o-nama\/\" target=\"_blank\" rel=\"noreferrer noopener\">About Us<\/a> page) (learn more about it <a href=\"https:\/\/webizrada.org\/gutenberg-revolucija-u-kreiranju-i-uredivanju-sadrzaja-u-wordpress-u\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>), where we created stylistic adjustments to the blocks it utilizes, and also improved them in terms of responsive display.<\/p>\n\n\n\n<p>For some other specific content (offer pages, clients, etc.), a custom framework was used &#8211; a solution that we programmed to the client&#8217;s needs. More on that below.<\/p>\n\n\n\n<p>Clients<\/p>\n\n\n\n<p>Due to the fact that the presentation of each individual company that rents space in Sky Office towers should be individually and specifically presented, for this purpose a special template of internal pages and a special place for editing within the CMS (programmed to measure) was created.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded container okvirSjena\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-croatiabanka-1024x428.png\" alt=\"\" class=\"wp-image-922\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-croatiabanka-1024x428.png 1024w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-croatiabanka-300x125.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-croatiabanka-768x321.png 768w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-croatiabanka.png 1225w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Unified customer pages<\/figcaption><\/figure><\/div>\n\n\n\n<div id=\"slider_blok_block_5fd60b84d23da\" class=\"slider-blok blokovi blokoviAnimiraj \">\n<div class=\"innerWrap\">\n<div id=\"slider_blok_galerija_block_5fd60b84d23da\" class=\"sliderBlokGalerija\">\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-frontend1.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-frontend1.png\" alt=\"Editing a client page - descriptive text\" \/>\n<\/a>\n<figcaption>Editing a client page &#8211; descriptive text<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-frontend2.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-frontend2.png\" alt=\"Editing a client page - contact information\" \/>\n<\/a>\n<figcaption>Editing a client page &#8211; contact information<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-frontend3.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/klijent-frontend3-1100x506.png\" alt=\"Editing a client page - contact information\" \/>\n<\/a>\n<figcaption>Editing a client page &#8211; contact information<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<\/div><!--\/.sliderBlokGalerija-->\n<div id=\"strelice_block_5fd60b84d23da\" class=\"strelice\">\n<button class=\"strelica lijevo lijevo_block_5fd60b84d23da\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 76.2 90\" xml:space=\"preserve\"><g id=\"Layer_1_1_\"><circle cx=\"15.3\" cy=\"70.5\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"59.8\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"51.6\" r=\"3.3\"\/><circle cx=\"15.3\" cy=\"18.2\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"29\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"37.1\" r=\"3.3\"\/><circle cx=\"61.4\" cy=\"44.4\" r=\"2.2\"\/><\/g><\/svg><\/button>\n<button class=\"strelica desno desno_block_5fd60b84d23da\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 76.2 90\" xml:space=\"preserve\"><g id=\"Layer_1_1_\"><circle cx=\"15.3\" cy=\"70.5\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"59.8\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"51.6\" r=\"3.3\"\/><circle cx=\"15.3\" cy=\"18.2\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"29\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"37.1\" r=\"3.3\"\/><circle cx=\"61.4\" cy=\"44.4\" r=\"2.2\"\/><\/g><\/svg><\/button>\n<\/div><!--\/#strelice-->\n<\/div><!--\/.innerWrap-->\n<script>\njQuery(document).ready(function($) {\n\n    $('.acf-block-preview a').click(function(e) {\n    e.preventDefault();\n    });\n\n    $('#slider_blok_galerija_block_5fd60b84d23da').slick({\n\n        slidesToScroll: 1,\n        centerMode: true,\n        centerPadding: '500px',\n        slidesToShow: 1,\n        dots: true,\n        arrows: false,\n        responsive: [\n\n            {\n                breakpoint: 1599,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '400px',\n                }   \n            },\n\n            {\n                breakpoint: 1399,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '280px',\n                }   \n            },\n\n            {\n                breakpoint: 991,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '180px',\n                }   \n            },\n            {\n                breakpoint: 700,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '100px',\n                }   \n            },\n            {\n                breakpoint: 500,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '40px',\n                }   \n            },\n\n        ]\n\n    }\n    );\n\n    $('.lijevo_block_5fd60b84d23da').click(function(){\n    $('#slider_blok_galerija_block_5fd60b84d23da').slick('slickPrev');\n    })\n\n    $('.desno_block_5fd60b84d23da').click(function(){\n    $('#slider_blok_galerija_block_5fd60b84d23da').slick('slickNext');\n    })\n\n    $('#slider_blok_galerija_block_5fd60b84d23da .slick-current').prev().addClass('prev-child');\n    $('#slider_blok_galerija_block_5fd60b84d23da .slick-current').next().addClass('next-child');\n    $('#slider_blok_galerija_block_5fd60b84d23da .slick-current').addClass('current-child');\n  \n\t$('#slider_blok_galerija_block_5fd60b84d23da').on('afterChange', function (event, slick, currentSlide, nextSlide) {\n\t\t$('#slider_blok_galerija_block_5fd60b84d23da .slick-slide').removeClass('prev-child current-child next-child');\n\t\t$('#slider_blok_galerija_block_5fd60b84d23da .slick-current').prev().addClass('prev-child');\n\t\t$('#slider_blok_galerija_block_5fd60b84d23da .slick-current').next().addClass('next-child');\n\t\t$('#slider_blok_galerija_block_5fd60b84d23da .slick-current, .singleBar-slider .slick-current').addClass('current-child');\n  });\n\n});\n<\/script>\n<\/div><!--\/#slider_blok_block_5fd60b84d23da-->\n\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>OFFICIUM PARTNER d.o.o. wants to nurture a specific relationship with their clients, so one of their demands was the possibility of logging the tenants of their premises to the website. This allows access to internal notices closed to the public.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Offer pages<\/h3>\n\n\n\n<p>Given the different types of services (offers of rooms for rent), it was important to design their presentation individually, so that all the content that will be found on these sites in the future has its own predefined place. For these purposes we created a special so-called post type (content type and internal page templates), among which the most specific is the presentation of small areas.<\/p>\n\n\n\n<p>An example of such a site can be seen at the link <a href=\"https:\/\/skyoffice.hr\/objekt_vrsta\/5-kat\/\" target=\"_blank\" rel=\"noreferrer noopener\">5th floor<\/a>, which is characterized by the following features:<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>a) Interactive floor plan of the 5th and 6th floors with all the rooms planned for rent (so-called hubs)<\/strong><\/p>\n\n\n\n<p>The fields in the sketch are clickable, so if the selected office is available for rent, it is shown in green, if it is busy, it is shown in red. Clicking on the available unit opens a modal window with more information about it (hub name and specifications, followed by photos), with the possibility of clicking on the button leading to more information and the ability to send a query for the desired hub.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded container okvirSjena\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1301\" height=\"547\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/interaktivni-nacrt-hubova.png\" alt=\"\" class=\"wp-image-932\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/interaktivni-nacrt-hubova.png 1301w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/interaktivni-nacrt-hubova-300x126.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/interaktivni-nacrt-hubova-1024x431.png 1024w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/interaktivni-nacrt-hubova-768x323.png 768w\" sizes=\"auto, (max-width: 1301px) 100vw, 1301px\" \/><figcaption>Interactive floor plan of the hubs<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded container okvirSjena\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"964\" height=\"613\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hubovi-modalni.png\" alt=\"\" class=\"wp-image-933\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hubovi-modalni.png 964w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hubovi-modalni-300x191.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hubovi-modalni-768x488.png 768w\" sizes=\"auto, (max-width: 964px) 100vw, 964px\" \/><figcaption>Clicking on the available hubs on the floor plan opens a modal window with more information<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>b) Offers search engine<\/strong><\/p>\n\n\n\n<p>Given the large number of available units for rent, and in order for the user to get to the right one as quickly as possible, we have configured a search engine that filters the offers according to price, area and type of facility. In this way, we saved the user time and accelerated the communication of our client about the presentation of the offer, which until then was mostly resolved orally.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded container okvirSjena\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1334\" height=\"558\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/pretraga.png\" alt=\"\" class=\"wp-image-935\" srcset=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/pretraga.png 1334w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/pretraga-300x125.png 300w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/pretraga-1024x428.png 1024w, https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/pretraga-768x321.png 768w\" sizes=\"auto, (max-width: 1334px) 100vw, 1334px\" \/><figcaption>Offers search engine with different parameters<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>c) Uniformed page of each individual hub<\/strong><\/p>\n\n\n\n<p>Each hub (e.g. <a href=\"https:\/\/skyoffice.hr\/objekti\/sky-hub-5-06\/\" target=\"_blank\" rel=\"noreferrer noopener\">SKY HUB 5.06<\/a>) has uniform content frames, thanks to which the design remains consistent and neat. To make this possible, it was necessary to expand the standard features of the WordPress CMS. Below you can find a gallery that shows the editing options on each hub page (click on the images for a larger view).<\/p>\n<\/div><\/div>\n\n\n\n<div id=\"slider_blok_block_5fd611240f48d\" class=\"slider-blok blokovi blokoviAnimiraj \">\n<div class=\"innerWrap\">\n<div id=\"slider_blok_galerija_block_5fd611240f48d\" class=\"sliderBlokGalerija\">\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend1.png\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend1.png\" alt=\"Descriptive text\" \/>\n<\/a>\n<figcaption>Descriptive text<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend2.png\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend2-1100x317.png\" alt=\"Uploading an image to the page header\" \/>\n<\/a>\n<figcaption>Uploading an image to the page header<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend3.png\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend3.png\" alt=\"Marking availability (available hubs are displayed as green fields on the floor plan, unavailable are red)\" \/>\n<\/a>\n<figcaption>Marking availability (available hubs are displayed as green fields on the floor plan, unavailable are red)<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend4.png\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend4.png\" alt=\"Creating an image gallery\" \/>\n<\/a>\n<figcaption>Creating an image gallery<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<div class=\"slajd\">\n<figure>\n        <a rel=\"lightbox\" href=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend5.png\" data-rel=\"lightbox-image-9\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/12\/hub-backend5.png\" alt=\"Description of specifications\" \/>\n<\/a>\n<figcaption>Description of specifications<\/figcaption><\/figure>\n<\/div><!--\/.slajd-->\n<\/div><!--\/.sliderBlokGalerija-->\n<div id=\"strelice_block_5fd611240f48d\" class=\"strelice\">\n<button class=\"strelica lijevo lijevo_block_5fd611240f48d\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 76.2 90\" xml:space=\"preserve\"><g id=\"Layer_1_1_\"><circle cx=\"15.3\" cy=\"70.5\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"59.8\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"51.6\" r=\"3.3\"\/><circle cx=\"15.3\" cy=\"18.2\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"29\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"37.1\" r=\"3.3\"\/><circle cx=\"61.4\" cy=\"44.4\" r=\"2.2\"\/><\/g><\/svg><\/button>\n<button class=\"strelica desno desno_block_5fd611240f48d\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 76.2 90\" xml:space=\"preserve\"><g id=\"Layer_1_1_\"><circle cx=\"15.3\" cy=\"70.5\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"59.8\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"51.6\" r=\"3.3\"\/><circle cx=\"15.3\" cy=\"18.2\" r=\"5.8\"\/><circle cx=\"33.4\" cy=\"29\" r=\"3.8\"\/><circle cx=\"48.2\" cy=\"37.1\" r=\"3.3\"\/><circle cx=\"61.4\" cy=\"44.4\" r=\"2.2\"\/><\/g><\/svg><\/button>\n<\/div><!--\/#strelice-->\n<\/div><!--\/.innerWrap-->\n<script>\njQuery(document).ready(function($) {\n\n    $('.acf-block-preview a').click(function(e) {\n    e.preventDefault();\n    });\n\n    $('#slider_blok_galerija_block_5fd611240f48d').slick({\n\n        slidesToScroll: 1,\n        centerMode: true,\n        centerPadding: '500px',\n        slidesToShow: 1,\n        dots: true,\n        arrows: false,\n        responsive: [\n\n            {\n                breakpoint: 1599,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '400px',\n                }   \n            },\n\n            {\n                breakpoint: 1399,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '280px',\n                }   \n            },\n\n            {\n                breakpoint: 991,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '180px',\n                }   \n            },\n            {\n                breakpoint: 700,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '100px',\n                }   \n            },\n            {\n                breakpoint: 500,\n                settings: {\n                    centerMode: true,\n                    centerPadding: '40px',\n                }   \n            },\n\n        ]\n\n    }\n    );\n\n    $('.lijevo_block_5fd611240f48d').click(function(){\n    $('#slider_blok_galerija_block_5fd611240f48d').slick('slickPrev');\n    })\n\n    $('.desno_block_5fd611240f48d').click(function(){\n    $('#slider_blok_galerija_block_5fd611240f48d').slick('slickNext');\n    })\n\n    $('#slider_blok_galerija_block_5fd611240f48d .slick-current').prev().addClass('prev-child');\n    $('#slider_blok_galerija_block_5fd611240f48d .slick-current').next().addClass('next-child');\n    $('#slider_blok_galerija_block_5fd611240f48d .slick-current').addClass('current-child');\n  \n\t$('#slider_blok_galerija_block_5fd611240f48d').on('afterChange', function (event, slick, currentSlide, nextSlide) {\n\t\t$('#slider_blok_galerija_block_5fd611240f48d .slick-slide').removeClass('prev-child current-child next-child');\n\t\t$('#slider_blok_galerija_block_5fd611240f48d .slick-current').prev().addClass('prev-child');\n\t\t$('#slider_blok_galerija_block_5fd611240f48d .slick-current').next().addClass('next-child');\n\t\t$('#slider_blok_galerija_block_5fd611240f48d .slick-current, .singleBar-slider .slick-current').addClass('current-child');\n  });\n\n});\n<\/script>\n<\/div><!--\/#slider_blok_block_5fd611240f48d-->\n\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Multilingualism<\/h2>\n\n\n\n<p>The skyoffice.hr website is bilingual, and the second language framework was created using the most popular multilingual plugin on the market &#8211; WPML. The advantages of language frameworks created using this plugin lie in the fact that they are accessed through the same interface, and at the same time they can be quite independent of each other (eg content in Croatian does not necessarily correspond to content in English). A great advantage is the ability to optimize for search engines for each language separately, which meets the prerequisites for quality indexing and good ranking on local search engines.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group velikiTekst\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>OFFICIUM PARTNER d.o.o. is an enterprising company that has decided to make the most of its own website and attract as many future clients as possible through attractive photos and quality content. This is a young team that, in addition to the video training that we prepared at the end of the project, successfully overcame all the challenges of self-editing and running their own website, so its content is updated on a weekly basis.<\/p>\n\n\n\n<p>Their interest in internet tools and acceptance of suggestions that came from our experience and many years of dealing with this business show that it is a flexible company willing to learn and compromise, which gives them a great strategic advantage in their work.<\/p>\n\n\n\n<p>We are grateful for the trust they have placed in us and look forward to all future joint ventures regarding their internet marketing needs.<\/p>\n<\/div><\/div>\n\n\n<div id=\"callToAction_block_5fd5e5b71a887\" class=\"callToAction blokovi margina-gore-160\">\n<div class=\"innerWrap\">\n<figure class=\"ctaIkona\" style=\"transform: translate(-50%, 0%); opacity: 1; visibility: inherit;\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 512 504.9\" xml:space=\"preserve\"><path d=\"M256.5 86.9h-1.1c-36.1.3-69.8 14.5-94.9 40.1-25.1 25.5-38.7 59.4-38.3 95.5.3 34.2 13.6 66.8 37.4 91.6 16.4 16.8 27.4 39.1 31.1 62.8 1.8 12.2 12.6 21.4 25.1 21.4h80.8c12.7 0 23.3-9 25.3-21.5 3.6-23.7 14.3-45.4 30.9-62.6 24.3-25.1 37.7-58.2 37.7-93.1 0-74-60.1-134.2-134-134.2zm90.6 221.7c-17.8 18.5-29.2 41.6-33 67-1.3 8.5-8.6 14.7-17.3 14.7h-19.6c-2.7-3.8-6.4-19.9 12.3-86.5 11.3-40.3 25.2-79.2 25.4-79.6.7-2.1-.3-4.4-2.4-5.1-2.1-.8-4.4.3-5.1 2.4-.1.4-14.2 39.5-25.6 80.1-15.5 55.4-16.4 78.4-13.2 88.7h-24.1c3.2-10.3 2.3-33.4-13.2-88.7-11.4-40.6-25.4-79.7-25.6-80.1-.7-2.1-3-3.2-5.1-2.4-2.1.7-3.2 3-2.4 5.1.1.4 14.1 39.2 25.4 79.5 18.7 66.7 15 82.7 12.3 86.6h-19.7c-8.6 0-16-6.3-17.2-14.6-4-25.3-15.8-49.2-33.3-67.2-22.4-23.4-34.9-53.9-35.2-86.1-.3-33.9 12.4-65.8 36-89.8s55.3-37.4 89.3-37.7h1c69.5 0 126 56.6 126 126.2-.3 32.8-12.9 63.9-35.7 87.5zm-45.4 101.5h-90.8c-10.4 0-18.9 8.5-18.9 18.9v15.4c0 13.4 9 24.6 21.6 27.8l3.1 11.6c2.5 9.4 11 15.9 20.7 15.9h37.7c9.8 0 18.1-6.4 20.7-15.9l3.2-11.6c12.4-3.1 21.5-14.6 21.5-27.7v-15.4c.1-10.5-8.2-18.8-18.8-19zm-13.5 71.7c-1.7 6-6.9 10-13 10h-37.7c-6 0-11.4-4.1-12.9-10l-2.4-9h68.5l-2.5 9zm7.3-17h-78.2c-10-1.6-17.2-10.2-17.2-20.4V429c0-6 4.9-10.9 10.9-10.9h90.7c6.1.1 10.9 4.9 10.9 11v15.4c0 10.1-7.4 18.7-17.1 20.3zM256.4 66.3c2.2 0 4-1.8 4-4V16.9c0-2.2-1.8-4-4-4s-4 1.8-4 4v45.4c0 2.3 1.7 4 4 4zM344.5 90c.6.4 1.3.5 2 .5 1.4 0 2.7-.7 3.5-2l22.7-39.3c1.1-1.9.5-4.4-1.5-5.5-1.9-1.1-4.4-.5-5.5 1.5L343 84.5c-1.1 1.9-.5 4.4 1.5 5.5zm110.7 37.8c-1.1-1.9-3.6-2.6-5.5-1.5L410.4 149c-1.9 1.1-2.6 3.6-1.5 5.5.7 1.3 2.1 2 3.5 2 .7 0 1.4-.2 2-.5l39.3-22.7c2-1.2 2.6-3.6 1.5-5.5zM482 238.6h-45.4c-2.2 0-4 1.8-4 4s1.8 4 4 4H482c2.2 0 4-1.8 4-4s-1.8-4-4-4zM98.2 329.3L58.9 352c-1.9 1.1-2.6 3.5-1.5 5.5.7 1.3 2.1 2 3.5 2 .7 0 1.4-.2 2-.5l39.3-22.7c1.9-1.1 2.6-3.6 1.5-5.5s-3.6-2.6-5.5-1.5zm-18.1-86.7c0-2.2-1.8-4-4-4H30.7c-2.2 0-4 1.8-4 4s1.8 4 4 4h45.4c2.2 0 4-1.8 4-4zM58.9 133.2L98.2 156c.6.4 1.3.5 2 .5 1.4 0 2.7-.7 3.5-2 1.1-1.9.5-4.4-1.5-5.5l-39.3-22.7c-1.9-1.1-4.4-.5-5.5 1.5-1 1.9-.4 4.3 1.5 5.4zm103.8-44.7c.7 1.3 2.1 2 3.5 2 .7 0 1.4-.2 2-.5 1.9-1.1 2.6-3.5 1.5-5.5L147 45.2c-1.1-1.9-3.5-2.6-5.5-1.5-1.9 1.1-2.6 3.5-1.5 5.5l22.7 39.3z\"><\/path><path d=\"M268.3 132.5c-2.2 0-4 1.8-4 4s1.8 4 4 4h.5c19.3 0 37.4 7.5 51.1 21.1 13.9 13.8 21.5 32.1 21.5 51.7 0 2.2 1.8 4 4 4s4-1.8 4-4c0-21.7-8.5-42.1-23.9-57.3-15.2-15.3-35.6-23.7-57.2-23.5z\"><\/path><\/svg><\/figure>\n\n\n\n<figure class=\"zagrada lijevo\" style=\"transform: translate(0%, -50%); opacity: 1; visibility: inherit;\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 14.4 86.2\" style=\"enable-background:new 0 0 14.4 86.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}\n<\/style>\n<g>\n\t<path class=\"st0\" d=\"M13.6,83.9\"><\/path>\n\t<path class=\"st0\" d=\"M14,84.1\"><\/path>\n\t<path class=\"st0\" d=\"M13.4,2.1c-4.8,0.2-7.3,4.4-7.3,9.7c0,0,0,12.9,0,21.8s-4.9,9.5-4.9,9.5H0.6l0.6,0.1c0,0,4.9,0.6,4.9,9.5\n\t\ts0,21.8,0,21.8c0,5.3,2.5,9.5,7.3,9.7c0.2,0,0.5,0,0.7,0\"><\/path>\n<\/g>\n<\/svg><\/figure>\n\n\n\n<figure class=\"zagrada desno\" style=\"transform: translate(0%, -50%); opacity: 1; visibility: inherit;\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 13.8 85.2\" style=\"enable-background:new 0 0 13.8 85.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}\n<\/style>\n<g>\n\t<path class=\"st0\" d=\"M0.8,1.8\"><\/path>\n\t<path class=\"st0\" d=\"M0.5,1.6\"><\/path>\n\t<path class=\"st0\" d=\"M1,83.7c4.8-0.2,7.3-4.4,7.3-9.7c0,0,0-12.9,0-21.8s4.9-9.5,4.9-9.5h0.6l-0.6-0.1c0,0-4.9-0.6-4.9-9.5\n\t\ts0-21.8,0-21.8C8.3,6,5.8,1.8,1,1.6c-0.2,0-0.5,0-0.7,0\"><\/path>\n<\/g>\n<\/svg><\/figure>\n<h2>Are you in need of a high quality website fully tailored to your needs?<\/h2>\n<div class=\"opis\"><p>Feel free to contact us by\u00a0<a href=\"https:\/\/codeart.studio\/request-a-quote\/\">requesting a quote<\/a>\u00a0(or simply with a question), via e-mail\u00a0<a href=\"mailto:info@codeart.studio\">info@codeart.studio<\/a>, phone\u00a0<a href=\"tel:+385914551066\">+385 91 455 1066<\/a>\u00a0(12 \u2013 17h mon-fri) and ask us about our services.\u00a0 We are looking forward to working with you in achieving your business goals!<\/p>\n<\/div><!--\/.opis-->\n<div class=\"tipkaWrap requestQuote margina-gore-35\">\n<a class=\"tipke\" href=\"https:\/\/codeart.studio\/request-a-quote\/\">Request a quote<\/a>\n<\/div><!--\/.tipkaWrap-->\n<\/div><!--\/.innerWrap-->\n<\/div><!--\/.callToAction-->","protected":false},"excerpt":{"rendered":"<p>SKY OFFICE is one of the most recognizable business complexes in the city of Zagreb, behind which stands the company OFFICIUM PARTNER d.o.o. &#8211; a client who has decided to entrust us with the planning and implementation of their website.<\/p>\n","protected":false},"featured_media":817,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-827","projects","type-projects","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case study \u2013 skyoffice.hr - CodeArt Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeart.studio\/projects\/sky-office-hr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case study \u2013 skyoffice.hr - CodeArt Studio\" \/>\n<meta property=\"og:description\" content=\"SKY OFFICE is one of the most recognizable business complexes in the city of Zagreb, behind which stands the company OFFICIUM PARTNER d.o.o. - a client who has decided to entrust us with the planning and implementation of their website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeart.studio\/projects\/sky-office-hr\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeArt Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-08T10:44:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"881\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/\",\"url\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/\",\"name\":\"Case study \u2013 skyoffice.hr - CodeArt Studio\",\"isPartOf\":{\"@id\":\"https:\/\/codeart.studio\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png\",\"datePublished\":\"2020-12-13T09:58:07+00:00\",\"dateModified\":\"2021-06-08T10:44:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeart.studio\/projects\/sky-office-hr\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/#primaryimage\",\"url\":\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png\",\"contentUrl\":\"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png\",\"width\":1400,\"height\":881},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeart.studio\/projects\/sky-office-hr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeart.studio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\/\/codeart.studio\/projects\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Case study \u2013 skyoffice.hr\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeart.studio\/#website\",\"url\":\"https:\/\/codeart.studio\/\",\"name\":\"CodeArt Studio\",\"description\":\"Samo jo\u0161 jedna WordPress web-stranica\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeart.studio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case study \u2013 skyoffice.hr - CodeArt Studio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codeart.studio\/projects\/sky-office-hr\/","og_locale":"en_US","og_type":"article","og_title":"Case study \u2013 skyoffice.hr - CodeArt Studio","og_description":"SKY OFFICE is one of the most recognizable business complexes in the city of Zagreb, behind which stands the company OFFICIUM PARTNER d.o.o. - a client who has decided to entrust us with the planning and implementation of their website.","og_url":"https:\/\/codeart.studio\/projects\/sky-office-hr\/","og_site_name":"CodeArt Studio","article_modified_time":"2021-06-08T10:44:49+00:00","og_image":[{"width":1400,"height":881,"url":"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codeart.studio\/projects\/sky-office-hr\/","url":"https:\/\/codeart.studio\/projects\/sky-office-hr\/","name":"Case study \u2013 skyoffice.hr - CodeArt Studio","isPartOf":{"@id":"https:\/\/codeart.studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeart.studio\/projects\/sky-office-hr\/#primaryimage"},"image":{"@id":"https:\/\/codeart.studio\/projects\/sky-office-hr\/#primaryimage"},"thumbnailUrl":"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png","datePublished":"2020-12-13T09:58:07+00:00","dateModified":"2021-06-08T10:44:49+00:00","breadcrumb":{"@id":"https:\/\/codeart.studio\/projects\/sky-office-hr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeart.studio\/projects\/sky-office-hr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeart.studio\/projects\/sky-office-hr\/#primaryimage","url":"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png","contentUrl":"https:\/\/codeart.studio\/cms\/wp-content\/uploads\/2020\/11\/skyoffice.png","width":1400,"height":881},{"@type":"BreadcrumbList","@id":"https:\/\/codeart.studio\/projects\/sky-office-hr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeart.studio\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/codeart.studio\/projects\/"},{"@type":"ListItem","position":3,"name":"Case study \u2013 skyoffice.hr"}]},{"@type":"WebSite","@id":"https:\/\/codeart.studio\/#website","url":"https:\/\/codeart.studio\/","name":"CodeArt Studio","description":"Samo jo\u0161 jedna WordPress web-stranica","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeart.studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/codeart.studio\/wp-json\/wp\/v2\/projects\/827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeart.studio\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/codeart.studio\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":0,"href":"https:\/\/codeart.studio\/wp-json\/wp\/v2\/projects\/827\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeart.studio\/wp-json\/wp\/v2\/media\/817"}],"wp:attachment":[{"href":"https:\/\/codeart.studio\/wp-json\/wp\/v2\/media?parent=827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}