{"id":7997,"date":"2023-08-12T06:16:11","date_gmt":"2023-08-12T04:16:11","guid":{"rendered":"https:\/\/pappcseperke.hu\/?p=7997"},"modified":"2025-10-18T14:18:49","modified_gmt":"2025-10-18T12:18:49","slug":"website-styleguide-elementor-widget-templates","status":"publish","type":"post","link":"https:\/\/pappcseperke.hu\/hu\/website-styleguide-elementor-widget-templates\/","title":{"rendered":"Weboldal st\u00edlus le\u00edr\u00e1s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7997\" class=\"elementor elementor-7997\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d2714a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d2714a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-94d57fd\" data-id=\"94d57fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09baf7b elementor-widget elementor-widget-heading\" data-id=\"09baf7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Colours<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e44fdf0 elementor-widget elementor-widget-text-editor\" data-id=\"e44fdf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Background color: #1c1c1c<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-739f045 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"739f045\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-0909325\" data-id=\"0909325\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7fe70fc elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"7fe70fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#C0D8D5\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#C0D8D5\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tPrimary\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee17acd elementor-widget elementor-widget-text-editor\" data-id=\"ee17acd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Titles<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-46eff79\" data-id=\"46eff79\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef871d8 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"ef871d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#fff7f4\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#fff7f4\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tText\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-f5d6408\" data-id=\"f5d6408\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-020cbcd elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"020cbcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#cccdd1\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#cccdd1\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tSecondary\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abf8f08 elementor-widget elementor-widget-text-editor\" data-id=\"abf8f08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Meta, Menu<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-31086a4\" data-id=\"31086a4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0b76ad elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c0b76ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#929196\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#929196\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDarker Grey\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-44cdf66\" data-id=\"44cdf66\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-772e164 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"772e164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#2F3335\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#2F3335\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDark\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-c3c8ade\" data-id=\"c3c8ade\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6bb8db7 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"6bb8db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#0C0C0D\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#0C0C0D\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAlmost Black\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a210dc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a210dc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-1937d99\" data-id=\"1937d99\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a777422 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a777422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#B0FEF8\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#B0FEF8\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAccent2<br>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1999f33 elementor-widget elementor-widget-text-editor\" data-id=\"1999f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hyperlinks<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-336ca91\" data-id=\"336ca91\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ad2670 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8ad2670\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#6fb4bb\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#6fb4bb\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAccent\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5eb092 elementor-widget elementor-widget-text-editor\" data-id=\"e5eb092\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hyperlinks<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-68bbdd3\" data-id=\"68bbdd3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74952fc elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"74952fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#54868d\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#54868d\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTeal\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77be5a2 elementor-widget elementor-widget-text-editor\" data-id=\"77be5a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Some titles on dark<br><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-b0a2ac6\" data-id=\"b0a2ac6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67f44ba elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"67f44ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#4D7478\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#4D7478\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMid Teal\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b07a9d elementor-widget elementor-widget-text-editor\" data-id=\"4b07a9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>BG for white text<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-9ffded9\" data-id=\"9ffded9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7f13d9 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"f7f13d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"#395659\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-square\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.color-hex.com\/color\/54868d\" >\n\t\t\t\t\t\t\t#395659\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDark Teal\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b226aaa elementor-widget elementor-widget-text-editor\" data-id=\"b226aaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Thin Lines<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ce41ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5ce41ab\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c6a8d7c\" data-id=\"c6a8d7c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bbacf35 elementor-widget elementor-widget-text-editor\" data-id=\"bbacf35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This was the original color palette, but I added some colors since.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5fb07 elementor-widget elementor-widget-heading\" data-id=\"dd5fb07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">H1: Head<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d848b6b elementor-widget elementor-widget-heading\" data-id=\"d848b6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">H2: Headline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1dbca2 elementor-widget elementor-widget-heading\" data-id=\"c1dbca2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">H3: Subtitle<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aaa44b elementor-widget elementor-widget-heading\" data-id=\"8aaa44b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">H4: Subtitle<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9eb6000 elementor-widget elementor-widget-heading\" data-id=\"9eb6000\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">H5: Subtitle<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dacf19 elementor-widget elementor-widget-heading\" data-id=\"2dacf19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">H6: Subtitle<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79e0fcd elementor-widget elementor-widget-text-editor\" data-id=\"79e0fcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Added notes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a18b99b elementor-widget elementor-widget-heading\" data-id=\"a18b99b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod \ntempor incididunt ut labore et dolore magna aliqua. Diam vulputate ut \npharetra sit amet. Nam at lectus urna duis convallis convallis tellus \nid. Elementum curabitur vitae nunc sed velit dignissim sodales ut eu. \nAmet cursus sit amet dictum sit amet justo donec enim. Diam in arcu \ncursus euismod quis. Est velit egestas dui id ornare arcu odio ut. \nMolestie ac feugiat sed lectus vestibulum mattis ullamcorper. Sapien et \nligula ullamcorper malesuada. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-076a332 elementor-widget elementor-widget-heading\" data-id=\"076a332\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Table<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9c0902 elementor-widget elementor-widget-jet-table\" data-id=\"a9c0902\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jet-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-jet-table jet-elements\">\n\t\t<div class=\"jet-table-wrapper\">\n\t\t\t<table class=\"jet-table jet-table--fa5-compat\">\n\t\t\t\t<thead class=\"jet-table__head\"><tr class=\"jet-table__head-row\"><th class=\"jet-table__cell elementor-repeater-item-61d31e7 jet-table__head-cell\" scope=\"col\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Heading #1<\/div><\/div><\/div><\/th><th class=\"jet-table__cell elementor-repeater-item-a34aa21 jet-table__head-cell\" scope=\"col\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Heading #2<\/div><\/div><\/div><\/th><th class=\"jet-table__cell elementor-repeater-item-8316037 jet-table__head-cell\" scope=\"col\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Heading #3<\/div><\/div><\/div><\/th><\/tr><\/thead>\n\t\t\t\t\t\t\t\t<tbody class=\"jet-table__body\"><tr class=\"jet-table__body-row elementor-repeater-item-ce1c489\"><td class=\"jet-table__cell elementor-repeater-item-0a67613 jet-table__body-cell\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Simple content<\/div><\/div><\/div><\/td><td class=\"jet-table__cell elementor-repeater-item-0d7f8cb jet-table__body-cell\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Simple content<\/div><\/div><\/div><\/td><td class=\"jet-table__cell elementor-repeater-item-6250731 jet-table__body-cell\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Simple content<\/div><\/div><\/div><\/td><\/tr><tr class=\"jet-table__body-row elementor-repeater-item-0019e4f\"><td class=\"jet-table__cell elementor-repeater-item-21459cd jet-table__body-cell\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Simple content<\/div><\/div><\/div><\/td><td class=\"jet-table__cell elementor-repeater-item-a33774d jet-table__body-cell\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Simple content<\/div><\/div><\/div><\/td><td class=\"jet-table__cell elementor-repeater-item-13380e1 jet-table__body-cell\"><div class=\"jet-table__cell-inner\"><div class=\"jet-table__cell-content\"><div class=\"jet-table__cell-text\">Simple content<\/div><\/div><\/div><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d13c8b3 elementor-widget elementor-widget-heading\" data-id=\"d13c8b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Widgets<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4088b6d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4088b6d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-df60efc\" data-id=\"df60efc\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc28284 elementor-widget elementor-widget-heading\" data-id=\"dc28284\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Button<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-278bbbe elementor-align-center elementor-widget elementor-widget-button\" data-id=\"278bbbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kattints ide<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a776c40 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a776c40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bob\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kattints ide<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-f011b16\" data-id=\"f011b16\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-05519d2 elementor-widget elementor-widget-heading\" data-id=\"05519d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Checkbox<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48b7302 elementor-widget elementor-widget-text-editor\" data-id=\"48b7302\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>TBC<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-0753cef\" data-id=\"0753cef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c147ea elementor-widget elementor-widget-heading\" data-id=\"6c147ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Radio button<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f95911 elementor-widget elementor-widget-text-editor\" data-id=\"2f95911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>TBC<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-8a3319c\" data-id=\"8a3319c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cae60a elementor-widget elementor-widget-heading\" data-id=\"4cae60a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Slider<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50d7933 elementor-widget elementor-widget-text-editor\" data-id=\"50d7933\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>TBC<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4064d32 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4064d32\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b1e838\" data-id=\"8b1e838\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-163acf8 elementor-widget elementor-widget-heading\" data-id=\"163acf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Accordion<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-058a3ad elementor-widget elementor-widget-accordion\" data-id=\"058a3ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-5801\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-5801\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-caret-down\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-caret-up\"><\/i><\/span>\n\t\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\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Harmonika #1<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-5801\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-5801\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-5802\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-5802\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-caret-down\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-caret-up\"><\/i><\/span>\n\t\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\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Harmonika #2<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-5802\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-5802\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/div>\n\t\t\t\t<\/div>\n\t\t\t\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 class=\"elementor-element elementor-element-2de2429 elementor-widget elementor-widget-n-accordion\" data-id=\"2de2429\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4810\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-4810\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Purposeful Animation <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4810\" class=\"elementor-element elementor-element-9969483 e-con-full e-flex e-con e-child\" data-id=\"9969483\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a053ee0 elementor-widget elementor-widget-text-editor\" data-id=\"a053ee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Each animation should have a clear reason, whether it&#8217;s to guide the user&#8217;s attention, indicate a transition, show cause-and-effect, or enhance the user interface&#8217;s overall aesthetic.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ab1048 elementor-widget elementor-widget-text-editor\" data-id=\"2ab1048\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><p><strong>Guiding User Attention<\/strong>: Animations can direct users&#8217; focus to specific areas or elements. For instance, a subtle bounce on a new message icon can draw the user&#8217;s attention, indicating where to look next.<\/p><\/li><li><p><strong>Visual Feedback<\/strong>: They provide immediate feedback on user actions. For example, a button that changes color or depresses when clicked reassures the user that their action has been registered.<\/p><\/li><li><p><strong>Indicating Status and Progress<\/strong>: Animations can show that something is happening. Progress bars or loading animations inform users that the system is processing their request, preventing confusion or impatience.<\/p><\/li><li><p><strong>Enhancing Transitions<\/strong>: Instead of abrupt changes, animations can smooth transitions between different states or pages. This helps in maintaining continuity and context, making the experience less disorienting.<\/p><\/li><li><p><strong>Teaching Through Interaction<\/strong>: They can guide users on how to use an interface. A swiping animation can indicate how to navigate through a carousel of images, teaching the interaction required.<\/p><\/li><li><p><strong>Demonstrating Relationships<\/strong>: Animations can show how elements are related. For instance, expanding a dropdown menu from a button shows their connection.<\/p><\/li><li><p><strong>Creating Spatial Awareness<\/strong>: By mimicking the physics of the real world, animations can create a sense of depth and spatial awareness in a predominantly flat digital space. For example, elements that slide in from off-screen can suggest off-screen space.<\/p><\/li><li><p><strong>Adding Delight<\/strong>: When used judiciously, animations can make the experience more enjoyable, creating a memorable and positive impression of the brand or product.<\/p><\/li><li><p><strong>Error and Confirmation Messages<\/strong>: Subtle animations can be used for displaying error messages or confirmations, making these messages stand out without being intrusive.<\/p><\/li><li><p><strong>State Change Indicators<\/strong>: Animations can indicate a change in state, like toggling a switch or changing settings, making the interface intuitive.<\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4811\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4811\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Responsiveness <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4811\" class=\"elementor-element elementor-element-b02a2ea e-con-full e-flex e-con e-child\" data-id=\"b02a2ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c811554 elementor-widget elementor-widget-text-editor\" data-id=\"c811554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Animations should respond quickly to user interactions, creating a seamless experience that feels connected to their actions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-689842c elementor-widget elementor-widget-text-editor\" data-id=\"689842c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><p><strong>Immediate Feedback<\/strong>: Responsiveness means that the animation should start immediately following a user action. For example, when a user clicks a button, there should be no noticeable delay before the animation begins. This immediacy helps users feel more in control and assures them that the system has registered their input.<\/p><\/li><li><p><strong>Fluidity<\/strong>: Animations should be smooth and fluid, without any choppiness or stuttering. Smooth animations contribute to a perception of a high-quality, well-designed application or website. Fluidity in animations is particularly important in touch-based interfaces, where users expect a direct and immediate correlation between their touch and the UI\u2019s response.<\/p><\/li><li><p><strong>Performance Optimization<\/strong>: To ensure responsiveness, animations must be optimized for performance. This means they should not slow down the application or website, consume excessive resources, or drain battery life on mobile devices. Optimized animations maintain a high frame rate (typically around 60 frames per second) to appear smooth and responsive.<\/p><\/li><li><p><strong>Context-Aware Speed<\/strong>: The speed of the animation should be appropriate for its context. For instance, a quick animation might be suitable for a button press, whereas a slower animation might be better for page transitions. The key is to match the animation speed with the user&#8217;s expectations and the nature of the task.<\/p><\/li><li><p><strong>Adaptive to User Input<\/strong>: Responsive animations adapt to the way users interact with the UI. For example, in a drag-and-drop interface, the movement of elements should match the user&#8217;s drag speed and direction. This kind of responsiveness makes the interaction feel more natural and intuitive.<\/p><\/li><li><p><strong>Consistent Response Across Devices<\/strong>: Responsiveness also implies consistency across different devices and screen sizes. Animations should perform equally well on a desktop, tablet, or smartphone, providing a uniform experience regardless of the device used.<\/p><\/li><li><p><strong>Avoiding Overloading with Animations<\/strong>: While animations can enhance the user experience, overusing them can have the opposite effect, making the interface feel sluggish or overwhelming. Responsiveness means using animations judiciously to maintain a balance between visual appeal and performance.<\/p><\/li><li><p><strong>Fallbacks for Low-Performance Devices<\/strong>: For devices that cannot handle complex animations smoothly, it&#8217;s important to provide fallback options. This could mean simpler animations or no animations at all, ensuring that the user experience remains positive even on less capable hardware.<\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4812\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4812\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Timing and Duration <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4812\" class=\"elementor-element elementor-element-44cda88 e-con-full e-flex e-con e-child\" data-id=\"44cda88\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d54b7 elementor-widget elementor-widget-text-editor\" data-id=\"85d54b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The timing should be just right\u2014not too fast to miss, nor too slow to cause impatience. Usually, a duration between 200-500 milliseconds works well for most UI animations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-feb87ce elementor-widget elementor-widget-text-editor\" data-id=\"feb87ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><p><strong>Optimal Duration<\/strong>: The duration of an animation should be long enough to be noticed but short enough to avoid delaying the user. Typically, a good range for UI animations is between 200 to 500 milliseconds. Shorter animations (around 200 ms) are typically used for subtle effects like button presses, while longer animations (up to 500 ms) can be reserved for more complex transitions.<\/p><\/li><li><p><strong>Natural Motion<\/strong>: The duration should reflect how things move in the real world. Objects with more mass might move more slowly, so their animations should be longer to mimic this natural motion. This realism helps users intuitively understand the interface.<\/p><\/li><li><p><strong>Context-Specific Duration<\/strong>: The ideal timing can vary depending on the context and the action. For example, opening a new page might warrant a slightly longer animation than hovering over a menu item. The key is to match the duration with the user&#8217;s expectations based on the action they&#8217;ve taken.<\/p><\/li><li><p><strong>Avoiding User Frustration<\/strong>: If an animation is too slow, it can frustrate users who want to complete their tasks quickly. On the other hand, if it\u2019s too fast, it might be missed entirely, failing to provide the necessary visual cues. The goal is to find a balance that maintains flow without causing delays.<\/p><\/li><li><p><strong>Consistency<\/strong>: Consistent timing across similar actions is important. For instance, if all buttons have a similar hover effect, they should also share the same duration and easing for that effect. This consistency helps users learn the behavior of the UI, making it more intuitive.<\/p><\/li><li><p><strong>Easing and Timing Functions<\/strong>: The way an animation accelerates and decelerates can significantly affect how its duration is perceived. Using easing functions (like ease-in, ease-out, or linear) can make animations feel more natural. For example, an ease-out function, where the animation starts quickly and then slows down, is often used for moving objects that come to a stop.<\/p><\/li><li><p><strong>User Control and Preferences<\/strong>: In some cases, it might be beneficial to allow users to control the speed of animations, especially in accessibility settings. This can help accommodate users with different needs and preferences.<\/p><\/li><li><p><strong>Testing and Iteration<\/strong>: Finding the perfect timing and duration often requires testing and iteration. It&#8217;s important to observe how real users interact with the animations and adjust the timing based on their feedback and behavior.<\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4813\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4813\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Easing and Motion Curves <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4813\" class=\"elementor-element elementor-element-ba017d8 e-flex e-con-boxed e-con e-child\" data-id=\"ba017d8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec0524 elementor-widget elementor-widget-text-editor\" data-id=\"4ec0524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Easing makes the motion more natural. Use acceleration and deceleration to mimic the physics of the real world. Tools like cubic-bezier curves help in refining these movements.<\/p>\t\t\t\t\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4814\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4814\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Simplicity and Clarity <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4814\" class=\"elementor-element elementor-element-4f8eb29 e-flex e-con-boxed e-con e-child\" data-id=\"4f8eb29\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5be5fe5 elementor-widget elementor-widget-text-editor\" data-id=\"5be5fe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The animation shouldn\u2019t be overly complex or distracting. Its goal is to aid the user experience, not to overshadow the content or the primary function of the app\/website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8709707 elementor-widget elementor-widget-text-editor\" data-id=\"8709707\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><p><strong>Purpose Over Decoration<\/strong>: The primary goal of UI animations should be to improve the user&#8217;s understanding and interaction with the interface, not just to embellish it. Each animation should serve a clear, functional purpose, such as indicating a state change, providing feedback, or guiding attention.<\/p><\/li><li><p><strong>Minimalism<\/strong>: The best animations are often subtle and understated. They should be just noticeable enough to guide or inform the user without overwhelming or distracting them from their primary task. This minimalist approach aligns with the modern design principle of &#8216;less is more&#8217;.<\/p><\/li><li><p><strong>Clarity in Communication<\/strong>: Animations should communicate a message or guide the user in a clear and unambiguous way. For instance, a loading spinner clearly indicates that the system is processing, while a shaking motion on a text field can indicate an input error.<\/p><\/li><li><p><strong>Avoiding Overuse<\/strong>: Overusing animations can lead to a cluttered and confusing interface. It&#8217;s important to use them sparingly and only where they add value. Too many movements on the screen can be distracting and even annoying to users.<\/p><\/li><li><p><strong>Consistency<\/strong>: Consistent animations across the UI help in building user intuition and understanding. For example, if a right swipe always means &#8216;go to the next item&#8217;, this should be consistent throughout the application.<\/p><\/li><li><p><strong>Intuitive Transitions<\/strong>: Transitions between different states or pages should be smooth and logical. The animation should make sense in the context of the transition, helping the user to understand how different parts of the application are connected.<\/p><\/li><li><p><strong>Respecting User Focus<\/strong>: Animations should not disrupt the user&#8217;s focus, especially during critical tasks. Animations used in areas of secondary importance should be more subdued to not draw attention away from the primary content or action.<\/p><\/li><li><p><strong>Performance Considerations<\/strong>: Keeping animations simple also means they are more likely to perform well across different devices and platforms, including those with less processing power. This ensures a smooth and consistent experience for all users.<\/p><\/li><li><p><strong>Cultural and Contextual Appropriateness<\/strong>: The clarity of an animation can also be influenced by cultural and contextual factors. What is clear and intuitive in one culture or context might not be so in another. It&#8217;s important to consider the target audience and their potential interpretations of visual cues.<\/p><\/li><li><p><strong>Testing with Real Users<\/strong>: Finally, testing animations with real users is crucial. What might seem simple and clear to a designer or developer might not be so for the end user. User testing can provide valuable insights into how animations are perceived and interacted with.<\/p><\/li><\/ol>\t\t\t\t\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4815\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4815\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Consistency <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4815\" class=\"elementor-element elementor-element-f289251 e-flex e-con-boxed e-con e-child\" data-id=\"f289251\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-285d270 elementor-widget elementor-widget-text-editor\" data-id=\"285d270\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The animations throughout the app or website should be consistent in style and behavior, reinforcing the overall design language and brand identity.<\/p>\t\t\t\t\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4816\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4816\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Feedback <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4816\" class=\"elementor-element elementor-element-c636268 e-flex e-con-boxed e-con e-child\" data-id=\"c636268\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26f5757 elementor-widget elementor-widget-text-editor\" data-id=\"26f5757\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use animations to provide feedback in response to user actions. For example, a button changing appearance when clicked confirms the action has been registered.<\/p>\t\t\t\t\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4817\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4817\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Hierarchy and Attention <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4817\" class=\"elementor-element elementor-element-2277b58 e-flex e-con-boxed e-con e-child\" data-id=\"2277b58\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45530ce elementor-widget elementor-widget-text-editor\" data-id=\"45530ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Guide the user&#8217;s focus through animations, highlighting important elements or indicating the sequence of actions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d759ec5 elementor-widget elementor-widget-text-editor\" data-id=\"d759ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><p><strong>Visual Hierarchy Through Animation<\/strong>: Animation can be used to establish or reinforce the visual hierarchy of elements on a screen. Important elements, like primary calls to action (CTAs), can be animated to draw more attention than secondary elements. For example, a subtly pulsating &#8216;Sign Up&#8217; button catches the eye more effectively than a static one.<\/p><\/li><li><p><strong>Guiding User Focus<\/strong>: Animations can guide users through a series of steps or draw their attention to new or important information. For instance, when a user completes a step in a process, an animation can gently lead their eyes to the next step, ensuring a smooth user flow.<\/p><\/li><li><p><strong>Highlighting Changes<\/strong>: If something changes in the UI, like a new message or notification, an animation can highlight this change without being disruptive. A small badge with a pop-in animation can effectively indicate new activity.<\/p><\/li><li><p><strong>Sequential Attention<\/strong>: For complex interfaces, animations can be used to reveal elements in a sequence, rather than all at once, to help users process information in a manageable order. This sequential revealing can ease the cognitive load on users.<\/p><\/li><li><p><strong>Interactive Elements<\/strong>: Animations can indicate which elements are interactive. For example, a slight bounce or enlargement of an icon when hovered over can indicate that it&#8217;s clickable, helping users understand how to navigate the interface.<\/p><\/li><li><p><strong>Contextual Emphasis<\/strong>: In data visualization or dashboards, animations can be used to emphasize specific data points or changes in data over time, directing the user&#8217;s attention to the most significant or relevant information.<\/p><\/li><li><p><strong>Temporal Hierarchy<\/strong>: Animations can also establish a temporal hierarchy. For example, primary information can be presented first with a quick animation, followed by secondary information with a slower or more subtle animation.<\/p><\/li><li><p><strong>Focus on Active Elements<\/strong>: In forms or multi-step processes, the current or active field can be highlighted with a subtle animation, helping the user to understand where they are in the process and what requires their attention.<\/p><\/li><li><p><strong>Minimizing Overwhelm<\/strong>: It&#8217;s crucial to use animations to focus attention without overwhelming the user. This means not everything should be animated at once, and the animations themselves should be subtle and well-timed.<\/p><\/li><li><p><strong>Accessibility Considerations<\/strong>: It&#8217;s important to consider users who may be sensitive to motion or have attention-related disorders. Providing options to reduce motion or turn off animations can make the UI more accessible to a broader audience.<\/p><\/li><\/ol>\t\t\t\t\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4818\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4818\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Accessibility <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4818\" class=\"elementor-element elementor-element-69e8258 e-flex e-con-boxed e-con e-child\" data-id=\"69e8258\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a2171c elementor-widget elementor-widget-text-editor\" data-id=\"6a2171c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ensure animations don&#8217;t cause issues for users with sensitivities or disabilities. Provide options to reduce or remove animations if necessary.<\/p>\t\t\t\t\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4819\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"10\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4819\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Performance <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4819\" class=\"elementor-element elementor-element-330c41b e-flex e-con-boxed e-con e-child\" data-id=\"330c41b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e92fad4 elementor-widget elementor-widget-text-editor\" data-id=\"e92fad4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ensure that animations are optimized for performance, not causing delays or jitters, especially on lower-end devices.<\/p>\t\t\t\t\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\t<\/details>\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 class=\"elementor-element elementor-element-82546ed elementor-widget elementor-widget-heading\" data-id=\"82546ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Archive<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd8f0a elementor-grid-4 elementor-posts--align-center elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"0fd8f0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;pagination_type&quot;:&quot;numbers_and_prev_next&quot;,&quot;cards_columns&quot;:&quot;4&quot;,&quot;cards_masonry&quot;:&quot;yes&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-14501 post type-post status-publish format-standard hentry category-egyeb\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/digital-burlesque\/\" >\n\t\t\t\tDigital Burlesque\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2026.04.02.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-14431 post type-post status-publish format-standard has-post-thumbnail hentry category-egyeb\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/creating-colorable-svgs-in-illustrator\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/11\/colorsillustrator_800x450.jpg\" class=\"attachment-large size-large wp-image-14481\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/11\/colorsillustrator_800x450.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/11\/colorsillustrator_800x450-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/11\/colorsillustrator_800x450-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/11\/colorsillustrator_800x450-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Egy\u00e9b kateg\u00f3ria<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/creating-colorable-svgs-in-illustrator\/\" >\n\t\t\t\tCreating Colorable SVGs in Illustrator\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2025.11.07.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-14219 post type-post status-publish format-standard has-post-thumbnail hentry category-brand-identity-design category-portfolio\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/fontolo-branding\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_fontolo.jpg\" class=\"attachment-large size-large wp-image-13655\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_fontolo.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_fontolo-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_fontolo-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_fontolo-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Brand identity design<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/fontolo-branding\/\" >\n\t\t\t\tFontol\u00f3 Branding\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2025.10.27.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13658 post type-post status-publish format-standard has-post-thumbnail hentry category-logo-design category-portfolio\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/graphit-rebranding\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_graphit.jpg\" class=\"attachment-large size-large wp-image-13620\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_graphit.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_graphit-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_graphit-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/10\/logo_graphit-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Logo design<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/graphit-rebranding\/\" >\n\t\t\t\tgraphIT Rebranding\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2025.10.18.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13279 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio category-webdesign\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/website-for-lumiere-filmschool\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere.jpg\" class=\"attachment-large size-large wp-image-13520\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Portfolio<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/website-for-lumiere-filmschool\/\" >\n\t\t\t\tWebsite for Lumiere Filmschool\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2025.09.03.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13522 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio category-webdesign\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/fotoquick-website\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick.jpg\" class=\"attachment-large size-large wp-image-13511\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Portfolio<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/fotoquick-website\/\" >\n\t\t\t\tFotoquick Website\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2024.08.18.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-12893 post type-post status-publish format-standard has-post-thumbnail hentry category-egyeb\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/breakdown-of-hud-script-for-secondlife\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2024\/02\/rubysartdecoparticleshud.jpg\" class=\"attachment-large size-large wp-image-13835\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2024\/02\/rubysartdecoparticleshud.jpg 800w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2024\/02\/rubysartdecoparticleshud-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2024\/02\/rubysartdecoparticleshud-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2024\/02\/rubysartdecoparticleshud-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Egy\u00e9b kateg\u00f3ria<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/breakdown-of-hud-script-for-secondlife\/\" >\n\t\t\t\tBreakdown of HUD script for Secondlife\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2024.06.19.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13543 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio category-webdesign\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/andrea-lang-tamas-landing-page-design\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla.jpg\" class=\"attachment-large size-large wp-image-13513\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Portfolio<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/pappcseperke.hu\/hu\/andrea-lang-tamas-landing-page-design\/\" >\n\t\t\t\tAndrea L\u00e1ng Tam\u00e1s Landing Page Design\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2024.04.18.\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<div class=\"e-load-more-anchor\" data-page=\"1\" data-max-page=\"13\" data-next-page=\"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/page\/2\/\"><\/div>\n\t\t\t\t<nav class=\"elementor-pagination\" aria-label=\"Lapsz\u00e1moz\u00e1s\">\n\t\t\t<span class=\"page-numbers prev\">&laquo; Previous<\/span>\n<span aria-current=\"page\" class=\"page-numbers current\"><span class=\"elementor-screen-only\">Oldal<\/span>1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/page\/2\/\"><span class=\"elementor-screen-only\">Oldal<\/span>2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/page\/3\/\"><span class=\"elementor-screen-only\">Oldal<\/span>3<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/page\/4\/\"><span class=\"elementor-screen-only\">Oldal<\/span>4<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/page\/5\/\"><span class=\"elementor-screen-only\">Oldal<\/span>5<\/a>\n<a class=\"page-numbers next\" href=\"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/page\/2\/\">Next &raquo;<\/a>\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e615b65 elementor-widget elementor-widget-heading\" data-id=\"e615b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Video playlist<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30b9e88 e-tabs-view-vertical elementor-layout-end elementor-widget elementor-widget-video-playlist\" data-id=\"30b9e88\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;playlist_title&quot;:&quot;Playlist&quot;,&quot;tabs&quot;:[{&quot;title&quot;:&quot;ARTISTS FIGHT BACK Against AI &amp; Art Theft - July 2023 Senate Hearing (Part 1)&quot;,&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=KbYMysrJ7do&quot;,&quot;duration&quot;:&quot;1:18:55&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/img.youtube.com\\\/vi\\\/KbYMysrJ7do\\\/maxresdefault.jpg&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;_id&quot;:&quot;e197407&quot;,&quot;vimeo_url&quot;:null,&quot;type&quot;:&quot;youtube&quot;,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;,&quot;inner_tab_is_content_visible&quot;:&quot;&quot;,&quot;inner_tab_content_1&quot;:null,&quot;inner_tab_content_2&quot;:null},{&quot;title&quot;:&quot;Artists FIGHT BACK Against AI &amp; Art Theft  - July 2023 Senate Hearing (Part 2)&quot;,&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=px4Crl560j0&quot;,&quot;duration&quot;:&quot;1:04:13&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/img.youtube.com\\\/vi\\\/px4Crl560j0\\\/maxresdefault.jpg&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;_id&quot;:&quot;b65111f&quot;,&quot;vimeo_url&quot;:null,&quot;type&quot;:&quot;youtube&quot;,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;,&quot;inner_tab_is_content_visible&quot;:&quot;&quot;,&quot;inner_tab_content_1&quot;:null,&quot;inner_tab_content_2&quot;:null},{&quot;title&quot;:&quot;Artists FIGHT BACK Against AI &amp; Art Theft - July 2023 Senate Hearing (Part 3)&quot;,&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=A1W8Y4EFpcA&quot;,&quot;duration&quot;:&quot;1:12:10&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/img.youtube.com\\\/vi\\\/A1W8Y4EFpcA\\\/maxresdefault.jpg&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;_id&quot;:&quot;1406fe6&quot;,&quot;vimeo_url&quot;:null,&quot;type&quot;:&quot;youtube&quot;,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;,&quot;inner_tab_is_content_visible&quot;:&quot;&quot;,&quot;inner_tab_content_1&quot;:null,&quot;inner_tab_content_2&quot;:null}],&quot;inner_tab_title_1&quot;:&quot;Tab #1&quot;,&quot;inner_tab_title_2&quot;:&quot;Tab #2&quot;}\" data-widget_type=\"video-playlist.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"e-tabs\" role=\"region\" aria-labelledby=\"e-playlist-30b9e88\">\n\t\t\t<div class=\"e-tabs-main-area\">\n\t\t\t\t<div class=\"e-tabs-wrapper\">\n\t\t\t\t\t<div class=\"e-tabs-header\">\n\t\t\t\t\t\t<h2 class=\"e-tabs-title\" id=\"e-playlist-30b9e88\">Playlist<\/h2>\n\t\t\t\t\t\t<div class=\"e-tabs-header-right-side\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tabs-videos-count\">3 Videos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"e-tabs-toggle-videos-display-button rotate-down eicon-caret-down\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-tabs-items-wrapper\">\n\t\t\t\t\t\t<div class=\"e-tabs-items\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-5101\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-tab-content-5101\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/KbYMysrJ7do\/maxresdefault.jpg\" alt=\"ARTISTS FIGHT BACK Against AI &amp; Art Theft - July 2023 Senate Hearing (Part 1)\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><i aria-hidden=\"true\" class=\"fas fa-play-circle\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">ARTISTS FIGHT BACK Against AI & Art Theft - July 2023 Senate Hearing (Part 1)<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">1:18:55<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-5102\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-tab-content-5102\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/px4Crl560j0\/maxresdefault.jpg\" alt=\"Artists FIGHT BACK Against AI &amp; Art Theft  - July 2023 Senate Hearing (Part 2)\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><i aria-hidden=\"true\" class=\"fas fa-play-circle\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">Artists FIGHT BACK Against AI & Art Theft  - July 2023 Senate Hearing (Part 2)<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">1:04:13<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-5103\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-tab-content-5103\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/A1W8Y4EFpcA\/maxresdefault.jpg\" alt=\"Artists FIGHT BACK Against AI &amp; Art Theft - July 2023 Senate Hearing (Part 3)\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><i aria-hidden=\"true\" class=\"fas fa-play-circle\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">Artists FIGHT BACK Against AI & Art Theft - July 2023 Senate Hearing (Part 3)<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">1:12:10<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"shadow shadow-top\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t<div class=\"shadow shadow-bottom\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"e-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-5101\" class=\"e-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-5101\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=KbYMysrJ7do\" data-video-type=\"youtube\" data-video-title=\"ARTISTS FIGHT BACK Against AI &amp; Art Theft - July 2023 Senate Hearing (Part 1)\" data-video-duration=\"1:18:55\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-5102\" class=\"e-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-5102\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=px4Crl560j0\" data-video-type=\"youtube\" data-video-title=\"Artists FIGHT BACK Against AI &amp; Art Theft  - July 2023 Senate Hearing (Part 2)\" data-video-duration=\"1:04:13\" hidden=\"hidden\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-5103\" class=\"e-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-5103\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=A1W8Y4EFpcA\" data-video-type=\"youtube\" data-video-title=\"Artists FIGHT BACK Against AI &amp; Art Theft - July 2023 Senate Hearing (Part 3)\" data-video-duration=\"1:12:10\" hidden=\"hidden\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"e-tabs-inner-tabs\" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-04d3a99 e-flex e-con-boxed e-con e-parent\" data-id=\"04d3a99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa067ae elementor-widget elementor-widget-jet-animated-text\" data-id=\"fa067ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jet-animated-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-jet-animated-text jet-elements\">\n<div class=\"jet-animated-text jet-animated-text--effect-fx11\" data-settings='{&quot;effect&quot;:&quot;fx11&quot;,&quot;delay&quot;:3000}'>\n\t\t<div class=\"jet-animated-text__animated-text\">\n<div class=\"jet-animated-text__animated-text-item active visible\" dir=\"ltr\">\n\t<span>M<\/span><span>o<\/span><span>s<\/span><span>t<\/span><span>&nbsp;<\/span><span>r<\/span><span>e<\/span><span>c<\/span><span>e<\/span><span>n<\/span><span>t<\/span>&nbsp;<\/div>\n<div class=\"jet-animated-text__animated-text-item\" dir=\"ltr\">\n\t<span>B<\/span><span>r<\/span><span>o<\/span><span>w<\/span><span>s<\/span><span>e<\/span>&nbsp;<\/div>\n<\/div>\t<div class=\"jet-animated-text__after-text\">\n\t<span>Posts<\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Site Elements and Templates<\/p>","protected":false},"author":2,"featured_media":9448,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-egyeb"],"_links":{"self":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/comments?post=7997"}],"version-history":[{"count":71,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/revisions"}],"predecessor-version":[{"id":12756,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/7997\/revisions\/12756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/media\/9448"}],"wp:attachment":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/media?parent=7997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/categories?post=7997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/tags?post=7997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}