Content blocks

Display categories, sections and/or articles in your help center using a variety of different layout styles.

Content blocks allow you to display categories, sections and/or articles in a variety of different styles. Like custom blocks and contact blocks, various aspects of the blocks are configurable through theme settings. For example, you can change the number of columns, color palette and image size.

Blocks

Presenting categories in blocks or cards is a popular choice, particularly on the Home page.

Simple blocks
View code
6ea3de88534c02f42abac0186aa04b0e59eca46d3a74d8af3640d0df18fbbe70c268af70be9e4f9a005e9b46eab7b37c3c692547a350d3e17deb5dd48e2f56658c25fdeb5a605696e0aea78c0c96f503fce3e42394fad508294b48b5b7e93545fe30c3c9232a76c1d8b09cc9b36ab35a0cde7d8fcb3b12349ba2436fc8746def0fe4db7684071d75d578c972253c90139dc549972366b770e52806a8a983e6bc10f49c09894db16a850a417be6dd7f5fd7b67d3027fc14338b55612663e4f74aac042812329b9aa469ee48df22e954e4d04259dff6a7da7063dceb822186d98cd40683d8d810be6ec78782e84f0e5cbea3db1186f825f938ddfbc891ce6bbe93a780f98d0d68604a99f6e2b89513c46daed3d987f2761201052acc362fc9fa0193dab3492f558b70db0d0643341830b7bb27df70f31986fa7a4088a86d9758b956e6f8e5784c00625046f948c77d948f711c0df0442c3a2628d8eac487c3e7fa65e00e1ba132d9ff2fbf921b81ac65cee655118a75bc879a48ee383eda51a0bf06f0f52daf9c898d843929951451253c005a53cee8e0de04639a3df36a1b98bc5cdcfe09cd5afa4bf1c673c2b02dbcc7e53c0a2be0c1996dfb965aade9871ca02a03948c4c4ae221ef87efe370239c837d5c22fbc5f5b06de8126b6d9aca2e11563c3232b2d6289fb2a4a18f0d2a6d094e11a825bb7842ffbc99fcaf42dd2af6631ea161b844a9e2250074a299eced640f51cd6162728fc49557262570e0400522614a473585843a6754269edb43f465e2c97a385c4ffa051a5e7b41c54fc99c46522c109691a8dc9de6a1bf87cc3f64d3b43efd65ce37d5072b96a007857ce25f6a2f53d9a66c097316cd03d8df60602f5a25aa49da9da7923993f40819caa1c1b5370629757d68dcfc15b86ab07d483e2cfa2e46dbec6c8bfb214f24ee9625a91b2b675e13b0df239c613c1db121d2907a1345a924b96e2c09e401fcdd2285f5e3ee7a7da9070da17f7589108b6c1947d2b34ba8c767386643d95e94e4db03661145a95ba9247322cdc9d668fdc1ef67f7a883938a5dad25e74286b1f933d9700a9a117f4c949b5aaa284af6c380ef37ba29e179ec4220780f66c09df975b0b16d709b123e7e41587c2580b00784ff500cc0d8b8c26b653b73a8c415e8f1c706135607808cdb5440c4f72d15a2759f99d5d9e61dc23c58c3c9a580bc27dd35f1ea2961b8c87fe01b77f4ed2fd4025a5a93bee06ab69c16613b702079c961f7ad87bb79e7d4210ebf6349364dd92304b5fe0498c0fdd1d424c0c294173f9789e1713092b3dd9b1bc9be17f81c50263bb04c49f4c46c482d19286378399dded251eec0e60ffe0b213bdfb4eecc402ff4aa5219763f41dfb6f21e6d30aa024c13384c22ef19ebc2cb753403c24f0d39fe07883163b633d3d855b818a6c8f4c71a49e0b6492463e1e6900d226f0d2e69ac1348474c98013650d5c58f645b06afe5aa7702f9ed1533c1d547d96f5c6a6e5dc08bf2babb2b4d359fa2bdb6acc0968d339da77b890dbc1f63e48aeb8bdfa930f25f8f58796abc3457aba43d3bf2d753749b7022e674c3f663c5cf4449622e22f0575dd7605ebe650f80af89e4b7fc5365e2997cdf72da28c64d9c1a8817cfd5f973468e4edc4590d418cc104bda3c6b4f1c682373ef79abdd033f24b927e524cbb33a0642483eae65aca48a4d04a977360926e6059bbfe1b9d6831072ff351745720afd6b83acb184c03a6b4ff61dc2ce6523433d589967fcf9011e281ad8e9b2372d0daad0b3020a6d9e7c4a1221c065f4bc4fcb9060463d09cdb015ce1ca4a24b41cfb029f0c14acf85f9560bef46b87033991780f725b29dceb0ea85a75bee49b97799c2cd8320da6e243575e0add2471cfa5c2f5bb89150add4cfece526704a4ab2b54a7e5cb4ac8d12705bcacf6103bbd202fba74494c44bef07e4c5a052c7d3b8a39f1ddf021f5642ffd3e5e7cb85d3b6739b63f69a4d7ba32ac87228ec80dc9ea6e8443f2f412bca8239b2593d84c78d97f4b394b2f7ca1b32bc44652f4e63660fe0d2d78cc074246a0648370eaab9d414ab62cc8346aab7af2c5d2bb7d25b31a2e9aafe3d0bf4187a0c8bcca58b43cbbd85bb745cefa7f45eaf0e194b0992e2be58629c43a8dc16f92e5fec65c081438d955ad2e702227d3e7cee40da3ec95e7299bbd8fcd7134295fb4041a2c0fe5ca6896599506d8b174a91ebd66e512c28fac79184a94ec1d0f23d9fe6e0ef21ac4ddba156ce3601edccd659378b9b05586b387f21576d616bb0607c5e291402285b9df778d969066ad36f452972f23935a275b6e6b95301b53f2d84367d3398bcbed223f6c64e185ec99e8e409ecdc1421601f0c1345d72718c886458e2e4bba79aa43f42537c8b4f72ccfbdf6c7b411ce221e7dba67d60ee516517240fe683a794adbd793f3ea23e3399b6fc28548910beb242e97cd107f3c43d3c62f446f6f2f474023093c4e9e410b0fd9a5f84031768e9bcef9901e86b8773cd3faaa62044fc713716fc8bac788d9508f39432a75eef7af42cfb5e2ad1938c08436db4297f0ef80a0c0364fb9e9c540ee587fffd1614c7e32cfc39c0d52f3c19b31534d7a50827b5cc38a9a224f558fb69af441e24a20e74031a22efa9c06d7493bb2528cc30fa2f9d9c929564f92c5122d6324f2ef5e3a648de654346c5bf09908402ca854bbbd8e1f8f0c42539bda88fe1ebec461bffb9cd824b1c8de1ed86b3436e4fb6658d28ea7025123b748e0d633362918ef88b5155b658e154eee9988e61f83bb55f2329eb916c898ca629384f2ac14382c7d90a0aaa9979bdda4466a817b63de9fe0fa219ad2e2346fd2b6c677776e2c8a453c5d0dcd877777f76ff93b78d3a0e0fa51c9dbf0b3b0d4d2bde96eabad995d70ecce5f1e5456cf04bd1cbd4abc54f85014dc838dff1534b731dc7d204d39a7196f0219822db4e39a1e396dc3981c25fc234ab99e3988662dad956d9795297c66858500ea4af6825ef4cc23efedec51a672d4e851d24d42f9ccb3def383e9e40a9264582e987ae729ce3d6dec76986df3e35faedd936da803b6c244b1b1709c6de468e93284476673cb8588df8895c4449386e166f9605bd5e68efccd03c091e45258fe93674b04eef830cc8667ef067a146bca0b6eab62510483d7a4dde7162ee86d6bc80322069056852c0bf3e0e983fa8e024626dd3026565fa9a75997947db51a74e18795a70f8737b687f8f41e308ae8637350056756b8cfe257be7ae614b43dfd5d33d3cbc9ddddd442a8281a1455b72e58cb9418b4bded9e8749cabed29294f300b83917967a34eac6c14d6a056a309510e06e31570b5efb798ad1a686e59bd5af0207586900d1b02f1bb78aa0aa4e89ebee3d9be7d9c167688d03a1ed5ec60a3c104dd9052e3aa37b4c6f3456cb0259dbc3c39e9ad88c3d0986867439f1a7887266604a0eace9c4523b81057e95c5942d1e644846e90b30d23fbf5731916dd4cecaf98e85bfec580de62e5bdc3ce6e88710e62233ff23135d61718c42e2f4c4f82847ba72e9bdbbbed7fc9ea36b673ae3e8cca92ccb68742c6e5d8d19522cff0d3a276d34bd034a8f9872499ea3fa856cca1d38768e14ca1ed9840fe4a0f59d1a4aaca6dc66ae3c85f76e73ebb8eb13e3d5f4883d504f41dcccb8d0d4c418d01ec32761e8534baba033887d2c104a3eb12e0cf3565c680869fc0bb4b4fd53da56182ec1ae860bc2edb67fdcb9a6157050c8b6d91d7c14f01051b14fceb23d5786b151c59647d34694df839a96fed6e0a026385672d26b2a0560330493d1b4d2478f71e8619f74b62ab7236a91f3dc81de0886eb18d2c9d4d3c979385d8f1bfe761a204938098eaea4c4358e89bbb8adf9e59a4c5b0518e96dfb4b85bb1a1dd37bb6fdecec639b731b3367b37fbabb90ffeaf943fb08dea6ef5099294573014b662f99cf11db60f2734b39c6a63c29898cc591e27551fa74a4dd5dbd242d741f5e7dbf59f47dc87e6cca74244a5512d1f7653e29041eb48ca32e22ef23dd7b095a32536338be17f7422ec1fe4a72e3dc705817c3dd10b4478047c2f0963d6c23f123c45ade3d819db6514d23ad2c9d8eaae0fbc4fcdf2acb8f39753393496eadaa9ec91dd4dfb956dd4923110cc78deff9708a55d790d9a80e951777ffe828c4381473a3c52279b9751833d45e59caef5928c4c96adcdb5
Grow on hover effect
View code
6f67362846f3ef4da371565f6ae01a19cbc66c21e3ac2fec41dcb42df9c74d89c723f3c12fc30f82ce855fe5812114a7ec34cd6167686df2754cda2a35db4158c287efdb74c9d2c2f3cc31502f362519b32432d1fd566b6585d85fd0598b73111f168f4166a07aa2651a167591b8315852abeb7092e536506b03c39d622b86a732400f542e794bf4e8ce836ff738d000d4b3a3698e0488cd8575941d5d1f4c8a4748bf4dd95a3c5ff921592318955184c0937ce3bd88b46bd0fa74e40027b57e911a6295bd214b5b0e4a50e8a944b4f64e2ce9dab93c67e4e0eb34521cde23d0a93f7491c0ba39a005392c3739ff9e58f1ca4d9a573729fc45d04684e7baa2aa7e1f1227345ab48c7931192b0b1790dfe97513e5b49c706159207a40486950d4f615258fc3afc61188ea1aa21d2877481231c62f4bc6f37f99d0c8a31abb931c78f5e8392bbe234681217f14cda7d64a1a4a7e3da7e6bf9b06bdea2d556ffb31401c4b9607774eab3eac65e63865fd61d428c5400294084842f06ec80c34814b46b4bc4d0bda9c5eaed8d20b4c4eeefab0aeb1c97eaeed0e632b6e18350158af5c5203c8a4196f61842d9dde6eb23ff7b3bef7e69c3ededc0632f6bc6bd6ea53257d9c9f06cc51b0e3c4443ee4ac4dac6a143d3f859603a1c8dc9866e12e67afef82fba8c246a33a5c4240538981fa6c99046eb18103f58a3d9e8bf15581b1e835df1a1e2a79ebd04eb68e4b6a789c7f413ff3dd820aef70e1fdeba270c555445c5cb806d57be06fae019301756bdb2cfd704a68f89d1b5aa2a8cdac254eb80ea1729dffacbd43ad2dbe35a22c43b3077e7fa1baa53adc18b00f5a97263f48a62b2a62c394f4c29d57dcf842e46592ec6d0d73be6a6b77de7b360aad56157fee0b947705729e5671527b11c20545573812ef41429e7db1e544f8edc278af9d1a80384247b6ffbe75aac404f8f9af02288f54fef019896dd4d669ca39ef839f5e7db904ebd5777b896dab1156e8815abcd467933bae841e05d52a7307f5659b69dbbd39a83d80d0b0fc025ee3486546ad478521eb9641b8a33466ae2251be6f5ab760999fb7f872f54dc4b900f2b853bfa7ced9bbe54a340eb5371705c53e709686416d39e05dbe3657e6f61ce5b5bd73ce521f5a1d9bb20c24196c5ad0e1a2857e02e9bc23db442b320294fee8b74811a720600361db23a882f47b9b5ee62c6223b17bbbc9b733b3f0838d7cefd043ce8f60928e84ec30ce946bd04ae4f2822cb7cf67b86461bc3bd6f1b22129bef674aa5a01a1d6fa9a745583987357ba702c31d6203ea359ca418526c405b90949f18982d28f5658438c65626ac4ac38844fe068cb85eeba2346b5ca2e3bb232008862f3a84ff904a4999d64e24037756d3f262c0e91ec3e464cb5855b7f8b156c5e3f128c42101b9c4b022cff7fdddaaf234e86d2cd330a335d872ac93b1b6a0971e088208943c9ad44865055775cdafb8aaa4fca094c8bd8cb70731c420ea93856ec451574fa861aaa4cf4c7e4f085e41dc20be0690fc0c7dce375ff3c11ef58a8745c271af2f268164d880a9b3fe26924f423e67dec750a835f8df4737c2fa52aa11b479732de43faff7dc99e7aeb4c9cdde4952f807c5301b9c6bdf8b6f7d213990f7c8b194712f73acb7eaec62f9554fdd8d8a8be9c045648eae44fadaf8312db570544b84109d2b62d93f6bcc0bbec2352a8d7ed79e76e96faeafb625fcffec0696696b6e8fd73ad37e10bf25d4e3358644d7bf4f2ce2a7d67ed7cdc2467171a1e76f6374184384c85355104cb5e09f595c4a460bb36913f19f005fcda1f6d03d4f69af961828055c6641941f7d0d1377d20a10c03136c2f0de7aacad58bff2c74bb045fbe540e22f3e826e2dc651f173b8ed06d7eabdb5d50892dc2e2d6fdb155e14576636fb08a67cd7fd4def4ba37ea750ee8c5ed14524a2da303f202b506a4232eaaa1739f7fde92fa3b4ba2fc2f98acef33320219cf319b6c20eca45047e2824d870f6d968d1cd915bf03edae093437cdd4505268f176ea9b1e8de1ea9c062dfb3b2d19c3d001109cd82bb88a7a8d4da5bfbd5ba26543ef6192fcbc68f55cb966c32a4ea417366b83f30f65139b45f6d3effb2359570fedd0ae01a3b9b5a32a9d569363ed8e6fb767c7eda6f821058669b8371beea72420d201c664658d6189903d7da23c143b68f6494510c5686c08c53c8c2c0590b4c52ac0117cd12a744ca8f5f2bf3e888511dccce82216170ffc0367bf193fa5fbff1db1235c71266cfd1b48d5eda11720ce623f4bcb3ee71114953044ea9d9e5fdb85099d29268884663ff5985220bc8f551e98a2bc0b55afddce3f15b7a00ac7d6362845700dfbe18cabf78c23695c4f12f8820646d819a7500d08d666929bb72b926c4832a274d864aa6ab5608019bfafb86e1b3b55c517b09d2016629dd8d06a19b07717568e4cdf905582d4883c33badd48fec3cb83e6e8aa59d227f071ceb524673a72b36be361f1773f9269e244be609af317081153f3d109e8300d7ddd6f4ed10306852cc63f4cfb1962608d3f8878feb9943b7a83147f9f625dbb970eae195ad24642e67af8491b038e4801b96a01a391a19b2ef1d2de4e0b4fe10344492b6db6108cb6137cd7cabe5e34251e3439f5c31e295388be0890010235c95676033c32811a21505906fca3a0a97625a68e4d0bd7776323e8cc431f18696202b918272690e562b9c5c3bc05866e6cf93d108840baab3ef3a4fb2f239e0fe1f7e4ada3b265cec0ec6a37f9ce88036bc267a4bb1823748399f4f05a102769fb3c4dc0773d84fc0bdbb90039645e859b3a11f95d76a25243698c003edc6b416a0f947d264ed9fc43d7c398fc195a6871be853970b1c6a4d6201d863cfc4b0462270ecedd84a2a8cd43b11294f69b04d81070ff8b5f523ec4ad499eeb94276c9aebb547a63917520be96003b9cab7510d71b0637b20694a9e007e144cb10dd3a5bf17948446c760a2e334005df0fffee16f897ccdb47709bb6e5527247c7317b722c85208c0dbd192fae5bf829ffa95289459a737bb6ac7513067cdd3071b522f6e11873f0476774a04790671d7fc40b4640f783a808f0ee52a240d6a11358bf3a21bf2b08190fb1106dbd4f5fead130eca6d864177cfe2add3fce9bf1084566447bf2453a55d569ac189d2cc2fa874623daf6ae03b3c5af22e75d46b53c62a74d7fda6b8fdde90d5f1a73cbf12037445cbeb1a99b472943ff826081c0ccbf26a643f664834d1127254960b52fe1dfae184a106a9f75b64d89da14f7fde6e450c1fdfad09476c1bbe2a5bfb682ac51e1655b20f0b625819e01f741d6d4710697fce55555bc4143efdd239ae044cd633962191004f19772d15b34e5243cbe8b8e3b20dceef4f632cfecf62b3bf6b6db8fb4e241d354f713290037ba9d3b34d13531a56884ebcd4df4c108188e0041d7b359a8ff3d5b70cb781f8ffb3a3953226d4713fa1bfb26f0284e0016ba524f1962227469d89183c6a06a728c0197ac6b422ab4147a1374fc96f07ec84eb7dc0e2fca753368ac6881cf760f2641336a17ea4897ff6e13cad32c3c73a1824c8d6669ffe87b0e8f1ddb5f058f383281119db385f80fbaf815369409375ee5be855f0c8bb0e0efef1f3e4fb8a19544c415be87d84fc54c3954b2c0db60b62eb9e3076f28e57396ce6440792fad89d38ade2badb491dc0e6df49ac9922b98106e0dd524e1a81bd53073e9c59aa5a748a836e6b83a962245672cc6bbd8848a6b8815780775a6d6c8ce08406b378c0dc03a41e9e2b5172c4434cdfafb4277fc5d745f86260d26eeafae28d8e92d07680dc296221a627c7668e8121b3ba39eb134b706478abb7543f8129aafe0246533626fcbdd1544fb17e68323e03c309a4f208efbca1d3538f9ee3b7363dc60cedd8228410d7d112868aad19dbd150a1f1685d6e7e4e8d121e647595acf686ccd0bc03cf3f4c6dafebb7e7fc33e6935076f6328935c7d189fd45165dacf492c6e73ac78a59b7754ed415092885dd0dea3538e2003c7e4a8843a54bc587559b8db0b3c51bc4669c13eed1c10c36eb5289f2b098a540344287ae0942f3dc16282d3510e56e03b67fe4ce310128c679a1eeb3d4b80362d780bd75cc5e27138b762d132b567b9116a12f10f68dcec38b06e62fb3d1ec7bd92d7a0c543fef0a24897a178eb851582c4a5a842b896dd9e28839f0eda7c951129095eae45b3600f472dc967cd4cb96b2231a6567f59288894b048b97210604a48660e42d2b3f949c806a50f3b06b302c58145f1d4b53bdd6
Background color on hover effect
View code
a5b6db9e31d9059d87faefc783b283cefbd9ab9b511a514d876cd65050a0f362acf52ef71f362dfbe368aa8dd62cada4ba92ae8e0efa34a73186fc30b10a8c41294bb7ecf40cfa374739b0ae62cfb310d6be24e14638c47344e1581d0775b5bc04f7a502a8d24a8085a12c70e76b251967fbdca635c4403e879b631ab77fc5a4ec77f784844a4fabb4c4ee5c56d8488bb88a33885ca15d0c216fa1461ea2c74808f8ac5d54f5ca427aa761d6a117398ea27e74abd217b87692eee42a41779cc88e591719be80b1b9d782f11a1cdf9db51053045983474341bc2218ecca5e77cf43404b4e5712723301f6f99650f9741fdab259e1858b8d30307926424b9cd16112067f7b503dca649aa77341d690adba7e8b1d39f48c729d9e8544a79074671aaf6e5f3a3d72e35bc52ec334818e52a679158a0e2bb830cb2780b260333db3f3010f74bb9646d69155bdbce77a34cb88a24fe3b81c976e24c3e2c7296817ac6f2f18597b4de8f8b50ecce9156a1f481e8399621d0b6e26f14bbce0c95014f2c394335980de33066f4c1d532cb89dd3180dbf7ed805669feadc33ee5ca9baf37e1fa7c1d0066cf1f9701cf495882cc9532204246f12ee371ee0b8e1cbb72442ebe90d783c1a88da8f38fac8568e2df59b44c1bc9c1e318aed436975e01213d09baeb55ae18e9bf23e481ddf7b08860aa3088f38f6d40a341cff29f981ce17e9d59ad4a00ba4c70fbca82614c9110c3ba75a2647fb527be9cefb862b8b2e85c25bacd733a9a934f11977d09fb2f257bbba137ac35900aa682bca28db5a1be79fd608e633ba3323ca3ec18475ed2cd9b992834b032f9da58c677548dfaa9ebf875391d3da660cedafc46eab371ad2d8b32e9cdb196e5e3a8eacfef7e6491919d311b413cebd86f227224ff7a9b1af57014065a854e701a53d26e9ebedc43e4fd109e06567d1bd8ad50507d34c4f840baedaf1d7b5abba65dcdb48ad75579fdb4d1fa806fd00089c08aecf11a8e0100dff5649ee578faa7d8d6e96c6ee706ea114a705cad3d9742336023f3da9e3f373b4e3df8406821cfa666ca342f40979aa6d8bb4badb9431e9937e0b094ce44e2577ec58510ae523897c478170bad2afb7f06622296e91a813e0faab6bf6f771bc0fb2fbf50ab73a909094492b3c2435d83b4b040122d9c343cf4dd731b88641abfa9683ba044fe51c6ed7760e887b4ed6889380fa566ea05d5e11f21c6a30457148232d1cf319eaabd7849ab9e4238a95ae85bef43ec3cea1414dbcded83c7b141fde16df1241f9b6c68fdf780c40b54cb4ecbebc6e4f2ee1f5fb4349e931e807187f179c0ba46525d6b19e52407b0512882bc3900a9da120f6194a76f3596fbb29abe5f77d476d341aae7e61a640d0de93e099c6f2be6961fc901428c0fb08692bbd9e17b2b00ba60bcff59aab86dc1e275ff1c39c07c437586473763bc9b4d38bd3dbb599ae3cf8644746448ac2e94d84505d82a56ae0de5c48b369d4ab3150a6e47c244d9015888004c31b28be627f229de7de24cba99fcc02e9f9027b5ebda31e0a2a1cc37aa33e43d044d142423c71732feec1e94a5a1e90761b33c8159d77b5f92863b7517713618c10d4741b5355f20f8be29a8182ff690cad8a86c9dd0ddd3f497a5e92ba961784975a267421b4d334346cce060bb578c4b7c4150d0e445aa76b64b00738deb623e35e408321caafc4b3d5d89dec4df0e6b74bed567bfcccb8e11c8183f521323ee93b4d4250a926af2aa370f9bf1b9d938aa625a73cd3811dc33e62dcf36e847ea415059ce54cc68a809c9b3fb7e7e221d2da1d9665292a159b6efa91921c72adcb914a9ef55b701e9c7f411c5d2228da6328c7374049cc897e8e8fe2ed4fb461a6ff0b814f10246f3480d0da799b7d214f01a41bd558a345e03e83fd7b5d6587b7ef2ad9055afa22ce0e8e863f3027ff358af332f5939333c6cd9adb0008c5ef525e32ea9b0d501af48f11b2bf80bb44324608a9918a53298c65f511b252a215c3acefdfcdc37a140fc2e593f9982c2999d8a43ac1564b79dd37e176c1a8a36b22f7b9433c771d96854e469de4390666a7f73e7ad71030b4d9c6884408ad7410569795509370711f16717652febc8398013371a1b6b22b09ddb0d2f27d9af0c91dbeaf6f8baa55dc0e0f16af887a953d122b86e96f07a330b17c5549193a0c2dc053a241243c96cb657735506bf45518bdde96b8c730133fa2cca3db3824b0af8c8c09430d3ebf3e8a6b8fc1b39dd0d5553dd2d41ebd9889bcf34150258a5549fcb3fd102bebad3e9d96565a3286ead8214f6360e5aead31615bbffc1b7b9ac4b421969957dd490d8ebfc2fb796544f69b243038e698b0d30bd9a88f0317708a0e09526c482c02d7faaed0d1196389c3bdbbeb2d51b33be9ce9eba95f9b6dcda8a3368089fee6be391f14939dc64017f85b63d5688b01131ad5ecf09da67d238adc834f6243b8d577431f9e9b2462d71d56fdd5640216e8556a30f6dd36528caed1703e936feee243cb8e36c9a901bcdef1358f2e4121e90a8a229ed717456209bbfcca054caf22830137c7ea7181bfd322d1ad848705d032cdaebbf666e1475bcc383bc9d1a76e968d2e881db8b46f78cba3615933c351b71012f76ae95309d44f8fbd68b868fada181ba8766ec57319a156c95bc95266d99cc84f79d0090d05d13fe32aecc9a370d61379645445e2d7ec2a4cf82d91b0f6520f87451d66906aabe05dbe1cc6d935f27f4315011d135d98c522aaa0081c13b169db0972460073a39ad0cf931f6484d78d8b2282028d8912446ddf92c4859de261eefd33e2b59fdd5b70e6180c6b0695ee65df7f303e156fda6ffebfc83c64308938d5e5f871e3891201be98d85421a67b4633843057135ca6b81f477df37da3010d27ca26c03ab1e14c170ddcf5d8238ea66158c69b4c889bcb87a96baaac048119ee6cbe838c1f42d6ad7eb5397bffb3254f876eaa0d5a56b1af520f1ed3fde9c34d95dbea2f6dcfe10bb1d5538fc8770bc6cb085133e4ded0766c8ef5c4095029bc8145cebaa354bbaa5d44dcae4394dd2fb6476b51eb3cdf6c648bc229dab223c50e11fbb671b947d997ef5112d1831d6babb49e25bec45364bc40380e63475aeeb3f85d12cf144d8f40d20ebac9cfa3d357dfd020b6e50cb808731dff00fb47ea3377dc1ba541eefb6a3286b6ad0c6b202648030f678ee930fc6cda0a99c2128ca66cee611eb138a1aac8dfba3a39b34d22a95c45ec4ae61eae4167797f9669ee073357f0fe4d4fbd8ba8bea5cc1647a18bbfa2f2d4062559b8340c07dfcd9b4761b7c427ff816b0e58831a8728fc2b1b452b16c8a9cd5b8bd1fa78bffdd0845658c28ba8ab4e290a28062f79abce45be21fb0bd2990758763f9f2edeacb0b8f9e1b1071629407fb9e3fff75513f70d039222dd93e9ca3ddc7fbc330b2a665c38eee58059d87c0d8c8cbea0e8f8fb0959bca7b511013f89c145be5a490663d41f461e654be778b47763322e6a1d7668170634523ac66dc9bd92d93b3cad4521b856b27f2ec17b9bd90fa0b0306b28e1b67c4ff2ee52097af479f0063ff580350706f8a080b94039196393037d448e897620731363005822584e4a8ae9bb5cafe16ab01deebb339d30e49919d8ffe576f57a5a3dddf91f0354a1c95e79def3f4e9957bb54a26ef0635b4f135608935cf07cd28898d4e2fa4dc093a2d5494fe3079de6c71bff63e25e50ad8a793d9f427509fc350d623484246c926b729c29ce90514e755f7609b46c53b818c753b3e3bee64fc073c652ed5cacb2c62cc6cf49a5270d150637041ead8138adb8e0d9947224d582a751f08af9cf126420bc367f74bc2cdfa33c4ab1ec572c46b1b6d90a9f8f8ebaec95e3d6ff21e99a7e7c50e91b0b69b74e39d09808eacd6487edc812ad79cdf81ee17cfbf0b8b5d2373f6949be053e1da2953afd7fee25f7ab1ffaaee2e90407fe9b2d5c3ee20647c9a49614845cbf8dd121e694843bf7bcae0bd205dd9d2986035cc507f36eddef8f9ca174c3efa81df7f34dd264d8cf124b7c5bf4dbfadbc81ce05b89103bed9f6c356a4c248162aa27c94a73aa8fe61af5b59163f001dc20f32aea59a8913d3458bb60915b613a3e14e9674cbe16fb7079b21407af1f9f08a135d0039a967fab76f369e5b021b7381eead938cf998b7742f2ba2902082d3ed1611bf9c4c8139cfba69401882dd8815946819a8792846de75a4e6dbf4807f05f145084a19a2d0ea492d6b160db520a713f3388b3e25fba39e80326b8929d83a746881d5230b7fd28fdaaff1405a4059512f38d634036a3f7e5ec3729632c0fcdacd9fcd4b82cbac67cf9268bc554b4f3881df20c32069169ada2056586866c53f01090ff435aacf0b871a8e0e9406646cb74f7a57793560adb4fe373a75de5016bfd7b45e55f88ca99f5f2c7bba1f86120099b1d00ed6d09ef0681885f3ee72a8a22e4b5783f1ff7aee0f388ac6aa03785c0d4ef460c2314273c4622f234009db7a68c038a163a8a68543ee6a89bdd954e0b0d2d866ddc837d7f8f1f996cfe2c702f1627a1280b635f818ea2f8a288d915d0cf9dabf463790206907f48358b2e37d7863f0f3c95b5ebf500d4af6ddac75767d5441fb91c

Cards

Cards with bottom border
View code
37f28da0bdb6aea54a9eedc04ab109245e9d7fd14f8244328d85bb69d273eccc0a44deb669ca5fc5877435cc5214b3f679f2491b0d750d237c9a10a705f53b0cb0cf033a6050b89a96e2b9b987a954cd64bc68c51d42d2117e4af63252785e401adae9d993c8024fd384f8efe3624fbd73fbe67efd7fee0f2775cf72caf4a2daab766286f1a7bb3e9a6e202bef00c63d25dab290a253af50f9a748012ce35a17f21ba18bf8c348557b17a55cc8e2660c25a9cd08e5226e8ca9a085b366df84b4a6d29a0455a55f734938870e23563e3927182952a4fe378171b7fe3aba663077d40a812b72ff69a3980fabd37f8253f5bf4d2514cd3786ccea398b1116cab9c59e5b269cab0be39fde031a445f20fb53c1c49a32f74bff0be45c51d36d79350b394b791f1a6fe1a02ce478ec75207c0e0c7a4e114f2ce874e9488118b7e210e53db405c1c4828a4c2cce99e9f4ab745d8a5027809e01174752a61af1bf35560c96bbc3ba2e748264adfa5cc19fe50ddc767830704489af79a0f4de1ce09a3e7b4343a28f7f744806171a8baee0f35a3a1e7ab275b5da9f12802c013672f2b540c6d7f87eb2010497fc530611e255b7d7b9b2ce570e3579766f05e8975e86760951e4a1ed41312b2f166a66478e84cf2cbbd6e4a31ffd553b377103c58afa3d34eed7de64149cb6cc7c0f5d0acfcd3b388bd6169e1d45c6b713b81cc464c124e8a63b4df5983b5a55ffa483d0cecf2a238b6ff72d17534f7107e933c0e15223a7727fffa9d51ba33bd63ef49a1af518c5d567021a664d37d2b7bab24340f9ac751ee9fa636e5106d550eae8eb89a139b6bae5a6f447472f13ca0ceb715298086ae892e8cc6cf0e7b441b562a7c0405139a02062bc644b48468ad4f06647da186154cdab28610216beabbd2b7b103f50bf10cfaa9899048b9e97a5c85607992bfa9c28a269da8fcd1f3aad18c03cb3a426a06b9f8330f3e5c9d2720b80d6f21a864d4b85db655e6825c4de14cd2448e87d64082068174aaee52c26b95b3f38eb1f5e814a8fd175b8f675c4a08d264f007d309de4425ed0a7add4f4098baffdb3ef96b1cda73556e7e4d321c1bfb971fdd951ba23d20a5c2d4daa3522d1c748bc731b7bdcf9929b62e8af084d9b58e5745d2c6967581cbafe170b2eb08da711c7d38b88f4b820dc0d8b2dca62c838ac6bd4142a5e37c2da4e9a2275caa5cb695b6242ae7b30323f498837eaae24e350bb1f3f3aadf2fcaede72ad2e88529bc7e9ee264820c7d4197a6f952c655753b45c46474aa945c4e945ea9332042c363a63081d0cd6af89e71c37710e93b9e407a1499c4ec103cbbb4a52ae2838197c8ad32c5b9b7325bbbea160b3a1751458570bf800f8789360655fe96431cafb02d92dbf7c419dc9e9cfcfa697cf8652149c40d2e986ce2ba90655fec271c6fef94ad2c44edb60e1162da24b9b2c40b06618fd46d2bb3777280eff9f004e6201adb32b8b4623458b2d3869911a291eed1d84751a9757035bde00ae2bde40d5214c6268fb01380e2caea646bac426e362db1cfc3ec01f979bb2eda5f5d10fa82cdc9c1010b017404c4993789786af0d1076c235e1794d83855aa6960b3358a9e446da006ae3b84e0fcee522238ad2244977c7cfe389e84b1d94fc50a55560034cefd6331eea18c62dd923b0de6677542b2340250352c6904c27b3ad6ccca72f5612d103c11bb2f9a0066bd1d3cfc87210ddf711ec3abfa01c27e008c992adcac3912a5ac9bd99488375ca933c791caeb576a20d6aa52a7de923d6a0956e6fcff08f62ba678a22eaec49c23d5b8162ca235f9c912f80f476a06f1b84767a7e769e388798df47231d0638693344547e5cf74da2ef9eef1e581aa55d88c46a2c6f2dd198e9c49fd56828ee3192da67eb7b0140776e3f50f354f783e35beda9639cf8b65876cf896055e22d1b15f80312bab5421ea82daf3ef1522c0917bc8406c91cdbcf3943f413bb58ce479ec7501442fc98491d6504950a016f848ac8beac4f522d52bf99d3c4a783d767d56575e9a2847394480f1513f9ff34f2a1eacf6f722c5ce4c3223d8d77802b912dc5528e426f4fcb6cd11a9ca7e5dfc39f76d8333fd24ccf22d01f046a6d29c7e09ddc18859342774141550aa64d4bc45d8d9ffa91e15341ec9cd7967a95875b66fb8c2e6f03d5fb825aaf84c78ebffdee538605e3247268d65cd07bf0ad13ae896c2557812934d002329f8aa8de85e58fa3bdfc04ae794d0628fc36ba87a184dda4d9cb6809b9533e26795d586eb1667bb8fd9ced5fe0976e54f63a99f219a144a271e3b1dee13db14b0b73a7dfbeda7095c2f03ec7bf92e9f24aba0a2a22e275395bc6bd1fc875d7a453db06e5287bd3b90d00f547d66f878df0820d908cd6a484989a68345d3fddf0b4707080ec9e4e0262358ecf7356d9cde8c46eabdafe5cc3b0b0d9674a64c0c3dd355826cb0d0255ff555b4c9beaac74417ab9a7c82609b5a5c73fd07850e3e51e6c68c339f2696273c19461445ba62f672ff55fe72df913b896aa2b197269fe9c27e9c3e94074df78ce7cad455c29fa6dde6758101ba4a2191aaa3a8f47898f0ce4fbc24ec9f8a5eb9f348405bfbced47c0850889793fe822d7608b2b704e58dcf443bb1a0761d12cfbe5af9bec9ce5b4099b83c7d21bc3efd6e3f6e7067eebc4d8531a6f53313908d7539cfcf3fa73833e852214ed139696b23f919f23d5017aabf43761313e2411185e672d560d5427db345b5f1449f0dacfafdeb367403667dfa267dbf36d7afdc4e59874671b2e8dadf16aa75e891da700bc83fb4f734a1a4e1d2aca1431e9b79b0dadc5d83749dce7f2766338191cd2bb8e347ef19bc8a04c9187c0f6dc9f4431da4d5d70f0cb2804c32be29ea569071461436f8499cfa9b269897abc2cd88646e6096a32a397986db4ac981f9fd85ce1ed3cb5f0c1c354a72ccc6d0c10667ce54b3f831e7b048da6488772b22605fb215198af229f310346822c385f122c73851373fd9abd2a19bc0024e2d92ca31c5e972e701743a8ed52f6aae54b5c193b0534bef89eda149b8fabfaf66ebb1a950bb840450830e5a6118977f4d4f016d8365996c7326f62c36ba9dbd16e00c8abbda9fd0d9145ebb6f7b229756cd1aea4a085037c6e80ac5d6b78910fa75514572a37c86f717a9f1b758556949d07b04efac396f12c168188e039dcf1b26c157951c459eaeee3ccb9c98e339161e2b9ceca3e40f26ea1158dd59d07b39fe48331f3f4c05d6de3447239a4c668f161607e3b0159b26e86612f0a0e9beeac75c10d20b1595dc35d2e9826368b30f3678705fd8551e95b0fe06fdb74f42765da71fed0d390b838041e142c7fc0ef1f89229ba9c6017aedf8b20de39acaa9a22122cb38375b50a0a3e7475af7cf1d4b8230aa81b0965fe45aa1ca6484839a2ab240cda4ad87b821e35a5e55f62b55839d99b21c34a48cab9d8e0ffa7db3f019270d2671fb2e5b95d3424522660c9a0af2aa7de60080f8844d9455ad3180b691ac53a7f002ffea1b28eb60e0205d60bdbcd539f77d6fb0f48aa4d614e6404e139a8effee26712dd7c2934047fb2fdf264631365572472efa5429f2fefd309af260441831ca3a4169cf7898f6e02ddfdc17cffe90d76e0255bcaf0c23a03ff37d2c30dcf4cef5b221fa958d149fece46e9cb07b0426fb3dc2ccb911caa808865b16303a693fa29629f8c19bf14468eb29d0dca1383e325b75cecaa08549bda87c046466ce8a18b90e9b3c45854148dcc9ea0ffbed4a659402d0ce325c46092cf97e3a35b5c5ba1c0216fecd48fffd69592f4af7267eecaea1ef90
Cards with icons
View code
5c9b56b6d096707ccdcbe7c4dd78f69aa875e9e728dd08c9c105fba173f179f0439d644f3d6ab85f5c04b7ac4250e01121d5af59b0f4f2f7450a1ca7c122b16dedb7bcc68f0f625ebeae585dba9eedeea2928e0d45445fc1d974626a8a70e09d7fef8c462643369bbcf1c8f52c1e8813ed9b5cd5d8ac06c9d31fa0f5b5f96f3cb7975c72bffdf6ef6b62b70889f7ad0ea72b7f44fe2d117b75194821696599cc2268e1b1bc4bcac308225e91a717f3cc2c3ad31773fe11260a12ee3d76a5ea6dd41a2272fcd5d74bc414390307885f7f225e2a739e39f9bbdd3f50369b18d4832e06158c5e0fe6e99c634170d6bf4d2a9fa6582b5ebec0eb34a73d1eec6ec2d62f2f56b5fca3eeb27a0facf3f82265644b4c1d74640fe3114e5f2f1bc65dc79af787235f98d3c12ddde0ecf8d18514bac19d66c821c7d8e4b4d3c5e4dc95b102b032f1336129f4b2a1223efac3b68f5b6b5216eede735850883721b803f54cd2d9fe0a9c3ba9afce4c3985df043853b3975ce7168c55bc430666dcc9c457e0ae8a9329867d4ab24b1633bea96956241e78d4e106bb5dc24273ed79ab26888058ce9a2c86795508750cebeda6cd435634ec152d7ef48b2fc7f4201fec60be7b3224449467a2f0b9bd94427195742970f339a14e18b2400ba449e90a337d1cf0ef1b248621c8c3ccb36ed42d2b8cb4254af0fdef24ae0e4170ae1257a7e996cca10e51eed295980cb5fd6752ba2cc318b54310969087cd9995f94b8aa01bb5fb83626b2400169a8804a8936243dd740737c0c146f8e3fa04e321728455ddb3e912693ec8aac6804df8a216655f00c3bab36bfa43bdec40f851aa14fed51dcff500defb16a6fdcc0911d73698a3678f9c01dd751aa5e96638d363413f5db83bdc6c6c8604b493ea984f14578014c8223627f95477eefb136c3fbf5f43471fbd17d2cd7c866208038b5280612b551520f80c66d5ff6545d49904ed52c02ed4e2c5e7d82b3ed232a69651919c713377d86080ac5ee477fa67b8d0561dcb3f8a6574085d16c90ae472645a386d4784df7deadd61f8481d243bed48523726d2fb6648b450b9d2c0ec747dfe41325ec79f688a050ea4dbf4c777d25cf1bf89a7fe5895ba4770cb4cbc6d683d93a802c6b96429fca094cb870cdd2d3daa82ed7514ea2d2c1ee181188c13eabd06beeceb82f5dc8798d877253141965159fa4a00093e752d27aeca10afd0cabb41afd3b5e3ef1fcdf2e66f7b1a01f322f6018adab7ef794cdf4a92d91cd3022a7823c280515a4070faba84a65b77b66c70e390726dbd50f98ea4bda58be94478ba4462d9774d4fb28e71983872cde42bac27bc8640a7fc06ab9de7bb9b759062a5fabd65b00884b835409f994fcafe32a0de7140f95450283563267be63878d3c350fde926d7d55451fdfb1cf8f28bd0f982c59da6fbb2c8e68b758e3a0bbe8d5bba06e58e52c48e46ef8bb27b9572eae8ea8bad12d3d29e8a25a4eec5a176d427d488ca84d7f93fbbcb0ad0947c48403574b522f7b7593df7225dd3ee53e4cbdcbeda9793487fc2b03ee6967b33104d3a24fba444cd8f4116cd88eb150e671d9705fda50f4516951d31bdddd5e54b4010e1110c8940d4e6c366058b74090c867bc8cadaf3642a3274c624184c04b7c2509b03e9f756feb745c9b37245a518797c9d829d38b85c5760f84fcefb15019bc26560a5b6f8a69a1efea931ec0d53ee61213dc9878dfa9012c17646f57ea0a6e741fb7bdabc1c292b237a29e4ad5182dc3e50b628db3475d09e6e2336cabc87e69983de615f48788e04715ec3a35daaa2cd68a0b79992c6c3c6ec4582313dbc2df0874872a6d6c6e8403cd96856c7eb2b143a68afe7933aa311d2b7c8c241b658d9116ebb8bdb73a220c67de741d619912b9ff3a91866fe7048bae91a4c973c8a6eae8d934df8afdc8f074b2d6cb0bd5c8b05cdc1cc713b2c5309b44aaa79aad6c7b16411b9d1516b50ede77ca8939fd66cb0cafc5119a6e3ded4ce8a90e69ace33bf4616fbc145425827f7f9d0ec2d70796ad438f5200d1ba0a9a0312749088db10d2fff1cb8cda7ed232c306822a2b9f96a0b50c604bda04dfe6bc5a9ba4e16cb26e311b32dde5e77c895d6aadaca56a40500e0b490e09ecde3f11752f8bd61981b0bc8f60761ff43d8df7a783bec7e46bc403393d5861eca9924545e011c40ade62131c86307bffe69cf3582d69ec96f88eb5e76632324dedd8e85764e064c14e4bf6cfdf600176a6470a50d93d6b60a4b10255169afbaa90c66d9bdbbbfefce9729e86b4b3a0d82cf0cfebab4010f6c16d786a964ac724e14a731a23e29461c908845b82c9c61056e8a597e1de33261d84a69e0c95083dcce1668a963012648bcc699eae6fe79123081bce0dd1cdd73767aa7230863f4f00b3585eaa2bd44f05dc807c7477b506eee924914b40cb7c20b8c3bb191718e4b2867a8202c4df04c63806a60177f4c4423d5f1bcfc27bc8146491819fa654a01f8de20d0f47d5a676de8ed6eb8a43e980df68c1736137e59f980a2a012885a3974ddb39c119d0039167f082156b59908ffac48e3def364419d92590f2afe629d63eae132ea50f5a67456a8324eda6b8225e5885568338659cf49dd9442411c0ebdaf11c3ac1e55880dc3e9229ab1ef60fc0d30726307bd30d062ca3dea2254c32980143bf20fe07d45cbecfe69832294fd666d93d1c3b75fa46e60fedb78d7712004f380074d7748a0378f22f81b5114dd65bcc7bf9819d71407b861a895c91ca4617f9cd3c9c68d105c5f8250201e27ecbfe8b1d9c88fbbcfcf7351ce11530ab4bb65640a1f97f9450a07e075e530d897d92d38c8c9830cfec71eaf4dd5a47e08acd02dda344133a624c205a237330653a8d45706ffd3272ea9e9abf7ac35e66cde24efa174bce09d54f0318852379f4377fd70aa2bcc913ea9145db37089676c605d1f1702d41e56ead4da535cbbdc1b82fae28e210b02394aad0a6502202313a1c489c0edb360b4762cfedb16592d6261750692a569d43165fa1ea02721a3c9282695a20b14805cedc9bd3db02508ed86f8961000bcdab8178905354854e247d2b59291890b605d8cf9051e4b7dbb48139da069aebe182c723b047537040d99a6ea027bf94951ccd4bcbe8515322450fb16fba39266a7699acc773e620cb080b58d43f35f5f6465180b341609efd35e0a23a7bd7e55d319c376b1f090f17d8c0958403a4cf7bc7c68c65ec93daedf35be3dc58b692a6df40f607ae1d9c7dc788822a63c49dc21d604fbc7ee698d3722fc081fcd44e9e8f5ec834189bed3dea147fc8ebad794bc06fbfc6915f9f885e1b0d5d421b508fa433399108ba0cd0ed6661a75ae513a35abb7fb3f07fe78d23960d34cc03242e9c3372d3824c02a72780e8c10b83015d7174ab906dd338063bfe2002fbb8c8c016aac6c08dff6bff3a38ee835e53e228db5ce72c65fe119077639eba17dd556a7ff53095f2eda86280caf7b2f2b3435c853ba535b4a5a99ae164a7d375f48e821683244a6080e4c4701387b41ced4c0d8d046aafa512a7d0907403487576475a77314ffe92f38be815478cef6f01562e9902119d245505f3ae22420a1715086da25ca93b220d0b47782c02c659eeb908fad8aaef561f0d6f5fb8abd551e5fdcf1120cb54b9371bc55b1ea5d4295b4e86e752b645b66cac742438e8c1d226de90df61408a4119627d28116e84345bd49d16e10e0a1bc9f5d72ece8e56d8437b2f30726b6aa2b9ff5c3be86c6d21701fa73fd77a0ecb0290fed5b43cfa11fc53fec81f60c77bdefebc631a3e882289505fd733266685cf5fdfd9ed52e82d56a967c9566b6a81c11f66c272a25010185583da75e6daf276a7e525bd223ce83efed4af15cbbe49ed549cd2e65aed6266b8373a356114db335a70090a68188e4cf06f9c4b6c9c3dae4561c8b68ec1c7645810c5001f259e728549f440bbd7048d9e817350d3791f212e4f1cf12561d9e136935e12b14e3e4f4942ba0be8bddba3e907b0416ee503d407992fda1ce1440517e68a95e01472f5c3f38a4f232f0c58f74f8ab040b57440519dcff6865716ebcc5cf919772ca7a99831230fe9f4c72b0be564bf605b465095b8b55355516592b4481105ac8f89989f60487dbd7aa8dbedcc968c81001d9746dce856d5a93fb070554ef7a0c7074a63c473fef27034f6af077e852ea5bafb4864954ee59634d97019c90675fe0780924529078ca84c2e6640d75cbad190a506284f8a6d840d9376891fe840d449f137114aae7ebba65372e5566f6f08af400e8adeb3ab6c5e0489c0f3795b3beb0185e0a8d02a9ec90307a68888c852d3ab25772cb6d6c2e2c8d611308b667212e6140c5c9acd7941038b5c1472b404bf49165caeabd4f1b166883acf2c2c6de7d8954ee67f0a8db492c6f26b69d466b6567572c4197b860a58fc6a8a76e2b4da33f5f953dba5fc0f3f5d8373727800a9c46ae714915f0ebb45d23784a15b7781110dd3f2f00fde4b870c86d2f5baa42690ecc3f07c0349c2defec61f25c12c8e55568ba3c3377020fe0ca8a543d2fdf437d1dacaa1895bd5ef958812ba95b2e9fcf010edc87853035b5a49a39c354381972bf0a905f3d524f8ea229e6698ac85235ec20d5216db0685d61fbbd3f725ac1bc8090dd881bf851a7af5e11af80e81f5bc56e8b9a18be4e105c069e66e51fb65809be977965b8fb16b5043b840513b0150527be9a37819da6b04c47a3d67123825121c06a32dfd95a6dadb89c52bd19c97f70523867080c08bf9db69e4f1df526dbd7cd0bd4757b012d10c34725ef68aa6958d84cfcbcae30bda263da1408f8be90cc1b36fb5d6853a7f7869c0fde7b63ae8f79b65714bf9de753b2645cfdd006dd621cac3777cbd24ee7dbb8a788f2132c3a3d5c72d9ca405bebd3c25fea214178f3cdb7439c09538724240b7ea9b03ff0e01b952cb3655c85c9b99fca4e2b9c7c774d82f80cc3bed3052eb09f5b86d2917977b3977751ce9d592e62a104ea4411b73b862768e3a9b08f8ae231af506838c0ec76ceb3bb99db5185bb16a5b043f765303772270b7102c5c9c297e60ed324e99279784c34eb8c4e19618688638359fd44d67b15ef68f4521a344503769116242f7905bcaf68c56b9814c999c2272fff4d19416c27627a55068711f27a08ee88afe7c0c17aeea685551ada303d5f35aaa3e7e5b81e197950582ef33489682db66a8d20938ee66a50bf1a1bee730f6da75529ed5b0b4db6bbbe06a2f4d496daeaf79c1a66550ddc1f02e3e196189136d58f579fd5013054185983a21570c60fbe7bb07a4d8095570d403eae6b89dc92284af85da03ece59ec456bcfc86198f366dfd92f75a57b6867afc724c5ca256027c1c9e7900f0217fc581935dbb80112cb317900f0e8af9de273c9af4c5f8ea8af4df4d5f3e398c384fb95d7f37693daa388de2c38dac7e0a87ce282002c59a05899247ce66752e15921bb6390440b5872e228c43cf0d4a6795b6d656a7b92fb378051a86496d19fd1dea2da157b9b

Lists and list groups

List items with links
View code
4ad9123d5286b5d003c7c73117306fe345037ee28d2293c3640ecdf73d5eea190548a6f011101ed64dc6656473d6ad1097b452bbcef93c3fdebea67fd35e81a4e42ce80abb938f04354d6f5a1527ac82974bd29784f250571a792b77aaaa4684fbe19b663bf87d2dcee9efbd1b16644852c3c9b62dfe65b87b4c61456c2883d32ef7c72bbd278ca233f56df3aec2cef611f0c50bf61448d5086a616df3db7d7ba6f82f69e3d0f366430efa03f56f7b79e55189f5afbaccbf81ef59ae789a20faba612dba9790a7d8139cf3006a2a2697f26829e916d977fc1e4e4d2e21f19aa1d10cee862e585e2cec60f17209e398e7722d2e610240d195e679a409e5eedf4cdf1b6dd3941c75eab54b17ed57dd3aebd7405496d3b6327a62c508422ac6935637f1093c9e9427100b813e07a63db188343a96ee4b700591f66a745daa49ba43a7c221206e9eb2165ddbb6e050537f05bed399ae3ff6ee47c4a92fc74772dc007175ec5e0a35a73da7f84159ecbfad275c537e8d2376f4d7b0000fc940b5ec9b701ba44607edd56c23808c7c3dff86d5bb2c82949561f587d703d4407f6e5c70e6fc73755f71ac750026ff8298116623bf84cef3b72e8486126e79b785e33dfac1b9271c689c0c72b344c168cfb233a35beff8e5fd214f1d21aea524112271a32d1850c629cc0c270417f96e274484aa1941d99a0ef1a2cee46cac8e4f537d9365b0fa9cb57f85e4522a1d6f3463d30d2e53a6ea0cf5897fbd6c086aa95dfc9ef027e9d3c89c06c3cac18d2388641003e1cdfa697c7511f75e52d68fcdf12515e0750855b3c6d430d0ca60d31540ddab66a63129caef2077acb1dff73aaa25911d62b1226b1851a2db4e9bfbb536cb4745147dbe57e29e5559805130296c7437ba81abba105f0dc1e05dd5699987aace4feae6fb0c853127a8466cb06a1d84d5b5574c398e46ba8b375d78a7f5aea6240c531bd14e0becb12ee1ffbdb7e316fcf1b68a45411019bbf1497a26ee1a5c3779af24328c122edb490426a00aa4d44a85116d16297085eec24c1de05883972410add103c3e388c020c383bf3ef51fcc92d33d0f886fd69b124eea9ff3b9e955a720125e040c5a0a8e2f5352a4e13e1ab206c05b8583fa2c15166d065947daab8f0a32f5f2bdcda9e08e1306a407294414b87f3bbd0d19cde63949f8207f282783343a98d49d0ae668137f34760a95e7e6db54a1f663cd6faee34797252fe1a6ba52afc1584dcd6ce2ca1f5a15130d339ed90f7ae7a85c282cf74674b5223744c065b85c11c810a8fe7ec20bce8a3cc4fcf9dcd3e00842add4fdeeeca2f474b646226b4ecf81bdeed4b9d02ee505aff1ec0a4428de798cf7d297df7aa0d84c1c5056288ebdf4d4c28d719ad2c1111e48614ff014d73951568fa5be05c4626b04407d2467544527b44397677ac965be65d26bd8c6170f5a573be172e60fa7b62cf618c54c5d8f418ccf84ce57007ca3299fa2370601df07adf7eab60e79cf64f5578eaec199bce0c240d25e8a42732d783f81ae248ba30e924520aa4c23924436d350c70f0fe875c5fd3a4e0e8a9fe0d964fcf990d19035b419c0484d1d696f8cd5e11072a8cd84c1052b949ca3a962012e00d2e3fc8e1f20603771f540772816945e969ceb03c2c6a024c56f980f70b73dedbd24bdf1d3e1b733cc23f6a090acb9b5dc9da3f7bde12247d76cafb50fe9694a6fa941647f40e94f12ab596899cac1a6a43b2675b594aa084a600359150c86f0cb7a5889c25634b23f2cd12c3ca14a87f5483e5778f0bb6161c7794316d5ab7866b1965be05634bf829ad9fa1648492bbbc7a15cdc965cdce9c318503412752fa13a63cd0df5d473edecbc527791edd8d657243759ccdd2fc259d9fa095c8be721825b0d2de1bba5b5733053642ab668a246c0116ae6fdeeaaeef7caaaab08445cb874a8a52066e81d89d74b1cacc5dcc01bcbe68f24422c487c8b42837454e9dd98874141c9e3ee46f8c4d72b3b2b1ba22724fadbba81fa53b8119211db6017977bb1b6ed74924d693c4be477c3a69babd776341779cca7b580481d74ef33d3e02cfd851e1782cafc0267c6b98524ca90abe41fed0da45bea62734bc80600c7f0166b658c7cf57127cd5dc2e12a7893577f5648ac01cf8f7c420f5e563bcd4f8c2401e359ab71470d16a7ba4e065224d90a27f59434f0ce5709b8669891ca04c9ff09592e666d23dae3146c687a54dd5dd93284606fcc6691c36dc1919ecb9369975c4a6c10190456157475af6a6f9127e5d850632862d5bac4934cbaae52055f7c00aae42c8f52a9db35f406191002d7c28e43db607b056a552073a92b6aab3039cb95828997ddcf773b84f470fe0e30099e78ab7b0648ad4f0de4cebe48d9dfc51551f8d9c5a8e09c3afb492ab80e68a3511d76cf63595044a370155e534c18ce1bd2962652d69e2372d3c5a57d1ead63f75959c385a33013171575526eeaa1e21e6d4e3b4130a60960f01b4e54d844d668d5603fd35c5a21b87a028d4534da182500b02c423d1df4f4ccfea687c53239806f253493550537950b0c1878ed4a93674ea21f8df740630dd22c495263857a0dda7e67056bc873a54eedf939c913db0d41a6ea98fc640899bccf20c402c3bd22266add6104ff4dde39a2a461dc830cae4b65e04bc1b90576284ea4164d29ff1eb0bdfdc0346f27a7e4ace45e5d52d4a5dd263881a2079dafc8cb363b3a258d3a29c8aa065da25708ac857265bd6cb43070c8d9e904e268dad850f96aca761dd364841935cae6a0c69dea38493974abe7c6de1f4c33f659c6a1452718cb590e76290b2147e356d46ffa386e3e1a74316b99b751ce6a3a4f1138eddfd74068fb53568f8e1933cbedfc0e3f089a19335b57cb698fb6fa1ab736a577613a0c8e8bbf3881de6f2feae161357870f5086c113e511c2150df31966f433b9ce2014534fd3bcf8727b4771fc48178262196c3b5811f27e630255db2fd46ce449a36ebc41844808f58a7be89e41aaba9b0884d0d789e40a7130df7f2f99a3b06085353c60df7e73b150b54c63d3a138b5cc2457ac34b087f1912def1a3e79f2bd7f292f66f090d253a5de33e9d052f813b589f8ec24fc6ce8323a36de71452eb5c8695a2b7d8206a6c626ee0f8db13265b28fe214dbf3ec57d3f96a14c27b89cabf058d8dc3362b1d9b8aaa12dc3dbcbab873228ae1888f3667971f5072a1cd19d3689c58532dc5d453ec8e24335bfdfd2de587ceb79671d65f8091edbc08e55a95458084728c46aded241e8d702e976e1832b813a58b28d721d33e849299fd73fff7dcfd9dbba57a48bb6b7c48b9ca7684f22baccc4834589a1e4b138fee39af6e9784551da2e9abbbc969a3c29354846a8fcb4ea35a1a2c084e79d0a02384dc1dc7b0d80cf3953b3796b35cc9f684688bb1c9656963bd379e350dfd943ccd3e060e3e65419124da2d334ddb9d83aa1b5259553b8e4787b7829762d1606ddfb2a5fdf9df12080a20a97370ff5e77d6f3628af703a42051c4358bfb2a996e7f4419a8e6bf9d4939626f4bd1f88f7ddc43063a69046141a92695eb9d756d080d27c1b0a436dabf8e63f60c490cb653a306d3a15b1e0fdc233f39ab8164b4c0075d804f3a33731e3c8a6e78f4634fe3c612b35e69f1db41525942f2c536ff6622fb6ac0100c6cc6cc853f9fdda98cd152a7c712e33f0cdce756abe0c6536fe2295cb513efbbce3d07b51cce71f29830e91fde6c27da9fd1afd8020fd0d0fc9d3e0caa0a967140afae9457966afbf1ed4a29516abe20ecdc4c1fc6b5e13f2d280d13da18171373795c3e1c0dd95c0576a9a56995d2f7216c2071083274254d2e91a
List group with icons
View code
1bb5ab8a2360dc0e338a88120ac1453cf7f8722f9576cc39f5dcc0446ff17b5c57624df896f439627d033cbd231d4124b8b42654809469a2690e1099040c65a32bde35fb767f70d0adf1ac8135cef2c48badcce41f8ae795d40bb24d89e6ea4bf5f60496dfaca2cacb3f75c73d309a53e136ab62d153ad7380a66eb50a46a744283836f8be9f4d42a9106c232728de507dbfb1907b69faf2914167c72a0b9dcd0464d09eee97849eccae975dc81aa90bc5300b077954f4468478d5c9bd468b573b5ca259f006828f53f2e25dbeb27ac0def98c7c3a681dcab7f9f4c828bf9d913f6a042be4b8452491ddf97edd2a0cb5b93d52b92ed5d9319afebdb30912b772453d8e63bb6edbbf702ea0a07929af03aae6597419a802758a16b6e79a9de1d8e6fd5d0e749c30e3d04d8421eb102bf83a7b026e7031af37f28a694eae5d32892b09a856c5242df95621d04b0dafce5086ceb26bd91dd275695a3071197e317d5c9bf1a335436973afd7e2ac7491520b40b8d1b27bf3532b533a5d9e6ad9dee603bc0d1d937e92832e86ddb8b85bd293252a7888d5aeff33068a944dfd064bc3d2a43f0d343be18cda46c604586a2ee7e27c2cccc44971ee0c75d8720dc30f1b61455f89aab5e0d9360b1ed753cd2362f282e95a80f7bdf58cce95e1f7aba4055334450e2aa9ef8284af0afa7c2fd596e6908f5dcf39a296e0815d5f6942bd131779e8e697c16344c3b5626d1b4d81142bdbc9454f41ded64adba569bc2631aa433d0e01537b757745801471424292a4536a5977600140c13ffba38b16aa1015222cce709c1afc6b43722ae0baae4cfb60d9ff3689125da4bd3d2f0eeee59c28711cc4d0a9801bc6cf3e3d647d798af47855a55be73e7cdcbbf8d4ac75760b6c7aa35d490bb9fc34b8eab4f2f063b9102b7f17ce43a128b2053428788d235ddcc1c266e412e661d1b6c8f6152fda42ec015c1e21572560c9ae9d6b1d484760a25dd5d16cbd5632851c465ac3192e27a996cdbf111e9827d9ca3164b1c57774a380500b7920ce8de0ca93b386b3cb7a3c96c64dd08a26c5593d98fa9cd6784760a8d0a5ef9acbdc2fe02ca247096526a8aa786eb125981ad351c1ee214eee73368e9daa394a2ad28f464c4a10ba2c5cc4cc42124d2836aaea18bbd70f1989003c58538bcbd9bd0dcf1427cecff81682584d41afd84d53dacd2b50710c3ddb201690edba377aebc112c5b48ca8d1f7fe33e8bbbab9d08481d41ee588871701d096b2b1e91b9af907b13e49e2067698d35cff46352609c903a57ba459357ef7aed2397ee4b51f71fa6ecc0a60a0035d852ae12cd104ec02bf9b2aa1075013e8639be959240e1a2070a0df50e73144f83b973b8a3674aad98227508eb1a5cb91e86f44b66d981b8aacea283ca76e6b55fe32fa3b569ec55a48e7abee9221054250b166fe997b0b9c243a5b82bb403c311f66cb4f6ce3e2c99a2f2a43de81d526afcd206661480714442202ed6c2e1f8b2ce1266e83ff8eb9eaf530c345791403fa0fedc09ea38ccdad121d28367a431990893f359427f3f404d5fbf706fea96b71674c4de6d0318a0ac298d361818f32f0c22107ae32ca6188ba2880265234c25514ac627be469bed63130094f05b259116e24dd8bb34ec7f3b47c8b53be3559780a58ea0a26d17911170f26312ec1454b6e66037320579b5d6806984c717247f604481fd7104321a8927ecfbbb7a56187b15aaf72e064310b32183caf4d1e719fefd68e25d1a5031a3e85cf9727c1293f1797a613fcc25432f961181909a511292783afcecc395cbea0154fb8701a91cc00d37f06fd0adcab963ed8e7251a5e3c1de93d8ffd361649e5212162d30e6e3a1ce7898e31fcbdf9f85178e373f8d4df40b82cfcc061093fed4dd4057c675670569d01951b4c206f3d519da4757b23e220fd7e26be0a208d64af0ec35908f83402402cd9e33cac4af2bd71a1f174d0150a818950a9cdeae45a984e00d96e59567d7692da8c2035848ce3445f09ade442fd208724e9852a1e072142a6e3a2560f2e629eaa6f96b52da52fb4ede76279ccdffdc98a97560159767da0d12766701361596a4ba213b9efc28277cdd0b62f5a5c6d15e137b6df19b4fa308150ae272c5f571d9565f5f2356352c6b5519c4ea03a535fc5d399577398ea2a397a27f17627c89a68bfce8ec638e700af1ac9d1020f61f18720b6fd186e79d980bdd69281e08ffb2337bdaa0c061017f07e6790d93cec8f4b8cad32343a80dfb8388f56d19c1d376f74ec255446bfbcabf57689c51bd86b6111ae459d34abdb75437b269836d040f21bd8eb9ef11f41bd4c5c40684cbe02ab2aaced7cd0e456075e575dcb2e83e336800750492b0bd823243cbca82de43a162330cbec468399fceb6079f955738f13bc8591f65e038bef758d45b93fb1dbacd05aa375fc37abca263ab60551f56647b1d86a3e8b832be3265843b420808ce5cd625f6f222a50a5621d3b3b226d7dc06019b4aafea015ef48615cd9b8440e655b0a6ff1f40ba0a2216f8b9f2161e9d66c8c5f0d3aeb6ed9bc24e8d10e70a4d3f488eb87693a57f6ecf95711743d5fac86727ca61b6bbf3d4a3142badd07be5050b7dacf2964f5a2361e9e85ebba0c285f876e5355fe84bda3d0aaeedcfd33bb876bf270bdb41e8d03668f734b4e52472aebc037b93abd6ff22312e93b532b7531978c33c0180584ec3cf738f96f36435ff611e2518d899bddf0b0e4c523756e33f1efdda538955781615193e8a56809e8bcf036eac5625ca066eedd4129c3fc8c9f65242b940e486666567468893f9b446d3a6facf6b6b30a8df02aa1382201af5ba67678b7b70f83d1ed4a650709f0759b90ac3c10a6c28c8b833b204216e6b6463dcba4c98df3a43fb3f07d8c8025a8f560fe0a432f54a80ec032b4236fdb0aec630b8d2bbd6eaf49f4fc393a4576f573d897e471a40dcdb5541c0bed9e46082a960d460475d4fe3d994c86b5a742f26d66a417373f01a8b73833e3c7151590c588983dad53854cdbd5742dafccf335a455522e507c899395c522a5d338211ae613bbf87df7d21f27ab85f2ff07b30d11ea145ac18ede73e538fd07c52769a2f5b6b597b56a68f22d752a0161ee92bd2ac1258ec5dc3d2dc01c68ab774b5ba13d1e8eaccc30a1ad56f33a98d0f3c2f261c10000790062ca1aea0927700ad2b55c52bad3434af056df22a3380025eea68b8b1a5ff550066158b02907fda013f4353931cc372af080ae6c4865a165ac410128a3afc6397acc67d684a83cd0766303b28051130976c989f901d4d0224165cf0aa9bd9b726322e0cbc49662552b702a4ad598f2668e22d1f069550e32d10312f08f10b6e592b3b93d6623324348d4ce6daa5beaef51ab0bb09476224becc07c8a085313e222073677de637807d609b3c508440ed9bb68293adcf338af2bd0d1745d418150f0429a791308168419ef0734055550e19526e47b5ec8263bc9a8dddc030b78c95388c310fcdd9d4a6b306aaf4d2c7fd82049a5d1a9ca9cb252b5684e086dc4bb431eae8458606da81c6046cc7862418b7156664eb1347b1693b663649def29844b6762f000b0519d9d7fcbe94a783fd2a8288f6f1ecad41e3a467eb159edfc6e3568b7750ebb52afe85a50d3ce22272e61dba354c25f853daca7ac75c3e2fa51373f41e4e20e7cbbda9f486400a0b6ea3088648d648a2e8c8400ecad5b00dcf0f480fde29590112020293cc327d94c646c3abf7e24adfb6fc702455721bc4969ee01d97cb14575c470be5a12a696b550668a0425544654b728dfa0121c56cc24e8161c9ec3f5e5fe3a4b5b5a1b3a2f9da0bf33490d572d93e2df4001334aad3b2aa5ce1ef57c63dd71b23759d1e6b4b42a4f47f21d00e706f29d90dfe458d92c396f9474a467ad7c18cdcd693533559b43123b732cbf3cecb61f0cd90a3171eb8ee23831d625b753b008fffd5eb764cf9c0b2aef63000ed0496b0a02afa74e3377decfdec1285083831e752040ab5e545e66498d18430a5efaddd8cac27c7792298c858ea4eaae5c7236ca0846a55b22a1a223ef2d44e8d3dc050292df22e3e09522953480867b8b08cd1066eeb713ecd01c0fb488294886ad35de8802c1a6b69dd5206c8c8f365e7105f34c15174cfb16ea21dc9a18e514d3ce1dbf32f42785c25d4adfc2b7f0f85ff7a11ac66fc59d373379a1afb8a479e27d5ce1d37d6c20ef696cf15cc9b17508a0b6e8c9b983da07d54abaa2f448d1cad0e73c0ee1624ee34757fbab01a17e5bb9b1b2060db6e25d2aa55a524f6f0976977fdd3c2f016a7d81d38baa649b2659077e369d62ea6e61a89bc871dd3183e769f9cb88ed2de47c963935bebf56947650f4f27a50ce4b37834e586515eb21ad76f472f836b780507703926bcc69d07da0c0e0c05ac9b69bfefd1f0ba10c879211fc9fc5c0deaa5c319b804d5adae06dc7c09414e88cab4bcdf16dc2398b55e81eb5b1b0d4449ceccda9a29c3e743ca4520d2f7e771ebeb81940a08dfeb1bccbad4c2f779297fe6d9fc6c624ff3f12a27fd89ea4d36e7bcaf0712cb29d3e208c1350bcdb7e2d35ca7dab89a4c848e8a41e958124857b362bff4e0d8fd820641a9f7d31484aad10cd0f03c9edb11283fc8969b1d1353997f5967bc2f97803da3d307d75e97c0d91bbd0981bbe1d3539b4cff37e8fad91e99443e0c580dcc14dfc434ef96e70ba1080c39742adab11ca4b8fb927ef9d0acdc878699555efb11e0b25772f3ecd9155d7d267129eae74f0cd2903bd037adafa9875e1e574ea88f68611d3c8861ef05a5ca5f5e9ca1e98893a666530d7fce9173bf2d8c6197723b331a5bd38df1e4e56523597cba04a002863f06bbf43c8a3e55c9decae0ad4ad33fca420b6183aa707f4818c6a2568542f6353fc689070420b7097a779baf5c7d6574904982414acc3e15c64ab77b6575b934ae5ae830327b4a8434869f78ce44649b010fbaf65f1675eb62db0ff6f807493f6dd4e9f700a8daeed2f747395f8fa30e155b821a8341dc5afd754519f7c8a266f7c961b6f8fd3df450494c67656ce80cdf938ed8c85cd8fa3a6b22a13b3f13d210fbaa9ba7736876fc13eae4340ccdd6d9664a811f87028fb101626c888401a50f75281d6f81cacedf5c78651f6f524273418a5d3341c866bd9939a5db18f9d32ffd9b5ca96d967c8e6d53f49ca3e4c7c583fe3295c19de08bb6e65e98140bfe3c4d3d144cb6e1c46c2b3ef0a9a0734289c87afd11feef041499688d587955593d3b2f444f0cae500be5c2b4dc158cc754d8d1d9d090ec6e4eb72260c7c68e2fcac98b517184d2116e64795848bdfc4428eb09c01c1c7938c47a12e253a0f19f68ff4441d6e1bbcb4b11c9c3f7df3da00ef23e94744932dfea12218c9874b1059dfbf3cae1bb493c0847c9527545ba8c4b6821799f83d292a0375fa0438b174b38db9010bcc9bb847a9afeb1e69be774bb22f34c2520d2478db04122694b6dee53aafcd4e1375bb6d680925c9aa761c0f5c8fac49c6dbd4b5b6f28fe824c23ed872d70c3a3d1ccdf32380a369c2b77f812e98471abb064a44df6e4ddb98f3bb17d0e6d620b4e06c08144bb6acf1b52999450d089d7e673cfe3f683e97596636196d7075708b41d99f96b8fdef68da450cb20b651ad1329b71d17b6be93f6e7c3e9890e556bd9200fb7b847967c11493793f7a10410f3ec573ccf2c134fa7bf541f1b94eb018cdc67c456ce6099bd2b6b7c420b6fc7404bb11dbc8fccb70e9856a3a567a51e740290a7221c60317e5754cee4decbc8d3acb6512a86313d5379a8aa0f27b02677e106974c5ef9a83c9b7ed7f0d3d35f4a1c8aab2e4fd848b6098004b1c9614f691b3ce3bc6dd351a2038e6cd9c7e937498a2f141405b1835cd2399b28411eaa150bb1c857de92bb7d5ab3cf4c8b5096c6fd9a2ab214204cff052b274b44de687e519c79df23da87b3bf74de8789811273591fc13aeb7ca987f4709e365e8ff7244312ddbb7ec32c2c120a44ba9bbd7d612ada54e1bfbcf4bb761734645a137aab58e8a2c4d2153b2aab553ee5e2c2052ef3fcaa021dbe2e185bbce4f3afb6fc295d42941e3311bf98d1d33930a900f313e4273e3474014d999becf53e8a4eca3207ef6ee861b366c041f8c827d745b3109972e60f75a14576d9dac373e8d4e3e575e38c329ca86cb73c8d9cd8c7e9748af1d6767f2bb7121195789ce70178ad1423fe592205ff5092b8ecae6d503856acd732ae41367d89a6e7b68a3d96d15e799d580c339e49cf4301dfe0924662cf6772104b7e92d399e8f43a66e302b62748086aba1fbc43dc9819de0c5e0381be94bc184890cc5145331b0d350ff6cd8eadbe8ca8e536cbd358479eadc3a7faecd34c5d71b568be9c39be568c3c0c86980a0496b9954b8864096b8088ebee372cf5864ef8e348527cc55c55b6a5f430576ac347ab359cdf1f8dd964478afb7b6ba0abd9fa5461578c7f385101cc09eb3c187de76b6d528c7

Tabs and toggles

Categories in collapsible tabs
View code
226e4f92aeeb4eaa8b313b128acdd7f46492214ed8c1b9f68330a7e278df66f5f2b88c51ff809204ef7be8cdfcdbbccf3cca09bc2cf56d7ff53f91ff5f475a695084281241502ea09c88e664aca3f2c368e0187643b869e252d311d146493a17f3755961e8ca439cb230ce633a08455f41ddb202daf8a29ed01a2ec6a599883895f6f04e68117db5a19e3c4f7fe69502a9737becb909f348ceae7d08a75bffbd7fa89e461508ed67b8de98470666f7e6bff1eb2201e28d2c092086673cafae72c4cdf2fdf4d20d5deaefff650ec7ea138718b89ccda2ab52f71dae678aa06804f0c81acd651d609b3de3710d44e2332f3c38f2e88e95034a737c2016bb8dbc3fa7c047a28b4b17259c0b1fd706fd7886e6b200035aa4805205eac0b16568188d1d47ca6cdca90e5c2f0055821dda172cad77fb4684742250673b819e93f5c9ed25163bcbf746f1175e11babed095e8e669f42eda59badf8411716a00355b4a82b63ba5efa7b3fa68fd082ce06760936cbdbe2f2a2feff4faab278c302a0b6ad3f2343c6bad5a29d27e6ad0fb576115faecb5f4e4e881abe1f67fc602278469f0d5e400df6275db9cb93338df1e0682affef6a9da8aaabaa92fe4c7075a880766b17fe809115ee909f2bf4066447d62c1b6020c6a63b56ff018d9e84fda7963c517d02bfb5d1d1bbc64f7bece233748fdc392c5e905c1ac3af27ff047c99a3986eb60ce311fe0f73d11c9af0595b3c85d182f0637753e831f7f0d6894f9e7e7f60c0a4980d5e084eaad933a7e32d7484a293a733792d8d2b9a942994320a6cfc2d5ab7b9fc5aef7baccd7da640fa0d95ae1da950a034a336411ed8ebeb6c6133ff9997ff0e600e5dec01aaf7e7ad0cff31639c2f1d08d4a77f47254eef4e0cef61e12d91a0e5f81d77933b8cb8dfb83bc2240f18bb1053f8ed3379f2ce128829c251ef9048d046c3f954d866b1a6da8aa02e0c71b49c85d0617fcebf8aa078942629110bb0abcaeb7ce3303d31bca4f9388770908f9853e3d59e0224dabebb46be14b27cf6e95b4da803c4f0dfb538f8161a20718c70f73cf0199beff9ce579608a4cef884c67ba4613df32a77efaa3277cc4631b460e0edf1f44af768807812cd5da2f49219268833ff9b1da25888e8c65947490fcccb09691876bbc544dc3ef8ab67d4c2a1687c9888428365db340ced4959316e3f083321b613d90d6c36c5a1a7d4218662faaa30883da8e5ac495105b08ff531788fced975263de9ec53e6add5eb4129ebbed49c49d6e39521940ec3b7a62f75dc019afa24e40607b899448a3bf6b785f1960296f4dcbcd06cc1dd90babe38402fdd5f4929980bd7e3fb0c72d4358279eacdedc4a6000d5e8fa405474dd2c35dcb1dcd5c7ef7831482ad2a8c5e1ca50a7a8b4f9b105e31dff9f4af2458301afb07f72c52fc3fc79a42c1669e9a99b8e07695c168a42dbbfa33b375d2c16bfbeb033a4683cb47185a97c2be565869d8fdbf81fb8a39f86a50e515fa8b3f6b82572e088805dd43c6f80f600b965a7f0deab87433ba3fcaacb69eff42c80e9a3dce962a8dd7dd0772c1a93d4499ed25fdadcd993e2496cd33bcd0feb758ca04f237b0667fe838b931f1c6d63680b192b2a84256aa4eee140d99eb7bea6c5b24bdcc71ae9dfe37d8688f7c3cfcf1bbb0f11d0d273c97ef9bf972f7552f074e99c7b32c3d592c77ff520a963c23d526bd06cf3e037fdbef5163c810232557c30f0179a5bbb0d66755799028639c2884af9f0415884e26136ab814decddd31e6b8625d8a99313503dfc1815eb6b9290900e7f996e0ea7ee5c486732ae6b93a0fe9806515ba0c085fe375432eef62c2ee6a6425169d9d846a7abee78c36921e4189e19c01620fccbb60e104e7afd2ca540c0ceb392f5bc6c136383154a53dacb2cd596d02435a82b9bd9c0bd3e7dca3f794e086a50225e48efb005bc6861b4c4bb385f2a4e7df2165da01e5e66bd3e35349958b4ef4b0f595a9aec13747c86daaab64f5591f8fe3c6418c85b2e088294b094e5d9f6084e798e1fd0c767e2106343879db3f97e185b98559e9369c3e7bf27b70fc08cd001c267a9ff33b1f3a5ca331a08786dcb206d147b4e8e8651b137b42e6628e7d17f2880af87425f41b9b8f427c3bc6c371a6bdd2d961a6645c8b3f2670f30926ed57b5b8ab4edb141bc3b22955f689d9fe22e4b19ae724604216649812b5dd48bb791904f2f44aded83ef862abd284a9b6e8fb326955408e13f45526404b48dff7e33e4ccbcbfa0ed5fef5baad83121145b40f1d7b697f1b5c83520cf20ccbeebd15703346c3ea3c3e34d9b1ade72dc04e480e6e9af4f6d154ce904c6ee2de4ed087312440a06450852e7eeae4af5a13752d527830b0f30ef82d6299fc8cf4acea5611866ad5ed484ccd31e98487c8fbe07dbcebea17f8709257cc4d014e04acb388f83085077304bf99d62ca5943a240473f3916e3cb93abfe0a66bf7d64ade8ff177f55ddb51639bec8b5511bed59aabb62dea168c6c12e040c0cbdaabdcba73e80216f255dbd3206cfd20641f46f162136d604e0ee58cd7ae00b95789fde18a21e2642585c26d884bb2b1a145275dd5a089ddccebd18f3b2afd8f2bda2d91539eaa00f3edc95e781d9233d22da7ac6cb41d8ab1cd323269a9e28f92b26100338304d17913d4724773e5fcec7f069637b1c8ae141e168e51f8066e8d14c96d7752c14b1dd808bbe0e0bf8190bb8195e6780ceafa6dead73362ece9e682bcb7ae72ee28a57d3c52bd1a61b12f6a680c78910777ec819a5aa4e20dcbb1921985e09d473e618c89f1cd51c7b3857b87e66f642c43cbf317d1cc4880c0cf55100f44a6554bd62d333341a02ec574db9e16d8dd4c363581e743a38367bebaa2d3d39bba178c10c6df8f208dec38abad70bc54f65d3ec33b2fa114ed07fe7d7747e79e2f30464b1f5b5250a
Categories in toggles
View code
0133d97af33672d08c0de46601e2e0f2d231f1e7a2fc663f19363d8236a247cdd6605b671967f70c3afd8e607c53ffc409dab802dd76711cd1a2bc9e0594de90ea4593ea8e435b283189f46f37680336a262ffaf283ca5ccf0a5c7dec3b62bbdf321b33800f64a833c1d87128f07717b203878dfd0021f892a1f49f204aaabc25414c3ec130fa6981a9a9e4756e4775480bd903036eb72ad6dad416a925eff0f185056c438d90476563c4701aa2cf1e0a7963950d96846f5f86bc88f49367aaaf4b89a11191a0a49426539abedfe8160a0a77d9045c73123d4125ff52fe035863e3d7a104cc65fa07ff8cdeba385d99b72b2a9385dc23876b679da42644beee1d6063d139e762d60c92cb21b232fcf8272baea11e5521f2d40bd349a372d0d0b05d1a0aeb256d0d02b5d202d282f48727065ddcb1f7c31713c2e8a571449541aa055cd2541f99e4cd8afc3fbcc9db4b0ff8dae59461334baeeadf35eab8312d2aadeaf9949d3c0c8e0cd90735b0ff127d671e8069541199ae0cf8ff0fb36d2db48ef081d79ac29afaf95c54c10ee034931005dd0f537d1665d8872678366f7fba02c3420a9136c475ef0f2d55eb33f1c3018db756dbd2397509b72b2bfaec6b9000beee413a26aaec23a0c404b729f9d8c1ee44dc2b4ac561c944bb489b75b7abfb3fd54f0b1e9d767b731b14fa7c858417998605c4d8b1b859572333c49684ff23513e9e412139075abb686328b3aafe275b59a286effdaf04b89b90c221312ba7eb024b4004ad8bfd35c3040bbdf16b744dbb8025863be7313f12fea74db5e2d129714b671ed8cfe647c3cd3343660c4831064d20ac2ee60dd05f4cf5e6e35524e3673e24dae3060fd7a450c4381c837bd44a173865f4b8083adf41c720c4dbf9dfaf39a472e1e9f2a5edb78d3626f12fb759988fb7dbda42cf2dce078b2337fee0530357c09aa06329a1dda09fc5c731e1e34755953686795ae573be4a644c7fef901e7ddb3e8c63a52f76625c631b18a37dbee5ec4fc9ebff688ac951ab33f4aff2218c23c2b785bc988b08df085b77a2527dd4bd58cf1b3e12186aab69640638aa7c87c86339e1238b58f4d6e818b67bfcf330b09df8bfdbb0deb89b65de18d7bb2ea579e65784b4def2436c377ae734004b390dee825913d09f5ceae1e78d2d544bb3c15bc4ed8657da5f2c78b4bc05b89c8bc25832e2d72c160ec31345781836adbe210d8ae95c5348c1d2aa500577218891c27714e83aa8ccf8a0d7545915d0bdd31a9713eea8f5a8e913cb729551e2e0a93dda29b14b9c794c42423a5b93151114cf27b5fd2859b7842d3342a8ed7086f2059de872ce812bdf2368aa0863751a5013c58b7e06b6633b727ebfb6a3db4786797f9fadce173c291ed96377255287d6a6d33a336ab3f68b81e3ee3b5bfbb1818c20dfa5201a1002b4002a09d0980ef6645ce840075799d4c7ed1fb57261ac044ded501a84e343a7437079e50399deadd44b74e77ce94f0f59154e978dc17d35b49aca70f8db8f4f7a398c235de79382b0ea64716b77df83b319cad9122d87cfb8d74e405803e6e00563c9adfd0ecaf52c737300a7fe71ebed238a406800bc28a3201de2dceed408e017f8c1e9203461758f27f982fded29e149cecbc88a3f379199b022b3daa71d61fa39420f87b4f1d86c469b4e9d033423c4b8b8d9928864cc4b32790f399295c0e2c45314d646cac199198509370e719de577554dce1cab79c500afb1c85e0f7aabe653ae0d2f97022194e898b8c892c35d269535419a14f708e2bc52648d5d6a4cb5aff5060283beb456bf121090aff4d71f0b4b7db1a087ab8cb4cd3f625c8fe8b9093c500acf93fbb8f78cfbbe08cad7ce2969379a59e066250656cf05be41a0ec4fdba71b0bbc9348a481610f95e9a7f23729a5109c3e093c5cc56df409c1fcdbd7ce68ac3c60202fd86d2b7b286a13c87d875df0929219320e977ae819be10f6f9c1ae6ad9abbda07a8cebff6d4f72e26d7667bd57c563783447a65b3ce272a49dfd13e5325a6aadc4400138b27eea58177399bb3e8bb6ea84b376c8e8dc866427a94ec26e52bd44210c8b1e17ff459ebe0b6c409c8069a93abbda7e2fb384371821f948ca5abe2b4c9864205740f09c9209faa798dae5c61d6d2a54ee3c41b88aec3d5bc7bbd390673169049a82f2ec1e1e130ef437754db4cc083f738c10993b47330d217dac7757047a562573bf0df37a613dcfbbe1c7d34d041caec8c7bd0c9813c842c4cca6df6691d1eb3d4016c22dd481a7f6d02492e58454846e3043953a7524600c9a4b47534ac11e64279907296551c4935ad49d47adbcfe1fc09804ecbd31c1d84eb9f6556145694ed16ed731868f7c400a53de596adc02662d571a208976f06979ff1df48e64db45e4b54b185f0e0edf51db7a6c5a3db8a5b0a4eb88f244d195c52dc7a2b9bcef376445c8f175d8189e4f72b62032b56320ab98f78e8305b2071d3761811b70830b5803b0d5d33eb92faf51b888aaba439296061fffc3f30fa26af3cfd849d10205017f8c28e4e0d9fcc4e203bf3a37a1570f7af2405172e247daa233202478acf80b010ee81dc9df3a47dc4212ab2f416177b195f0bd4f02a4e69539d007bc6eef2080e217214f209cc398d6717f44d10db779639bcef5567e0ab15185e949b1b516aa4b33f6d2793fd0a1e4f1fea911143cb500b785c1a1d92c8529e29e44b07f077a380cdb72aef886c060f27a64a775f99cebf65b5f517be6f78f92aac43b2d55f7994cb964c078034dc3892413d916f47b17705ef12ce2659b63b517c7703e27a002ec77557cf6f90a168f591302b01a2c32ce379236d936350635ea209d901a431f4d3333937142b6a3e92579ce1960277a39a4fba04ca7ef86747bbefbf14247a64c9dbf0a9727011c989fbb1d7638e2b28b27e42d690ebe5891d65c624a2848b71b94930c1a71d492bc42273bfb71ffcbdb1ab768db18bcdb9c7808cdd788cfd10c9486e111c76abbcd8b4f29b0c07d2de2d45eb8015374e040f707b1cff696fcbbdbc80e37598946d1fdf3701f959c5e728e806b313702a9bc29d56b1e6e7e74a8cf15ef9fea1ec2c27f39b7781aaed71dda4a24b30a225eba7248ca487b9fae84a602805863b36d0859c4aaa0de406d8068afd951a018ee2b90cc10072b5ef7fed97e7f502ce9a28b4dc759e9d093039f3f2284e002c181b0ac6d279c2df131c99676114ca77b24482b25c7f974f1bf86665c029995e036ce12fe7e6591dad29ed1558aeb331236abaa5f3b44d1fcce0c232a2fe28987cc0c7e2a4a8a8d8e078bba87198bc04159a38deae10ec71ebab03e28bee59f403bbb349a327dc9f0bfde1717346e91067acb3cc746ac25f6a4decad75a60ccd33d43884e89b57e031896cc559dd3120c7384bd197a0bd650b31f810a69fdae541604eca177de09f051ae4a0fd7b3e9e09e29ca8696a8274132209edaa5ace210b48b34d4cf02f83c9fa6505212fdcf387c48069b5206be47bbd3fbe5fa6c8a5791d38f76356f923067158f07cbe84bbed056124c5cc067ff0419e051a9274b8c1e7c494ca8e13d5500312e9254253d6d37ed5a4886dd8c70641468a601df72eb63c88e3458812163b35bab439d925d2115e9d32033603bfc0d6254d437fca14b2e59cd25692582818f31c79dc7346224abbfffa3ac76889393a7e69a0274a81a35819c89452cded1751a109fd848a18abda5caaa6b5d4d64f5c9d648e9538a41de0a7959c5d44e71e965d7abe53cf2fab3c4dad14ce32c621754e4d0be7b909406a6226d9ab52e05b2e8aa1b0760d069fa3c779feccc2c603bfe8ead1b11f0578498eb7b9a41019beff460d4ab0faa59b6deb0014bf6059fa8736ea923348e139c12250d5ea10b1e5d21cb4dd7288b9e35bb80401c17c80db6677f97f5b06260562c6439b87ba8ca7d62bb8135e2c505989a0ea60fac03ebe79836c38cc5959bac8f1bab5d38d237b7fd405f905f619b11c38f2b71ec49fd8c52609d9db53cfc8c3ebfe43c700e0f8caa7f78470d9efa8a5d50450d6b85bdc5f8722b8f8c5583290603b417ed119bebb32c560cdbf4b3ea3d0596f9d3177a3e5bb9479e727d80f2e36a2512245408aa26bd8420d5c6277d0e105d9182f2a48fd53cf8a8e4cac0909d6d5272f1506c793f39157a02a2836bf10d211ada3678c821c15a0f5af6fa77c55b7159b1a80d1b5a02f86007c2a5fca114d6e41da2165165c62dd752a40f447cd6b89b1563505351fcb8ad3d5d3333ad586dd0c8d3723fc19118961283caefd0639ac38a1e7d7e83a20a41c7669502218ca25b2ac48ab493b6c8ad6ae8c42033e9d9839be335046389174bb431ab98dce0fcc79ccbc64e9efde379fa6e79dbbf5509d42890172b9cc699061103042eea2b3067339c09ca2c80342db524fffcd595e82eb2c6666411889e4ca3acc912684ad5008447d16c9ca86cc2a2c9706f8fd7f9645ece9250a76d054d19195bd0291fb0e896134c045fd42d1b553f60c0f694cf26ba762844db490a92c2a5ff29b43f4bf9ad6e127eed678b33d2600dce6ab7294d6fff5fc0223bcbe4f073dfa75bea69b6580480cb383900042c765628de578bdf12a17ec0b8e1b0f0cb3710ddeae3889fc9352910065ab029d30b4bd32d763e3f1da38ad6f9f8cf9a12b54daefaf2f63b61d518eb7c4ac3fd3e25ffdcdfa111b1f9fe236d997d0fae9142515a1108b6ca261bdaa13592bcc6eb33af840b26ff94926617f13206c10ca19513ca0e27f87f007b5c06c70ba1d9d1966535f2324bb6151c566d6428a8c48cbb9ef7e5854ef6fde36ec69d4792d569770b4c39171689bf7a333ee6831201a6f6cc1be7ff066789009b95eb076f7b40971ce93fea7ebf84a909a02fcbbd26262ad6e0a9f0a14f4b7cd748cbe7e1a5b13424456cfe1a4bddf3f0838beca3df67c53469b2fa78a1884354dbc394dabdcdffc73130bfbb22a1875abcc1c1d0a7f383441c670a0e3f47e07c3814dbe4d88886bcff4f49617a2a5d894e113eed62ef21a3acd369a3db1ff70e72c36fbf793e582b5a9b8f705f36d1af23aba19e72ecc7813cc9b7e517ff50859372f3d4f487a781fd5edffb2cbfee48a860f198468531c32335d2b7072143454ede03bf4c337411c9ee92c8d616958f85f71abf1efbe3d6c9df26561760e779c7c08cd6716a3549433432d59a888c2a4a25d939fc3cc2af2bb12e21c7622dc3e2816dfa4d01f29975fce8b096041f4c6c93e095f45f00edd429a85ceac904c246416e90e13d60430c1dfee588656d7e91dc08aea95aa060c780dd33d59aaee1b5c483acc9d0d95aef98b69db3e6d8f141a29e6de0b17aa5b2ff9f49cf83a565aeefbc70ab2bd87a31959cf9fd9ccd51e34544a05dd89952e36ecac62253b3c290df297006a2487420b7ae558472a6c65ca202c956ac3f2d476a33f8898c1f0ae9bad4e89afaf6e79fed0f3e6937cfbd688c5264e703aacb7781fe08e2457e257abc60c7e3c083f11dc0286d8424afc34d431aeab39b6a1b1f8da308d31ade5d3c5b4e05cd119e1e8f688febbbc2696fcfc979914f2a8f60dd1b660f2ca18693a9148dee2dbe2c949c0b2843cd67f3ef4ff1c80cd788e0ba7d3979d3fe81d9a2f50c37f6b6fadcdd15025929334a72949134e512d328e73dc850874b6e7f293a5aa9dcf290a9947acabe0d0cc6a7f963ebfa748a6a1235d201589c588da2224732fdcb78007a2def8bbec61223054bfe8029e899645c03773ba33727401bc714af63dbeff369e36d91a48c14a8758ce923f39a06df4f5ca085808d7e0d1f006122d173a08cc1c015fbf13cf36511977a47513c6e023c3a7e923e36b9f641730a24ecfbd94a275eae0a7a3b6310f84c9cd5c04761d2e327c9e7bb0a1e81b765886d5f532c441a3781502469143d67876000d37a47635827c41a2878fd5f25bbbab5cb23c67f93aa413b6c1d89997423df6e16f5a79f8540aa57ce0e1d17bb6403105a7543322e7da684cb1a2b9e50123d33ef549989a310fee4669c95ce52b826fa0099a9e890c0a8ab44256b5cf21254df74f9eda5cb4825f0da01a75da5b32a3b765802a3624965fbfbfa1c41553ebca71f639753f3925c2841a874d03b9064730be79f8377b108f8df8898063880b16a8155624e9cde01ea362537fc8617caecdc88089733f1de25d9651badc3525d16668a0a5c050aa28d6caba6f36cd6d808a066dee3e50f190b699b692e9fd2686b587ea350149960a4459784213f9947038b7931e72e4564b98f13c03394b5b2d94006a31c363df6edc9f65381a4268d5e31e1b253ce956f506f2ff28cf467436c67579e44f1caa19ae9ad6c68ca7ad66d469885cb90adf82aad752e894046ca775f00cd1989fbaff5998ce4aec11e2e6bb371bba871a1ca52ff00c1c3069d8c45cdac9a15a0cb1f79aada00f3e7e12e11943d273dcce7e94332a4d482ec8809487cd7af777f7c173c96913372f30115e59240dfeaf5014c402104ef42ba9a917d0114a5dc0a04475815a3fc1748078a2810e2731b800a8e038d882165acaefe628afbbed1d6e2c126da589da7bb8855ffb9a83d71dc3fd84a9b5123238bfda79a79b12b7fd35ab998326b62a5ea1c9579e7a3544fbb1abb45a7b936794e8836163033587821909388881284939386818ef39bc8df24d7b634b51d36d8eb70ef6855280c06ca5ad9b03acf73dcd03b87061301f52c9040870e860c487357f46411d331d536ad00e135d7eccfd0b51600665207d769026252234ebebc09bc1f359cbe0825c79def060dbdd33113e6dd7b4cc6e7ff2ac8f725947ca67556049d9fea8170efcf3de3f4eaf9b5947737043

By default content blocks are displayed on the Home page, however you can use them anywhere in the help center.

You can display content blocks on the Home page using theme settings.

The following settings, found within the Content blocks setting group, are available in the to use in every theme when customizing content blocks:

Setting Description
Content blocks style The style of content blocks to display.
Content blocks color The color palette used for content blocks.
Content blocks background color The background color applied to the content blocks section.
Content blocks heading The heading to display above the content blocks.
Content blocks columns The maximum number of columns to display per row.
Content blocks alignment The alignment of content within content blocks.
Content blocks image height The height (in px) for content block images.

Select a style from the Content blocks style setting to have the content blocks appear.

To display content blocks on any page in the help center other than the Home page:

  1. Select the “Custom template” option from the Content blocks style setting in the Content blocks setting group to ensure that there’s not a conflict with an existing micro-template.

  2. Copy the HTML hook below into the position where you’d like the content blocks to appear.

     <div class="content-blocks bg-content-blocks" id="content-blocks">
   <script type="text/javascript">
     document.addEventListener('DOMContentLoaded', () => {
       new Navigation(document.getElementById('content-blocks'), {
         collection: Theme.contentBlocks || {},
         template: 'content-blocks',
         templateData: {
           images: [
             "{{settings.content_block_1_image}}", "{{settings.content_block_2_image}}", "{{settings.content_block_3_image}}", "{{settings.content_block_4_image}}",
             "{{settings.content_block_5_image}}", "{{settings.content_block_6_image}}", "{{settings.content_block_7_image}}", "{{settings.content_block_8_image}}"
           ],
           imageHeight: "{{settings.content_block_image_height}}",
           numberColumns: {{settings.number_content_block_columns}},
           alignment: "{{settings.content_block_alignment}}",
           color: "{{settings.color_content_blocks}}"
         }
       });
     })
   </script>
 </div>

  3. Copy-and-paste your selected pattern micro-template into the bottom of the footer.hbs template.

Related patterns

Article lists

Article lists

4 patterns

Contact blocks

Contact blocks

3 patterns

Custom blocks

Custom blocks

3 patterns