Counters Type 1
Facilities in Secure
Square Feet of
Separate ISO Class 8 /
The above block is copied from the site: https://coastlineindev.wpenginepowered.com/
Pattern HTML
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:essential-blocks/number-counter {"blockId":"eb-counter-86h8d","blockMeta":{"desktop":".eb-counter-wrapper.eb-counter-86h8d .eb-counter-title,.eb-counter-wrapper.eb-counter-86h8d .eb-counter-number{margin:0;padding:0}.eb-counter-wrapper.eb-counter-86h8d \u003e *{position:relative}.eb-counter-wrapper.eb-counter-86h8d{overflow:hidden;display:flex;flex-direction:column;padding-top:30px;padding-right:10px;padding-left:10px;padding-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-counter-wrapper.eb-counter-86h8d .counter-contents-wrapper{display:flex;flex:1;text-align:center;flex-direction:column;gap:20px}.eb-counter-wrapper.eb-counter-86h8d:hover{box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px}.eb-counter-wrapper.eb-counter-86h8d:before{transition:background 0.5s,opacity 0.5s,filter 0.5s}.eb-counter-wrapper.eb-counter-86h8d .eb-counter-number{font-size:50px;font-weight:700;color:#213D74}.eb-counter-wrapper.eb-counter-86h8d .eb-counter-title{font-size:18px;color:#000008}.eb-counter-wrapper.eb-counter-86h8d .eb-counter-prefix{color:var(\u002d\u002deb-global-text-color)}.eb-counter-wrapper.eb-counter-86h8d .eb-counter-suffix{color:var(\u002d\u002deb-global-text-color)}","tab":"","mobile":""},"target":"44","counterTitle":"Years in business","counterSuffix":"","titleColor":"#000008","numberColor":"#213D74","titleLevel":"h5","titleFontSource":"custom","titleFontSize":18,"numberFontSource":"custom","numberFontSize":50,"numberFontWeight":"700","wrapperMarginTop":"","wrapperMarginRight":"","wrapperMarginBottom":"","wrapperMarginLeft":"","wrp_borderColor":"#3c3a3a","wrp_Bdr_Top":"0","wrp_Bdr_Right":"0","wrp_Bdr_Bottom":"0","wrp_Bdr_Left":"0","wrp_hOffset":10,"wrp_vOffset":15,"wrp_blur":25,"wrp_spread":0,"wrp_shadowColor":"rgba(3,61,116,0.25)","wrp_Rds_Top":"10","wrp_Rds_Right":"10","wrp_Rds_Bottom":"10","wrp_Rds_Left":"10","animationsForBlocks":{"animation":"slide","variation":"up","duration":600,"once":true,"mirror":false,"easing":"linear"},"commonStyles":{"desktop":".eb-parent-eb-counter-86h8d{display:block}.root-eb-counter-86h8d{position:relative}.root-eb-counter-86h8d.eb_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px)}.root-eb-counter-86h8d.eb_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(24px) brightness(1)}.root-eb-counter-86h8d.eb_liquid_glass_shadow-effect1{border-width:1px;border-color:#FFFFFF1F;border-style:solid;border-radius:24px}.root-eb-counter-86h8d.eb_liquid_glass-effect1 \u003e .eb-parent-wrapper \u003e div{background:transparent}","tab":".eb-parent-eb-counter-86h8d{display:block}","mobile":".eb-parent-eb-counter-86h8d{display:block}"}} -->
<div class="wp-block-essential-blocks-number-counter root-eb-counter-86h8d" data-aos="slide-up" data-aos-duration="600" data-aos-easing="linear" data-aos-once="true"><div class="eb-parent-wrapper eb-parent-eb-counter-86h8d "><div class="eb-counter-86h8d eb-counter-wrapper"><div class="counter-contents-wrapper"><h4 class="eb-counter-number"><span class="eb-counter-prefix"></span><span class="eb-counter eb-counter-number" data-duration="1000" data-startvalue="0" data-target="44" data-separator="," data-isshowseparator="true">0</span><span class="eb-counter-suffix"></span></h4><h5 class="eb-counter-title">Years in business</h5></div></div></div></div>
<!-- /wp:essential-blocks/number-counter --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:essential-blocks/number-counter {"blockId":"eb-counter-rsarn","blockMeta":{"desktop":".eb-counter-wrapper.eb-counter-rsarn .eb-counter-title,.eb-counter-wrapper.eb-counter-rsarn .eb-counter-number{margin:0;padding:0}.eb-counter-wrapper.eb-counter-rsarn \u003e *{position:relative}.eb-counter-wrapper.eb-counter-rsarn{overflow:hidden;display:flex;flex-direction:column;padding-top:30px;padding-right:10px;padding-left:10px;padding-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-counter-wrapper.eb-counter-rsarn .counter-contents-wrapper{display:flex;flex:1;text-align:center;flex-direction:column;gap:20px}.eb-counter-wrapper.eb-counter-rsarn:hover{box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px}.eb-counter-wrapper.eb-counter-rsarn:before{transition:background 0.5s,opacity 0.5s,filter 0.5s}.eb-counter-wrapper.eb-counter-rsarn .eb-counter-number{font-size:50px;font-weight:700;color:#213D74}.eb-counter-wrapper.eb-counter-rsarn .eb-counter-title{font-size:18px;color:#000008}.eb-counter-wrapper.eb-counter-rsarn .eb-counter-prefix{color:var(\u002d\u002deb-global-text-color)}.eb-counter-wrapper.eb-counter-rsarn .eb-counter-suffix{color:var(\u002d\u002deb-global-text-color)}","tab":"","mobile":""},"target":"4","counterTitle":"Facilities in Secure \u003cbr\u003eGated Industrial Park","counterSuffix":"","titleColor":"#000008","numberColor":"#213D74","titleLevel":"h5","titleFontSource":"custom","titleFontSize":18,"numberFontSource":"custom","numberFontSize":50,"numberFontWeight":"700","wrapperMarginTop":"","wrapperMarginRight":"","wrapperMarginBottom":"","wrapperMarginLeft":"","wrp_borderColor":"#3c3a3a","wrp_Bdr_Top":"0","wrp_Bdr_Right":"0","wrp_Bdr_Bottom":"0","wrp_Bdr_Left":"0","wrp_hOffset":10,"wrp_vOffset":15,"wrp_blur":25,"wrp_spread":0,"wrp_shadowColor":"rgba(3,61,116,0.25)","wrp_Rds_Top":"10","wrp_Rds_Right":"10","wrp_Rds_Bottom":"10","wrp_Rds_Left":"10","animationsForBlocks":{"animation":"slide","variation":"up","duration":600,"once":true,"mirror":false,"easing":"linear","delay":100},"commonStyles":{"desktop":".eb-parent-eb-counter-rsarn{display:block}.root-eb-counter-rsarn{position:relative}.root-eb-counter-rsarn.eb_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px)}.root-eb-counter-rsarn.eb_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(24px) brightness(1)}.root-eb-counter-rsarn.eb_liquid_glass_shadow-effect1{border-width:1px;border-color:#FFFFFF1F;border-style:solid;border-radius:24px}.root-eb-counter-rsarn.eb_liquid_glass-effect1 \u003e .eb-parent-wrapper \u003e div{background:transparent}","tab":".eb-parent-eb-counter-rsarn{display:block}","mobile":".eb-parent-eb-counter-rsarn{display:block}"}} -->
<div class="wp-block-essential-blocks-number-counter root-eb-counter-rsarn" data-aos="slide-up" data-aos-delay="100" data-aos-duration="600" data-aos-easing="linear" data-aos-once="true"><div class="eb-parent-wrapper eb-parent-eb-counter-rsarn "><div class="eb-counter-rsarn eb-counter-wrapper"><div class="counter-contents-wrapper"><h4 class="eb-counter-number"><span class="eb-counter-prefix"></span><span class="eb-counter eb-counter-number" data-duration="1000" data-startvalue="0" data-target="4" data-separator="," data-isshowseparator="true">0</span><span class="eb-counter-suffix"></span></h4><h5 class="eb-counter-title">Facilities in Secure <br>Gated Industrial Park</h5></div></div></div></div>
<!-- /wp:essential-blocks/number-counter --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:essential-blocks/number-counter {"blockId":"eb-counter-w2lh1","blockMeta":{"desktop":".eb-counter-wrapper.eb-counter-w2lh1 .eb-counter-title,.eb-counter-wrapper.eb-counter-w2lh1 .eb-counter-number{margin:0;padding:0}.eb-counter-wrapper.eb-counter-w2lh1 \u003e *{position:relative}.eb-counter-wrapper.eb-counter-w2lh1{overflow:hidden;display:flex;flex-direction:column;padding-top:30px;padding-right:15px;padding-left:15px;padding-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-counter-wrapper.eb-counter-w2lh1 .counter-contents-wrapper{display:flex;flex:1;text-align:center;flex-direction:column;gap:20px}.eb-counter-wrapper.eb-counter-w2lh1:hover{box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px}.eb-counter-wrapper.eb-counter-w2lh1:before{transition:background 0.5s,opacity 0.5s,filter 0.5s}.eb-counter-wrapper.eb-counter-w2lh1 .eb-counter-number{font-size:50px;font-weight:700;color:#213D74}.eb-counter-wrapper.eb-counter-w2lh1 .eb-counter-title{font-size:18px;color:#000008}.eb-counter-wrapper.eb-counter-w2lh1 .eb-counter-prefix{color:var(\u002d\u002deb-global-text-color)}.eb-counter-wrapper.eb-counter-w2lh1 .eb-counter-suffix{color:#213D74}","tab":"","mobile":""},"target":"65000","counterTitle":"Square Feet of\u003cbr\u003e Manufacturing Operations","titleColor":"#000008","numberColor":"#213D74","numSuffixColor":"#213D74","titleLevel":"h5","titleFontSource":"custom","titleFontSize":18,"numberFontSource":"custom","numberFontSize":50,"numberFontWeight":"700","suffixFontSource":"global","wrapperMarginTop":"","wrapperMarginRight":"","wrapperMarginBottom":"","wrapperMarginLeft":"","wrapperPaddingRight":"15","wrapperPaddingLeft":"15","wrp_borderColor":"#3c3a3a","wrp_Bdr_Top":"0","wrp_Bdr_Right":"0","wrp_Bdr_Bottom":"0","wrp_Bdr_Left":"0","wrp_hOffset":10,"wrp_vOffset":15,"wrp_blur":25,"wrp_spread":0,"wrp_shadowColor":"rgba(3,61,116,0.25)","wrp_Rds_Top":"10","wrp_Rds_Right":"10","wrp_Rds_Bottom":"10","wrp_Rds_Left":"10","animationsForBlocks":{"animation":"slide","variation":"up","duration":600,"once":true,"mirror":false,"easing":"linear","delay":200},"commonStyles":{"desktop":".eb-parent-eb-counter-w2lh1{display:block}.root-eb-counter-w2lh1{position:relative}.root-eb-counter-w2lh1.eb_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px)}.root-eb-counter-w2lh1.eb_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(24px) brightness(1)}.root-eb-counter-w2lh1.eb_liquid_glass_shadow-effect1{border-width:1px;border-color:#FFFFFF1F;border-style:solid;border-radius:24px}.root-eb-counter-w2lh1.eb_liquid_glass-effect1 \u003e .eb-parent-wrapper \u003e div{background:transparent}","tab":".eb-parent-eb-counter-w2lh1{display:block}","mobile":".eb-parent-eb-counter-w2lh1{display:block}"}} -->
<div class="wp-block-essential-blocks-number-counter root-eb-counter-w2lh1" data-aos="slide-up" data-aos-delay="200" data-aos-duration="600" data-aos-easing="linear" data-aos-once="true"><div class="eb-parent-wrapper eb-parent-eb-counter-w2lh1 "><div class="eb-counter-w2lh1 eb-counter-wrapper"><div class="counter-contents-wrapper"><h4 class="eb-counter-number"><span class="eb-counter-prefix"></span><span class="eb-counter eb-counter-number" data-duration="1000" data-startvalue="0" data-target="65000" data-separator="," data-isshowseparator="true">0</span><span class="eb-counter-suffix">+</span></h4><h5 class="eb-counter-title">Square Feet of<br> Manufacturing Operations</h5></div></div></div></div>
<!-- /wp:essential-blocks/number-counter --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:essential-blocks/number-counter {"blockId":"eb-counter-yvrmu","blockMeta":{"desktop":".eb-counter-wrapper.eb-counter-yvrmu .eb-counter-title,.eb-counter-wrapper.eb-counter-yvrmu .eb-counter-number{margin:0;padding:0}.eb-counter-wrapper.eb-counter-yvrmu \u003e *{position:relative}.eb-counter-wrapper.eb-counter-yvrmu{overflow:hidden;display:flex;flex-direction:column;padding-top:30px;padding-right:10px;padding-left:10px;padding-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-counter-wrapper.eb-counter-yvrmu .counter-contents-wrapper{display:flex;flex:1;text-align:center;flex-direction:column;gap:20px}.eb-counter-wrapper.eb-counter-yvrmu:hover{box-shadow:rgba(3,61,116,0.25) 10px 15px 25px 0px}.eb-counter-wrapper.eb-counter-yvrmu:before{transition:background 0.5s,opacity 0.5s,filter 0.5s}.eb-counter-wrapper.eb-counter-yvrmu .eb-counter-number{font-size:50px;font-weight:700;color:#213D74}.eb-counter-wrapper.eb-counter-yvrmu .eb-counter-title{font-size:18px;color:#000008}.eb-counter-wrapper.eb-counter-yvrmu .eb-counter-prefix{color:var(\u002d\u002deb-global-text-color)}.eb-counter-wrapper.eb-counter-yvrmu .eb-counter-suffix{color:#213D74}","tab":"","mobile":""},"target":"5","counterTitle":"Separate ISO Class 8 /\u003cbr\u003e Class 100,000 \u003cbr\u003eCleanrooms","counterSuffix":"","titleColor":"#000008","numberColor":"#213D74","numSuffixColor":"#213D74","titleLevel":"h5","titleFontSource":"custom","titleFontSize":18,"numberFontSource":"custom","numberFontSize":50,"numberFontWeight":"700","suffixFontSource":"global","wrapperMarginTop":"","wrapperMarginRight":"","wrapperMarginBottom":"","wrapperMarginLeft":"","wrp_borderColor":"#3c3a3a","wrp_Bdr_Top":"0","wrp_Bdr_Right":"0","wrp_Bdr_Bottom":"0","wrp_Bdr_Left":"0","wrp_hOffset":10,"wrp_vOffset":15,"wrp_blur":25,"wrp_spread":0,"wrp_shadowColor":"rgba(3,61,116,0.25)","wrp_Rds_Top":"10","wrp_Rds_Right":"10","wrp_Rds_Bottom":"10","wrp_Rds_Left":"10","animationsForBlocks":{"animation":"slide","variation":"up","duration":600,"once":true,"mirror":false,"easing":"linear","delay":300},"commonStyles":{"desktop":".eb-parent-eb-counter-yvrmu{display:block}.root-eb-counter-yvrmu{position:relative}.root-eb-counter-yvrmu.eb_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px)}.root-eb-counter-yvrmu.eb_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(24px) brightness(1)}.root-eb-counter-yvrmu.eb_liquid_glass_shadow-effect1{border-width:1px;border-color:#FFFFFF1F;border-style:solid;border-radius:24px}.root-eb-counter-yvrmu.eb_liquid_glass-effect1 \u003e .eb-parent-wrapper \u003e div{background:transparent}","tab":".eb-parent-eb-counter-yvrmu{display:block}","mobile":".eb-parent-eb-counter-yvrmu{display:block}"}} -->
<div class="wp-block-essential-blocks-number-counter root-eb-counter-yvrmu" data-aos="slide-up" data-aos-delay="300" data-aos-duration="600" data-aos-easing="linear" data-aos-once="true"><div class="eb-parent-wrapper eb-parent-eb-counter-yvrmu "><div class="eb-counter-yvrmu eb-counter-wrapper"><div class="counter-contents-wrapper"><h4 class="eb-counter-number"><span class="eb-counter-prefix"></span><span class="eb-counter eb-counter-number" data-duration="1000" data-startvalue="0" data-target="5" data-separator="," data-isshowseparator="true">0</span><span class="eb-counter-suffix"></span></h4><h5 class="eb-counter-title">Separate ISO Class 8 /<br> Class 100,000 <br>Cleanrooms</h5></div></div></div></div>
<!-- /wp:essential-blocks/number-counter --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Pattern CSS
#site-container .eb-counter-wrapper {
min-height: 216px;
}
#site-container .eb-counter-wrapper .counter-contents-wrapper{
gap: 10px;
}
@media only screen and (max-width: 1280px) {
#site-container .eb-counter-wrapper .eb-counter-number {
font-size:40px;
}
#site-container .eb-counter-wrapper .eb-counter-title {
font-size: 16px;
}
}
