Featured Content Sidebar Block

The below featured content sidebar block design can be used to highlight or promote useful content on your websites sidebar.

factThe below block design was created using GenerateBlocks plugin. So make sure to install GenerateBlocks plugin from WordPress repository.

How to Use the Block (Video Tutorial)

Block Design

Block Code

<!-- wp:group {"className":"help-widget","layout":{"type":"constrained"}} -->
<div class="wp-block-group help-widget"><!-- wp:generateblocks/headline {"uniqueId":"08f2c753","element":"h3","blockVersion":2,"fontWeight":"bold","fontSize":25,"marginBottom":"30","backgroundColor":""} -->
<h3 class="gb-headline gb-headline-08f2c753 gb-headline-text">How can I help you</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"31ba4fd7","columns":6,"horizontalGap":30,"verticalGap":30,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"c7968f32","isGrid":true,"gridId":"31ba4fd7","isDynamic":true,"blockVersion":3,"sizing":{"width":"50%","widthMobile":"50%"},"alignment":"center"} -->
<!-- wp:generateblocks/headline {"uniqueId":"e104a925","element":"div","blockVersion":2,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","alignment":"center","fontSize":15,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconSize":2.5} -->
<div class="gb-headline gb-headline-e104a925"><span class="gb-icon"><svg xml:space="preserve" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1"> <path d="M38.806,55.531h434.386c21.398,0,38.808,17.409,38.808,38.806v378.854 	C512,494.591,494.591,512,473.194,512H38.806C17.409,512,0,494.591,0,473.194v-61.15V94.338C0,72.941,17.409,55.531,38.806,55.531z" style="fill:#ECE5DD;"></path> <path d="M477.524,94.338v324.719h24.374L512,410.244V94.338c0-21.397-17.409-38.806-38.806-38.806h-34.476 	C460.115,55.531,477.524,72.941,477.524,94.338z" style="fill:#D9CBBD;"></path> <g> 	<path d="M512,94.338c0-21.397-17.409-38.806-38.806-38.806H38.806C17.409,55.531,0,72.941,0,94.338v72.812 		v9.524h512V94.338z" style="fill:#B39A7C;"></path> 	<path d="M0,94.338c0-21.397,17.409-38.806,38.806-38.806h434.386c21.398,0,38.808,17.409,38.808,38.806 		v72.812v9.524H0V94.338z" style="fill:#B39A7C;"></path> </g> <path d="M473.194,55.531h-34.107c21.398,0,38.807,17.409,38.807,38.806v82.334H512V94.338 	C512,72.941,494.591,55.531,473.194,55.531z" style="fill:#957755;"></path> <g> 	<rect height="16.659" width="463.343" style="fill:#BABABA;" y="225.458" x="0.555"></rect> 	<rect height="16.659" width="463.343" style="fill:#BABABA;" y="292.095" x="0.555"></rect> 	<rect height="16.659" width="463.343" style="fill:#BABABA;" y="358.733" x="0.555"></rect> 	<rect height="16.659" width="399.826" style="fill:#BABABA;" y="425.393" x="0.555"></rect> </g> <rect height="439.398" width="16.659" style="fill:#FF6342;" y="72.602" x="97.735"></rect> <g> 	<path d="M357.168,111.284c-26.766-4.788-46.192-28.002-46.192-55.197C310.976,25.16,336.136,0,367.063,0 		c27.195,0,50.409,19.426,55.197,46.192l1.87,10.45h-34.404l-1.833-6.457c-2.634-9.277-11.201-15.755-20.831-15.755 		c-11.941,0-21.657,9.716-21.657,21.657c0,9.638,6.478,18.209,15.754,20.841l6.458,1.833v34.394L357.168,111.284z" style="fill:#FFB656;"></path> 	<path d="M246.105,111.284c-26.766-4.788-46.192-28.002-46.192-55.197C199.913,25.16,225.073,0,256,0 		c27.195,0,50.409,19.426,55.197,46.192l1.87,10.45h-34.404l-1.833-6.457C274.197,40.908,265.63,34.43,256,34.43 		c-11.941,0-21.657,9.716-21.657,21.657c0,9.638,6.478,18.209,15.754,20.841l6.458,1.833v34.394L246.105,111.284z" style="fill:#FFB656;"></path> 	<path d="M135.043,111.284c-26.766-4.788-46.192-28.002-46.192-55.197C88.85,25.16,114.011,0,144.937,0 		c27.195,0,50.409,19.426,55.197,46.192l1.87,10.45h-34.404l-1.833-6.457c-2.634-9.277-11.201-15.755-20.831-15.755 		c-11.941,0-21.657,9.716-21.657,21.657c0,9.638,6.478,18.209,15.754,20.841l6.458,1.833v34.394L135.043,111.284z" style="fill:#FFB656;"></path> </g> <path d="M400.124,433.74c0-12.576,10.231-22.807,22.807-22.807L512,410.244L399.235,512L400.124,433.74z" style="fill:#C0AB91;"></path> </svg></span><span class="gb-headline-text"><a href="#">How to Start a Blog</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"9c0cf55a","isGrid":true,"gridId":"31ba4fd7","isDynamic":true,"blockVersion":3,"sizing":{"width":"50%","widthMobile":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"8a3634a7","element":"div","blockVersion":2,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","alignment":"center","fontSize":15,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","hasIcon":true,"iconColor":"","iconSize":2.5} -->
<div class="gb-headline gb-headline-8a3634a7"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 50 50" height="800px" width="800px"><defs><style>.cls-1{fill:#231f20;}.cls-2{fill:#ffba50;}.cls-3{fill:#ff8e5a;}.cls-4{fill:#7cc05b;}.cls-5{fill:#8d7f89;}.cls-6{fill:#00a1d3;}</style></defs><title></title><path d="M43.554,38.866l1.939-11.227a.488.488,0,0,0-.048-.293.339.339,0,0,0-.018-.039.374.374,0,0,0-.045-.067.491.491,0,0,0-.4-.218H26.22l-.635-3.674a1.654,1.654,0,0,0-1.633-1.376H20.763a1.442,1.442,0,0,0-1.441,1.441v.392a1.442,1.442,0,0,0,1.441,1.441H24.9l2.433,14.085a3.483,3.483,0,0,0,1.205,2.089,2.142,2.142,0,1,0,2.674.808h8.384a2.113,2.113,0,0,0-.334,1.136,2.136,2.136,0,1,0,3.73-1.407.492.492,0,0,0,.062-.229.5.5,0,0,0-.5-.5H30.771a2.481,2.481,0,0,1-2.421-1.939H43.06A.459.459,0,0,0,43.554,38.866ZM39.52,30.975H43.9l-.309,1.794a.5.5,0,0,0-.115-.023H39.3Zm-.349,2.771h4.253l-.306,1.772H38.949Zm-11.844-1a.489.489,0,0,0-.115.023l-.31-1.794H31.31l.217,1.771Zm.054,1H31.65l.217,1.772h-4.18Zm.785,4.543-.306-1.771h4.129l.217,1.771Zm9.426,0H33.213L33,36.518h4.819Zm.349-2.77H32.874l-.217-1.772h5.506Zm.348-2.772H32.534l-.217-1.771h6.2Zm4.352,5.542H38.6l.223-1.77h4.123Z" class="cls-1"></path><path d="M23.44,35.2H23.1a1.384,1.384,0,0,0,.071-.419V33.5a1.412,1.412,0,0,0-1.411-1.41h-5.19a6.343,6.343,0,1,0-9.757,2.164,6.34,6.34,0,0,0,7.262,10.351,1.411,1.411,0,0,0,1.309.891H23.44a1.412,1.412,0,0,0,1.41-1.41V42.814a1.412,1.412,0,0,0-1.41-1.41H23.1a1.408,1.408,0,0,0,.07-.418V39.711a1.408,1.408,0,0,0-.07-.418h.341a1.412,1.412,0,0,0,1.41-1.41V36.607A1.412,1.412,0,0,0,23.44,35.2Z" class="cls-1"></path><path d="M5.5,39.153A5.347,5.347,0,1,1,10.847,44.5,5.354,5.354,0,0,1,5.5,39.153Z" class="cls-2"></path><path d="M23.85,42.814V44.09a.411.411,0,0,1-.41.41H15.382a.411.411,0,0,1-.411-.41.494.494,0,0,0-.02-.1A6.374,6.374,0,0,0,16.288,42.4H23.44A.411.411,0,0,1,23.85,42.814Z" class="cls-2"></path><path d="M10.847,34.7A4.449,4.449,0,1,0,15.3,39.153,4.454,4.454,0,0,0,10.847,34.7Z" class="cls-1"></path><path d="M10.847,42.6A3.449,3.449,0,1,1,14.3,39.153,3.453,3.453,0,0,1,10.847,42.6Z" class="cls-3"></path><path d="M16.774,41.4a6.284,6.284,0,0,0,.413-2.1h4.571a.41.41,0,0,1,.411.41v1.275a.41.41,0,0,1-.411.41c-.013,0-.025.007-.038.008Z" class="cls-3"></path><path d="M11.026,38.651l-.361,0a.414.414,0,0,1,0-.828h1.067a.5.5,0,0,0,0-1h-.385v-.4a.5.5,0,0,0-1,0v.438a1.412,1.412,0,0,0,.321,2.789l.362,0a.414.414,0,0,1,0,.828H9.962a.5.5,0,0,0,0,1h.385v.4a.5.5,0,0,0,1,0V41.44a1.412,1.412,0,0,0-.321-2.789Z" class="cls-1"></path><path d="M5.5,29.369a5.347,5.347,0,1,1,8.515,4.292,6.295,6.295,0,0,0-6.335,0A5.325,5.325,0,0,1,5.5,29.369Z" class="cls-2"></path><path d="M16.974,16.381a3.3,3.3,0,0,0,2.794-1.561l6.583,2.743a3.305,3.305,0,1,0,6.01-1.1L39.932,10.2a3.424,3.424,0,1,0-.609-.795l-7.632,6.311a3.26,3.26,0,0,0-4.975.917L20.161,13.9a3.3,3.3,0,1,0-3.187,2.482Z" class="cls-1"></path><path d="M42.2,5.5a2.3,2.3,0,1,1-2.3,2.3A2.306,2.306,0,0,1,42.2,5.5Z" class="cls-4"></path><path d="M29.585,15.934a2.3,2.3,0,1,1-2.3,2.3A2.306,2.306,0,0,1,29.585,15.934Z" class="cls-4"></path><path d="M16.974,10.773a2.3,2.3,0,1,1-2.3,2.3A2.306,2.306,0,0,1,16.974,10.773Z" class="cls-4"></path><path d="M20.763,24.246a.442.442,0,0,1-.441-.441v-.392a.442.442,0,0,1,.441-.441h3.189a.657.657,0,0,1,.648.546l.126.728Z" class="cls-5"></path><path d="M29.409,44.5a1.136,1.136,0,1,1,1.136-1.136A1.137,1.137,0,0,1,29.409,44.5Z" class="cls-6"></path><circle r="1.136" cy="43.364" cx="41.396" class="cls-6"></circle><polygon points="44.412 28.022 44.075 29.975 26.73 29.975 26.392 28.022 44.412 28.022" class="cls-5"></polygon><path d="M21.758,33.094a.41.41,0,0,1,.411.41v1.274a.411.411,0,0,1-.411.411c-.013,0-.025.007-.038.008H15.8a6.325,6.325,0,0,0-.919-.939,6.4,6.4,0,0,0,1.1-1.164Z" class="cls-3"></path><path d="M23.85,37.883a.411.411,0,0,1-.41.41H21.758c-.013,0-.025.007-.038.008H17.13a6.3,6.3,0,0,0-.67-2.1h6.98a.411.411,0,0,1,.41.41Z" class="cls-2"></path></svg></span><span class="gb-headline-text"><a href="#">Create Amazon Review</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"9c0cf55a","isGrid":true,"gridId":"31ba4fd7","isDynamic":true,"blockVersion":3,"sizing":{"width":"50%","widthMobile":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"01fed8bb","element":"div","blockVersion":2,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","alignment":"center","fontSize":15,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","hasIcon":true,"iconColor":"","iconSize":2.5} -->
<div class="gb-headline gb-headline-01fed8bb"><span class="gb-icon"><svg xml:space="preserve" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" width="800px" height="800px"> <g> 	<polygon points="236.385,422.905 236.385,294.239 155.445,294.239 155.445,470.63 264.556,470.63  		264.556,433.261" style="fill:#EE3840;"></polygon> 	<path d="M19.311,162.224c-6.48,16.361-10.044,34.181-10.044,52.819s3.564,36.459,10.044,52.818h46.034 		l0.002-105.638L19.311,162.224L19.311,162.224z" style="fill:#EE3840;"></path> </g> <path d="M233.657,112.609h-78.212c-56.574,0-102.435,45.861-102.435,102.435s45.862,102.435,102.435,102.435 	h78.231L233.657,112.609z" style="fill:#ADA7A4;"></path> <path d="M417.539,385.359V44.729l-181.154,67.879h-2.728c-8.376,28.711-13.326,64.107-13.326,102.405 	c0,38.326,4.956,73.743,13.343,102.466h2.711L417.539,385.359z" style="fill:#E6E2E0;"></path> <path d="M431.162,41.37c-31.855,0-58.683,53.929-66.763,127.357l39.233,46.285l-39.233,46.285 	c8.08,73.428,34.908,127.357,66.763,127.357c38.248,0,69.254-77.743,69.254-173.642S469.41,41.37,431.162,41.37z" style="fill:#7A7674;"></path> <g> 	<path d="M235.274,403.98h-10.473c-6.398,0-11.584-5.187-11.584-11.584c0-6.397,5.186-11.584,11.584-11.584 		h10.473c6.398,0,11.584,5.187,11.584,11.584C246.858,398.792,241.672,403.98,235.274,403.98z" style="fill:#C21B23;"></path> 	<path d="M235.274,368.838h-10.473c-6.398,0-11.584-5.187-11.584-11.584c0-6.397,5.186-11.584,11.584-11.584 		h10.473c6.398,0,11.584,5.187,11.584,11.584C246.858,363.651,241.672,368.838,235.274,368.838z" style="fill:#C21B23;"></path> </g> <path d="M403.631,168.728h-39.233c-1.622,14.737-2.492,30.256-2.492,46.285s0.87,31.548,2.492,46.285h39.233 	c25.563,0,46.285-20.722,46.285-46.285C449.917,189.45,429.194,168.728,403.631,168.728z" style="fill:#181818;"></path> <g> 	<path d="M231.915,215.013c0-9.127,0.342-18.259,1.016-27.146c0.484-6.379-4.295-11.944-10.673-12.428 		c-6.38-0.477-11.943,4.295-12.427,10.674c-0.719,9.467-1.083,19.19-1.083,28.899c0,24.555,2.246,48.059,6.678,69.858 		c1.117,5.491,5.945,9.279,11.339,9.279c0.765,0,1.542-0.075,2.32-0.234c6.269-1.275,10.319-7.39,9.045-13.66 		C234.064,260.259,231.915,237.698,231.915,215.013z" style="fill:#11113F;"></path> 	<path d="M403.631,157.143c-6.398,0-11.584,5.187-11.584,11.584s5.186,11.584,11.584,11.584 		c19.135,0,34.702,15.567,34.702,34.702s-15.567,34.701-34.702,34.701c-6.398,0-11.584,5.187-11.584,11.584 		c0,6.397,5.186,11.584,11.584,11.584c31.91,0,57.87-25.959,57.87-57.869S435.541,157.143,403.631,157.143z" style="fill:#11113F;"></path> 	<path d="M490.891,87.939c-14.956-37.5-36.168-58.151-59.729-58.151c-6.171,0-12.178,1.429-17.956,4.194 		l-178.92,67.043h-78.841c-38.99,0-73.466,19.676-94.035,49.617H21.628c-4.752,0-9.02,2.901-10.769,7.317 		C3.654,176.148,0,195.355,0,215.045s3.654,38.895,10.859,57.083c1.75,4.417,6.019,7.317,10.769,7.317H61.41 		c18.507,26.938,48.27,45.567,82.452,49.032v142.152c0,6.397,5.186,11.584,11.584,11.584h109.11c6.398,0,11.584-5.187,11.584-11.584 		v-37.368c0-4.856-3.029-9.196-7.586-10.872l-20.584-7.568v-10.897c5.876-0.56,10.473-5.506,10.473-11.528 		s-4.596-10.969-10.473-11.528v-12.086c5.876-0.56,10.473-5.506,10.473-11.528s-4.596-10.969-10.473-11.528v-11.537l165.506,62.017 		c0.063,0.023,0.125,0.038,0.186,0.06c5.638,2.623,11.492,3.973,17.501,3.973c23.561,0,44.773-20.651,59.729-58.151 		C504.503,307.959,512,262.83,512,215.013S504.503,122.068,490.891,87.939z M49.145,256.278H29.746 		c-4.368-13.264-6.578-27.1-6.578-41.233c0-14.134,2.21-27.97,6.578-41.236h19.4c-4.98,12.794-7.719,26.7-7.719,41.236 		C41.427,229.579,44.165,243.484,49.145,256.278z M252.972,441.344v17.701h-85.943V329.062h57.773v16.609 		c-6.398,0-11.584,5.187-11.584,11.584c0,6.397,5.186,11.584,11.584,11.584v11.974c-6.398,0-11.584,5.187-11.584,11.584 		c0,6.397,5.186,11.584,11.584,11.584v18.925c0,4.856,3.029,9.196,7.586,10.872L252.972,441.344z M241.491,307.022 		c-1.542-0.76-3.271-1.198-5.106-1.198c-0.426,0-0.846,0.027-1.259,0.072h-78.422c-0.414-0.045-0.834-0.072-1.259-0.072 		c-0.317,0-0.629,0.022-0.939,0.047c-49.663-0.509-89.912-41.047-89.912-90.827c0-50.096,40.756-90.852,90.851-90.852h65.117 		c-2.513,8.647-4.66,17.884-6.412,27.628c-1.132,6.298,3.055,12.319,9.352,13.45c0.694,0.125,1.382,0.185,2.063,0.185 		c5.5,0,10.38-3.934,11.388-9.536c2.255-12.546,5.198-24.1,8.76-34.436l133.191-49.908c-2.634,5.031-5.129,10.489-7.472,16.362 		c-13.612,34.13-21.109,79.259-21.109,127.076c0,47.815,7.497,92.945,21.109,127.074c2.354,5.902,4.864,11.386,7.512,16.438 		L241.491,307.022z M469.373,333.505c-10.881,27.281-25.164,43.566-38.211,43.566s-27.331-16.287-38.211-43.566 		c-12.549-31.464-19.461-73.545-19.461-118.492s6.911-87.028,19.461-118.492c10.881-27.281,25.164-43.566,38.211-43.566 		s27.331,16.287,38.211,43.565c12.549,31.465,19.46,73.546,19.46,118.493S481.922,302.042,469.373,333.505z" style="fill:#11113F;"></path> </g> </svg></span><span class="gb-headline-text"><a href="#">Affiliate Marketing Guide</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"9c0cf55a","isGrid":true,"gridId":"31ba4fd7","isDynamic":true,"blockVersion":3,"sizing":{"width":"50%","widthMobile":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"779c6f8e","element":"div","blockVersion":2,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","alignment":"center","fontSize":15,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconSize":2.5} -->
<div class="gb-headline gb-headline-779c6f8e"><span class="gb-icon"><svg width="800px" height="800px" viewBox="0 0 100 100" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <g>  <g>  <path clip-rule="evenodd" d="M36.926,7.981c15.615,0,28.278,12.658,28.278,28.278    c0,15.616-12.663,28.274-28.278,28.274S8.648,51.876,8.648,36.26C8.648,20.64,21.311,7.981,36.926,7.981L36.926,7.981z" fill="#F2F2F2" fill-rule="evenodd"></path>  </g>  <g>  <path clip-rule="evenodd" d="M62.188,48.976l8.724,9.008L57.398,71.074l-8.781-9.061    C54.494,59.34,59.289,54.718,62.188,48.976L62.188,48.976z" fill="#F2F2F2" fill-rule="evenodd"></path>  <path d="M57.369,72.995l-11.068-11.42l1.754-0.798c5.569-2.534,10.158-6.943,12.922-12.414l0.859-1.704l10.998,11.354    L57.369,72.995z M50.889,62.404l6.541,6.749l11.562-11.2l-6.495-6.707C59.729,55.951,55.693,59.83,50.889,62.404z"></path>  </g>  <g>  <rect clip-rule="evenodd" fill="#39B6CC" fill-rule="evenodd" height="24.72" transform="matrix(-0.6949 -0.7191 0.7191 -0.6949 70.7973 177.4167)" width="25.522" x="60.272" y="61.33"></rect>  <path d="M72.98,93.377L53.357,73.07l19.728-19.066L92.709,74.31L72.98,93.377z M57.199,73.136l15.848,16.398l15.82-15.29    L73.02,57.847L57.199,73.136z"></path>  </g>  <g>  <path clip-rule="evenodd" d="M36.926,14.527c-11.998,0-21.727,9.729-21.727,21.732h7.987    c0-7.589,6.151-13.745,13.739-13.745c7.59,0,13.745,6.156,13.745,13.745h7.983C58.654,24.256,48.93,14.527,36.926,14.527    L36.926,14.527z" fill="#39B6CC" fill-rule="evenodd"></path>  </g>  <g>  <path clip-rule="evenodd" d="M47.184,17.1c-1.221,2.4-2.471,4.872-3.611,7.128    c4.232,2.342,7.099,6.853,7.099,12.032h7.983C58.654,27.969,54.014,20.76,47.184,17.1L47.184,17.1z" fill="#FF7C24" fill-rule="evenodd"></path>  </g>  <g>  <path clip-rule="evenodd" d="M36.609,32.591c3.102,0,5.611,2.51,5.611,5.607    c0,3.102-2.51,5.612-5.611,5.612c-3.098,0-5.607-2.511-5.607-5.612C31.002,35.101,33.512,32.591,36.609,32.591L36.609,32.591z" fill="#F2F2F2" fill-rule="evenodd"></path>  <path d="M36.609,45.169c-3.842,0-6.967-3.127-6.967-6.971c0-3.841,3.125-6.966,6.967-6.966    c3.844,0,6.971,3.125,6.971,6.966C43.58,42.042,40.453,45.169,36.609,45.169z M36.609,33.949c-2.344,0-4.249,1.906-4.249,4.249    c0,2.346,1.905,4.254,4.249,4.254c2.346,0,4.254-1.908,4.254-4.254C40.863,35.855,38.955,33.949,36.609,33.949z" fill="#39B6CC"></path>  </g>  <g>  <path clip-rule="evenodd" d="M36.34,32.384l6.713-3.853l-1,7.58    C42.053,36.111,40.096,32.144,36.34,32.384L36.34,32.384z" fill="#39B6CC" fill-rule="evenodd"></path>  <path d="M42.053,37.47c-0.509,0-0.983-0.287-1.216-0.753c-0.025-0.05-1.544-2.984-4.171-2.984    c-0.078,0-0.158,0.002-0.24,0.007c-0.629,0.04-1.205-0.358-1.387-0.964c-0.183-0.604,0.076-1.256,0.625-1.57l6.713-3.852    c0.448-0.258,1.004-0.238,1.433,0.05c0.429,0.287,0.658,0.794,0.591,1.306l-1,7.58c-0.078,0.593-0.535,1.065-1.127,1.162    C42.199,37.464,42.126,37.47,42.053,37.47z M39.907,31.903c0.45,0.262,0.855,0.563,1.215,0.878l0.225-1.704L39.907,31.903z" fill="#39B6CC"></path>  </g>  <g>  <rect clip-rule="evenodd" fill-rule="evenodd" height="3.741" width="3.876" x="26.212" y="50.092"></rect>  </g>  <g>  <rect clip-rule="evenodd" fill-rule="evenodd" height="3.742" width="3.872" x="34.733" y="50.043"></rect>  </g>  <g>  <rect clip-rule="evenodd" fill-rule="evenodd" height="3.742" width="3.876" x="43.082" y="50.043"></rect>  </g>  <g>  <path d="M36.926,65.892C20.585,65.892,7.291,52.6,7.291,36.26c0-16.342,13.294-29.637,29.635-29.637    c6.594,0,12.838,2.121,18.055,6.135c0.963,0.738,1.881,1.537,2.725,2.371l-1.91,1.933c-0.764-0.755-1.595-1.479-2.469-2.149    c-4.74-3.646-10.41-5.571-16.4-5.571c-14.842,0-26.918,12.076-26.918,26.919c0,14.841,12.076,26.915,26.918,26.915    c14.844,0,26.92-12.074,26.92-26.915c0-1.764-0.172-3.524-0.508-5.233l2.665-0.526c0.372,1.882,0.56,3.82,0.56,5.76    C66.563,52.6,53.268,65.892,36.926,65.892z M61.859,26.093c-0.486-1.19-1.063-2.353-1.712-3.455l2.341-1.38    c0.717,1.216,1.351,2.496,1.887,3.808L61.859,26.093z"></path>  </g>  </g>  </svg></span><span class="gb-headline-text"><a href="#">Advaced SEO Guide</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"9c0cf55a","isGrid":true,"gridId":"31ba4fd7","isDynamic":true,"blockVersion":3,"sizing":{"width":"50%","widthMobile":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"cf33648f","element":"div","blockVersion":2,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","alignment":"center","fontSize":15,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","hasIcon":true,"iconSize":2.5} -->
<div class="gb-headline gb-headline-cf33648f"><span class="gb-icon"><svg xml:space="preserve" viewBox="0 0 291.282 291.282" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" width="800px" height="800px"> <g> 	<path d="M0.013,145.641c0,57.627,33.502,107.479,82.088,131.039L12.63,86.358 		C4.537,104.483,0.013,124.512,0.013,145.641z M243.974,138.285c0-17.998-6.482-30.479-12.017-40.166 		c-7.374-11.999-14.284-22.149-14.284-34.157c0-13.392,10.123-25.845,24.471-25.845l1.866,0.127C218.101,14.511,183.58,0,145.672,0 		C95.656,0,51.558,25.226,25.348,63.626c10.943,0.209,46.83,0.337,46.83,0.337c7.829-0.437,8.758,11.07,0.91,12.017 		c0,0-7.875,0.919-16.66,1.384l53.047,157.74l31.872-95.58l-22.705-62.16c-7.838-0.473-15.267-1.384-15.267-1.384 		c-7.857-0.473-6.928-12.454,0.938-12.017h77.181c7.82-0.437,8.758,11.07,0.91,12.017c0,0-7.875,0.919-16.66,1.384l52.638,156.529 		l14.539-48.505C240.269,166.443,243.974,150.758,243.974,138.285z M148.221,158.386l-43.716,126.979 		c13.046,3.842,26.829,5.917,41.158,5.917c16.942,0,33.219-2.931,48.359-8.266l-1.029-1.994L148.221,158.386z M273.443,75.752 		c0.637,4.661,1.001,9.632,1.001,15.003c0,14.766-2.777,31.371-11.097,52.155l-44.472,128.599 		c43.288-25.226,72.393-72.138,72.393-125.868C291.277,120.315,284.813,96.509,273.443,75.752z" style="fill:#D54E21;"></path> </g> </svg></span><span class="gb-headline-text"><a href="#">WordPress Tutorial</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"9c0cf55a","isGrid":true,"gridId":"31ba4fd7","isDynamic":true,"blockVersion":3,"sizing":{"width":"50%","widthMobile":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"58c1c8df","element":"div","blockVersion":2,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","alignment":"center","fontSize":15,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","hasIcon":true,"iconSize":2.5} -->
<div class="gb-headline gb-headline-58c1c8df"><span class="gb-icon"><svg xml:space="preserve" viewBox="0 0 512.001 512.001" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" width="800px" height="800px"> <polygon points="124.848,269.271 77.266,342.203 169.797,434.734 242.729,387.152" style="fill:#E6E2E0;"></polygon> <polygon points="399.814,264.006 247.994,112.186 113.752,133.156 30.279,216.628 138.981,221.199  	290.801,373.019 295.372,481.721 378.844,398.248" style="fill:#EE3840;"></polygon> <path d="M499.255,12.745c-89.728-24.901-173.329,21.509-212.564,60.744 	C274.968,85.212,99.687,260.493,99.687,260.493l151.82,151.82c0,0,158.682-158.682,187.003-187.003 	C477.745,186.075,524.156,102.473,499.255,12.745z" style="fill:#CCC4C1;"></path> <circle r="42.81" cy="119.129" cx="394.032" style="fill:#FFFFFF;"></circle> <g> 	<path d="M100.53,409.819c-4.524-4.523-11.86-4.523-16.384,0l-62.022,62.023 		c-4.524,4.524-4.524,11.86,0,16.385c2.263,2.261,5.227,3.393,8.192,3.393c2.965,0,5.93-1.132,8.192-3.393l62.022-62.023 		C105.054,421.679,105.054,414.343,100.53,409.819z" style="fill:#11113F;"></path> 	<path d="M63.993,389.667c4.524-4.524,4.524-11.86,0-16.385c-4.524-4.523-11.86-4.523-16.385,0L3.394,417.499 		c-4.524,4.524-4.524,11.86,0,16.385c2.261,2.261,5.227,3.393,8.192,3.393s5.93-1.132,8.192-3.393L63.993,389.667z" style="fill:#11113F;"></path> 	<path d="M504.624,15.441c-1.087-3.918-4.149-6.978-8.064-8.066c-42.222-11.718-87.955-9.438-132.256,6.59 		c-34.328,12.42-67.714,33.241-91.597,57.126l-36.025,36.025l-130.51,20.386c-2.426,0.379-4.668,1.519-6.404,3.254l-83.472,83.472 		c-3.251,3.252-4.273,8.117-2.603,12.4s5.715,7.173,10.307,7.367l82.339,3.463l-20.636,20.636c-4.524,4.524-4.524,11.86,0,16.385 		l12.045,12.044l-35.975,55.144c-2.994,4.589-2.365,10.647,1.511,14.522l92.531,92.53c3.875,3.874,9.933,4.507,14.523,1.511 		l55.141-35.976l12.045,12.045c4.524,4.523,11.86,4.523,16.385,0l20.636-20.636l3.463,82.336c0.193,4.593,3.084,8.638,7.367,10.307 		c1.367,0.533,2.792,0.791,4.205,0.791c3.017,0,5.98-1.181,8.194-3.393l83.472-83.472c1.737-1.737,2.875-3.979,3.255-6.404 		l20.387-130.509l36.024-36.025c23.884-23.884,44.706-57.27,57.126-91.596C514.063,103.396,516.342,57.662,504.624,15.441z 		 M165.549,425.686l-79.235-79.235l28.176-43.187l38.93,38.931l-4.578,4.578c-4.525,4.524-4.525,11.86,0,16.385 		c4.524,4.523,11.86,4.523,16.385,0l4.578-4.578l38.93,38.93L165.549,425.686z M424.525,222.91l-38.695,38.696 		c-0.005,0.005-0.009,0.009-0.014,0.014l-40.263,40.263c-4.524,4.524-4.524,11.86,0,16.385c4.524,4.523,11.86,4.523,16.385,0 		l15.156-15.156l-14.904,95.408l-62.142,62.143l-3.248-77.256l32.372-32.372c4.524-4.524,4.524-11.86,0-16.385 		c-4.524-4.523-11.86-4.523-16.385,0l-35.938,35.938c-0.02,0.02-0.038,0.038-0.058,0.058l-31.076,31.075l-10.33-10.33 		c-0.118-0.122-0.236-0.241-0.359-0.358l-48.837-48.838L326.303,202.08c4.524-4.524,4.525-11.86,0-16.385 		c-4.523-4.522-11.858-4.523-16.384,0L169.804,325.812l-48.839-48.839c-0.116-0.12-0.234-0.239-0.356-0.356l-10.33-10.332 		l31.076-31.076c0.02-0.019,0.038-0.037,0.057-0.057l35.938-35.938c4.525-4.524,4.525-11.86,0-16.385 		c-4.523-4.523-11.86-4.523-16.384,0l-32.372,32.372l-77.256-3.25l62.142-62.142l95.408-14.903l-15.156,15.154l16.384,16.385 		l40.141-40.141c0.087-0.085,0.174-0.17,0.258-0.258l38.574-38.574C321.328,55.236,397.877,7.47,483.953,28.046 		C504.529,114.123,456.763,190.674,424.525,222.91z" style="fill:#11113F;"></path> 	<path d="M122.333,448.007l-44.216,44.216c-4.524,4.524-4.524,11.86,0,16.385 		c2.263,2.261,5.227,3.393,8.192,3.393c2.965,0,5.93-1.132,8.192-3.393l44.216-44.216c4.524-4.524,4.524-11.86,0-16.385 		C134.194,443.483,126.858,443.483,122.333,448.007z" style="fill:#11113F;"></path> 	<path d="M355.565,79.507c-10.274,10.275-15.932,23.935-15.932,38.464c0,14.53,5.658,28.19,15.932,38.464 		c10.604,10.604,24.534,15.905,38.464,15.905c13.93,0,27.859-5.301,38.462-15.905c10.275-10.274,15.932-23.934,15.932-38.464 		c0-14.529-5.658-28.189-15.932-38.464C411.283,58.299,376.775,58.299,355.565,79.507z M416.107,140.05 		c-12.175,12.177-31.983,12.176-44.159,0c-5.898-5.898-9.145-13.738-9.145-22.08c0-8.34,3.248-16.182,9.145-22.08 		c6.088-6.088,14.083-9.131,22.08-9.131c7.995,0,15.993,3.045,22.079,9.131c5.898,5.898,9.146,13.739,9.146,22.08 		C425.254,126.313,422.005,134.152,416.107,140.05z" style="fill:#11113F;"></path> </g> </svg></span><span class="gb-headline-text"><a href="#">Speed Optimization</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->

<!-- wp:generateblocks/container {"uniqueId":"82fb43b4","isDynamic":true,"blockVersion":3,"marginTop":"25"} -->
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->
<!-- /wp:generateblocks/container --></div>
<!-- /wp:group -->

CSS Code

.help-widget .wp-block-search .wp-block-search__input {
	padding: 5px;
	font-size: 15px;
}
.help-widget .wp-block-search .wp-block-search__button {
	padding: 5px;
}
.help-widget .wp-block-search .wp-block-search__inside-wrapper  {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

how-toHow to Use the Block Code

  1. Install GenerateBlocks plugin from WordPress respoitory
  2. Copy and paste the above block code to your WordPress Posts or Page
    • Use Firefox browser
    • When you paste the code, right click and choose “Paste without Formatting” option
  3. Start editing and using the block content