Card Type 17

Beach & Nautical
BOHO
branding
candyland
casino
circus
comic book
fairy tale
Gala
Beach & Nautical
BOHO
branding
candyland
casino
circus
comic book
fairy tale
Gala
Previous
Previous
Slide for More

Pattern HTML

<!-- wp:group {"metadata":{"name":"Theme Category Cards Grid"},"align":"full","className":"theme-category-grid","style":{"spacing":{"padding":{"top":"var:preset|spacing|6"}}},"layout":{"type":"constrained","contentSize":"1560px"}} --> <div class="wp-block-group alignfull theme-category-grid" style="padding-top:var(--wp--preset--spacing--6)"><!-- wp:group {"metadata":{"name":"Community Slider"},"animationsForBlocks":{"animation":"fade","variation":"fade","once":true,"mirror":false,"easing":"linear"},"align":"full","layout":{"type":"constrained","contentSize":""}} --> <div class="wp-block-group alignfull" data-aos="fade" data-aos-easing="linear" data-aos-once="true"><!-- wp:group {"className":"card-slider","style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|15"},"blockGap":"20px"}},"layout":{"type":"constrained","contentSize":""}} --> <div class="wp-block-group card-slider" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--15)"><!-- wp:da/wp-swiper-slides {"align":"full","containerWidth":100,"previousIcon":"https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-left-arrow.svg","nextIcon":"https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-right-arrow.svg","tabActive":"slide-2","pagination":false,"clickable_pagination":true,"spaceBetween":10,"tabsData":[{"clientId":"676d97a4-4c35-41d3-8644-b008f3c56256","slug":"slide-1"},{"clientId":"cdace63d-f1fc-4745-bc83-2661de494724","slug":"slide-2"},{"clientId":"1361d21d-7e26-4c4c-a374-bf11e6dd3a60","slug":"slide-3"},{"clientId":"5f028174-511e-4cca-97ee-237335ce9620","slug":"slide-4"},{"clientId":"5e03d095-acc7-45c3-99ef-c7ecc090e4bb","slug":"slide-5"},{"clientId":"f6cf2e30-cef2-4cae-83c7-9c9b7e111bbb","slug":"slide-6"}],"breakpoints":"{\u0022980\u0022:{\u0022slidesPerView\u0022:2}, \u0022640\u0022:{\u0022slidesPerView\u0022:1.5}, \u0022500\u0022:{\u0022slidesPerView\u0022:1}}\n","pagination_type":"progressbar"} --> <div class="alignfull alignfull wp-swiper alignfull"><div class="wp-swiper__wrapper"><div class="swiper-container swiper" data-swiper="{&quot;slidesPerView&quot;:&quot;1&quot;,&quot;slidesPerGroup&quot;:1,&quot;slidesPerGroupAuto&quot;:false,&quot;slidesPerGroupSkip&quot;:0,&quot;navigation&quot;:true,&quot;pagination&quot;:{&quot;type&quot;:&quot;progressbar&quot;,&quot;clickable&quot;:true},&quot;delay&quot;:3000,&quot;speed&quot;:500,&quot;loop&quot;:false,&quot;direction&quot;:&quot;horizontal&quot;,&quot;slidesOffsetBefore&quot;:0,&quot;slidesOffsetAfter&quot;:0,&quot;autoHeight&quot;:true,&quot;spaceBetween&quot;:10,&quot;releaseOnEdges&quot;:false,&quot;effect&quot;:&quot;slide&quot;,&quot;breakpoints&quot;:&quot;{\&quot;980\&quot;:{\&quot;slidesPerView\&quot;:2}, \&quot;640\&quot;:{\&quot;slidesPerView\&quot;:1.5}, \&quot;500\&quot;:{\&quot;slidesPerView\&quot;:1}}\n&quot;}"><div class="swiper-wrapper"><!-- wp:da/wp-swiper-slide {"slug":"slide-1","containerWidth":100} --> <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" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2895,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/beach.jpg" alt="" class="wp-image-2895"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">Beach &amp; Nautical</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/beach-nautical/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2894,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/BOHO.jpg" alt="" class="wp-image-2894"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">BOHO</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/boho/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --> <!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2892,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/branding.jpg" alt="" class="wp-image-2892"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">branding</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/branding/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --></div></div> <!-- /wp:da/wp-swiper-slide --> <!-- wp:da/wp-swiper-slide {"slug":"slide-2","containerWidth":100} --> <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" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2890,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/candyland.jpg" alt="" class="wp-image-2890"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">candyland</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/candyland/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --> <!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2889,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/casino.jpg" alt="" class="wp-image-2889"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">casino</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/casino/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2891,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/circus.jpg" alt="" class="wp-image-2891"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">circus</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/circus/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --></div></div> <!-- /wp:da/wp-swiper-slide --> <!-- wp:da/wp-swiper-slide {"slug":"slide-3","containerWidth":100} --> <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" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2888,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/comic-book.jpg" alt="" class="wp-image-2888"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">comic book</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/comic-book/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2887,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/fairy-tale.jpg" alt="" class="wp-image-2887"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">fairy tale</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/fairy-tale/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --> <!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2886,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Gala.jpg" alt="" class="wp-image-2886"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">Gala</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/gala/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --></div></div> <!-- /wp:da/wp-swiper-slide --> <!-- wp:da/wp-swiper-slide {"slug":"slide-4","containerWidth":100} --> <div data-tab="slide-4" 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" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2895,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/beach.jpg" alt="" class="wp-image-2895"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">Beach &amp; Nautical</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/beach-nautical/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2894,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/BOHO.jpg" alt="" class="wp-image-2894"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">BOHO</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/boho/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --> <!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2892,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/branding.jpg" alt="" class="wp-image-2892"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">branding</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/branding/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --></div></div> <!-- /wp:da/wp-swiper-slide --> <!-- wp:da/wp-swiper-slide {"slug":"slide-5","containerWidth":100} --> <div data-tab="slide-5" 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" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2890,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/candyland.jpg" alt="" class="wp-image-2890"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">candyland</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/candyland/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --> <!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2889,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/casino.jpg" alt="" class="wp-image-2889"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">casino</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/casino/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2891,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/circus.jpg" alt="" class="wp-image-2891"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">circus</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/circus/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --></div></div> <!-- /wp:da/wp-swiper-slide --> <!-- wp:da/wp-swiper-slide {"slug":"slide-6","containerWidth":100} --> <div data-tab="slide-6" 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" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2888,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/comic-book.jpg" alt="" class="wp-image-2888"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">comic book</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/comic-book/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2887,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/fairy-tale.jpg" alt="" class="wp-image-2887"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">fairy tale</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/fairy-tale/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --> <!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} --> <div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2886,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} --> <figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Gala.jpg" alt="" class="wp-image-2886"/></figure> <!-- /wp:image --> <!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} --> <h6 class="wp-block-heading">Gala</h6> <!-- /wp:heading --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} --> <div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} --> <div class="wp-block-group hover-content-wrapper"><!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} --> <div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/gala/">View More</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:info-cards-block/info-cards --></div> <!-- /wp:group --></div></div> <!-- /wp:da/wp-swiper-slide --></div></div><div class="wp_swiper__navigation"><div class="wp_swiper__navigation-container"><div class="swiper-button-prev wp_swiper__button-prev"><img src="https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-left-arrow.svg" alt="Previous"/></div><div class="swiper-button-next wp_swiper__button-next"><img src="https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-right-arrow.svg" alt="Previous"/></div></div></div></div></div> <!-- /wp:da/wp-swiper-slides --> <!-- wp:group {"className":"slide-for-more","style":{"spacing":{"margin":{"top":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} --> <div class="wp-block-group slide-for-more" style="margin-top:0"><!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"700"}},"fontSize":"heading-4","fontFamily":"two"} --> <h6 class="wp-block-heading has-two-font-family has-heading-4-font-size" style="font-style:normal;font-weight:700;text-transform:capitalize">Slide for More</h6> <!-- /wp:heading --> <!-- wp:image {"id":146,"sizeSlug":"large","linkDestination":"none","style":{"layout":{"selfStretch":"fixed","flexSize":"75px"}}} --> <figure class="wp-block-image size-large"><img src="https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/cross-arrow.svg" alt="" class="wp-image-146"/></figure> <!-- /wp:image --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:group -->

Pattern CSS

.wp-block-info-cards-block-info-cards .normal-card-layer figure { overflow: hidden; border-radius: 10px; } .wp-block-info-cards-block-info-cards .normal-card-layer figure img { transition: transform 0.4s ease-in-out; } .wp-block-info-cards-block-info-cards:hover .normal-card-layer figure img, .wp-block-info-cards-block-info-cards:focus-within .normal-card-layer figure img { transform: scale(1.2); } body .card-slider .swiper{ overflow: visible; } .theme-category-grid > div { background-position: right bottom -40px !important; } .theme-category-grid .wp-block-group.is-nowrap.is-layout-flex .wp-block-info-cards-block-info-cards{ min-width: 284px; min-height: 206px; background-color: var(--wp--preset--color--two) !important; } .theme-category-grid .wp-block-group.is-layout-constrained .wp-block-info-cards-block-info-cards{ min-height: 438px; } .card-slider .swiper-container.swiper { margin-left: calc((100% - 1170px) / 2); max-width: 1390px; } .theme-category-grid .wp-swiper > .wp-swiper__wrapper { margin-bottom: 0px; } .theme-category-grid .wp-block-info-cards-block-info-cards[data-content-align=center] .normal-content-wrapper{ justify-content: flex-end; text-align: left; } .theme-category-grid .wp-block-info-cards-block-info-cards .normal-card-layer:after { background: linear-gradient(180deg, rgba(26, 25, 25, 0.00) 0%, #1A1919 100%); border-radius: 10px; height: 30%; bottom: 0; top: inherit; opacity:1; } .theme-category-grid .wp-block-info-cards-block-info-cards[data-content-align=center] .normal-content-wrapper .wp-block-heading{ color: var(--wp--preset--color--one); font-size: var(--wp--preset--font-size--paragraph-2); font-weight: 600; letter-spacing: 1.8px; } .wp-block-info-cards-block-info-cards .hover-card-layer .hover-content-wrapper { width: 100%; height: 100%; } .wp-block-info-cards-block-info-cards .hover-card-layer .is-style-text-link .wp-block-button__link { font-size: var(--wp--preset--font-size--heading-4); font-weight: 500; font-family: var(--wp--preset--font-size--paragraph-1); filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2925%) hue-rotate(268deg) brightness(111%) contrast(100%); padding-bottom: 30px; padding-right: 0; background-position: center top 58%; background-image: url(/wp-content/uploads/2026/01/card-read-more-arrow.svg); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-decoration:none; } body .editor-styles-wrapper .normal-card-layer .normal-image-block { position: relative !important; } body .card-slider .wp_swiper__navigation-container { display: flex; gap: 30px; align-items: center; justify-content: end; position: relative; top: 45px; } body .swiper-button-next, body .swiper-button-prev { position: relative; margin-top: 5px; background-color: var(--wp--preset--color--three); border-radius: 50px; width: 44px; } body .swiper-button-next:focus, body .swiper-button-prev:focus { outline: 2px solid var(--wp--preset--color--two); } body .swiper-button-next svg, body .swiper-button-prev svg{ display: none; } body .wp-swiper .wp_swiper__button-next img, body .wp-swiper .wp_swiper__button-prev img { height: 16px; width: 15px; } .slide-for-more{ margin-right: 150px !important; gap: 15px !important; }