FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-essential-addons
/
patterns
Edit File: mp-portfolio-grid.php
<?php /** * Title: PRO:Portfolio Grid * Slug: cozy-essential-addons/mp-portfolio-grid * Categories: mighty-plumbers */ ?> <!-- wp:group {"metadata":{"name":"Portfolio Grid","categories":["mighty-plumbers"],"patternName":"cozy-essential-addons/mp-portfolio-grid"},"style":{"spacing":{"padding":{"top":"80px","bottom":"24px","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"primary","layout":{"type":"constrained","contentSize":"1180px"}} --> <div class="wp-block-group has-primary-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:80px;padding-right:var(--wp--preset--spacing--40);padding-bottom:24px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"className":"mighty-plumbers-fade-up","style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"bottom":"48px"},"padding":{"bottom":"0px"}},"border":{"bottom":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","contentSize":"1180px"}} --> <div class="wp-block-group mighty-plumbers-fade-up" style="border-bottom-style:none;border-bottom-width:0px;margin-bottom:48px;padding-bottom:0px"><!-- wp:columns {"verticalAlignment":"bottom","style":{"border":{"bottom":{"color":"#ffffff5c","width":"1px"}},"spacing":{"padding":{"bottom":"32px"}}}} --> <div class="wp-block-columns are-vertically-aligned-bottom" style="border-bottom-color:#ffffff5c;border-bottom-width:1px;padding-bottom:32px"><!-- wp:column {"verticalAlignment":"bottom","width":"66.66%"} --> <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:66.66%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group"><!-- wp:separator {"style":{"layout":{"selfStretch":"fixed","flexSize":"30px"}},"backgroundColor":"secondary"} --> <hr class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background"/> <!-- /wp:separator --> <!-- wp:heading {"textAlign":"center","level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase"}},"textColor":"secondary"} --> <h6 class="wp-block-heading has-text-align-center has-secondary-color has-text-color has-link-color" style="text-transform:uppercase">Portfolios</h6> <!-- /wp:heading --></div> <!-- /wp:group --> <!-- wp:heading {"textAlign":"left","level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"xx-large"} --> <h1 class="wp-block-heading has-text-align-left has-light-color-color has-text-color has-link-color has-xx-large-font-size">Latest Projects</h1> <!-- /wp:heading --> <!-- wp:paragraph {"align":"left","style":{"spacing":{"margin":{"top":"24px"}},"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color"} --> <p class="has-text-align-left has-light-color-color has-text-color has-link-color" style="margin-top:24px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"bottom","width":"33.33%"} --> <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33.33%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"light-color","className":"is-style-fill","style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}},"spacing":{"padding":{"left":"40px","right":"40px","top":"20px","bottom":"20px"}},"border":{"radius":"0px"}},"cozyHoverStyles":{"bgColor":"#FFFFFF","color":"#EB7100","borderColor":""}} --> <div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-light-color-color has-secondary-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:0px;padding-top:20px;padding-right:40px;padding-bottom:20px;padding-left:40px">Explore All Portfolio</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --> <!-- wp:cozy-block/portfolio-gallery {"blockClientId":"ae6a1969-c6a2-4b2d-8125-e1fcfecff885","source":"template","perPage":6,"portfolioCat":[32],"catInit":true,"enableOptions":{"title":true,"content":false,"excerpt":20,"icon":true,"button":true},"featuredImage":{"width":"","height":340,"marginTop":10,"marginBottom":10,"borderRadius":0,"overlayColor":"#323131","opacity":0.5,"position":"before"},"layoutType":"overlay","galleryOptions":{"iconSize":14,"iconViewBox":{"vx":0,"vy":0,"vw":20,"vh":10},"categoryPadding":{"top":5,"right":5,"bottom":5,"left":5},"iconPath":"M15.1109 1.11091C15.5014 0.720385 16.1346 0.720385 16.5251 1.11091L19.7071 4.29289C20.0976 4.68341 20.0976 5.31658 19.7071 5.7071L16.5251 8.88908C16.1346 9.27961 15.5014 9.27961 15.1109 8.88908C14.7204 8.49856 14.7204 7.86539 15.1109 7.47487L16.5858 6H0.5V4H16.5858L15.1109 2.52512C14.7204 2.1346 14.7204 1.50143 15.1109 1.11091Z","marginBottom":10,"iconBoxSize":50,"iconBoxBorderRadius":50,"iconBoxBgColor":"#FFFFFF","iconBoxBgColorHover":"#EB7100","iconColor":"#062A60","titleColor":"#fff","buttonBorder":{"color":"#ffffff","style":"solid","width":"1px"},"color":"#ffffff"},"sliderOptions":{"loop":true,"autoplay":{"status":true,"pauseOnMouseEnter":true,"delay":2500},"centeredSlides":true,"slidesPerView":"3","spaceBetween":24,"speed":700},"pagination":{"enabled":false,"width":10,"height":10,"borderRadius":10,"activeWidth":10,"activeBorderRadius":10,"activeColor":"#007cba","color":"#252525","activeColorHover":"#164861","colorHover":"#a5a5a5","verticalPosition":0},"navigation":{"enabled":true,"iconSize":15,"iconBoxWidth":50,"iconBoxHeight":50,"borderRadius":1,"backgroundColor":"#FFFFFF","color":"#062A60","backgroundColorHover":"#EB7100","colorHover":"#fff"},"ajaxButton":{"enabled":true,"label":"Load More","contentLoad":10,"marginTop":10,"padding":{"top":"12px","right":"26px","bottom":"12px","left":"26px"},"border":{"width":"","type":"","color":""},"radius":"0px","fontSize":"16px","fontWeight":"400","fontFamily":"Zen Kaku Gothic New","borderColorHover":"#fcb900","bgColor":"#EB7100","bgColorHover":"#EB7100","color":"#ffffff","colorHover":""},"popup":{"enabled":true,"dimension":"default","width":600,"height":"","responsiveWidth":768,"padding":{"top":40,"right":40,"bottom":40,"left":40},"catPadding":{"top":20,"right":20,"bottom":20,"left":20},"catBorderRadius":0,"bgColor":"#fff","catBgColor":"#062A60","catColor":"#fff","overlayWrapper":"#363636","top":0,"left":100},"portfolioCPT":{"margin":{"top":10,"right":0,"bottom":0,"left":0},"padding":{"top":10,"right":10,"bottom":10,"left":10},"borderRadius":{"top":4,"right":4,"bottom":4,"left":4},"border":{"type":"none","color":"#000","top":1,"right":1,"bottom":1,"left":1},"boxShadow":{"enabled":false,"color":"#000","horizontal":0,"vertical":0,"blur":10,"spread":0,"position":""},"bgColor":"#062A60","subtitleColor":"#fff","linkColor":"#fff","linkColorHover":"#EB7100","color":"#fff"},"portfolioIcon":{"view":"default","layout":"fill","size":16,"color":"#062A60"},"titleTypography":{"fontFamily":"sans-serif","fontSize":"28px","color":"#ffffff","colorHover":"#EB7100","fontWeight":600},"className":"cozy-block-portfolio-gallery source-template layout-grid layout-type-overlay featured-image__position-before has-title-position-bottom-left has-popup-view popup-view-dimension__default hover-show icon-view-default has-image-hover-effect"} --> <div class="wp-block-cozy-block-portfolio-gallery cozy-block-portfolio-gallery source-template layout-grid layout-type-overlay featured-image__position-before has-title-position-bottom-left has-popup-view popup-view-dimension__default hover-show icon-view-default has-image-hover-effect"><div class="cozy-block-portfolio-gallery source-template layout-grid layout-type-overlay featured-image__position-before has-title-position-bottom-left has-popup-view popup-view-dimension__default hover-show icon-view-default has-image-hover-effect " id="cozyBlock_ae6a1969_c6a2_4b2d_8125_e1fcfecff885"><div class="cozy-portfolio-popup hide-popup"><svg class="cozy-portfolio-icon cozy-popup-icon popup-close-icon" width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fill="#062A60" stroke="none" aria-hidden="true"><path d="M11.8516 8.59375L16.7378 3.70752C17.3374 3.10791 17.3374 2.13574 16.7378 1.53564L15.6519 0.449707C15.0522 -0.149902 14.0801 -0.149902 13.48 0.449707L8.59375 5.33594L3.70752 0.449707C3.10791 -0.149902 2.13574 -0.149902 1.53564 0.449707L0.449707 1.53564C-0.149902 2.13525 -0.149902 3.10742 0.449707 3.70752L5.33594 8.59375L0.449707 13.48C-0.149902 14.0796 -0.149902 15.0518 0.449707 15.6519L1.53564 16.7378C2.13525 17.3374 3.10791 17.3374 3.70752 16.7378L8.59375 11.8516L13.48 16.7378C14.0796 17.3374 15.0522 17.3374 15.6519 16.7378L16.7378 15.6519C17.3374 15.0522 17.3374 14.0801 16.7378 13.48L11.8516 8.59375Z"></path></svg><div class="cozy-popup-content__wrapper"><div class="cozy-popup-content__default"><img class="cozy-portfolio-gallery__featured-image"/><div class="cozy-portfolio-gallery__category"></div><div class="cozy-portfolio-gallery__content"></div></div><div class="cozy-popup-content__sticky"><h2 class="cozy-portfolio-gallery__title"></h2><div class="cozy-portfolio-gallery__cpt"><div class="cozy-portfolio-gallery__project-year"></div><div class="cozy-portfolio-gallery__client"></div><div class="cozy-portfolio-gallery__skills"></div><div class="cozy-portfolio-gallery__url"></div></div></div></div></div><div class="cozy-layout-wrapper cozy-layout-grid "></div><div class="display-flex justify-center"><button class="cozy-dynamic-loader">Load More</button></div></div></div> <!-- /wp:cozy-block/portfolio-gallery --></div> <!-- /wp:group -->
Save
Back