<section class="py-24 bg-blue-50">
<div class="container mx-auto px-4">
<div class="flex flex-wrap -mx-4">
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12 lg:mb-20">
<div class="flex">
<span class="flex-shrink-0 mr-8">
<svg class="text-blue-500 h-10 w-10" viewBox="0 0 38 38" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19 -0.0633545L0 18.6833L19 37.43L38 18.6833L19 -0.0633545ZM4.47783 18.6833L19 4.35477L25.1418 10.4146L22.9026 12.6239L19 8.77429L8.95708 18.6833L12.8582 22.5339L10.6191 24.7432L4.47783 18.6833ZM24.5665 18.6833L19 24.177L13.4349 18.6833L19 13.1924L24.5665 18.6833ZM12.8582 26.9525L15.0974 24.7432L19 28.5923L29.0444 18.6833L25.1418 14.8327L27.3809 12.6235L33.5222 18.6833L19 33.0119L12.8582 26.9525Z"></path>
</svg>
</span>
<div>
<h3 class="mb-4 text-lg font-bold uppercase font-heading text-blue-800">Security in saving</h3>
<p class="text-base text-gray-500 leading-loose">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12 lg:mb-20">
<div class="flex">
<span class="flex-shrink-0 mr-8">
<svg class="text-blue-500 h-10 w-10" viewBox="0 0 38 38" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5832 0V3.13632C28.5869 3.92368 34.8332 10.612 34.8332 18.7467C34.8332 26.8799 28.5869 33.5678 20.5832 34.3551V37.4933C30.3354 36.6957 38 28.613 38 18.7467C38 8.87889 30.3354 0.799545 20.5832 0Z"></path>
<path d="M17.4168 34.3551C9.4164 33.5678 3.16683 26.8799 3.16683 18.7467C3.16683 10.6125 9.4164 3.92368 17.4168 3.13632V0C7.6665 0.799545 0 8.87889 0 18.7467C0 28.613 7.6665 36.6957 17.4168 37.4933V34.3551Z"></path>
<path d="M9.6425 17.1846C10.3968 12.7524 14.2932 9.37332 19 9.37332C23.7068 9.37332 27.6032 12.7524 28.3575 17.1846H31.5566C30.7776 11.0212 25.4605 6.24872 19 6.24872C12.5429 6.24872 7.2238 11.0212 6.4429 17.1846H9.6425Z"></path>
<path d="M28.3575 20.3087C27.6032 24.739 23.7068 28.12 19 28.12C14.2932 28.12 10.3968 24.739 9.6425 20.3087H6.44337C7.2238 26.4722 12.5428 31.2446 19 31.2446C25.4605 31.2446 30.7776 26.4722 31.5571 20.3087H28.3575Z"></path>
<path d="M19 12.4979C15.5026 12.4979 12.6668 15.2959 12.6668 18.7467C12.6668 22.1975 15.5026 24.9954 19 24.9954C22.4988 24.9954 25.3332 22.1975 25.3332 18.7467C25.3332 15.2959 22.4988 12.4979 19 12.4979ZM19 21.8713C17.251 21.8713 15.8332 20.4723 15.8332 18.7467C15.8332 17.021 17.251 15.6221 19 15.6221C20.7504 15.6221 22.1668 17.021 22.1668 18.7467C22.1668 20.4723 20.7504 21.8713 19 21.8713Z"></path>
</svg>
</span>
<div>
<h3 class="mb-4 text-lg font-bold uppercase font-heading text-blue-800">No errors</h3>
<p class="text-base text-gray-500 leading-loose">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12 lg:mb-20">
<div class="flex">
<span class="flex-shrink-0 mr-8">
<svg class="text-blue-500 h-10 w-10" viewBox="0 0 36 36" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0.667786H0.583328V18.3167C0.583328 28.0633 8.38164 35.9656 18 35.9656H35.4167V18.3167C35.4167 8.57008 27.6183 0.667786 18 0.667786ZM32.5137 33.0239H18C9.99747 33.0239 3.48625 26.4259 3.48625 18.3167V3.60941H18C26.0025 3.60941 32.5137 10.2079 32.5137 18.3167V33.0239Z"></path>
<path d="M18 6.5506C11.5876 6.5506 6.38876 11.8188 6.38876 18.3167C6.38876 24.8146 11.5876 30.0827 18 30.0827C24.4124 30.0827 29.6113 24.8146 29.6113 18.3167C29.6113 11.8188 24.4124 6.5506 18 6.5506ZM18 27.1411C13.1895 27.1411 9.29169 23.19 9.29169 18.3167C9.29169 13.4434 13.1895 9.49223 18 9.49223C22.8092 9.49223 26.7084 13.4434 26.7084 18.3167C26.7084 23.19 22.8092 27.1411 18 27.1411Z"></path>
<path d="M18 12.4338C14.794 12.4338 12.1946 15.0679 12.1946 18.3167C12.1946 21.5654 14.794 24.1995 18 24.1995C21.2059 24.1995 23.8054 21.5654 23.8054 18.3167C23.8054 15.0679 21.2059 12.4338 18 12.4338ZM18 21.2583C16.3968 21.2583 15.0971 19.9412 15.0971 18.3167C15.0971 16.6921 16.3968 15.375 18 15.375C19.6032 15.375 20.9029 16.6921 20.9029 18.3167C20.9029 19.9412 19.6032 21.2583 18 21.2583Z"></path>
</svg>
</span>
<div>
<h3 class="mb-4 text-lg font-bold uppercase font-heading text-blue-800">Change of access</h3>
<p class="text-base text-gray-500 leading-loose">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-6 lg:mb-0">
<div class="flex">
<span class="flex-shrink-0 mr-8">
<svg class="text-blue-500 h-10 w-10" viewBox="0 0 38 38" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M33.8906 2.5705C31.4891 0.0529735 25.0668 2.51085 18.2086 8.12064C11.3483 2.51085 4.9261 0.0542799 2.52586 2.5705C0.122308 5.08803 2.46892 11.8146 7.82175 19.0002C2.47017 26.1861 0.122308 32.9141 2.52586 35.4298C4.92734 37.9469 11.3512 35.4882 18.209 29.8797C25.0668 35.4882 31.4895 37.9469 33.891 35.4298C36.2945 32.9123 33.9467 26.1844 28.593 19.0002C33.9479 11.8146 36.2945 5.08672 33.8906 2.5705ZM31.1819 4.48455C31.6898 4.48455 31.9047 4.59515 31.9317 4.62345C32.0714 4.76931 32.4325 6.41646 30.6961 10.2058C29.7543 12.2614 28.4214 14.4658 26.7979 16.6986C25.8407 15.5387 24.8129 14.3792 23.7165 13.231C22.6217 12.0859 21.5145 11.0087 20.4094 10.0064C24.9733 6.36987 28.9841 4.48455 31.1819 4.48455ZM25.0261 18.9993C24.0112 20.2476 22.9231 21.4955 21.7556 22.7186C20.5648 23.9677 19.3765 25.1042 18.2099 26.1422C17.0179 25.0806 15.8271 23.9407 14.6604 22.7186C13.468 21.4702 12.382 20.225 11.3911 19.0037C12.4044 17.7532 13.4913 16.5075 14.6575 15.2848C15.8512 14.0361 17.0391 12.8966 18.2057 11.8586C19.3994 12.9219 20.5906 14.0618 21.7564 15.2835C22.9492 16.5327 24.0357 17.7758 25.0261 18.9993ZM4.35253 5.40849C4.35253 4.8786 4.4581 4.65175 4.4847 4.62345C4.62269 4.47889 6.19541 4.09878 9.81342 5.91922C11.7756 6.90586 13.8782 8.30221 16.0112 10.0016C14.904 11.0052 13.7947 12.0824 12.6987 13.2306C11.6052 14.3775 10.5769 15.5374 9.62182 16.6956C6.15219 11.9122 4.35253 7.71049 4.35253 5.40849ZM5.23449 33.5162C4.72701 33.5162 4.51089 33.4043 4.4847 33.3778C4.34547 33.2315 3.98388 31.5843 5.7216 27.795C6.66341 25.7398 7.99507 23.5354 9.6185 21.3026C10.5765 22.4621 11.6048 23.6233 12.7008 24.7715C13.7943 25.9188 14.9011 26.9943 16.0083 27.9966C11.4427 31.6309 7.4319 33.5162 5.23449 33.5162ZM32.0643 32.5919C32.0643 33.1226 31.9575 33.349 31.9317 33.376C31.7925 33.5223 30.2202 33.902 26.603 32.0816C24.6425 31.0949 22.5382 29.6986 20.4069 27.9979C21.5124 26.9951 22.6209 25.9184 23.7152 24.7711C24.8104 23.6242 25.8382 22.4647 26.7954 21.3052C30.2646 26.0882 32.0643 30.2881 32.0643 32.5919Z"></path>
</svg>
</span>
<div>
<h3 class="mb-4 text-lg font-bold uppercase font-heading text-blue-800">Weekly email updates</h3>
<p class="text-base text-gray-500 leading-loose">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-6 lg:mb-0">
<div class="flex">
<span class="flex-shrink-0 mr-8">
<svg class="text-blue-500 h-10 w-10" viewBox="0 0 34 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M21.1164 0.166687H1.67308C0.909799 0.166687 0.284424 0.801684 0.284424 1.57671V7.21765C0.284424 7.99267 0.909799 8.62767 1.67308 8.62767H21.1164C21.8801 8.62767 22.505 7.99267 22.505 7.21765V1.57671C22.505 0.801684 21.8801 0.166687 21.1164 0.166687ZM19.7277 5.8072H3.06216V2.98715H19.7277V5.8072Z"></path>
<path d="M29.4492 0.166687C27.1489 0.166687 25.2828 2.06152 25.2828 4.39718C25.2828 6.73283 27.1489 8.62767 29.4492 8.62767C31.7494 8.62767 33.6155 6.73283 33.6155 4.39718C33.6155 2.06152 31.7494 0.166687 29.4492 0.166687ZM29.4492 5.8072C28.683 5.8072 28.0605 5.17516 28.0605 4.39718C28.0605 3.62046 28.683 2.98715 29.4492 2.98715C30.2154 2.98715 30.8378 3.62046 30.8378 4.39718C30.8378 5.17516 30.2154 5.8072 29.4492 5.8072Z"></path>
<path d="M12.7836 19.9091H32.2269C32.9902 19.9091 33.6156 19.2741 33.6156 18.4991V12.8581C33.6156 12.0827 32.9902 11.4481 32.2269 11.4481H12.7836C12.0199 11.4481 11.3949 12.0827 11.3949 12.8581V18.4991C11.3949 19.2741 12.0199 19.9091 12.7836 19.9091ZM14.1723 14.2682H30.8378V17.0886H14.1723V14.2682Z"></path>
<path d="M4.45081 19.9091C6.75108 19.9091 8.6172 18.0143 8.6172 15.6786C8.6172 13.343 6.75108 11.4481 4.45081 11.4481C2.15055 11.4481 0.284424 13.343 0.284424 15.6786C0.284424 18.0143 2.15055 19.9091 4.45081 19.9091ZM4.45081 14.2682C5.21701 14.2682 5.83947 14.9019 5.83947 15.6786C5.83947 16.4566 5.21701 17.0886 4.45081 17.0886C3.68461 17.0886 3.06216 16.4566 3.06216 15.6786C3.06216 14.9019 3.68461 14.2682 4.45081 14.2682Z"></path>
<path d="M21.1164 22.7296H1.67308C0.909799 22.7296 0.284424 23.3642 0.284424 24.1396V29.7801C0.284424 30.5556 0.909799 31.1906 1.67308 31.1906H21.1164C21.8801 31.1906 22.505 30.5556 22.505 29.7801V24.1396C22.505 23.3642 21.8801 22.7296 21.1164 22.7296ZM19.7277 28.3701H3.06216V25.5497H19.7277V28.3701Z"></path>
<path d="M29.4492 22.7296C27.1489 22.7296 25.2828 24.6245 25.2828 26.9601C25.2828 29.2958 27.1489 31.1906 29.4492 31.1906C31.7494 31.1906 33.6155 29.2958 33.6155 26.9601C33.6155 24.6245 31.7494 22.7296 29.4492 22.7296ZM29.4492 28.3701C28.683 28.3701 28.0605 27.7368 28.0605 26.9601C28.0605 26.1834 28.683 25.5497 29.4492 25.5497C30.2154 25.5497 30.8378 26.1834 30.8378 26.9601C30.8378 27.7368 30.2154 28.3701 29.4492 28.3701Z"></path>
</svg>
</span>
<div>
<h3 class="mb-4 text-lg font-bold uppercase font-heading text-blue-800">Frequent authentication</h3>
<p class="text-base text-gray-500 leading-loose">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-6 lg:mb-0">
<div class="flex">
<span class="flex-shrink-0 mr-8">
<svg class="text-blue-500 h-10 w-10" viewBox="0 0 37 37" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M18.5293 12.9871C15.4702 12.9871 12.9884 15.4677 12.9884 18.5279C12.9884 21.587 15.4702 24.0687 18.5293 24.0687C21.59 24.0687 24.0701 21.587 24.0701 18.5279C24.0701 15.4677 21.59 12.9871 18.5293 12.9871ZM18.5293 20.3747C17.5081 20.3747 16.6825 19.5491 16.6825 18.5279C16.6825 17.5067 17.5081 16.6811 18.5293 16.6811C19.5504 16.6811 20.376 17.5067 20.376 18.5279C20.376 19.5491 19.5504 20.3747 18.5293 20.3747Z"></path>
<path d="M2.67134 36.9983L13.3058 26.3639L10.6941 23.7522L0.0596512 34.3866L2.67134 36.9983Z"></path>
<path d="M37 34.3849L26.3656 23.7505L23.7539 26.3622L34.3883 36.9966L37 34.3849Z"></path>
<path d="M34.3863 0.0588327L23.7523 10.6929L26.364 13.3046L36.998 2.67052L34.3863 0.0588327Z"></path>
<path d="M0.0602576 2.67056L10.6947 13.305L13.3064 10.6933L2.67195 0.058873L0.0602576 2.67056Z"></path>
</svg>
</span>
<div>
<h3 class="mb-4 text-lg font-bold uppercase font-heading text-blue-800">List of regular users</h3>
<p class="text-base text-gray-500 leading-loose">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
</div>
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
