In this video tutorial, I will show you, how to build a one page Business website using GeneratePress free theme. It’s a quick and short video, so please watch the video without skipping.
Table of Contents
- Recommended Hosting
- Required Plugins
- Color Palete
- Home Page Gutenberg Blocks (GenerateBlocks)
- Custom CSS Code
- Custom PHP Code
Recommended Hosting
Required Plugins
- Code Snippets
- GenerateBlocks
- WPForms Lite
- Lightbox for Gallery & Image Block
- MC4WP: Mailchimp for WordPress
Color Palete
CSS Variable Name | Hexa Code | Actual Color |
---|---|---|
contrast | #222222 | |
contrast-2 | #575760 | |
contrast-3 | #b2b2be | |
base | #f0f0f0 | |
base-2 | #f7f8f9 | |
base-3 | #ffffff | |
accent | #1e73be | |
border | #cccccc | |
lightgrey | #aaaaaa | |
sectionbg | #f1f1f1 |
Home Page Gutenberg Blocks (GenerateBlocks)
1. Welcome Banner
Block Code
<!-- wp:generateblocks/container {"uniqueId":"4174dcf7","paddingTop":"120","paddingBottom":"120","backgroundColor":"var(\u002d\u002dcontrast-2)","gradient":true,"gradientDirection":99,"gradientColorOne":"rgba(88, 88, 97, 0.78)","gradientColorTwo":"rgba(88, 88, 97, 0.78)","gradientSelector":"pseudo-element","bgImage":{"id":"","image":{"url":"https://images2.imgbox.com/ef/a4/dHqERRui_o.png"}},"bgOptions":{"selector":"pseudo-element","opacity":1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"innerZindex":1,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"726e488b","element":"h1","alignment":"center","textColor":"var(\u002d\u002dbase-3)","fontWeight":"900","fontSize":70,"fontSizeTablet":50,"textTransform":"uppercase"} -->
<h1 class="gb-headline gb-headline-726e488b gb-headline-text"><strong>We're web design agency</strong></h1>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"c01b6fcf","element":"h3","alignment":"center","textColor":"var(\u002d\u002dbase-3)","fontWeight":"300","fontSize":25,"fontSizeTablet":20,"lineHeight":35,"lineHeightUnit":"px","paddingRight":"20","paddingLeft":"20"} -->
<h3 class="gb-headline gb-headline-c01b6fcf gb-headline-text">Morbi tempus porta nunc pharetra quisque ligula imperdiet posuere vitae felis proin sagittis leo ac tellus blandit sollicitudin quisque vitae placerat.</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button-container {"uniqueId":"ddc683d0","alignment":"center","marginTop":"50","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/button {"uniqueId":"7c07d149","hasUrl":true,"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","fontWeight":"600","fontSize":20,"textTransform":"uppercase","letterSpacing":0.02,"paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"20","blockVersion":2} -->
<a class="gb-button gb-button-7c07d149 gb-button-text" href="http://localhost/gpaffiliate/blog/">OUR SERVICES</a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"a579fc67","hasUrl":true,"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","fontWeight":"600","fontSize":20,"textTransform":"uppercase","letterSpacing":0.02,"marginLeft":"10","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"20","blockVersion":2} -->
<a class="gb-button gb-button-a579fc67 gb-button-text" href="http://localhost/gpaffiliate/blog/">GET STARTED</a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->
2. Features Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"a2a14a4a","anchor":"features","paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"ed217644","columns":1,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"05b5829c","isGrid":true,"gridId":"ed217644","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">Why Choose Us</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"2af51d2c","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"40"} -->
<h2 class="gb-headline gb-headline-2af51d2c gb-headline-text">Features</h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- wp:generateblocks/grid {"uniqueId":"354e8bc6","columns":4,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"52d444f3","isGrid":true,"gridId":"354e8bc6","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"8208cb49","element":"h4","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconLocation":"above","iconPaddingRight":"","iconPaddingBottom":"0.5","iconSize":2} -->
<h4 class="gb-headline gb-headline-8208cb49"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M368 96h-48V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56v400c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-42.11l80.606-35.977C429.396 365.063 448 336.388 448 304.86V176c0-44.112-35.888-80-80-80zm16 208.86a16.018 16.018 0 0 1-9.479 14.611L320 343.805V160h48c8.822 0 16 7.178 16 16v128.86zM208 384c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16zm-96 0c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16z"></path></svg></span><span class="gb-headline-text">Web Development</span></h4>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet consectetur adipiscing elit duis consectetur eros quis.</p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"3331ea07","isGrid":true,"gridId":"354e8bc6","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"e59c7f5c","element":"h4","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconLocation":"above","iconPaddingRight":"","iconPaddingBottom":"0.5","iconSize":2} -->
<h4 class="gb-headline gb-headline-e59c7f5c"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg></span><span class="gb-headline-text">Digital Marketing</span></h4>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet consectetur adipiscing elit duis consectetur eros quis.</p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"5b80f27a","isGrid":true,"gridId":"354e8bc6","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"068567d3","element":"h4","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconLocation":"above","iconPaddingRight":"","iconPaddingBottom":"0.5","iconSize":2} -->
<h4 class="gb-headline gb-headline-068567d3"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"></path></svg></span><span class="gb-headline-text">App Development</span></h4>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet consectetur adipiscing elit duis consectetur eros quis.</p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"5d61109a","isGrid":true,"gridId":"354e8bc6","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"9acaa8b7","element":"h4","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconLocation":"above","iconPaddingRight":"","iconPaddingBottom":"0.5","iconSize":2} -->
<h4 class="gb-headline gb-headline-9acaa8b7"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"></path></svg></span><span class="gb-headline-text">SEO Content Design</span></h4>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet consectetur adipiscing elit duis consectetur eros quis.</p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
3. Statistics Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"25f60a23","anchor":"stats","paddingTop":"40","paddingBottom":"20","backgroundColor":"var(\u002d\u002dsectionbg)","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"889cdaac","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"b703d04a","isGrid":true,"gridId":"889cdaac","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">our statistics</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"fda4681b","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"12"} -->
<h2 class="gb-headline gb-headline-fda4681b gb-headline-text">some interesting stats</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/grid {"uniqueId":"0070dc39","columns":4,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"50087759","isGrid":true,"gridId":"0070dc39","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"dee3f281","element":"div","alignment":"center","textColor":"var(\u002d\u002dcontrast-2)","fontWeight":"600","fontSize":41,"textTransform":"uppercase","paddingTop":"18"} -->
<div class="gb-headline gb-headline-dee3f281 gb-headline-text">368+</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"71735d21","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase"} -->
<h3 class="gb-headline gb-headline-71735d21 gb-headline-text">projects completed</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"27f78aaf","isGrid":true,"gridId":"0070dc39","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"a9a5d48e","element":"div","alignment":"center","textColor":"var(\u002d\u002dcontrast-2)","fontWeight":"600","fontSize":41,"textTransform":"uppercase","paddingTop":"18"} -->
<div class="gb-headline gb-headline-a9a5d48e gb-headline-text">90%</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"d226a6d4","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase"} -->
<h3 class="gb-headline gb-headline-d226a6d4 gb-headline-text">positive feedback</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"67191b1b","isGrid":true,"gridId":"0070dc39","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"b1d5780c","element":"div","alignment":"center","textColor":"var(\u002d\u002dcontrast-2)","fontWeight":"600","fontSize":41,"textTransform":"uppercase","paddingTop":"18"} -->
<div class="gb-headline gb-headline-b1d5780c gb-headline-text">254+</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"98e46778","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase"} -->
<h3 class="gb-headline gb-headline-98e46778 gb-headline-text">clients worldwide</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"81852bb3","isGrid":true,"gridId":"0070dc39","width":25,"widthTablet":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"21542108","element":"div","alignment":"center","textColor":"var(\u002d\u002dcontrast-2)","fontWeight":"600","fontSize":41,"textTransform":"uppercase","paddingTop":"18"} -->
<div class="gb-headline gb-headline-21542108 gb-headline-text">50$</div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"e1f7c7b8","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase"} -->
<h3 class="gb-headline gb-headline-e1f7c7b8 gb-headline-text">hourly rate</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
4. About Us Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"2aadb55a","anchor":"about","paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"5231b8d9","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"272e96ad","isGrid":true,"gridId":"5231b8d9","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">know more about our company</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"0104dd61","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"12"} -->
<h2 class="gb-headline gb-headline-0104dd61 gb-headline-text">about Us</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size">We provide creative solutions to clients around the world, creating things that get attention and meaningful.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/grid {"uniqueId":"52778f4b","columns":2,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"e520265a","isGrid":true,"gridId":"52778f4b","width":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"b06b3645","mediaId":475,"sizeSlug":"full"} -->
<figure class="gb-block-image gb-block-image-b06b3645"><img class="gb-image gb-image-b06b3645" src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" title="dummy_image"/></figure>
<!-- /wp:generateblocks/image -->
<!-- wp:generateblocks/headline {"uniqueId":"9817f8ca","element":"h3","alignment":"center","textColor":"","fontWeight":"600","fontSize":26,"textTransform":"uppercase","paddingTop":"18"} -->
<h3 class="gb-headline gb-headline-9817f8ca gb-headline-text">our history</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Nullam ut tempor eros. Donec faucibus, velit et imperdiet aliquam, lacus velit luctus urna, vitae porttitor orci libero id felis.</p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"7abfe4ed","isGrid":true,"gridId":"52778f4b","width":50,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"a543ade5","mediaId":475,"sizeSlug":"full"} -->
<figure class="gb-block-image gb-block-image-a543ade5"><img class="gb-image gb-image-a543ade5" src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" title="dummy_image"/></figure>
<!-- /wp:generateblocks/image -->
<!-- wp:generateblocks/headline {"uniqueId":"9c5db02a","element":"h3","alignment":"center","textColor":"","fontWeight":"600","fontSize":26,"textTransform":"uppercase","paddingTop":"18"} -->
<h3 class="gb-headline gb-headline-9c5db02a gb-headline-text">our vision</h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Nullam ut tempor eros. Donec faucibus, velit et imperdiet aliquam, lacus velit luctus urna, vitae porttitor orci libero id felis.</p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
5. Services Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"c8e0b4b8","anchor":"services","paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","backgroundColor":"var(\u002d\u002dsectionbg)","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"837651ba","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"a1d9b402","isGrid":true,"gridId":"837651ba","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">know more about our services we offer</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"4932a8b5","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"12"} -->
<h2 class="gb-headline gb-headline-4932a8b5 gb-headline-text">our services</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size">We provide creative solutions to clients around the world, creating things that get attention and meaningful.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/grid {"uniqueId":"d1666afc","columns":4,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"92c8743d","isGrid":true,"gridId":"d1666afc","width":50,"widthMobile":100,"paddingTopMobile":"20","paddingRightMobile":"20","paddingLeftMobile":"20","borderSizeTop":"2","borderSizeRight":"2","borderSizeBottom":"2","borderSizeLeft":"2","borderColor":"var(\u002d\u002dcontrast-2)","shapeDividers":[{"shape":"gb-triangle-7","color":"var(\u002d\u002dcontrast-2)","colorOpacity":1,"location":"top","height":20,"heightTablet":"","heightMobile":"","width":100,"widthTablet":"","widthMobile":"","flipHorizontally":false,"zindex":""}],"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"b3228150","columns":2,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"53dd51b7","isGrid":true,"gridId":"b3228150","width":25,"widthMobile":100,"verticalAlignment":"center","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"48622426","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconSize":2,"removeText":true} -->
<h2 class="gb-headline gb-headline-48622426"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path></svg></span></h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"abde60e5","isGrid":true,"gridId":"b3228150","width":75,"widthMobile":100,"paddingTop":"20","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"993a8b25","element":"h3","textColor":"","fontWeight":"500","fontSize":25} -->
<h3 class="gb-headline gb-headline-993a8b25 gb-headline-text"><strong>Service #1</strong></h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Nullam ut tempor eros. Donec faucibus, velit et imperdiet aliquam, lacus velit luctus urna, vitae porttitor orci libero id felis.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"6c0bca35","element":"p","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)"} -->
<p class="gb-headline gb-headline-6c0bca35"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg></span><span class="gb-headline-text"><a href="#">Know More</a></span></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"ef4cf36a","isGrid":true,"gridId":"d1666afc","width":50,"widthMobile":100,"paddingTopMobile":"20","paddingRightMobile":"20","paddingLeftMobile":"20","borderSizeTop":"2","borderSizeRight":"2","borderSizeBottom":"2","borderSizeLeft":"2","borderColor":"var(\u002d\u002dcontrast-2)","shapeDividers":[{"shape":"gb-triangle-7","color":"var(\u002d\u002dcontrast-2)","colorOpacity":1,"location":"top","height":20,"heightTablet":"","heightMobile":"","width":100,"widthTablet":"","widthMobile":"","flipHorizontally":false,"zindex":""}],"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"b2fd8721","columns":2,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"6225a2af","isGrid":true,"gridId":"b2fd8721","width":25,"widthMobile":100,"verticalAlignment":"center","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"29dcb9d2","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconSize":2,"removeText":true} -->
<h2 class="gb-headline gb-headline-29dcb9d2"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z"></path></svg></span></h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"9d2499fa","isGrid":true,"gridId":"b2fd8721","width":75,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"af0992b3","element":"h3","textColor":"","fontWeight":"500","fontSize":25,"paddingTop":"20"} -->
<h3 class="gb-headline gb-headline-af0992b3 gb-headline-text"><strong>Service #2</strong></h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Nullam ut tempor eros. Donec faucibus, velit et imperdiet aliquam, lacus velit luctus urna, vitae porttitor orci libero id felis.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"835614f2","element":"p","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)"} -->
<p class="gb-headline gb-headline-835614f2"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg></span><span class="gb-headline-text"><a href="#">Know More</a></span></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"2bb77473","isGrid":true,"gridId":"d1666afc","width":50,"widthMobile":100,"paddingTopMobile":"20","paddingRightMobile":"20","paddingLeftMobile":"20","borderSizeTop":"2","borderSizeRight":"2","borderSizeBottom":"2","borderSizeLeft":"2","borderColor":"var(\u002d\u002dcontrast-2)","shapeDividers":[{"shape":"gb-triangle-7","color":"var(\u002d\u002dcontrast-2)","colorOpacity":1,"location":"bottom","height":20,"heightTablet":"","heightMobile":"","width":100,"widthTablet":"","widthMobile":"","flipHorizontally":false,"zindex":""}],"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"cb5d200b","columns":2,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"b1f7d566","isGrid":true,"gridId":"cb5d200b","width":25,"widthMobile":100,"verticalAlignment":"center","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"a699660a","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconSize":2,"removeText":true} -->
<h2 class="gb-headline gb-headline-a699660a"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path></svg></span></h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"f08ba1c2","isGrid":true,"gridId":"cb5d200b","width":75,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"0a7c479f","element":"h3","textColor":"","fontWeight":"500","fontSize":25,"paddingTop":"20"} -->
<h3 class="gb-headline gb-headline-0a7c479f gb-headline-text"><strong>Service #3</strong></h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Nullam ut tempor eros. Donec faucibus, velit et imperdiet aliquam, lacus velit luctus urna, vitae porttitor orci libero id felis.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"3f412bc3","element":"p","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)"} -->
<p class="gb-headline gb-headline-3f412bc3"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg></span><span class="gb-headline-text"><a href="#">Know More</a></span></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"d3a5111f","isGrid":true,"gridId":"d1666afc","width":50,"widthMobile":100,"paddingTopMobile":"20","paddingRightMobile":"20","paddingLeftMobile":"20","borderSizeTop":"2","borderSizeRight":"2","borderSizeBottom":"2","borderSizeLeft":"2","borderColor":"var(\u002d\u002dcontrast-2)","shapeDividers":[{"shape":"gb-triangle-7","color":"var(\u002d\u002dcontrast-2)","colorOpacity":1,"location":"bottom","height":20,"heightTablet":"","heightMobile":"","width":100,"widthTablet":"","widthMobile":"","flipHorizontally":false,"zindex":""}],"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"6eb2824e","columns":2,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"92318cb9","isGrid":true,"gridId":"6eb2824e","width":25,"widthMobile":100,"verticalAlignment":"center","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"be3418ea","alignment":"center","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)","iconSize":2,"removeText":true} -->
<h2 class="gb-headline gb-headline-be3418ea"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"></path></svg></span></h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"51d8132d","isGrid":true,"gridId":"6eb2824e","width":75,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/headline {"uniqueId":"792fcaff","element":"h3","textColor":"","fontWeight":"500","fontSize":25,"paddingTop":"20"} -->
<h3 class="gb-headline gb-headline-792fcaff gb-headline-text"><strong>Service #4</strong></h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph -->
<p>Nullam ut tempor eros. Donec faucibus, velit et imperdiet aliquam, lacus velit luctus urna, vitae porttitor orci libero id felis.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"932982ce","element":"p","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-2)"} -->
<p class="gb-headline gb-headline-932982ce"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg></span><span class="gb-headline-text"><a href="#">Know More</a></span></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
6. Team Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"e607b88c","anchor":"team","paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"4474cb27","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"307b1e92","isGrid":true,"gridId":"4474cb27","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">OUR TEAM MEMBERS</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"b0f114f9","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"40"} -->
<h2 class="gb-headline gb-headline-b0f114f9 gb-headline-text">MEET OUR TEAM</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/grid {"uniqueId":"616b8645","columns":4,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"5a3e5850","isGrid":true,"gridId":"616b8645","width":25,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"8126666e","mediaId":478,"sizeSlug":"full","alignment":"center"} -->
<figure class="gb-block-image gb-block-image-8126666e"><img class="gb-image gb-image-8126666e" src="https://images2.imgbox.com/15/66/iY7XjXeT_o.png" alt="" title="dummy_user"/></figure>
<!-- /wp:generateblocks/image -->
<!-- wp:generateblocks/headline {"uniqueId":"d5236cdb","element":"h5","alignment":"center","fontWeight":"600","fontSize":20,"textTransform":"uppercase","paddingTop":"18"} -->
<h5 class="gb-headline gb-headline-d5236cdb gb-headline-text">Alexander Rios</h5>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"73e31c33","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase","marginTop":"-15"} -->
<h3 class="gb-headline gb-headline-73e31c33 gb-headline-text">Chief Executive Director</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"c42be0f4","isGrid":true,"gridId":"616b8645","width":25,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"72923478","mediaId":478,"sizeSlug":"full","alignment":"center"} -->
<figure class="gb-block-image gb-block-image-72923478"><img class="gb-image gb-image-72923478" src="https://images2.imgbox.com/15/66/iY7XjXeT_o.png" alt="" title="dummy_user"/></figure>
<!-- /wp:generateblocks/image -->
<!-- wp:generateblocks/headline {"uniqueId":"8ce477e9","element":"h5","alignment":"center","fontWeight":"600","fontSize":21,"textTransform":"uppercase","paddingTop":"18"} -->
<h5 class="gb-headline gb-headline-8ce477e9 gb-headline-text">Betty Mark</h5>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"821ae0b2","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase","marginTop":"-15"} -->
<h3 class="gb-headline gb-headline-821ae0b2 gb-headline-text">Chief Executive Director</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"2c27704c","isGrid":true,"gridId":"616b8645","width":25,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"cd4516e3","mediaId":478,"sizeSlug":"full","alignment":"center"} -->
<figure class="gb-block-image gb-block-image-cd4516e3"><img class="gb-image gb-image-cd4516e3" src="https://images2.imgbox.com/15/66/iY7XjXeT_o.png" alt="" title="dummy_user"/></figure>
<!-- /wp:generateblocks/image -->
<!-- wp:generateblocks/headline {"uniqueId":"482f66c4","element":"h5","alignment":"center","fontWeight":"600","fontSize":21,"textTransform":"uppercase","paddingTop":"18"} -->
<h5 class="gb-headline gb-headline-482f66c4 gb-headline-text">Jose Anthony</h5>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"0c0d7774","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase","marginTop":"-15"} -->
<h3 class="gb-headline gb-headline-0c0d7774 gb-headline-text">Chief Executive Director</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"59f79474","isGrid":true,"gridId":"616b8645","width":25,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"229a47d9","mediaId":478,"sizeSlug":"full","alignment":"center"} -->
<figure class="gb-block-image gb-block-image-229a47d9"><img class="gb-image gb-image-229a47d9" src="https://images2.imgbox.com/15/66/iY7XjXeT_o.png" alt="" title="dummy_user"/></figure>
<!-- /wp:generateblocks/image -->
<!-- wp:generateblocks/headline {"uniqueId":"92fe19a6","element":"h5","alignment":"center","fontWeight":"600","fontSize":21,"textTransform":"uppercase","paddingTop":"18"} -->
<h5 class="gb-headline gb-headline-92fe19a6 gb-headline-text">Mark Butler</h5>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"b03116a1","element":"h3","alignment":"center","textColor":"var(\u002d\u002dlightgrey)","fontSize":16,"textTransform":"uppercase","marginTop":"-15"} -->
<h3 class="gb-headline gb-headline-b03116a1 gb-headline-text">Chief Executive Director</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
7. Image Gallery Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"c9b88d61","anchor":"gallery","paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","backgroundColor":"var(\u002d\u002dsectionbg)","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"aecd29c1","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"1ef14657","isGrid":true,"gridId":"aecd29c1","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">check our gallery</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"031de124","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"40"} -->
<h2 class="gb-headline gb-headline-031de124 gb-headline-text">image gallery</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":475,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png"><img src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" class="wp-image-475"/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"id":475,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png"><img src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" class="wp-image-475"/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"id":475,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png"><img src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" class="wp-image-475"/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"id":475,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png"><img src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" class="wp-image-475"/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"id":475,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png"><img src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" class="wp-image-475"/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"id":475,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png"><img src="https://images2.imgbox.com/e2/b5/q8JqQf30_o.png" alt="" class="wp-image-475"/></a></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
8. Newsletter Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"d7bcb9c3","anchor":"newsletter","paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","backgroundColor":"var(\u002d\u002dsectionbg)","isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">subscribe to our newsletter</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"2ace1b00","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"20"} -->
<h2 class="gb-headline gb-headline-2ace1b00 gb-headline-text">newsletter</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">We provide creative solutions to clients around the world, creating things that get attention and meaningful.</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/grid {"uniqueId":"0120bc0e","columns":1,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"ac8d7006","isGrid":true,"gridId":"0120bc0e","width":100,"widthMobile":100,"alignment":"center","isDynamic":true,"blockVersion":2,"className":"newsletter"} -->
<!-- wp:mailchimp-for-wp/form {"id":382} /-->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
9. Contact Us Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"8fd3716d","anchor":"contact","containerWidth":700,"paddingTop":"40","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">for any queries use the below contact form</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"56c4056b","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"20"} -->
<h2 class="gb-headline gb-headline-56c4056b gb-headline-text">contact us</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Send us your queries, we'll get back to you within 24 hours</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/grid {"uniqueId":"6b00714e","columns":1,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"297cf8ba","isGrid":true,"gridId":"6b00714e","width":100,"widthMobile":100,"alignment":"left","isDynamic":true,"blockVersion":2,"className":"newsletter"} -->
<!-- wp:wpforms/form-selector {"formId":"133"} /-->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
10. Latest News Section
Block Code
<!-- wp:generateblocks/container {"uniqueId":"2f3cedee","anchor":"news","paddingTop":"40","paddingBottom":"20","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/grid {"uniqueId":"9f164d61","columns":1,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/container {"uniqueId":"8e40677e","isGrid":true,"gridId":"9f164d61","width":100,"widthMobile":100,"isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"lightgrey"} -->
<p class="has-text-align-center has-lightgrey-color has-text-color" style="text-transform:uppercase">read our updates from blog</p>
<!-- /wp:paragraph -->
<!-- wp:generateblocks/headline {"uniqueId":"d1c8faf1","alignment":"center","fontWeight":"900","textTransform":"uppercase","letterSpacing":0.02,"marginTop":"-20","marginBottom":"20"} -->
<h2 class="gb-headline gb-headline-d1c8faf1 gb-headline-text">latest news</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/query-loop {"uniqueId":"d6122a1b","query":{"post_type":"post","per_page":"3"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"5b0cda8e","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":2,"isQueryLoop":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"3faa8c82","isGrid":true,"isQueryLoopItem":true,"gridId":"5b0cda8e","width":33.33,"widthMobile":100,"paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","backgroundColor":"#fafafa","isDynamic":true,"blockVersion":2,"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/image {"uniqueId":"7b28ff37","sizeSlug":"full","alignment":"center","useDynamicData":true,"dynamicContentType":"featured-image","marginBottom":"30"} /-->
<!-- wp:generateblocks/headline {"uniqueId":"509b2e31","element":"h3","alignment":"center","fontSize":20,"marginBottom":"5","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<h3 class="gb-headline gb-headline-509b2e31 gb-headline-text"></h3>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"bbdeda29","element":"p","alignment":"center","fontSize":14,"marginBottom":"30","useDynamicData":true,"dynamicContentType":"post-date"} -->
<p class="gb-headline gb-headline-bbdeda29 gb-headline-text"></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- wp:generateblocks/button-container {"uniqueId":"b8502eb4","alignment":"center","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/button {"uniqueId":"4275741d","hasUrl":true,"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","fontWeight":"600","textTransform":"uppercase","letterSpacing":0.02,"paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"20","blockVersion":2} -->
<a class="gb-button gb-button-4275741d gb-button-text" href="http://localhost/gpaffiliate/blog/">View All Post</a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
Custom CSS Code
html {
scroll-behavior: smooth;
}
.newsletter input[type="email"] {
border: 1px solid #aaaaaa;
width: 400px;
}
.newsletter input[type="submit"] {
text-transform: uppercase;
letter-spacing: 1px;
width: 400px;
}
.rpwwt-widget .rpwwt-post-date {
font-size: 14px;
border-bottom: 1px solid var(--border);
padding-bottom: 15px;
}
button.wpforms-submit {
background-color: var(--accent) !important;
color: var(--base-3) !important;
font-weight: bold !important;
text-transform: uppercase !important;
padding: 15px 20px !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
border-width: 0 !important;
}
.sidebar .widget {
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
margin-bottom: 40px;
}
.site-header {
box-shadow: 0 0 6px 0 rgb(37 37 37 / 24%);
}
.widget-title {
border-bottom: 2px solid var(--border);
padding-bottom: 15px;
}
.widget-title::after {
content: '';
display: block;
position: relative;
width: 50px;
height: 2px;
background: #333;
bottom: -17px
}
.rpwwt-widget a {
text-decoration: none;
}
.rpwwt-post-date {
color: var(--contrast-3);
padding-top: 5px;
}
ul.wp-block-categories li,
ul.wp-block-archives li {
list-style-type: disc;
margin-left: 20px;
border-bottom: 1px solid var(--border);
}
ul.wp-block-categories li a,
ul.wp-block-archives li a {
display: inline-block;
width: 80%;
float: none;
text-decoration: none;
padding-bottom: 13px;
margin-bottom: 13px;
}
.wp-block-tag-cloud a {
font-size: 14px !important;
text-decoration: none;
border: 1px solid var(--border);
padding: 5px 12px;
margin-bottom: 10px;
}
#comments {
border: 1px solid var(--border);
padding: 20px;
}
a.read-more {
display: block;
margin-top: 15px;
text-decoration: none;
letter-spacing: 0.5px;
text-transform: capitalize;
font-weight: 600;
}
a.read-more::after {
content: '→';
}
.read-more-section {
text-align: center;
margin-top: 40px;
}
.gp-post-date-author {
text-align: center;
}
.gp-post-date-author {
padding: 7px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
margin-top: -10px;
}
.gp-custom-category-section {
text-align: center;
padding-bottom: 10px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
}
.gp-custom-tag-section a {
padding: 5px 10px;
margin-right: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 13px;
}
.gp-custom-tag-section {
margin-top: 15px;
}
.paging-navigation {
text-align: center;
}
.inside-header {
padding: 10px 40px;
}
.cat-links, .comments-link, .tags-links {
display: inline-block;
padding-right: 10px;
}
.rpwwt-post-author {
font-size: 14px;
}
.wp-block-latest-posts a {
text-decoration: none;
}
.wp-block-latest-posts__list.wp-block-latest-posts li {
list-style-type: decimal;
margin-bottom: 15px;
font-size: 95%;
margin-left: 20px;
}
.sidebar .widget {
margin-bottom: 40px;
}
/** Responsive Grid System */
.wpf_column {
float: left;
width: 50%;
padding: 10px;
}
.wpf_row:after {
content: "";
display: table;
clear: both;
}
.wpf-container {
max-width: 1300px;
margin: 0 auto;
padding: 20px;
}
.wpf-container-wrapper {
background: var(--banner-bg);
margin-top: 5px;
margin-bottom: 25px;
padding-bottom: 25px;
padding-top: 25px;
}
.wpf_column_wrapper img {
margin: 0 auto;
}
@media only screen and (max-width: 640px) {
.wpf_column {
float: left;
width: 100%;
padding: 10px;
}
}
Custom PHP Code
GeneratePress Copyright Text
add_filter( 'generate_copyright','gp_custom_copyright_affiliate_design_1' );
function gp_custom_copyright_affiliate_design_1() {
?>
© 2022 GeneratePress Site Development• All Rights Reserved!
<?php
}