Profile Picture
Zubair Raee

Stats

Simple stats block highlighting client satisfaction, global presence, and project volume.
Copy component
Download JSON
[ { "id": "owuvkn", "category": "", "desc": "Simple stats block highlighting client satisfaction, global presence, and project volume.", "elements": [ { "id": "owuvkn", "name": "section", "parent": 0, "children": [ "xgvhdi" ], "settings": { "_cssGlobalClasses": [ "pvpccg" ] }, "label": "Stats" }, { "id": "xgvhdi", "name": "container", "parent": "owuvkn", "children": [ "nqohba", "xqexdp" ], "settings": { "_padding": { "bottom": "48" }, "_rowGap": "80", "_cssGlobalClasses": [ "wrvpvv" ] } }, { "id": "nqohba", "name": "block", "parent": "xgvhdi", "children": [ "kvlaky", "zmfnma", "fovloe" ], "settings": { "_cssGlobalClasses": [ "stchep" ] } }, { "id": "kvlaky", "name": "block", "parent": "nqohba", "children": [ "dfhxas", "tgkfwn" ], "settings": { "_cssGlobalClasses": [ "easyin" ] }, "label": "counter" }, { "id": "dfhxas", "name": "heading", "parent": "kvlaky", "children": [], "settings": { "text": "100%", "tag": "h2", "_cssGlobalClasses": [ "knosmv", "sstndp" ] } }, { "id": "tgkfwn", "name": "text-basic", "parent": "kvlaky", "children": [], "settings": { "text": "ClientSatisfaction", "_cssGlobalClasses": [ "sstndp", "toxepk", "zxpvwa" ], "_typography": { "color": { "hex": "#2c2c2c", "id": "dfkylu", "name": "Color #5" } } } }, { "id": "zmfnma", "name": "block", "parent": "nqohba", "children": [ "dqhmbg", "bmfpcs" ], "settings": { "_cssGlobalClasses": [ "easyin" ] }, "label": "counter" }, { "id": "dqhmbg", "name": "heading", "parent": "zmfnma", "children": [], "settings": { "text": "250", "tag": "h2", "_cssGlobalClasses": [ "knosmv", "sstndp" ] } }, { "id": "bmfpcs", "name": "text-basic", "parent": "zmfnma", "children": [], "settings": { "text": "EmployeesWorldwide", "_cssGlobalClasses": [ "sstndp", "toxepk", "zxpvwa" ] } }, { "id": "fovloe", "name": "block", "parent": "nqohba", "children": [ "ryurpl", "wrnaru" ], "settings": { "_cssGlobalClasses": [ "easyin" ] }, "label": "counter" }, { "id": "ryurpl", "name": "heading", "parent": "fovloe", "children": [], "settings": { "text": "3469", "tag": "h2", "_cssGlobalClasses": [ "knosmv", "sstndp" ] } }, { "id": "wrnaru", "name": "text-basic", "parent": "fovloe", "children": [], "settings": { "text": "Projects Completedin 60 Countries", "_cssGlobalClasses": [ "sstndp", "toxepk", "zxpvwa" ] } }, { "id": "xqexdp", "name": "divider", "parent": "xgvhdi", "children": [], "settings": { "color": { "hex": "#d9d9d6", "id": "glxeig", "name": "Color #4" } } } ], "properties": [], "_created": 1748638166, "_user_id": 1, "_version": "1.12.4" } ]

Similar components

Profile Picture
Joe Warren

Number Counter Stats Banner

Simple number counter banner - perfect for displaying stats.
View now
Copy now
{"content":[{"id":"edyeql","name":"section","parent":0,"children":["qystdq"],"settings":{"_cssGlobalClasses":["qbqcae"]},"label":"Number Counter"},{"id":"qystdq","name":"container","parent":"edyeql","children":["ydeilv","iccfqg","sucpoj"],"settings":{"_cssGlobalClasses":["qhtvqx"]}},{"id":"ydeilv","name":"block","parent":"qystdq","children":["hlkqxw","hpvddp"],"settings":{"_cssGlobalClasses":["vfdaak"]},"label":"Card"},{"id":"hlkqxw","name":"counter","parent":"ydeilv","children":[],"settings":{"countTo":1000,"_cssGlobalClasses":["zxlvpu"],"suffix":"+","thousandSeparator":true},"themeStyles":[]},{"id":"hpvddp","name":"text-basic","parent":"ydeilv","children":[],"settings":{"text":"Satisfied clients who trust us with their skincare.","_cssGlobalClasses":["rltyuv"]}},{"id":"iccfqg","name":"block","parent":"qystdq","children":["neufhv","kkxsxz"],"settings":{"_cssGlobalClasses":["vfdaak"]},"label":"Card"},{"id":"neufhv","name":"counter","parent":"iccfqg","children":[],"settings":{"countTo":"10","_cssGlobalClasses":["zxlvpu"],"suffix":"+","thousandSeparator":true},"themeStyles":[]},{"id":"kkxsxz","name":"text-basic","parent":"iccfqg","children":[],"settings":{"text":"Years providing expert skincare solutions.","_cssGlobalClasses":["rltyuv"]}},{"id":"sucpoj","name":"block","parent":"qystdq","children":["chmvlq","itehyx"],"settings":{"_cssGlobalClasses":["vfdaak"]},"label":"Card"},{"id":"chmvlq","name":"counter","parent":"sucpoj","children":[],"settings":{"countTo":"20000","_cssGlobalClasses":["zxlvpu"],"suffix":"+","thousandSeparator":true},"themeStyles":[]},{"id":"itehyx","name":"text-basic","parent":"sucpoj","children":[],"settings":{"text":"Transformative treatments completed with care.","_cssGlobalClasses":["rltyuv"]}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"qhtvqx","name":"stats__grid","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3,1fr)","_gridGap":"32","_gridTemplateColumns:mobile_portrait":"1fr","_gridTemplateColumns:mobile_landscape":"1fr"},"modified":1744819217,"user_id":1},{"id":"vfdaak","name":"stats__card","settings":{"_alignItems":"center","_rowGap":"10"}},{"id":"zxlvpu","name":"stats__counter","settings":{"_typography":{"font-size":"48","font-weight":"700"},"_typography:tablet_portrait":{"font-size":"40"}}},{"id":"rltyuv","name":"stats__text","settings":{"_typography":{"text-align":"center","text-wrap":"balance"},"_widthMax:mobile_portrait":"25ch","_widthMax":"30ch"},"modified":1744819217,"user_id":1}],"globalElements":[]}
Profile Picture
Shahid Hussain

Intro section with stat numbers

Intro about your bio and display number stats regarding your skills and experience
View now
Copy now
{"id":249,"name":"portfolio-section","title":"Portfolio Section","date":"2025-04-14 11:31:07","date_formatted":"April 14, 2025","author":{"name":"admin","avatar":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=60&d=mm&r=g","url":"http:\/\/board.local"},"permalink":"https:\/\/board.local\/template\/portfolio-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"bc32df","name":"section","parent":0,"children":["718d59"],"settings":{"_cssGlobalClasses":["atxehf"]},"label":"Hero Section"},{"id":"718d59","name":"container","parent":"bc32df","children":["8b11ab","1b3c7c"],"settings":{"_cssGlobalClasses":["lfyvay"]}},{"id":"8b11ab","name":"div","parent":"718d59","children":["3b3bc7","723503","quzbiz","fxkwuc"],"settings":{"_cssGlobalClasses":["zlsdnx"]},"label":"Content"},{"id":"1b3c7c","name":"div","parent":"718d59","children":["f1e1e7","503b02"],"settings":{"_cssGlobalClasses":["ndczzv"],"tag":"custom","customTag":"ul"},"label":"Media"},{"id":"3b3bc7","name":"heading","parent":"8b11ab","children":[],"settings":{"text":"A bit about me","_cssGlobalClasses":["ejgznm"],"tag":"h1"}},{"id":"723503","name":"text-basic","parent":"8b11ab","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio in et, lectus sit lorem id integer. Nunc odio in et, lectus sit lorem id integer.\n","_cssGlobalClasses":["ntbuyx"],"tag":"p"}},{"id":"8c09a3","name":"image","parent":"f1e1e7","children":[],"settings":{"_cssGlobalClasses":["lrohzv"],"image":{"id":252,"filename":"workstation-image.avif","size":"full","full":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/workstation-image.avif","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/workstation-image.avif"},"tag":"figure"},"themeStyles":[]},{"id":"f1e1e7","name":"div","parent":"1b3c7c","children":["8c09a3"],"settings":{"_cssGlobalClasses":["tybqxx"],"tag":"custom","customTag":"li"},"label":"Media Wrapper"},{"id":"503b02","name":"div","parent":"1b3c7c","children":["vwfdkm","vahhsx","mliexn"],"settings":{"_cssGlobalClasses":["zjmzla"],"tag":"custom","customTag":"li"},"label":"Content Wrapper"},{"id":"quzbiz","name":"text-basic","parent":"8b11ab","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio in et, lectus.\n\n","_cssGlobalClasses":["ntbuyx"],"tag":"p"}},{"id":"fxkwuc","name":"text-basic","parent":"8b11ab","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio in et, lectus sit lorem id integer.\n\n","_cssGlobalClasses":["ntbuyx"],"tag":"p"}},{"id":"nviewv","name":"heading","parent":"vwfdkm","children":[],"settings":{"text":"15","_cssGlobalClasses":["dfhaid"]}},{"id":"kbzqof","name":"text-basic","parent":"vwfdkm","children":[],"settings":{"text":"years of experience","_cssGlobalClasses":["gqalho"]}},{"id":"vwfdkm","name":"div","parent":"503b02","children":["nviewv","kbzqof"],"settings":{"_cssGlobalClasses":["sikyzr"]}},{"id":"vahhsx","name":"div","parent":"503b02","children":["xnedvw","yrbanr"],"settings":{"_cssGlobalClasses":["sikyzr"]}},{"id":"xnedvw","name":"heading","parent":"vahhsx","children":[],"settings":{"text":"250+","_cssGlobalClasses":["dfhaid"]}},{"id":"yrbanr","name":"text-basic","parent":"vahhsx","children":[],"settings":{"text":"mobile apps shipped","_cssGlobalClasses":["gqalho"]}},{"id":"mliexn","name":"div","parent":"503b02","children":["ypgfnt","swdhna"],"settings":{"_cssGlobalClasses":["sikyzr"]}},{"id":"ypgfnt","name":"heading","parent":"mliexn","children":[],"settings":{"text":"18","_cssGlobalClasses":["dfhaid"]}},{"id":"swdhna","name":"text-basic","parent":"mliexn","children":[],"settings":{"text":"design Awards","_cssGlobalClasses":["gqalho"]}}],"templateType":"section","global_classes":[{"id":"atxehf","name":"hero","settings":{"_padding":{"top":"7rem","left":"5rem","right":"5rem","bottom":"7rem"},"_padding:mobile_portrait":{"left":"3rem","right":"3rem","top":"3rem","bottom":"3rem"}},"_exists":false,"modified":1744634509,"user_id":1},{"id":"lfyvay","name":"hero-container","settings":{"_display":"grid","_gridTemplateColumns":"repeat(12, minmax(0, 1fr))","_gridGap":"3rem","_alignItemsGrid":"center"},"_exists":false},{"id":"zlsdnx","name":"hero-content","settings":{"_gridItemColumnSpan":"span 4","_display":"flex","_direction":"column","_alignItems":"flex-start","_rowGap":"2rem","_gridItemColumnSpan:mobile_landscape":"span 12","_gridItemColumnSpan:tablet_portrait":"span 12"},"_exists":false},{"id":"ndczzv","name":"hero-media","settings":{"_gridItemColumnSpan":"span 8","_display":"grid","_gridTemplateColumns":"repeat(8, minmax(0, 1fr))","_gridItemColumnSpan:mobile_landscape":"span 12","_alignItemsGrid":"center","_gridTemplateColumns:mobile_portrait":"1fr","_gridGap":"6rem","_cssCustom":".hero-media{\nlist-style: none;\npadding-left: 0;\nlist-style-type: none;\nmargin-left: 0em;\nmargin-right: 0;\n}","_gridGap:mobile_portrait":"0","_gridItemColumnSpan:tablet_portrait":"span 12"},"_exists":false},{"id":"ejgznm","name":"hero-content__title","settings":{"_margin":{"bottom":"0","top":"0"},"_typography":{"font-weight":"600"}},"_exists":false},{"id":"ntbuyx","name":"hero-content__desc","settings":[],"_exists":false},{"id":"lrohzv","name":"hero-media__img","settings":{"_width":"100%","_height":"100%"},"_exists":false,"modified":1744633887,"user_id":1},{"id":"tybqxx","name":"hero-media__wrapper","settings":{"_gridItemColumnSpan":"span 4"},"_exists":false},{"id":"zjmzla","name":"hero-experience__wrapper","settings":{"_gridItemColumnSpan":"span 4"}},{"id":"dfhaid","name":"hero-experience__heading","settings":{"_typography":{"font-weight":"600","font-size":"5rem"}}},{"id":"gqalho","name":"hero-experience__subheading","settings":{"_typography":{"text-transform":"uppercase","font-weight":"600"}}},{"id":"sikyzr","name":"hero-experience__textblock","settings":{"_border":{"width":{"bottom":"1"},"style":"solid"},"_display":"grid","_gridGap":"1rem","_padding":{"bottom":"1.5rem"},"_margin":{"top":"2rem","bottom":"2rem"}}}]}
Profile Picture
sinanisler.com

Pontus About Us Section

Centered section with text & a row of 4 statistics below - great for showing the important facts of your business!
View now
Copy now
{"content":[{"id":"cvuhpv","name":"section","parent":0,"children":["djvued"],"settings":{"_padding":{"top":"200","bottom":"150"},"_padding:mobile_portrait":{"top":"100","bottom":"100"},"_padding:mobile_landscape":{"top":"100","bottom":"100"}}},{"id":"djvued","name":"container","parent":"cvuhpv","children":["zdjnqo","irsykv","xnbpqw","pfxtbf"],"settings":{"_columnGap":"20","_rowGap":"20","_alignItems":"center","_width":"880"}},{"id":"zdjnqo","name":"text-basic","parent":"djvued","children":[],"settings":{"text":"SNN Real Estate","_padding":{"bottom":"2"},"_typography":{"font-size":"14","color":{"hex":"#272d4f"},"font-weight":"500","letter-spacing":"1"},"_border":{"width":{"bottom":"2"},"style":"solid","color":{"hex":"#0662b2"}}}},{"id":"irsykv","name":"text-basic","parent":"djvued","children":[],"settings":{"text":"Elevating Real Estate Through Teamwork and Innovation.","_typography":{"color":{"hex":"#272d4f"},"font-size":"44","font-weight":"500","text-align":"center"},"_typography:tablet_portrait":{"font-size":"32"}}},{"id":"xnbpqw","name":"text","parent":"djvued","children":[],"settings":{"text":"Lorem ipsum dolor sinan amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.","_typography":{"line-height":"2","text-align":"center"}}},{"id":"pfxtbf","name":"button","parent":"djvued","children":[],"settings":{"_padding":{"top":"20","bottom":"20","left":"35","right":"35"},"_background":{"color":{"hex":"#0662b2"}},"text":"ABOUT US","style":"primary","_typography":{"font-size":"14","color":{"hex":"#ffffff","id":"bfjqvk","name":"Color #20"}},"link":{"type":"external","url":"#"},"_cssTransition":"0.3s","_background:hover":{"color":{"hex":"#01141e"}},"_interactions":[{"id":"uxbeuh","trigger":"enterView","action":"startAnimation","animationType":"fadeIn","runOnce":true}]}}],"source":"bricksCopiedElements","sourceUrl":"https://sinan-site.local","version":"1.12.3","globalClasses":[],"globalElements":[]}

Categories

Stats

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue