{"id":21913,"date":"2024-06-19T09:23:22","date_gmt":"2024-06-19T00:23:22","guid":{"rendered":"http:\/\/localhost\/blog\/?page_id=21913"},"modified":"2024-09-24T11:35:22","modified_gmt":"2024-09-24T11:35:22","slug":"guide-en","status":"publish","type":"post","link":"https:\/\/wordpress.pandassi.com\/hellopanda\/guide-en\/","title":{"rendered":"\ud83d\udc3c THEME GUIDE"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"alignfull alignfull nav-size-50 nav-color-white nav-position-outside wp-swiper alignfull nav-size-50 nav-color-white nav-position-outside nav-size-50 nav-color-white nav-position-outside\"><div class=\"wp-swiper__wrapper\"><div class=\"swiper-container swiper\" data-swiper=\"{&quot;data-slidesperview&quot;:&quot;1&quot;,&quot;data-navigation&quot;:true,&quot;data-pagination&quot;:true,&quot;data-autoplay&quot;:true,&quot;data-disableOnInteraction&quot;:true,&quot;data-pauseOnMouseEnter&quot;:false,&quot;data-delay&quot;:3000,&quot;data-speed&quot;:500,&quot;data-loop&quot;:true,&quot;data-effect&quot;:&quot;fade&quot;,&quot;data-direction&quot;:&quot;horizontal&quot;,&quot;data-freemode&quot;:false,&quot;data-autoheight&quot;:true,&quot;data-spacebetween&quot;:0,&quot;data-mousewheel&quot;:false,&quot;data-releaseonedges&quot;:false,&quot;data-paginationtype&quot;:&quot;bullets&quot;}\" data-slidesperview=\"1\" data-navigation=\"true\" data-pagination=\"true\" data-autoplay=\"true\" data-disableoninteraction=\"true\" data-pauseonmouseenter=\"false\" data-delay=\"3000\" data-speed=\"500\" data-loop=\"true\" data-effect=\"fade\" data-direction=\"horizontal\" data-freemode=\"false\" data-autoheight=\"true\" data-spacebetween=\"0\" data-mousewheel=\"false\" data-releaseonedges=\"false\" data-paginationtype=\"bullets\"><div class=\"swiper-wrapper\">\n<div data-tab=\"slide-1\" class=\"wp-swiper__slide swiper-slide\"><div class=\"wp-swiper__overlay-color\" style=\"background-color:rgba(0, 0, 0, 0)\"><\/div><div class=\"wp-swiper__slide-content\">\n<div class=\"wp-block-cover is-style-default media-reset-height wp-duotone-default-1\" style=\"min-height:650px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-31-gradient-background\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" class=\"wp-block-cover__image-background wp-image-16442\" alt=\"\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-scaled.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-scaled.jpg 2560w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-300x169.jpg 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-1024x576.jpg 1024w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group media-reset-padding is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)\">\n<p class=\"has-text-align-center has-xx-large-font-size\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10)\">Everyone becomes a designer<\/p>\n\n\n\n<p class=\"has-text-align-center has-x-huge-font-size\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-bottom:0\"><strong>HELLOPANDA<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-color has-white-color\" style=\"color:#fffffd;width:48px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\"><g><polygon height=\"50px\" points=\"79.293,56.49 69.632,46.829 59.97,56.49 50.309,46.829 40.647,56.49 30.985,46.829 21.324,56.49 11.66,46.827    3.412,55.046 0.589,52.213 11.665,41.174 21.324,50.833 30.985,41.172 40.647,50.833 50.309,41.172 59.97,50.833 69.632,41.172    79.293,50.833 88.944,41.183 100.02,52.095 97.213,54.944 88.966,46.818  \"><\/polygon><\/g><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\">The easiest and most convenient WordPress block theme<br>with over 1,000 design expert templates.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button is-style-hellopanda-button-2\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" href=\"\/hellopanda\/guide-ko\/\" style=\"border-style:none;border-width:0px;color:#e3e8eb;background-color:#304048;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">\ud83d\udc3c \ud55c\uae00 \uba54\ub274\uc5bc<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-hellopanda-button-6\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en\/\" style=\"border-style:none;border-width:0px\">English manual<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div data-tab=\"slide-2\" class=\"wp-swiper__slide swiper-slide\"><div class=\"wp-swiper__overlay-color\" style=\"background-color:rgba(0, 0, 0, 0)\"><\/div><div class=\"wp-swiper__slide-content\">\n<div class=\"wp-block-cover is-style-default media-reset-height wp-duotone-default-1\" style=\"min-height:650px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-34-gradient-background\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2504\" height=\"1224\" class=\"wp-block-cover__image-background wp-image-17314\" alt=\"\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2.png\" data-object-fit=\"cover\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2.png 2504w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-300x147.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-1024x501.png 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-768x375.png 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-1536x751.png 1536w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-2048x1001.png 2048w\" sizes=\"(max-width: 2504px) 100vw, 2504px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group media-reset-padding is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:3em;padding-bottom:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-133 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-white-color\" style=\"color:#fffffd;width:120px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 20\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><path d=\"M0,20L0,0h100v20h-7.61289v-12.274167h-84.739708v12.274167L0,20Z\" stroke-width=\"0\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-2 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--20)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated animate__pulse animate__infinite\" style=\"font-size:4.8em;;font-size:4.8em;\" rel=\"\">storm<\/span>\n\n\n\n<p class=\"has-text-align-center has-xx-huge-font-size\"><strong>1,087<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-xx-large-font-size\" style=\"padding-top:var(--wp--preset--spacing--10)\"><strong>DESIGN PATTERNS<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color wp-elements-9defb7c29fbd93a468d438c0b24be212\" style=\"margin-top:0;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--10);opacity:0.5\"><strong>AWESOME UI DESIGN<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-white-color rotate-180\" style=\"color:#fffffd;width:120px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 20\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><path d=\"M0,20L0,0h100v20h-7.61289v-12.274167h-84.739708v12.274167L0,20Z\" stroke-width=\"0\"><\/path><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div data-tab=\"slide-3\" class=\"wp-swiper__slide swiper-slide\"><div class=\"wp-swiper__overlay-color\" style=\"background-color:rgba(0, 0, 0, 0)\"><\/div><div class=\"wp-swiper__slide-content\">\n<div class=\"wp-block-cover is-style-default media-reset-height wp-duotone-default-1\" style=\"min-height:650px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-30-gradient-background\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-7215\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/104.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group media-reset-padding is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:3em;padding-bottom:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-140 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-8 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:5em;;font-size:5em;\" rel=\"\">bakery_dining<\/span>\n\n\n\n<p class=\"has-text-align-center has-x-large-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);letter-spacing:2px;text-transform:uppercase\"><strong>Happy WordPress<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-x-large-font-size\" style=\"margin-top:0;margin-bottom:0;letter-spacing:2px;text-transform:uppercase\"><strong>for success<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--10);\" ><div class=\"icon-container has-icon-color has-white-color rotate-180\" style=\"color:#fffffd;width:100px;padding-top:var(--wp--preset--spacing--10)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 1\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"1\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><div class=\"wp_swiper__navigation\"><div class=\"wp_swiper__navigation-container\"><div class=\"swiper-button-prev \"><\/div><div class=\"swiper-button-next \"><\/div><\/div><\/div><div class=\"swiper-pagination\"><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group media-query-transform-pc has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);transform:rotate(0deg) translate(0%, -30%);z-index:10\">\n<div class=\"wp-block-columns columns-media-2 is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\" style=\"height:%\">\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-container-core-column-is-layout-1 wp-block-column-is-layout-flow\" style=\"border-radius:5px\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"200\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex\" style=\"min-height:100%;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-1\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-12 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined left\" style=\"font-size:2em;;font-size:2em;\" rel=\"\">home<\/span>\n\n\n\n<p class=\"has-x-large-font-size\" style=\"padding-top:3px\"><strong>WORDPRESS<\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-2\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-3\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p><strong>WordPress Guide<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-767ac7b95e354b65bbe5c081e782a590 wp-container-content-3\">This is the official WordPress.com customer support site. If you use this page as needed, it will be a great help in site creation. Basically, we recommend that you operate WordPress with this guide in mind for regular use.<\/p>\n\n\n\n<p class=\"has-step-2-background-color has-background has-x-small-font-size\" style=\"border-color:var(--wp--preset--color--step-4);border-width:1px;border-radius:100px;margin-top:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><a href=\"https:\/\/wordpress.com\/ko\/support\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.com\/ko\/support<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-container-core-column-is-layout-2 wp-block-column-is-layout-flow\" style=\"border-radius:5px\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-15 wp-block-group-is-layout-flex\" style=\"min-height:100%;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-4\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-14 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined left\" style=\"font-size:2em;;font-size:2em;\" rel=\"\">layers<\/span>\n\n\n\n<p class=\"has-x-large-font-size\" style=\"padding-top:3px\"><strong>THEME GUIDE<\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-5\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-3\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p><strong>Theme guide<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-fbef7a23c631a59c0e2d935393afc8c1 wp-container-content-6\">We provide a comprehensive manual covering the Hellopanda theme. It provides a total of four large blocks: pattern block, advertisement block, map block, and icon block, and a customizing controller for the core block is also provided. For example, images have masking capabilities, animation effects, and the ability to understand scrolling.<\/p>\n\n\n\n<p class=\"has-base-color has-contrast-background-color has-text-color has-background has-link-color has-x-small-font-size wp-elements-ab53083501f4168fd1711a74e23bb96f\" style=\"border-color:var(--wp--preset--color--contrast);border-width:1px;border-radius:100px;margin-top:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><a href=\"\/hellopanda\/guide-en-pattern\">A guide on how to use patterns<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-container-core-column-is-layout-3 wp-block-column-is-layout-flow\" style=\"border-radius:5px\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"400\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex\" style=\"min-height:100%;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-7\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-16 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined left\" style=\"font-size:2em;;font-size:2em;\" rel=\"\">palette<\/span>\n\n\n\n<p class=\"has-x-large-font-size\" style=\"padding-top:3px\"><strong>THEME COLOR<\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-8\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-3\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p><strong>Change representative color<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-f796cd2b191b9b03ea799b691794b2dc wp-container-content-9\">We provide a manual for the most basic changes when using the Hellopanda theme. We support you to change the color definitions such as the theme&#8217;s foreground color, background color, and main color through a simple manual.<\/p>\n\n\n\n<p class=\"has-step-2-background-color has-background has-x-small-font-size\" style=\"border-color:var(--wp--preset--color--step-4);border-width:1px;border-radius:100px;margin-top:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><a href=\"\/hellopanda\/guide-en-color\">Guide on how to modify theme colors<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-600\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-columns columns-media-2 is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\" style=\"height:%\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6 wp-block-column-is-layout-flow\">\n<p class=\"has-huge-font-size\" style=\"border-radius:0px;font-style:normal;font-weight:100\">With one click<\/p>\n\n\n\n<p class=\"has-x-huge-font-size\" style=\"border-radius:0px;font-style:normal;font-weight:100\">beautiful design<\/p>\n\n\n\n<div class=\"wp-block-columns columns-media-2 is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--70);height:%\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-4 wp-block-column-is-layout-flow\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:2.5em;;font-size:2.5em;\" rel=\"\">ads_click<\/span>\n\n\n\n<p class=\"has-x-large-font-size\" style=\"padding-top:var(--wp--preset--spacing--20)\"><strong>1,000 Block Patterns<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-5\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-85ed912f55f27162ce56c1cf670c7066\">You can create a design in minutes using over 1,000 design patterns created by design experts.<\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-2dfb747386c0e4db4c1e2eb59b1a48d9\">Now just focus on your content. You don&#8217;t have to worry about design.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-5 wp-block-column-is-layout-flow\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined left\" style=\"font-size:2.5em;;font-size:2.5em;\" rel=\"\">browse<\/span>\n\n\n\n<p class=\"has-x-large-font-size\" style=\"padding-top:var(--wp--preset--spacing--20)\"><strong>Various Categories<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-5\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-966ce78f74833603ec5a73495214ab60\">It has been created so that you can easily complete the design for a variety of content by dividing it into appropriate elements such as titles, dividers, images, and sliders.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-7 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover aligncenter is-light\" style=\"min-height:500px;box-shadow: 0px 0px 6px 1px #00000033;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#dbdcdc\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2504\" height=\"1224\" class=\"wp-block-cover__image-background wp-image-17314\" alt=\"\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2.png\" data-object-fit=\"cover\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2.png 2504w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-300x147.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-1024x501.png 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-768x375.png 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-1536x751.png 1536w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-2048x1001.png 2048w\" sizes=\"(max-width: 2504px) 100vw, 2504px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background media-query-transform-pc media-query-hide-tablet media-query-hide-mobile is-style-default\" style=\"margin-bottom:0;z-index:;transform:rotate(0deg) skew(0deg, -4deg) translate(0px, 0px)\"\/>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-6-color has-alpha-channel-opacity has-step-6-background-color has-background media-query-hide-tablet media-query-hide-mobile media-query-transform-pc is-style-hellopanda-separator-3\" style=\"margin-bottom:var(--wp--preset--spacing--70);z-index:;transform:rotate(0deg) skew(0deg, -2deg) translate(0px, 0px)\"\/>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:5em;padding-bottom:3em;padding-bottom:3em;padding-top:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-8 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-11 wp-block-column-is-layout-flow\" data-aos=\"fade-right\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<p class=\"has-xxxx-large-font-size\" style=\"line-height:1.1\"><strong>Catch up <\/strong><br><strong>with the experts <\/strong><br><strong>perfectly and easily<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container\" style=\"width:48px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-c309d66b385ee57492cc8453a7575488\" style=\"line-height:1.6\">Catch up with the experts perfectly and easilyIf you think there are only many design block patterns, you will be disappointed. We have created over 300 styles of core blocks so you can easily apply styles for use at any time. Most of the elements that create the website you want, such as box shadows, shape transformations, and animations, are created and provide convenient management functions.<\/p>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-20 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\" style=\"padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);\" ><div class=\"icon-container\" style=\"width:48px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"48\" viewBox=\"0 -960 960 960\" width=\"48\"><path d=\"M132.5-106.5v-143L467-700l-36.5-49.5 18-13L480-718l33.5-44.5 17 13L494-700l334.5 450.5v143h-696ZM480-681 154.5-242v113.5h141l184.5-259 186.5 259h140V-242L480-681ZM322.5-128.5h316L480-349.5l-157.5 221Zm157.5-259 186.5 259-186.5-259-184.5 259 184.5-259Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-xx-large-font-size wp-elements-05a30f0323d66ab57772c089c590732e\"><strong>1,000<\/strong> +<\/p>\n\n\n\n<p class=\"has-step-10-color has-text-color has-link-color wp-elements-6a5e56f984db84bea5534ac534f8d6ed\" style=\"margin-top:0;margin-bottom:0\">Block Pattern Design<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-stretch has-step-5-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:1px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-21 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\" style=\"padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);\" ><div class=\"icon-container\" style=\"width:48px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"48\" viewBox=\"0 -960 960 960\" width=\"48\"><path d=\"M479.817-172Q368-172 290-247.5q-78-75.5-78-188 0-54.086 22.048-101.314Q256.096-584.043 290-622l190-186 189.859 185.842Q703.5-584 725.75-536.774T748-435.5q0 112.5-78.183 188t-190 75.5ZM237.5-400h485.901Q736-472.5 708.794-525.845q-27.205-53.344-53.923-80.02L480-778 305.143-605.717q-26.954 26.353-52.798 79.796Q226.5-472.478 237.5-400Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-xx-large-font-size wp-elements-85462fb921f72507ec4e0f32276fdca7\"><strong>300<\/strong> +<\/p>\n\n\n\n<p class=\"has-step-10-color has-text-color has-link-color wp-elements-26a65028a899a6fc752c357872bfa06f\" style=\"margin-top:0;margin-bottom:0\">Custom Style<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-aos=\"flip-left\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"300\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-bottom-right\" style=\"border-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#6ab7c1\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-8611\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/123.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-24 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div style=\"height:200px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-10\"><\/div>\n\n\n\n<div class=\"wp-block-group has-base-background-color has-background is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-23 wp-block-group-is-layout-flex\" style=\"border-top-left-radius:10px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-22 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"has-contrast-color has-text-color has-link-color wp-elements-697dbe9656583490b8f1ab5350d59345\">\ud83e\uddf3 HELLOPANDA<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:5em;padding-bottom:3em;padding-bottom:3em;padding-top:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-37 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-26 wp-block-group-is-layout-constrained\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:0;padding-bottom:0;\" ><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#37474F;width:70px;padding-top:0;padding-bottom:0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\"><g><polygon height=\"50px\" points=\"79.293,56.49 69.632,46.829 59.97,56.49 50.309,46.829 40.647,56.49 30.985,46.829 21.324,56.49 11.66,46.827    3.412,55.046 0.589,52.213 11.665,41.174 21.324,50.833 30.985,41.172 40.647,50.833 50.309,41.172 59.97,50.833 69.632,41.172    79.293,50.833 88.944,41.183 100.02,52.095 97.213,54.944 88.966,46.818  \"><\/polygon><\/g><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-xx-large-font-size\"><strong>theme guide<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);\" ><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#37474F;width:48px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-step-13-color has-text-color has-link-color wp-elements-1e77d18914880a825889332f2347356d\">This is a guide required when using the Hellopanda theme. <br>WordPress guides are the most important.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-53 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns columns-media-4 is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\" style=\"height:100%\">\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-30 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-29 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">home<\/span>\n\n\n\n<p><strong>WordPress Guide<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-db1716b0852599bd8f0e0f6f22d7fe98\">This is the official WordPress.com customer support site. If you use this page as needed, it will be a great help in site creation.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-11\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-9 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.com\/ko\/support\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\" target=\"_blank\" rel=\"noreferrer noopener\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-32 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-31 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">palette<\/span>\n\n\n\n<p><strong><strong>Edit color<\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-1eb8fb7196bcef6b0d340ab2089226e7\">You can modify the main color of your theme. Check the manual and change to the color you want. Dark mode can also be set.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-13\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-3 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-color\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-34 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-33 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">text_fields<\/span>\n\n\n\n<p><strong><strong>Edit font<\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-d3592402464551e306621423b2c7a006\">You can modify the default font used by your theme. We only introduce a method using Google Fonts, not a manual installation method.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-15\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-4 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-font\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-36 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-35 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">screenshot_monitor<\/span>\n\n\n\n<p><strong><strong><strong>Change website size<\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-6fc5c366952dacac1031f172d86ad0b3\">The default sizes are 1600px and 1400px. It is recommended that you change this size to take the sidebar into consideration.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-17\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-container\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns columns-media-4 is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex\" style=\"height:100%\">\n<div class=\"wp-block-column has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-94bba890836ad69a46a5f60d18ad2be0 is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-38 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">texture<\/span>\n\n\n\n<p><strong><strong><strong><strong>Using patterns<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-7-color has-text-color has-link-color has-small-font-size wp-elements-e29afd112d8abb7742fa8f29371a0e37\">We&#8217;ll guide you through using patterns, a core feature of the theme. Patterns take any of your designs to a professional level.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-19\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-16-color has-alpha-channel-opacity has-step-16-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-6 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-6 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-pattern\" style=\"border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-40 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-39 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">mouse<\/span>\n\n\n\n<p><strong><strong><strong><strong>Setting up scroll animation<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-c87b4e0014a1f9199fd32cd3c6168594\">Set the animation that exposes content when scrolling the screen. Wouldn&#8217;t it be a good idea to apply it to too many elements?<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-21\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-7 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-animation\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-stretch has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-42 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-41 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">sports_soccer<\/span>\n\n\n\n<p><strong><strong><strong><strong>Inserting an icon (plugin)<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-0e7ebda6e3e15e6827f02e4fb65bdf76\">Instructions on how to insert and set up icon blocks. There are two types, and the svg method is an external plugin.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-23\"><\/div>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-24\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-icon\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-44 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-43 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">view_column<\/span>\n\n\n\n<p><strong><strong><strong><strong>Inserting a slider (plugin)<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-7a4acc469ff0240bf671dad0070303fb\">Instructions on how to insert and use a slider on the screen. * This plugin is an external plugin.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-26\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-9 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-slider\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns columns-media-4 is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex\" style=\"height:100%\">\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-46 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-45 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">font_download<\/span>\n\n\n\n<p><strong><strong><strong><strong>Inserting AdSense ads (including other ads)<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-5d139e103f7e37819feb2e08fe9f5a02\">This guide covers general ad setup, not just AdSense. It guides you through the process of adding an ad section, setting its size, and inserting content into it. We help you insert any HTML-type content you want, even if it isn&#8217;t AdSense.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-28\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-10 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-advertise\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-48 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-47 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">newspaper<\/span>\n\n\n\n<p><strong>Create a page and set the layout<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-1980cc9580780a1ee4ffb6df83988ad6\">This is a guide to creating a new page and choosing a layout. Unlike writing a post, a page must be configured separately, and it is best to consider creating a unique address for the page and linking to it as the basic task. Create and manage pages freely.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-30\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-11 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-layout\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-50 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-49 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">map<\/span>\n\n\n\n<p><strong><strong><strong><strong>Inserting a map<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-f68e51ebca67bfa4cf2e509b3241b02b\">This is a guide to blocks where maps can be inserted. Although it is referred to as a map block, you can think of it as a code block into which you can insert HTML, CSS, and Javascript code. However, I thought it would be better to work separately as a map block, so I made it as a separate block.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-32\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-12 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-slider\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-step-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);box-shadow: 0px 6px 6px -6px #00000033\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-52 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-51 wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">menu<\/span>\n\n\n\n<p><strong><strong><strong><strong>Edit main category<\/strong><\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-9a147eae1f203a41060e5e2bf5282bab\">This is a guide to setting up the main category (navigation). WordPress allows you to easily create and delete even categories, and is designed to return the theme to its initial state at any time. Create and style your navigation.<\/p>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-34\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background\" style=\"border-top-width:1px\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-13 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-8 has-x-small-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/hellopanda\/guide-en-category\/\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">View guide<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern alignfull\" style=\"padding-top:5em;padding-bottom:3em;padding-bottom:3em;padding-top:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-46 has-step-3-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-color:var(--wp--preset--color--step-5);border-top-width:1px;border-bottom-color:var(--wp--preset--color--step-5);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:5em;padding-bottom:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-122 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-56 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-55 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-54 wp-block-group-is-layout-flex\" style=\"border-top-width:1px;border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">all_inclusive<\/span>\n\n\n\n<p class=\"has-x-large-font-size\" style=\"letter-spacing:2px\"><strong>P A T T E R N S<\/strong><\/p>\n\n\n\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">all_inclusive<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns columns-media-1 is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex\" style=\"height:100%\">\n<div class=\"wp-block-column is-vertically-aligned-stretch is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex\" style=\"height:100%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-60 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-cover\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\" style=\"background-color:#4b4c4a\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-16442\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/manual-1.jpg\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-58 wp-block-group-is-layout-flex\">\n<p style=\"border-color:var(--wp--preset--color--base);border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><strong>T I T L E<\/strong><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group box-shadow-10 has-step-1-background-color has-background wp-container-content-36 is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"has-step-10-color has-text-color has-link-color has-small-font-size wp-elements-39a0963bceae090745c962f63415a4b1\">Headline<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><strong>title design<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-a973bd1ca09d6ac3480225ffae424ef9\" style=\"margin-top:0;margin-bottom:0\">Many elements have been created, including title designs with typography as well as basic designs. You can even use paragraph dividers, and each element can have its properties set separately.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"100\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-63 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-cover\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" class=\"wp-block-cover__image-background wp-image-8643\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/153.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-61 wp-block-group-is-layout-flex\">\n<p style=\"border-color:var(--wp--preset--color--base);border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><strong>P A G E<\/strong><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group box-shadow-10 has-step-1-background-color has-background wp-container-content-37 is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"has-step-10-color has-text-color has-link-color has-small-font-size wp-elements-9f8af6ccbcfb3631ed7aa81936c46df8\">Completed page<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><strong>completed page<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-14f655cfb9a4b2a01588465a0010dc63\" style=\"margin-top:0;margin-bottom:0\">We provide a design that ties the entire page with a pattern. With the block theme function, you can also save the patterns you want in groups.<\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-b4deed0c3ef659c4d1b43770a158a16f\">Simply put, you can insert an entire page with one click.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.pandassi.com\/blog\/hellopanda\/hellopanda-pages\/hellopanda-pages-layout-full\/\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">\ud83d\udc3c Fullsize Design<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-30 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex\" style=\"height:100%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"200\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-66 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-cover\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-8641\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/151.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-64 wp-block-group-is-layout-flex\">\n<p class=\"has-white-color has-text-color has-link-color wp-elements-8be09155ed3cd818d3fd903a5382bc2a\" style=\"border-color:var(--wp--preset--color--base);border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><strong>C O N T E N T S<\/strong><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group box-shadow-10 has-step-1-background-color has-background wp-container-content-38 is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"has-step-10-color has-text-color has-link-color has-small-font-size wp-elements-0894fa1b5f98580fe1e4e68ad69e4196\">Contents Design<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><strong>content design<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-382db8c68ebc151cd564f83524483316\" style=\"margin-top:0;margin-bottom:0\">A variety of design patterns combining images and text are available. This is the most core category, and this feature allows you to create beautiful designs in seconds.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"300\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-69 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-cover\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-8644\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/154.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-67 wp-block-group-is-layout-flex\">\n<p style=\"border-color:var(--wp--preset--color--base);border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\"><strong>P O S T<\/strong><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group box-shadow-10 has-step-1-background-color has-background wp-container-content-39 is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"has-step-10-color has-text-color has-link-color has-small-font-size wp-elements-ce79530c4ae44f23cef5b027fc2d7946\">Post Design<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><strong>post design<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-8f9e7732ee9b30cadc046d4341619181\" style=\"margin-top:0;margin-bottom:0\">Designing paragraphs is also very important when blogging, and even this part can be neatly inserted as a pattern.<\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-e932f605fcdfca2929894b2610270187\">Now just focus on your content.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.25em;;font-size:1.25em;\" rel=\"\">favorite<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:4em;padding-bottom:5em;padding-bottom:5em;padding-top:4em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-112 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-76 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-75 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-73 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group media-query-transform-mobile has-base-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"transform:rotate(0deg) translate(0%, 50%)\">\n<p class=\"has-small-font-size\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);letter-spacing:2px;text-transform:uppercase\">Browser extensions<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:3px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<p class=\"has-text-align-center has-xxx-large-font-size\" style=\"letter-spacing:2px;line-height:1;text-transform:uppercase\">THEME <strong><strong>COLOR MODE<\/strong><\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"margin-bottom:0;margin-left:0;margin-right:0;margin-top:var(--wp--preset--spacing--60);padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:var(--wp--preset--spacing--60);margin-bottom:0;margin-left:0;margin-right:0;\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#37474F;width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 1 100\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"1\" height=\"100\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern alignfull\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-41 has-step-1-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex\" style=\"padding-right:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group media-half-block has-global-padding is-layout-constrained wp-container-core-group-is-layout-78 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<p class=\"has-small-font-size\" style=\"padding-bottom:var(--wp--preset--spacing--20)\">Theme Color Mode<\/p>\n\n\n\n<p class=\"has-huge-font-size\" style=\"margin-top:0;margin-bottom:0;padding-right:0;font-style:normal;font-weight:100;line-height:1.2\">color mode<br>light design<\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-left\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#37474F;width:48px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-c1f6c93a97c6659005f191fb75b8005c\" style=\"padding-right:0\">Light and dark modes are supported by default, allowing you to change the default theme provided by WordPress&#8217;s style options in real time. Color mode uses cookies to provide a more convenient visual experience for visiting users. You can change these colors at any time and they are separated so you can change them in great detail.<\/p>\n\n\n\n<div class=\"wp-block-buttons theme-toggle-btn is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button is-style-hellopanda-button-8 theme-toggle-btn-light\"><a class=\"wp-block-button__link wp-element-button\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">Shall we watch it in dark mode?<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-hellopanda-button-8 theme-toggle-btn-dark\"><a class=\"wp-block-button__link wp-element-button\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">Light mode again!<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-right\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-8616\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/128.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-41 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-79 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-40\"><\/div>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-large-font-size wp-elements-2be40418a6284ae6281a9f7135cbd4ce\">UX Design<\/p>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-small-font-size wp-elements-081298ba8f01ee23c3d28bc568f475e0\" style=\"opacity:0.4\">Since the start of the 21st century<\/p>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern alignfull\" style=\"padding-bottom:5em;padding-bottom:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-41 has-contrast-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-13 wp-block-columns-is-layout-flex\" style=\"padding-right:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-parallax has-custom-content-position is-position-bottom-right wp-duotone-duotone-06\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__image-background wp-image-4438 has-parallax\" style=\"background-position:50% 50%;background-image:url(\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/68.webp)\"><\/div><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-43 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-81 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-42\"><\/div>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-large-font-size wp-elements-2be40418a6284ae6281a9f7135cbd4ce\">UX Design<\/p>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-small-font-size wp-elements-081298ba8f01ee23c3d28bc568f475e0\" style=\"opacity:0.4\">Since the start of the 21st century<\/p>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group media-half-block has-base-color has-text-color has-link-color wp-elements-0113ff56eb27f6f06b63152140ecbf50 has-global-padding is-layout-constrained wp-container-core-group-is-layout-82 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p class=\"has-small-font-size\" style=\"padding-bottom:var(--wp--preset--spacing--20)\">Theme Color Mode<\/p>\n\n\n\n<p class=\"has-huge-font-size\" style=\"margin-top:0;margin-bottom:0;padding-right:0;font-style:normal;font-weight:100;line-height:1.2\">Color Mode<br>Dark Design<\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-left\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-color has-base-color\" style=\"color:#f0f0f0;width:48px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-step-10-color has-text-color has-link-color wp-elements-af58684db4a9964bca245ac8afd7ffd4\" style=\"padding-right:0\">Light and dark modes are supported by default, allowing you to change the default theme provided by WordPress&#8217;s style options in real time. Color mode uses cookies to provide a more convenient visual experience for visiting users. You can change these colors at any time and they are separated so you can change them in great detail.<\/p>\n\n\n\n<div class=\"wp-block-buttons theme-toggle-btn is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button theme-toggle-btn-light is-style-hellopanda-button-6\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-style:none;border-width:0px;padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">Shall we watch it in dark mode?<\/a><\/div>\n\n\n\n<div class=\"wp-block-button theme-toggle-btn-dark is-style-hellopanda-button-6\"><a class=\"wp-block-button__link has-gradient-31-gradient-background has-background wp-element-button\" style=\"border-style:none;border-width:0px;padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">Light mode again!<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:3em;padding-bottom:5em;padding-bottom:5em;padding-top:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-108 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-14 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right has-xxx-large-font-size\"><strong>Masking<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-right:0;padding-left:0;padding-top:0;padding-bottom:0;\" ><div class=\"icon-container\" style=\"width:1.88em;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 58 100\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"115\" height=\"1\" rx=\"0\" ry=\"0\" transform=\"matrix(.5-.866025 0.866025 0.5-.183011 99.592923)\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-medium-font-size\">Image Masking 20&#8217;s<\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-ab03575195b67e3a6a2a3f6e1eb43158\" style=\"margin-top:0;margin-bottom:0\">Image Masking Design Sample<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-columns columns-media-2 is-layout-flex wp-container-core-columns-is-layout-17 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);height:%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-15 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-hellopanda-image-1\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-300\" data-aos-delay=\"300\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/153.webp\" alt=\"\" class=\"wp-image-8643\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-hellopanda-image-4\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"500\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/153.webp\" alt=\"\" class=\"wp-image-8643\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-hellopanda-image-12\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-400\" data-aos-delay=\"400\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/153.webp\" alt=\"\" class=\"wp-image-8643\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-16 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-hellopanda-image-16\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-100\" data-aos-delay=\"100\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/125.webp\" alt=\"\" class=\"wp-image-8613\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-hellopanda-image-18\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-200\" data-aos-delay=\"200\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/125.webp\" alt=\"\" class=\"wp-image-8613\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-hellopanda-image-20\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"0\" data-aos-delay=\"0\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/125.webp\" alt=\"\" class=\"wp-image-8613\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background media-query-hide-tablet media-query-hide-mobile is-style-default media-query-transform-pc\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:0;z-index:;transform:rotate(0deg) skew(0deg, 6deg) translate(0px, 0px)\"\/>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-6-color has-alpha-channel-opacity has-step-6-background-color has-background media-query-hide-tablet media-query-hide-mobile is-style-default media-query-transform-pc\" style=\"margin-bottom:var(--wp--preset--spacing--70);z-index:;transform:rotate(0deg) skew(0deg, 2deg) translate(0px, 0px)\"\/>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:10em;padding-bottom:7em;padding-bottom:7em;padding-top:10em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-134 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-87 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-86 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container rotate-90\" style=\"width:45px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 1\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"1\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container\" style=\"width:120px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 20\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><path d=\"M0,0h100.043926v20h-3.769767v-16.274159h-92.548318v16.274159L0,20L0,0Z\" stroke-width=\"0\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-xx-large-font-size\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:0\"><strong>SCROLL<\/strong> ANIMATION UI . UX<\/p>\n\n\n\n<p class=\"has-text-align-center\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--20)\">Screen scroll animation function<\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container rotate-180\" style=\"width:120px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 20\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><path d=\"M0,0h100.043926v20h-3.769767v-16.274159h-92.548318v16.274159L0,20L0,0Z\" stroke-width=\"0\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container rotate-90\" style=\"width:45px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 1\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"1\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:3em;padding-bottom:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-233 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns columns-media-2 is-layout-flex wp-container-core-columns-is-layout-18 wp-block-columns-is-layout-flex\" style=\"height:%\">\n<div class=\"wp-block-column media-query-transform-pc is-layout-flow wp-container-core-column-is-layout-46 wp-block-column-is-layout-flow\" style=\"transform:rotate(0deg) translate(0%, 5%)\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:430px;aspect-ratio:unset;\" data-aos=\"fade-right\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-200\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#585858\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-7229\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/114.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-89 wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-2fed0a82ada12ff39ed96a07ed9b7779\"><strong>2001<\/strong><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-ddc53692bb53b0a78321abff5e2cfe67\"><strong>2012<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-large-font-size wp-elements-2744364744eb6631c710971128d55987\" style=\"padding-top:var(--wp--preset--spacing--10)\"><strong>Motion graphics<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-left-color:var(--wp--preset--color--black);border-left-width:1px;margin-top:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-text-color has-link-color has-small-font-size wp-elements-ea5d81cbd5d93227028a43fe00e6c028\" style=\"color:#858585;padding-top:0\">art of the user interface design is affected <br>by the quality of the page layout.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:430px;aspect-ratio:unset;\" data-aos=\"flip-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-200\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#585858\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-8623\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/135.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-92 wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-2fed0a82ada12ff39ed96a07ed9b7779\"><strong>2001<\/strong><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-ddc53692bb53b0a78321abff5e2cfe67\"><strong>2012<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-large-font-size wp-elements-2744364744eb6631c710971128d55987\" style=\"padding-top:var(--wp--preset--spacing--10)\"><strong>Motion graphics<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-left-color:var(--wp--preset--color--black);border-left-width:1px;margin-top:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-text-color has-link-color has-small-font-size wp-elements-ea5d81cbd5d93227028a43fe00e6c028\" style=\"color:#858585;padding-top:0\">art of the user interface design is affected <br>by the quality of the page layout.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column media-query-transform-pc is-layout-flow wp-container-core-column-is-layout-47 wp-block-column-is-layout-flow\" style=\"transform:rotate(0deg) translate(0%, -5%)\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\" data-aos=\"fade-left\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-400\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\" style=\"background-color:#4f4b47\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-7223\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/112.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-95 wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-2fed0a82ada12ff39ed96a07ed9b7779\"><strong>2001<\/strong><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-ddc53692bb53b0a78321abff5e2cfe67\"><strong>2012<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-large-font-size wp-elements-0ed38fb4a8a6a9e3aa27dbc2d5826666\" style=\"padding-top:var(--wp--preset--spacing--10)\"><strong>Tools and technologies<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-left-color:var(--wp--preset--color--black);border-left-width:1px;margin-top:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-text-color has-link-color has-small-font-size wp-elements-ea5d81cbd5d93227028a43fe00e6c028\" style=\"color:#858585;padding-top:0\">art of the user interface design is affected <br>by the quality of the page layout.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\" data-aos=\"flip-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-400\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\" style=\"background-color:#4f4b47\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-7222\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/111.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-98 wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-2fed0a82ada12ff39ed96a07ed9b7779\"><strong>2001<\/strong><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-x-small-font-size wp-elements-ddc53692bb53b0a78321abff5e2cfe67\"><strong>2012<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color has-large-font-size wp-elements-0ed38fb4a8a6a9e3aa27dbc2d5826666\" style=\"padding-top:var(--wp--preset--spacing--10)\"><strong>Tools and technologies<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-left-color:var(--wp--preset--color--black);border-left-width:1px;margin-top:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-text-color has-link-color has-small-font-size wp-elements-ea5d81cbd5d93227028a43fe00e6c028\" style=\"color:#858585;padding-top:0\">art of the user interface design is affected <br>by the quality of the page layout.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"paragraph-dropcap paragraph-scale-small paragraph-weight-100\">Provides a style that allows you to easily use the Scroll Animations function. Detailed functions for animation type, speed, timing, and direction can be set and the AOS library is used. You will be able to easily organize your dynamic content. All of these features are responsive on mobile and are configured to support all device sizes. Don\u2019t you think blogging will be really fun? My heart is excited.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-103 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group wp-container-content-44 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-102 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-xxx-large-font-size\">element<br>animated<br>movie<\/p>\n\n\n\n<p class=\"has-text-align-center\">Individual animation can also be applied to image and icon blocks.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background media-query-hide-tablet media-query-hide-mobile is-style-default media-query-transform-pc\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:0;z-index:;transform:rotate(0deg) skew(0deg, 6deg) translate(0px, 0px)\"\/>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-6-color has-alpha-channel-opacity has-step-6-background-color has-background media-query-hide-tablet media-query-hide-mobile is-style-default media-query-transform-pc\" style=\"margin-bottom:var(--wp--preset--spacing--70);z-index:;transform:rotate(0deg) skew(0deg, 2deg) translate(0px, 0px)\"\/>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:3em;padding-bottom:9em;padding-bottom:9em;padding-top:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-146 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-106 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated animate__fadeOutLeft animate__infinite\" style=\"font-size:4em;;font-size:4em;\" rel=\"\">fast_rewind<\/span>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-105 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-104 wp-block-group-is-layout-flex\" style=\"border-width:5px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined center animate__animated animate__swing animate__infinite\" style=\"font-size:4em;;font-size:4em;\" rel=\"\">airplanemode_active<\/span>\n\n\n\n<p class=\"has-text-align-center has-xx-huge-font-size\" style=\"padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><strong>nap<\/strong><\/p>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--10);letter-spacing:3px;text-transform:uppercase\">ELEM. ANIMATION<\/p>\n<\/div>\n\n\n\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated animate__fadeOutRight animate__infinite\" style=\"font-size:4em;;font-size:4em;\" rel=\"\">fast_forward<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background media-query-transform-pc media-query-hide-tablet media-query-hide-mobile is-style-default\" style=\"margin-bottom:0;z-index:;transform:rotate(0deg) skew(0deg, -4deg) translate(0px, 0px)\"\/>\n\n\n\n<hr class=\"wp-block-separator alignfull has-text-color has-step-6-color has-alpha-channel-opacity has-step-6-background-color has-background media-query-hide-tablet media-query-hide-mobile media-query-transform-pc is-style-default\" style=\"margin-bottom:var(--wp--preset--spacing--70);z-index:;transform:rotate(0deg) skew(0deg, -2deg) translate(0px, 0px)\"\/>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:3em;padding-bottom:3em;padding-bottom:3em;padding-top:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-97 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"300\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-19 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-48 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-109 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">science<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-45 is-vertical is-layout-flex wp-container-core-group-is-layout-108 wp-block-group-is-layout-flex\">\n<p><strong>Additional style definitions for core blocks<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-2ef866ec3fbf73ff15dc752d464c4439\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10)\">It provides custom styles for most core blocks, including author, tag, category, date, paragraph, list, image, cover, and query. This feature combines with WordPress&#8217; default styles to create powerful and versatile design settings. Even paragraph breaks are meticulously designed for easy design. Isn&#8217;t it amazing?<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-111 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">shadow<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-46 is-vertical is-layout-flex wp-container-core-group-is-layout-110 wp-block-group-is-layout-flex\">\n<p><strong>Box Shadow Style Settings<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-3374e452c314300c9a0f2a780642194f\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);box-shadow: 0px 0px 0px 0px #000000ff\">Grouped blocks provide a box shadow style. You can set the numbers in detail, and recommended shadow styles are also provided. Control the detailed settings of the box shadow, including exterior, interior, X-Y axis, blur, and size.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-113 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">activity_zone<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-47 is-vertical is-layout-flex wp-container-core-group-is-layout-112 wp-block-group-is-layout-flex\">\n<p><strong>Shape transformation style setting (Transform Style)<\/strong><\/p>\n\n\n\n<p class=\"media-query-transform-pc has-step-13-color has-text-color has-link-color wp-elements-d3e00449b092b7b9ae5ccf5d36ff5020\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);transform:rotate(0deg) translate(0px, 0px)\">This feature is powerful. It is designed to control the Transform property, which can transform the shape of an element. Four properties can be set in detail: Rotate, Size (Scale . And most importantly, this property is often a problem in PC, TABLET, and MOBILE, but it provides an option to convert the shape only on the desired device, allowing you to work on the design UI very comfortably.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-115 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated animate__rubberBand animate__infinite\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">nest_eco_leaf<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-48 is-vertical is-layout-flex wp-container-core-group-is-layout-114 wp-block-group-is-layout-flex\">\n<p><strong>Element Animation<\/strong><\/p>\n\n\n\n<p class=\"media-query-transform-pc has-step-13-color has-text-color has-link-color wp-elements-6b97b97edb6c60e4751852e03a0b1e05\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);transform:rotate(0deg) translate(0px, 0px)\">While scroll animation controls the screen, this is an animation function that controls elements. It was created for the purpose of animation of icons and images, and was created so that you can set about 100 animation effects as well as animation type, animation delay, animation speed, and animation repetition number.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-117 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">grid_3x3<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-49 is-vertical is-layout-flex wp-container-core-group-is-layout-116 wp-block-group-is-layout-flex\">\n<p><strong>Additional styles (Padding, Margin, Border, Gap)<\/strong><\/p>\n\n\n\n<p class=\"media-query-transform-pc has-step-13-color has-text-color has-link-color wp-elements-c8352c5c198ed05a42e4a6caf2abbfff\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);transform:rotate(0deg) translate(0px, 0px)\">Some blocks in WordPress require padding, margins, or borders, but they are not included in the default settings, which can often be inconvenient. This feature may be added as WordPress is updated, but until then, I think it will be a fun feature to use. Because the design is so delicate.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-49 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-119 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">wifi_tethering<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-50 is-vertical is-layout-flex wp-container-core-group-is-layout-118 wp-block-group-is-layout-flex\">\n<p><strong>Transparency settings (Opacity Style)<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-f763722b2d11cfac628671c1716fb9ab\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10)\">Provides the option to set transparency for most elements. Transparency can be specified numerically, but you can manage the transparency of elements more easily by specifying the recommended transparency in stages. However, since it is transparent, you shouldn&#8217;t use too much, right?<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-121 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">text_fields<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-51 is-vertical is-layout-flex wp-container-core-group-is-layout-120 wp-block-group-is-layout-flex\">\n<p><strong>DropCap Style Settings<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-df2a12c7849ab34661812a7caaa78022\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10)\">WordPress supports basic dropcap functionality. However, the settings were a bit lacking, so I added a customizable style. You can set the drop cap&#8217;s uppercase and lowercase letters, font size, and font thickness in detail. I think this will be a very useful feature for those who post a lot.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-123 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">all_inclusive<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-52 is-vertical is-layout-flex wp-container-core-group-is-layout-122 wp-block-group-is-layout-flex\">\n<p><strong>Scroll Animation<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-3735c344fb60707ef9bec14e50ff9262\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10)\">Scroll animation is designed to allow users to easily set screen scroll animation by combining it with an external library (AOS). It provides activation count and playback repeat functions, and allows you to control activation delay, activation time, and activation timing, so it will be a great help in creating the design you want. Especially when creating a One Page Website or Page, you will experience the magic of creating content in just 5 minutes.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-125 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined  animate__animated\" style=\"font-size:1.5em;;font-size:1.5em;\" rel=\"\">robot<\/span>\n\n\n\n<div class=\"wp-block-group wp-container-content-53 is-vertical is-layout-flex wp-container-core-group-is-layout-124 wp-block-group-is-layout-flex\">\n<p><strong>Media Query Control<\/strong><\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-cd07d03fff37935a3b0e4ae327daa84c\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10)\">This may be a somewhat unfamiliar feature. This function allows you to select only the environment you want to see in PC, mobile, and tablet environments. Since there are so many different designs out there, we thought there might be someone who specifically needs this feature. In fact, this theme also has this feature applied to several areas. An option has also been added to reset the width, height, and padding on mobile or to maximize the width only on mobile.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern alignfull\" style=\"padding-top:4em;padding-bottom:3em;padding-bottom:3em;padding-top:4em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-195 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignfull is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-128 wp-block-group-is-layout-flex\">\n<hr class=\"wp-block-separator has-text-color has-step-7-color has-alpha-channel-opacity has-step-7-background-color has-background wp-container-content-54\"\/>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-127 wp-block-group-is-layout-flex\" style=\"border-width:1px;padding-top:0.3em;padding-right:var(--wp--preset--spacing--20);padding-bottom:0.3em;padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-small-font-size\">I N F O R M A T I O N<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-7-color has-alpha-channel-opacity has-step-7-background-color has-background wp-container-content-55\"\/>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:3em;padding-bottom:2em;padding-bottom:2em;padding-top:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-112 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-134 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-133 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-131 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group media-query-transform-mobile has-base-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"transform:rotate(0deg) translate(0%, 50%)\">\n<p class=\"has-small-font-size\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);letter-spacing:2px;text-transform:uppercase\">WHY HELLOPANDA<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:3px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<p class=\"has-text-align-center has-xxx-large-font-size\" style=\"letter-spacing:2px;line-height:1;text-transform:uppercase\"><strong><strong>philosophy<\/strong><\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:5em;padding-top:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-68 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\" data-aos=\"fade\" data-aos-easing=\"ease-out\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-300\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-143 wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-20 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-20 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-31-gradient-background\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" class=\"wp-block-cover__image-background wp-image-8642\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/152.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-137 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-base-color\" style=\"color:#f0f0f0;width:36px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 300 300\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><path d=\"M0,0v300L300,0L0,0Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-57 is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-136 wp-block-group-is-layout-flex\" style=\"min-height:15em\">\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-xxxx-large-font-size wp-elements-5dfd8e8e8fc7f6865908534af0ab7c58\" style=\"text-shadow:0px 0px 3px #ffffff80\"><strong>HELLOPANDA<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;opacity:0.5\">AWESOME WORDPRESS THEME<\/p>\n<\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-58\"><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-20 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-31-gradient-background\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" class=\"wp-block-cover__image-background wp-image-16442\" alt=\"\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-scaled.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-scaled.jpg 2560w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-300x169.jpg 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-1-1024x576.jpg 1024w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-139 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-59\"><\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-60 is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-138 wp-block-group-is-layout-flex\" style=\"min-height:15em\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-white-color\" style=\"color:#fffffd;width:100px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M465-165q9 0 18.75-4.25T500-180l300.5-300.5q18-18 28.25-34T839-552q0-22-9.75-41.5T802.5-631l-137-136.5q-16-16-33.25-23.5T595-798.5q-20 0-38.25 9.75T523.5-763.5L484-724l72.5 72.5q10.5 11 16.25 24.75T578.5-599q0 27.5-17.47 45-17.469 17.5-44.53 17.5-14 0-27.25-4.25T465.5-555.5l-74.5-73L221.5-459q-7.5 7.7-11.25 16.85-3.75 9.15-3.75 18.23 0 16.16 10 26.04 10 9.88 26 9.88 9 0 18.75-4.5T277.5-403L400-525.5l18.5 18.5-123 122.5q-7.5 7.5-11.25 16.75t-3.75 18.25q0 15 10.5 25.5t25.667 10.5q9.333 0 19.083-4.5 9.75-4.5 15.772-10.522L486-463.5l18.5 18.5L370-310.5q-7 7-11 16.583-4 9.584-4 18.417 0 15.5 10.25 25.75T391-239.5q9 0 18.15-3.75Q418.3-247 426-254.5L560.5-389l18.5 18.5L444.5-236q-7.5 7.7-11.25 17.85-3.75 10.15-3.75 17.983Q429.5-184 440-174.5t25 9.5Zm.5 25.5q-28.5 0-48-21.25t-13-52.75q-34 2-56-17.25t-19-57.25q-38 2-58.25-18.25T255-362.5q-30.5 3-52.5-13.596-22-16.595-22-48.404 0-14 5-27.75t16-24.75L391-666.5l90.5 90.5q6 6 15 10.25t20 4.25q14 0 25-10.135 11-10.136 11-26.448 0-10.917-4.25-19.917-4.25-9-10.281-15.021L403.5-767.5Q388-783 370.911-790.75T334-798.5q-20 0-36.5 7.25t-32 23.25L154-657q-15 15-23.75 35.5t-8.25 44q.5 17 4.25 30.5t10.25 24l-20 20q-8-14-13.5-33.5t-6-41q-1-27 8.5-52.25t29-44.75l113-113q18-18 39.25-27.25T335-824q26.097 0 46.94 10 20.843 10 40.915 30l42.035 42 42.035-42q19.575-20 40.911-30 21.336-10 47.164-10 29 0 50.75 10.5t39.768 28.458L821.5-649.5q20.5 21 31.75 45.5t11.25 52q0 27-11.75 47.25T820-463L518-161q-12 12-25 16.75t-27.5 4.75ZM320-619.5Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-61\"><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-21 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-step-1-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-140 wp-block-group-is-layout-flex\" style=\"min-height:100%;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60);box-shadow: 0px 0px 4px 0px #0000001a\">\n<p class=\"has-x-large-font-size\" style=\"text-transform:uppercase\"><strong>FUNCTION OF PATTERN<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:0;padding-bottom:0;\" ><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#37474F;width:48px;padding-top:0;padding-bottom:0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\"><g><polygon height=\"50px\" points=\"79.293,56.49 69.632,46.829 59.97,56.49 50.309,46.829 40.647,56.49 30.985,46.829 21.324,56.49 11.66,46.827    3.412,55.046 0.589,52.213 11.665,41.174 21.324,50.833 30.985,41.172 40.647,50.833 50.309,41.172 59.97,50.833 69.632,41.172    79.293,50.833 88.944,41.183 100.02,52.095 97.213,54.944 88.966,46.818  \"><\/polygon><\/g><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-step-13-color has-text-color has-link-color wp-elements-b47f78437bd71d14ab52091aa68c3b26\">More people than you might think struggle with design. Naturally, design is an area of \u200b\u200bexpertise that can be considered a profession. However, I am negative about the idea that the types of designs will be incredibly diverse. Because the designs shown on the web are more limited and fixed than you might think, we wanted to provide most of those patterns.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover stretch align-flex-stretch\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-20 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-8644\" alt=\"\" src=\"\/hellopanda\/wp-content\/plugins\/hellopanda-theme-expand\/assets\/image\/library\/154.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-142 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-62\"><\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-63 is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-141 wp-block-group-is-layout-flex\">\n<p class=\"has-x-small-font-size\" style=\"letter-spacing:7px\"><strong>PATTERN<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-color has-white-color\" style=\"color:#fffffd;width:36px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 10\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"10\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\" style=\"letter-spacing:3px;text-transform:uppercase\">UI \/ UX<br>development<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-right\"><div class=\"icon-container has-icon-color has-base-color rotate-180\" style=\"color:#f0f0f0;width:36px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 300 300\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><path d=\"M0,0v300L300,0L0,0Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50);\" ><div class=\"icon-container\" style=\"width:12px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 100\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\" transform=\"matrix(.499999 0.499999-.499999 0.499999 50.000003 0.000055)\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:3em;padding-bottom:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-78 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-145 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-outermost-icon-block media-query-transform-mobile\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-background-color has-base-background-color rotate-90\" style=\"background-color:#f0f0f0;width:64px;padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);transform:rotate(0deg) translate(0%, 50%)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:3px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-22 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-outermost-icon-block items-justified-left\" style=\"margin-bottom:var(--wp--preset--spacing--20);margin-top:0;margin-top:0;margin-bottom:var(--wp--preset--spacing--20);\"><div class=\"icon-container rotate-180 flip-horizontal\" style=\"width:20px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M13 14.725c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275zm-13 0c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>Hellopanda theme is optimized for page design and posting. You can freely design elements with over 1,000 patterns and easily change patterns. In addition, the style of the core block has been expanded to allow for more detailed design settings. It was created based on the WordPress block theme, and we agree that the block theme is the next generation web production method and will continue to develop it accordingly.<\/p>\n\n\n\n<p>Our theme developers are experts among experts with over 20 years of back-end and front-end experience. With the introduction of WordPress, we are developing cooler and more powerful design tools, and the Hellopanda theme will continue to develop further.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>All code in the Hellopanda theme is responsive. It was developed without compromising the basic WordPress system, and supports more detailed responsive codes. We will provide you with the most perfect responsive code based on 1600px, 1400px, 1280px, 800px, and 600px.<br><br>Lastly, we will not stop theme development here and will continue to create more convenient add-on features. With a focus on making page creation easy, we also plan to develop patterns that allow you to easily change headers, footers, panels, and sidebars. Now you only need one theme. Hellopanda theme will make your WordPress experience more enjoyable.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-5\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p class=\"has-small-font-size\"><strong>\ud83d\udc3c HELLOPANDA \uc81c\uc791\ud300<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-right\" style=\"margin-bottom:0;margin-top:var(--wp--preset--spacing--20);margin-top:var(--wp--preset--spacing--20);margin-bottom:0;\"><div class=\"icon-container rotate-180\" style=\"width:20px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M13 14.725c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275zm-13 0c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-147 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-outermost-icon-block media-query-transform-mobile\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-background-color has-base-background-color rotate-90\" style=\"background-color:#f0f0f0;width:64px;padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);transform:rotate(0deg) translate(0%, -50%)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:3em;padding-bottom:3em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-17 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-300\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<hr class=\"wp-block-separator has-text-color has-step-5-color has-alpha-channel-opacity has-step-5-background-color has-background\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40)\"\/>\n\n\n\n<div class=\"wp-block-group wp-container-content-69 is-layout-flex wp-container-core-group-is-layout-152 wp-block-group-is-layout-flex\" style=\"border-left-color:var(--wp--preset--color--contrast);border-left-width:3px;padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group wp-container-content-68 is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-151 wp-block-group-is-layout-flex\" style=\"padding-left:0\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-150 wp-block-group-is-layout-flex\">\n<p class=\"has-step-13-color has-text-color has-link-color has-small-font-size wp-elements-43828e990a2a7d0108b6502a442a471b wp-container-content-66\" style=\"padding-bottom:3px\">WordPress allowed us to perfect our design philosophy.<\/p>\n\n\n\n<p style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\">WordPress allowed us to perfect our design philosophy.<\/p>\n<\/div>\n\n\n<div class=\"gap-20 radius-image-circle is-style-hellopanda-post-author-horizontal-1 post-author-has-byline wp-block-post-author has-medium-font-size\"><div class=\"wp-block-post-author__avatar\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/e40b1baa332aebba1cf38ef3e1809416?s=96&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/e40b1baa332aebba1cf38ef3e1809416?s=192&#038;d=mm&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__byline\">WordPress Editor<\/p><p class=\"wp-block-post-author__name\"><a href=\"https:\/\/wordpress.pandassi.com\/hellopanda\/author\/pandassi\/\" target=\"_self\">pandassi<\/a><\/p><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\" data-aos=\"flip-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-500\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-17 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-hellopanda-button-6 has-large-font-size\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.pandassi.com\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)\" target=\"_blank\" rel=\"noreferrer noopener\">\ud83d\udc3c Visit Hellopanda<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WORDPRESS WordPress Guide This is the official WordPress.com customer support site. If you use this page as needed, it will be a great help in site creation. Basically, we recommend that you operate WordPress with this guide in mind for regular use. https:\/\/wordpress.com\/ko\/support THEME GUIDE Theme guide We provide a comprehensive manual covering the Hellopanda [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23010,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,6],"tags":[],"class_list":["post-21913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-en","category-guide"],"_links":{"self":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/21913"}],"collection":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/comments?post=21913"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/21913\/revisions"}],"predecessor-version":[{"id":23013,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/21913\/revisions\/23013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media\/23010"}],"wp:attachment":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media?parent=21913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/categories?post=21913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/tags?post=21913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}