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
2742bd5979d0cc9a60d8364cf817f80abc082efafcb853cd22541ff0202c662122098757ee581b067ff07f5ffd377ed63a80b775445b8185bd0fea7b5b5204199a8d4a064ba7418d931ddc50f9f743d4f3f911daccc8f4a1344490dd861f445dd9bd61905eb5a6ce7db458981a1fc3235346c041f7649da65b621a2a87bfe244010edfb8a30500e89711987a2d097d9db2c9c09519e1d6d8b87d10d48ab009c14bf355c5ca4ebae14f9a8ba89e26770ff51a09cf69542f85bd398987e37d3e2b9a878c650e2142c24d1a1d200013e8ee804a9c619a0f13cbf07236b47ffa7a093e84a943d5341e2badbc9403b6dd43f8182246ec8eea5a4a487f1f31fd376614e752fa1148a919ba6391808cc8da6256a4638bc7f19ca7c847cd5f9ca7384795d4946d8f68a1bb6fde6564a615f95dca831a2e6149edac2222192ecf21b6593699c1d83f27badc99cfec4d70a4e6eabc1b7e649fe8550cc9a683f3133ba482517e8df43c392f117776cffcc0e47765bba623256e1abfd3ab836b29179733e7ef7ecabb31a460d5850ddda3ec57b31a0bf20fe2e1257e80ba2469f2a6c16cf5110e6817a2bb0930f88f624f2a0c22b0f3ec3eb25d1002cb25828fbbf3e6d5ff26fda078aec3fde0f59ab6db05aaabaa39f077c4e44cef51783f395ae88fb9790178a3ed421734670dbf8b38f358788335ed75609919a0c86ccd62d88dc2cbb8d3b0f542822be977bd2672ace9805c2075cf8f51ef73f0c42dd1d7aed17da9e073dda968cbc4280b716202a04a0354ce936ae2b638cab6d2db655fdf02c1a4da6f67195e96afe8044d7ff38774e4d14af9d14fa47498e688a88e5b7d0f07593a0a229f34ba3e2e3283bd526fa9d8f2383cc69596378d9847f4263fc0458d6095bf01fc2c8c2b2997eae351094c704b5ba1d2de8adf05c221d45c9913d7773b76952c9d446b7b49893b386cf1e442981423d97a1bd9a4d79d5203af1e28e62f3e65eb1ade73330bcaad0450773795839f4881d7ada8c4d7fc7c7b87b1bb988d44bceec816293d1c9c940eb693a4cb011fcee3320c441634ea75e758c4ee69006216b68eb9c6039bae1940dec4cf3bd9c87ad18cf539d94c56c2192ac30ee0e0b9f521ae9174229bf34b4659242c09b58a5fef479ab1d67548af083a42a9e3a0a2fc71db571a92dc5986b60b4a04ed524d07636075dadd590e14ead147345c7d27ee175fbf283aa27e2bc2075f68f533816d1f46ec2ca307df51bd4989a55646b80c83a7af87b5b0a6fa825d10d8b36902c07827e46c23737cb9b4b696c5ad19e0bfb3307a8cc38b8cab1456bd7a2a47dba8771587d0f3f44b6d86c774b4f2f4a2a3a992a184462382f2a941037a88831ff773746eee50a251f321513ebdf524ef95b6548d6795b76b629bc24d9cb764183f194851156bac4dd92da74756f15d30b88f4fb2fe9fcd45bcdd86691c38a3d3bda3e396d5b3d444cbbfde2a4a9aefe0d59f109ccbb6c0978de6147112ff0e676e5909166942f1f96f4aa0aa66058df6a0c8beefef08b27b499e8c0ee658e9400296765e9505d8dba14915ca212e637cc1d87b47abdec35fecd171459afcd6909932c0bd9660c1778a8cd1062c867a61bb783fdb3304fa7a23fabbdc24f60b51b7504425252b7fb7bc84038d9f847829d6913dfcf95a6a65bafec53d3b3989468fde426a289654ce8f038887e6928e490c14131636eb43f71a536a94744f6cca814c72ce71cc109a4ee11abe9dfc6a4bc7123847daebc4ac0bdd94fc92624fed6ce3ff9b2c3db6c5515957725736dcdb8448efab89027c8f851d491296e6538e0d0d408caa14150da85ccf7744ad2830531263334d2f8575fd0b30bf7ccc20bbe1a3cc5791b32729cee8983869d872c6bbc9b1a1ce4be5457b8fb652d29300b71907558defa611fb714f63d08f9e11a5e9164ece70a99cc84fbabfe3691355f5d12282a51c4144907abe6c7e5ee2189eb43a40b6f1968b66f52302e254b7045bba7b0d89240c452b5d94978b469514c48bb4e54e573224f3e6add12ec85215aef83b59a1a8563c0e789e71a662eda84581506c7c4aeefcdb4b50aa7db306e789e62a3f3741b1c9274e38bcd4a301b867e9a06a4e619f91277cca63c60b5fd508fb02533ffc4775a8d8f64852a199951bf92a5a6489612a73679864f9a44d2a90c1c84fb8f66d7581c08f985db75851bebfb4c1617a369065419d48548fc9bf229474a76a037e513704bc332e28410e781e9550a4a58982a1c3cffc8525dda7b1d329ff17624fa679c7003f7536dad5027ba9b5aa178e4271cd5c5badfa286bc429e7722868be6dcd871e159e05259ec0d94324eb1dd304837e0c8fef45b93239b0931ccb78deba875f9b9f987d94feded8256ce9adb2eabd4535fc0508266018e0c2c172f9d50dcbd6c1e129774b0f9aeaa4d25bf40a8b1c923042bd10c3d7aaebdfcbca7f2200e844340506698ef5d2bf55db06e2f8666cb7c58ce34240a8e006223a4664f406097aacfb44ea110cc7959baca6f374dc6a5ba709ffba45a1da84bb6e23e86e3489cffa5ebaabb885c95eb3a83e2f9b434e4cc00a93224c8de2714578d77069eff83832c924bb327f6fb41ffa51ae63e1d05b36569b6d40423c8714e3700b060d4e8dc8680f963c55dc4962e455003a9cd3ea0dc382de05de568e8aa55f35c2d5b39efcc5c09763294e0adff87e72cdf6bb89be75099bcd9e002d8b50b822f3dfe5f4d547dd451772ce8e3c72645c7381269e31ce2a237a21d2721474e3caf15587edeb6d550c8c6abfa037b461c219f8748f7ccee99bc4059cff623f456e8480608d03140890d5bdea7490b959bfc1770ead1b4f843aca18c8d16dc831b3a6f6049bc95d7dc7b77a3399f469af21509a6dc4ad15144185164d6a755b2d68f8e166232fc035c5d0f18af6a834a7d829b751ab8da7308de8032c0aab8b0803001edf391cc4d8be1f37c9d1a86d662fbcdeece2600b1d2ced0e971131954e25cb90573198f5cd303aa05d9f6ed25ca577618992ab2f668b3c1d59e0299c90f9afd902d790553c6a4a5985cac0b8cfca095daf365d4945673725da3c6898c5d0fc96a1bf36a97b67c38a33c7b85f5cda56057d370ca52ed32df839a4faed56d49afeb3e8ba07b65d5491be07cddfb38a8e47223837d9d2edd0f64b40ce63f66eda4ba8ef7949dd7bf7249073c2c864835eb317a5ad7183438001a015fbd9d16471de162e25d62776cb858753e571feee14e7a042405efc63fa2cecfa66abda5310728ccad0a1f31cf0dbb40fbc6f566e26082d5d71413f390ac2518a913d2ac9389a8ad5315382b1bc9a03587f14e668194f3087218891cff592838a6ed6eafb9651db579f722c7a9da42956385d223a994c992df8b866fa8857661478d96d5f1b191a21e12014090beedba35b2597a33534a535ae1baf59c5e737ddd6ff4edf8d2824876616f88eed0db1c89a2e5ca4422da5d85d61a96cd4889dde6208f71ee644d6a02acb59920da9252b1ae2852b829c131708dfc244282c0c64ace2e7ad38d86be494cae4de1690eec851dacf28d49f05a5fd6300cdc9a7e59d00a80df7b110ddbbb7f48f4b1668b53f091fb2a4382feac84ec821be7ead0929c7d1c001e8d3e5c9102d1abb96da7af8113c8b58130ad9cf772792f5d4057429fbcd2ea45a34ce300e0400bb86793f688903bdd7731c797aa550923d5049029958c623753744676b269d09646ee93e231f1fcfcf3841488e5f9a8aba540d780fbfc917c6ed4785a058df288ad151205741512fb9a5ce4c7d92f373e287204c44bdea105c13ed0b85dc04a4163748f7ad4ab631f75293a2ec67671f08ab833b08a53d987056f110e62d1f2181fb00cc68aa3e6e001b1000b70879ec31b6f50d2a647aaf049a9b7cbe5796c9f6acf084cad91fda1e7bb090adeacd48377ebadc283071ee3a54838431aabab0c1156dd7998c030f8753d0f9bded682f2ce72d89583841bebb4f8185770cf9a0cf521909bced029f779e9d122b9cb1f56ce3ddb188de2a8e6e3a6cc6a912e67b1f4b6fcf0dd8a57abfae5fd65e1b49b81aae06f6bf3278fd2efe8f2032dbb87ddeeda596e27565b47a0cc261417e7284ec3785fcb6608b2b4b65b65edafc5a0c73e1577f050f33bef377b593bee9b3f57795d68076a8ba7d4f12826ddf9cfaf485611936cab909b58dc6e82c88b3649ccd10a0b111
Grow on hover effect
View code
ee88212934b83c53f4c1b0c6def774b7ae38324ebfa701754d39f752c76dab379ba9a7b6ee54de01a4ab14c9fa2e8bda101fe72951dd79ec5b556019c043512f9c75b584b9628e3cc81f3f19fa2f7d0d1320f1be0324923113d686a1d25baa7f782380ab6fa67d1f26a0d3a6ceed2e4a891ce5c1170526c7d33b99de32077cc92fdecffed05f1fd3e200799b45698fed1bfe7f373ff6f7392a0cf32f064e6aa2f45448d4051fe414d9b0ec8f2227ca39ff500a7f149ae68f7c0c017babd28dfcf902496a759e99604f9609ce62e1b3fa4d53c17ad0ee80da875662295e0fff6c300aa1e763e71292a9623d344305eb25aa91965df3b322c7991a9f796a2d3c632e8fc33d92866510d771503495a0b4f24f13dd10900accb204400c0a92c3c6bf346a38fa8f5fd0e7f806ca5bf3d8a62940284d78139a1fb73075260a7ce1922f4b5276aca98a5f426b299233be8e8f649b33bf77c16651aae32225d096137413a27e988be9d507f061daaf5f8c52b322f9a3053b520ef398022f389acb19a4cdf4dec586c7d8d4dd83c7a00a482e762ce389d7f9a6ae3686b6cf01e0405bed678554a0364da6414840434789bc6de3631dcc6763bc0f4770a5b60b7cd98d5cb683ee2311ff5aad62687aa732b349b7ea0e2dd397ef0b40d79d76aa092e3f3275a4090796b61940bd5c609cca3fda30a5249bc6d9d6d09785973eb0f86a17b33fc9da224eba3b938591fb276e719772158985ea49db399f6a2c4994d129b23c3901e97cfc384d553dddef2b94258116aa91ed7da173498ef2167394289c820849dc7815689f33a2beaa29c6bdd6eea22a0d6ab96601368474b53000420559387d973fd2f6f5b3407c609533a366500398031b46dc3614e6477d2114d0aca47a243ac5db9257555f61fd31539d756292efd31703c6e3674f69d5774db842ae3c3959f97b4d1e3fdcd4f33718302697cecb99692f1f582e73518122e1bea3e48d074095a8d66e92f52c7a262fe011ffed5a3aaa2d7895973e06bfa2de6fdd93bcacc671e7a57bbd0f2fa10088846f0c3aa8bc2a64161a5b03988805cc84e374ecdde62c327c49979a8e159bcb748644152d1c045626dc3025b577a54adc40fe8540bf7c41657b88364f4ccd3098fc927eedd6d09f02423c751259090718e6d6d90109738e95d5bc3120b8422ba0d2dfef40c18d23ffe97f839142af0a685393d5daa34bd30a7e03c6e664a7e19f0f950f162a173f2b09283de6fd9d104d1ce12ac8c17ab05d9158de946bf67af3ead909aee0306c00e9fedd0ce92dd5b716d0426167feaac5c958d0251a1477443f3d8abaf323226b9e411d17f04a4e6c99c1e4ee8cd93e79f35bbbb5cba020b6d1d56c000e85145fd18dddd70374171311614732a9e6f719186237eca8ca3ae6237a9fe8e9a009df9dbcc551ff3b81933d5293d403abd3045aa1bca18fddc93956c8c15077638c75b98bc19bf819c7a583f85c7c6c571c5c1e30ba5644c9c7cca773d2f73d79d4b823e74d3275c3efbd1e6ad9258c310804aa96c02392b979765a8d38aa17efba2acd0155cc26282bc9d7019f2f246053587205bd4a7e389dc35bbd099f4c9597ad46e6ed0307d7e63456b204f6969e05c3f1bf0818d936db8f84d79892958314aa1c554b0ad2e67d33fac54501b240e8f031108ac704537801bcbaec202e2f400fa0dedf6dd6a0f0e24fa9b2975fcac4c969a5c45cab2af4be86405e7b44674abfc3c87ff6c6967e2f8b1468783b8fc30edab175c111351c94e373b9c8a76867e3453ee28e2f729320b1ef4095619bc67b8881b3663c0180d1e75554703f3790be0b77ec36644f5e6f315ea3494a910071f20109a3b769dc0bde610ebaa8cbc7ee6f952dc053ec27e91e9af18a1126f10606fb8e8208e80af01f29486e39da5302110222c4548982f7a9521fce3fe11fc5f694e38a9e720cbc030c2bb0436d8d80e565e767bdbc49a186af9fef80c3f8b2f8e1036981d10bbf09dc9b125878c492c532f35f5813a175eb1dbc7f6dea697d077f4e69ee48a6a2a01412540add83583101ec5501c7ae1e09939adc0e3a43a651987ba0a8bca5c6fb2a97030931531187d14b54504e1e167573b300f9b4c519d9ad6fe112d75ba890806c8ccf3f5e8c41744ac8c1ffd1f2b22c1d5b89fc1092f10b3f74868e5b6c4a57d614bf1bd805cbecfbbbb1dabcb25eba78ba1f401ae6534819e2a07d6faa392f0f46aaac0193604ffa826de405ae2bbf91c7ce50d1a60d0bbb1cd4342d65f5e5bc5b74931fafef483e2b6af23e71fcc0648d2f3b998d8f576e90645b902fb1a7e4e86ac37d62483d6d699bfb16d6d03f3a4776e0bb6b0b072d6ff69519b209f9325a0f1875502e667f3b7a3189cf282e1a646332c81cce05f0d37993a80f82d6368484d460ddb58d201667fbba8d65477523a1abe9835863fc7cd60977eb766fd1340da20081c1cb915ba9a6fe39cf51031693bddf849b1d583c8c6a30879c8e6b3cdf43457006401da81bd9bade7ae223b8a5f35e0cb7d2094afccbbebf6aca1bc0e6a0723749c9940d11d4c5c85a5b77f9da4d10b68eaaf6b6038a8b97e7c75ed9285bac823e48b8d484e9fef6bc6e74ce8d42498d50c5bef604824662dafef9c3a016b09abaf94224871685892a55792e6fde95ca8123c0f87786bc5ab09aee3f8d8146d5a6bc95027158baffba17eb538133d9c51fa02c0d4f15d212964aae30436bbba61d0cbb211494c6bc5f2c38d73bcb043409a17030095981c5a27206d6eab185f4a0b72b0b7d51b9f44184cdf1fc70f219c820ff70d6d7d8954b63515ecd8b916ebc7d470a34980b6b77d3bd14c6b9625494f06975457743ed07689bccc9dfdc67765d8bb1d84cf107ab0d37c4b0b2c403a17505bb12cabe91c7323843ab66ab14710b3c4f965d13faf631da71ad586fd24fcaf9beaa070e7463fb5db14628352a310304099bdf42fe1417f94130aa25ad372b7c8f807e6a91a3a17018c02ccef4d828adce6021b118409e891b3a69df4834b8dc39538f3a6424e14e9d2f6c31da527240349d04ec0c9306f01bc51cc54642db38da04e49a7fe2198fe5e0ad03d201902aa761ca21fd12e9ef4cb30b67c5d789c8a41c44a57c3995673938126478f717112b7d00712b8377d5f920ce678e0982ef49ac3c75834f45408876fa6433e4e6d0a37db37ca99f96806e473396bc423382e98084f9bd56d1dab0059ed83282ee6c70d65562242474785c585da59e4f0f83153482f134bd6f8675877c809cc6027c268081d46383af7e9810a832e4ad56153908ad2f011ab6cf197e41a337003db32fedad11e12bd32ab5baa083af4417d4f33a8cfb010672989f6f4d045f0ab1582556e145d839f858ae3000086e074ee835a361987b6fd96bc7720bb18d2f789f5283ed2bb4c9cacde35adbacfe608effb7cdcc7925201bdba41ae57fb082d80e56841a3b3c544bd313f731b9834331fe01bd178781a0bb8ea8dfc863b5e8efa118af487a480d0f20b6382637e85fe9c68ac758bb315600874ddae934aeb82750f23899adc59eec7cb04e83bc662165f4162b5fc26fdf5cd536103001a407f8ef275db5820b166d2e1d9ca10df8da17af45db8327dd2bdb74c37c176cd2cfe498fe4c4e332425ca718be18671f136b7c3b37169623de4298ef2f932de58d4277286866bb11ef440541ec9ff6a94a736c057e37046340008d5d41d019b7c2ba2ead7bfe41db4cdddaac76adfe98e8d2d9a06997e414d91bc6a0d345513e06f9054b6a9d8065e2260f8188e67f58ad119186847da96fc7b7c4be187d0f5fa11e13d2fa776bd104b136afcdaf4e98d0b4cbc42ad9fd7ef61ec6179d8e8d722de3ba50138b095a944580045ee9c8384aea544d5092885028426ab85e08f63935312368b50e137a140ca164797c593ff3890c225b8071655561ad56a55565650b9a4770caf63cbd9df7c814f5e9161cc9a391312a7a4f399152912a6e3cd45527e09d59cfeefebcd6b5847abedd67ad503af8fd13e614f5a8217b99a622cfac0e7aed790df16c8fe57bf02266ecb19513feae0eed2bd5d1241e15f19f1f707fb211a033be1f4804dffeb2209bafb92d7c4263f7ba96a7fb89889cbe6408bb5eca46dd33ee918c1c41f736c31df823f9d6c8b5f495870660905b32fdff9194873f110ead17e7d2c703bc7bb6e0c51e94b8baaead8df0651305a875af142d2e8f9b930d842b03ae0f0ad98751d649198cfc10bb8b2aa591f4d83e9e16509a47a3b1c2dd50ab45edd14fafb9a29e924d409d4a3c8d86edbfc10c0ff956b
Background color on hover effect
View code
8f909873e496e977661d5f227ecfd8b5fe7942cb02e8e61ad27729749e42b21c21e55f8e85142d5c6393c5443201ec1507c8339c56392c11b4b5b5640659b01456e3f24ee322f950d2959befb89b29c917bd361448f424b4ce12202a23a674233722a64d2020c556ab850fdf3a2cc955b10b77241e9a83286726e510f84bbdb01f97daca87364a9bc7a830b5decf48381f197b1847853581e936a6a4fb1e438280bc2e284d8a50f208be0f43066e1eb2d7c3d9dd6a452df005d5bd02709300d8443e8f2926272d134941c679a6858293984bb9eddb3d38b375dfa91e0553b66c0a455c8b6fcf090dbb0ff0f0b3dbcbc3e2ed8c29e03f5a60a65f0b3df88f82aa85df46b0f8dbfff62c3f040f0080048561bbbdd633900e6f2328fad87277d235bb77f5c45b6d14b11401ec064bcfee386d6e5ee30f6a657e373ce566c8b8a4439ec6e9cc79e4bfc1a8ab41a632e57c09d6ab7a51cf46cff07556e2f6f22ff7012e719c8e4da459cf0bf315ea9e946cef39b7e6affd67b4b32f52c6640ad3ac10607f2dfd0c45c435e56d36eea5fba78a991b0e7bddd12fc6f1ae729e0d668fbfc7b8e9b4502b9edab8f4ecbb8794f028d7f8f0e4bab8be3fb9b2e5ce678c79e46bd3fcc817121382cc39227fa4b13835c46ad49f7f8f84bae46c728a38d3510631545e57d15107d5c1327201422e2f9e8e6eea445562e18e4d0d89391910765941b52b49d0c9b2834efbe3289870064cd03f03199de9574dc6cbc7dce25e3cf548551562e4e2308bc6fc908a0198ddff39f2ad0299fa7dff06d3e13bf08c2cff193b0a9109120a990ea7263ce5aa1f432bf2c8a99e548640498fd31579c72c0b55b4c5c130dee41eeac1d25c9cb8dc1fedd7d9a4d6bb7aad56c2fc528d4b734501705042c2076350c890e75413dcf0fd0c3bf148b4ed5c1e397f3b9d4201a87687f812b9e2e5ea5d4f5bc5202e6614b290d57b1968c01debe74d2ae76073308fdd18c457020f6de16a9d1d63d63dc3481180590f384747f2a14f72115b2441b4a88ef4a6fc9b7f662808ad2c819bbe71e4c09a9e5f3e7a910e19ebbce7931ad91452b3da469192eced8214437f57172c21508100344b2b55466f809c45d3e344c897068106c2abfcbe4ae8028d12380c50d23a2a73924575819dbb4e4c70e43503ef2cf8db8cdc4c08a0ab57f354a2a2d447f9fcab0afd317572b163f6fe5009b81b8ecc94f57d6bfafc97995df9ffc723f6940ae1cf8268e3c0450509acd57d9261ac0d42ec16b52514a320d3b6ea532717f613d64f9697ecb6c9a4ba9eca371087d87600a85fd02db8ff725b2bf80c58c8db01a771a31f2bd408b329f6f803a763d32b5ea27fa7d4811aa998bec7cd45f13c7246d361c425ff3a80ae022dc8fd87c335a9e6aee5e60d70d1e66051db9939b89530d62bcef91bfe2a396c4fe2eb7743cbe5254ff29bd72e3fd5b87f78e721f6d29b772f2000022acaa8c464872d32fb54a4f79a9ba34c199ec8b461408e2a9c3fe43b6261c0b61f2242db2093560a6e02509f426cf8a4397613a638eae5333e3e9be9d389ee78c29ad559eb0ff03b2162426de364cf095f97b550e456d60a42762224e5f77f95bb7c9a357224f21988c5f15a7c16d48e8427f7200fc5bab2f661dea26763b456e6c9895e6ddd756a17e8d1a046e4268d0101f493257c90e2b91d716ba7ef1f4a76d335fc257132c8f0da5e6008f0deb18e1dd8abedea218f56cbeb3eb1021a06dbc1e168b39d08aad2ad52f9fcaf4ced3797c7da0561c632f0b0ee8895d43fef76e2c2a65c97344142e17585096e371b19d5804bd14afdbc9b4eb196053536a4b796f2f5bce6910bd979973f19a747198c44024b349230cf1afd389828f3dccedaa4c76c927004eb6f62767185a54d886c2becdacdaeb58e9638ae53c82642a32a8dd4da203deec90c5ed940ebfdf49c49da9b2250e71772728a512e6ffa9846094c7088434f3c1c809fef922c1e2ec3f68c48126d1c38c1781cf5ed5f112a4ec89f445cb69edbec17b84f3d99f95b5e26d72975880207847470ac022b2b3e9316c740057aef7330c3aae441af5449caacb2c32b0d9897828fc9e89a1956eac804aa2879110778ad87aecfe5c8b4734030411a97f2c2195bb35f81efd901d607b6d79826fcc5cbc6192b90bdec5c2b4378d9ed3dc9c545329980b5afef47918623363d885d09d680d87ff1fdd0b359d37c460c59d342afbea845bf2ade9638792850be3221ee5f763fa334e61e112bf8cf4788edeb2e3559b6dfe51ea31682cada96a180d92b732d7dccfaa1be4dc9604b49024aa68e2db048af8371711759b9ea459d46f9f3f68c6585d78594b8bff4d75b5c24cbed05aa9c23323a08c85934d773734444abc9c2c1ee6adf0721bd8279012971f519c037d616cb5925e2419f5a18071aca096660818c402c4d0b2f64460ea9cc92b251ca0cc90d90cb0ed22dbd538dbb9a87e0be2e251e7d5f44bc8f41c43529c38ebec213f97ec309c68d82ca3d476d80215b6f13b2b7f3fe10da396aab4dbceb998e7afd2c84b861826905d9e9acd809b1dd85b1b5d2cfe26a47c04fc51bf728abfb8f2364b9ae107b337f7cf38ced7daf4ca36bade20c1d9a3d53bcd9e853ff8e7495f199dcea081981ff0b26cfdfce272ebc2229504da4ea329ec5194955f19682fc905a2bc5c4872d1c26646755b4c3866c65a0fc40099ac07bb875fad4641145143ccee81969e668da0c98ea7d251aee296f8df1fa2b470e9600f195a81b76bf010a3a1ec54d856dd4b73dc75574acbaa64a83bab9d0e42ce37f4931c32b174d388187f9a442715751879d72e8b18d995843e72223bd924398f803c2f3e739668e1d4dd4974bf15eeb2aeb8f797c6aaf2dd4f4d40bf5252e3aed27f89220c0ea19ab3916f58082fedab4986c19b87e6d7ee25085c5c96c7f07a4bf4be6da786d844196508c3c0da1cd8fd29659b5fe43dfbdbfb03b5007df658474f3f809f52d614d8effb8383aa04eae49542e4ed75ce02ee3aff1f703f7a2cf9f08ed23b7eb3f4a1bab341fad851bb33fb1e9b21a2933c7dcb0eb7e121b53fdc6c7c6c96838ee8782f1969a4f10fb2ea5ca923102284bec76b29575fe061055e1afb394cbb65ec83c65c40db7c95e7cea8df61735190cc4b8683739289424c9b45a86940d2471daf36f9c7a19660f292d094c624ab0b2aa35656d3e281ae2095b23467616e38c498fa26a1888196cfea8b22c09cf0fd9b93912a817a72ad08602fa42778b074158624ac263f547d191bc9f7202497a2b9db6da5b3ebfee5b4fa4e6335ef50831f6c7061768cd605990b00ae5c6f30548c5f5c40033d9b987f004cc674fd8adb44e39085878770e359e8fa2ca086232301227f6483b790dec85ec85096e8cf8ee1205ddae95cb9f6fc3385f05201fb18173a6dce1e71c5d59b6903cb38095dc4c0c6c1060f940a81ba7378acb5d5f6247f976dc20cfa46e6bfb0eb8ddc06fba9b7910fa8599d70985e295421fd808a6592b17b738d5b9430b17e4e104890d50936b6e6cd7fafbb2d439cc0b0b1b36ba91ddf062cc5849123a7451f540f995807f0cd0437c5d530db41b7899991f05296b9ecb0dc722f7f487fa1d0077e79eaf9edfa3bddef24e90bebd47877c5679f52c5a2e064c4e808a202ebe17093f8500f84779b201bcf380327d6df9cd21080ffda8f4a9745ffe02853189ca40f8360b15dbe881b266d3a6c757d1be04244d409beaf243b83dc7831ba73c341efbf72fd27da7449c137e06c91061dd33bf15fbb2f102ae001429a84b7a150fec37dd259d70006f04bc7cabb9a0f551e36ffcc5f75bf28e360b84bf02e14ffdaeedbdc5379a977ce6a3ffc7e74fc9a7be2e7310b32678f50e16e7ac8f8ee0659c6bbd83ae90ce148bf5e476369ff306d9ff69da94c181c7fde60dbcedf5058aea1ea83c1e331ef28025a9e785a375584d10db5e6896ab52e215538436eeb2409f527d9877e62e446891550b32b03a5d4eaa0df62416db6896ee010b1bfebfe7e77bd4a6de4adc87302ca4be89b25120aa46da9f8a4dc43485b23c799e1dafe81e7a681639d58b74f89023811df04419162f2a928f457650486a8ca1203b2c67523aef8578f76e687bd6c4c53005e9875d07cb395a65ef5cdf9a4ab77fbe99bf182bf41f937e2436ac4f805fae7e1c11b5f512baf6ca36e1330d7bc53215c093094c34a93f96988a53e269eb723010e5e867efbe94e8c6809f8473d6a9117512c3f7c192a5771e594a6be199f730c2332b8f61e30cab2c942e3910d7fb233f04ddf46a6d3500584f6d9fe06e2c338f86ec4f6f295b99ef9fa8612c34760a8f71825153f630f66892c8daf75398e0185fe79302b845167b9494fca69d102808e086bb51b5d6932d855059d7e8ce4284d53ee9b338c74d3ca449366537e1b831a3ee1494971ea916a91052bb094862d153fe1662b0f2abb961ebccae0d6c65c61faa528cce2a53949b3332f57459cdc3548b93230da7f50f625a56966802c788961c97a44aee51f8af8328862a9108bf9bb067dd109bfd5c59d59a3bde5e740d01c24e60b2da888444c130f2b40c2cde75662bc0f2ee9acb43604a629f9cdeacb9a43a81b7a73917d80ad0eb5cfcb7467bdfa9eb

Cards

Cards with bottom border
View code
1e17539dc78012fb1d6ab9010d26f3db15461f6b8d57ce363c845aa6069085a7fd64b59e28ed86248dec9771423c9694b700eca842172daf14dfbd17691abab9a574f2c6a7f4724dbba262639a2bf973ab13130ee03e2675e2da57e84237ec58346937cfb95b98d18707be56183779b291bbc9573f94e3ba8a0dd6595b25d146909547b62e17225fb1e4a9dbb0b6b6b540cfbd5238fabc49e55eef0febc6fefd4065fba7f4064028df6b8a5d94bfd7208c93bdf6ed09c528f0bfda4778b997867bb3e973e598280f0762ebbc544af949a78e8b746bbdb65a8bfad01cdbe527788af76bb1f67e7a36dce4868e56d3be3d107c5db56473972778c5564ae839e073e14cd0114dc2d98a1c8195a4bb1c5fd2b50c3bc86bb967a57cf6dcba4af5fb4948c52599ef0d9d172cd16787769645b03d7f4d17bd015c14f6b476c890478ba4c701ade36c60b17b8009d84be994ec17296cb810549f60aa52249af1a3f3c764ed1fe4e71456bec418720dbc735fb18b05ee8f9b855a16c7b582826bf94bec97b22245b18132122258e4e309c6697aae21f7afe4900c839d2d4faba6bbd1f593758fcd7ffaa7e1712039db9779dabfe553264431f8c423096be9cfb5fbff98c37e325abcde0a680b2d79662dc8a9430075557c8620d46cd6e5611349c6defb34ae7a12788d9e9652f74439f263e083187e3e76b591733b975d032f0c54cbc915cae780066296f20cde9d22a0feb74f19b995a64c426e4f64beeefbb38dec8fa3ac6b5a0011f59747268b38b0004ca66c5f06716b3e0b8774afe3260f834a1d1605ab17015b7744f832cf7a00c01cb22c3af3a03ab73baefeb460bd620d1bb4e3a734302a08ba327423e69eb46ddd76e0aa5790ea6decdb972db9e0c9e3bc0a2013b7f88a5148f90a310081d6c536d624fa6506b24b857aa2e6b59f5780d3cc0358d86315207f6e76c82ab662723d94534d2980304230be66d136454ec66025e92a51b0ea9fa280fc9889dcdf56310b1015132e50bf2c6d53b264aef2e81759163d5f67898b7976a29119446b8812a4d5d78cbc8f37d0ed86add64740b2d89098c48768325e317c3070a7d4d4d92e4ef410ac5e6dbffdd22616443dc6bbdcab8cffb77dbde850ad337b482a3ea6b2c4d6f2016dd02db2c52c0a3a86809a3fb58f79015cfaf3ebca893304e7a0fe32075d93c2cd86ee7ad05bcf7ea081ece3fe1b56ee072ba31504343ff77e7b93bded06e3066574892b56bce2f527e38eb39f934b5b8134b6cddf87d27240d8578527e8a684bffcaf21c6f6a226cc3d7a0f7d5dda2ce90258883d3b09d8afb91d630c0407004ca6a30517b5664159c4da97fcd298c4a4f4e8ea47bee6540597688dadd13950deac9748d7a41e3eab20b54e706381484e67682ea041418b35a7e494ac244932652cfe8df4f67e29378e19db8c7430724fec7e6973c1a8c5b81d0cf5d5266d970812ef2630b8dfe277464f7439e41e77dc8a4076c8cfe4ab34d5322ecce4b5cbaa3f93e7549fbfac12edea3b4f45cbc68ee082909a4f1102021bff02d927c2d3a15c908e7c6713adc2962995c0607e92a8103aee4d8722e2db40a335c640e3288c8f23dea3c85f60716572ec1de26c0a35b4f14599c0a291fdbe87991a84233adb7f3693a4f3d8d4951fa01f6e4940665dbfccce622aff28f203a8e699a17d7afebb14187b525ce9bfe52fe601add39b1daa2fb6a92d41de02412c20733068e05b6b97833eb93aa7b519ba5e23010662e2beda19a1fe3b42f8b0c8f5c9d0fc1d7864e3fa4332cd93dc1307da592ebef48495ea0601744bbb776a7b0cfd742190a9e5ad6ba85dc04cd005d3a8344aad7413188216089849e90684c404b75c94f7d17ddb3c1d29c7cb64688e62348b1d42838a635be5646443e9db78af53297f8a90afd44d7384ddaf7ff07d7c2e10075c6970123d1abfffb9bba085700c12fc19d79ca6222c68fe42de70183965817a941048dfd91c06ea29345989503f7ec9230e30fd1a5698f04c5be53fbe8f04c5a1b6cfc6fef04c5d3a497a3994f4b4102bebc12fc58a5b7752348d7049a99735d801141444c879ecd61fd924152e20a9629b28df6e4091ed51af1c0f88553189431721eefff12d156cbdc822fbcab3a8aed6ed1c4f693a4ab002201868c560e2c54e0750a4f77be993b3e9f2846b6f2ed365b3dfcebc600d142edb6fe044e93bfc534e9d2563232a56ede49ed53fec3dd5c2d7c8660a04d0ad621381c2cad461e8d3e70c35fce8b12caf746c9dbc6ed63887712aaad2682625726ec2b1c6d64d1fa8a28cc9029c5b45a728ca03ac10285c6ae5334eb99c1cd3449202e1a19d3cacff619a4c27cc8a9f791cac4cad173f8949945ce13165b6a2135ed3b05be88d720c16c46b785af549442dfba3287a3ffee1ea17e860ad7bda77cab5adf7d9bdf3f923267cc35f2cd965f732dffc11f2955b55ceccbf8a6ac528f81bc88afaeded3ef73cb5be1f622908abee268f997253ba95037142df724507c4ce800fb87fa5c9b1632f51ffa2bcec66a810c4b794fdd8f8a5f31fb7d651ae05746ac158289a9afa1e6b2ce5ada9cba5f090d9f84283d17e26d6cea9dd31d73ef9f484ddad2430df34196f2b93dc4357b08e9923766ae262698410689a715534a1de033fe836853cf32a9188f1ef04f9a9aa1b6fbd63dec1a90362926c36d4f38511673847e820caaee68f8023d8b845662d488b688bbc592c04e5ddcec7e40995d0d65bd0fac8f1d6e4f1cd79eb1e7bebf5440a67d80b987281e67e189ef436dd664f116529c0f6f0c05deed4e8eefacbbe7ea254da1ab035c7d64fd84de2535019c436bee3c87fe1a750d92e31bf4731cc4920c3c4f1a52da187b434c5ff4301f389721c3d4131f04513456d1ecbb966f9f262b096c156401034916d941f8859b1f55aa679b63c212f46c06de2aac6eeab5abfc4ec6246272bfac482778df992e5b050840517ce260a9e829022557bdd176d7fe3995d2b05a7b9eb5271f95fe4207d700c077b418d37cc8237d56a49043d8ba88cbd1361452150f3f89c4fe6166e7af0054d4d61161b3bf1c8ea10ccc07d194f4098687ad12fb3377334ec79907bc8789a6759896aa22b14339c10d90c54bd9631eaa2312afaf23184cc188f03f3d4b2a94dada4af164cbbf105a671e4ed13aca2917a6e68d416f7884056600006513e2511dd25eab48a0bfce08efa8e17cd5ec5dbf14a278320e11aecd29e37c66eea5e694ccda337216dac6832a43a4a3e9e43339b03c06f3626b6aaa6b13a135ec03d37b38dba37ac3f4dd19822392aa6b2a9574227638f964f7349e5f144808b0e494513d58858e3f1c75a86e4383eb1e939d28ec6e9c8d5f93202f91da21292163784d240e3c3f4ad38cda308558f97222e68d5ea304e8e60c77da3d031f30b748cfe1d1da9a954df597ad593a33d776b67944bb75f2f9a13a4da3b397a6f7259b98bfdeea7cc576c1350ecb371e9b32166f71427f6d1fb3d3f4b442ea9defdb64c113c7cc248fd375bd8ab702183b0c3428925bd07c1559c0e299be1aa256d6bb086e93d1e8bfa69e23ea686a8a11d1573fecce6fee7526c4fea929f66370bb29b58613038d9a2b181fccc41234f8d432d5da7db62742d6049e0a05512dfe4e19b2cb2e8b555260e8eb3e6ace32c24cdb3e2164ff3aaed25dd937a015bbdb03b8c9df13f44d27eb7570b7945c4ba3c7d34b984f8ffb874db9996325bbc138dc4ddffae369bf9cf76d38ac1677d7827e7b8a802adab60fd0e736585c4f1cc7f2821b03f70375c9901a4befec3a9c536de5d426d3cb6bd5c97396fa94879094545
Cards with icons
View code
7bc0706561e9caff96f95d9561a4791a9336cc64d2c6c0e8bbc1d34fadb1f604a6061165e80d48a5a187bb8f13a67a4d0ae645193cc5f806bca655a08b5735f7932b3d545022a15ecb3ad56bec06aa2ee5dfdeb3d7392a8ef1c675a4b83ff7a86dd15b26ca9f8aa63aea3ebb69f9305ca0fd374f40d2eb5cad63e6ffc0ef7a6f334d990bf33dca09a251f0fbadface183682e4cf7bbbb92883d068caadc97f4b04c6b6ff2e2f294414859c4f2b8dc8f5ed2c26a5ea42df8da187bceacc83d56c4d62ffe9342f5253eae5ec95496065231d8aa3a23651640e4c4afefc8d12ff8eba0a1bc4a790d1c484c130ccbe0c8707e6546d3d5129fdeedd9bfeb8787dc754441ae6f91fdb8c2b37bc658d5d67329cb38e52a861d04885b78a2f44b7e9ee07fe4ed7f4cb94ed96924526b19c4d62b1ca63d6ad439354d838f2db2f04f362532d2d61179227e7edef1a7b395d52841697b186471ed117680338b48b1df69c5817b896c8913f0fd6f300147d46e3c1e1ae70614e34c082b2c28213fd81d380781b5a06026b2ee5f00db758c36107204e5cd67e913768b4666e4561b016b955eea65f7ebcf86f76fc4f3ff1ffb4a52d7ae3bd79fd44585dd7131dea856aa30a6cbf9dfdf4729df18658632cf1b3f67cae3e9c43d209fa45bde153eff9f9d1b4d3364d7412092fb595b4737cf8c1f2614786a42a1dacff8140d97dd647814f0be1d58cadd8b2423e4c0ea9d6cc0bbbcea3dd68371282c1f9906ad8403ea8a034b4eaca37d87157cb7405cf4611f5293ff96c137863302af8a79d0ca0cafe020a6c44b40b443746f29fa2ae08b5126633d8da2ed65410ae8c641b753430af2e8fe02ff95b2b60854344208ee89e8dbde02edf78af83699ed794cb9952642ba0b2a0c78cf6a50cf1b5745d18138a0716eac6f3b23330d03db96b3d463de256fb988644ed6b37057cdde25103f06886c08f9558c7bde7555971b1e16684804a8b837e5c3d6436e62f1f1e6b06fe7192b752e728d9fd15db71f4d5e88d63d5f26553e3bb76ba13841aa6bc6514acac472db1d3d691a417fd926959713174369cddaf1fa4dcde55ef6b80433b2370b1d3f2608b3ab8075f34272cc3687b6899089b9c2878c2fd9b530f5f562c74e249f0d2d1235c5ca5a309dbdb45ad68e747ec1b02670bf35c6583240018c319972b78aa88c41a9848219f7b8956fdeea8cedfa842a0f37c91b7b4e44df7d890198eab0277be7b69dd1a84aeb2e8e26ee7abc039f92cc607f1a3b1d06e794d9cdbd6c9db4e44dd5dd2d3273ccbec55b3f7c700e8932dddee257ad971790fe13aa09de346ceccfe0e00718868f737f8832fd2bf93850ef7a870c20bf0c5aa484059d6c22cb73b4d5e6a9f847bf87bc90297c8a832cb822e88a2223a0f815af619663ae64002f8288015a6e600a917384dd185b7192759d9dbe11a733e118f73628e934696b893c2f64e92c116ed9512a4356dc43b24103c66329be1e5643e1def12486f782764ab4ff4445e82e752204ea119faa99be9865c00a859f592eac1290b3a2a7118a7dce8715921769a85c8995eb6950823a5677305ff9fd1d1ea92f8fc031157a9f4be9d93f558e03b603688be9bf78f392ff516130f90926cbe4f09b8496c4389f8a749361bb21e262035be15c06485cf0eeb794151ec43a7ae0db6c549f29482a850024997b4994e518519111e6274ad8a0e7f11f0c1b6dc56cc178e7182485f3a153f6b229c2198ae1105305ccc5ec553ee90a2707a97d38845b6301a2a44cc9c6b1b7ebde2848315cd116347b98d5c69be0cb19e3aad9f869c400a7fba91f8da56b169317bb55847d62806755ef195e962f2ded2ca527b8e2c687439d8cd979732e9370211fae8fe23d853967e8a28d436a88c8067e581387a79f347970832d11d97269b45b084e8b73c4eef6e245117794c008b9bb0066ef5c2f5a8ee49cb9fb125bf2de2e1708d10c7b028404be13542c54f7e7bf49b6d63a72f0d088d8105bd186c688cb04670515fb47066c000d77b79ed509d709f1da519920571c9475a2f57d1c7205e7d955479cfda449bc43542e15f91932fcdcadf31c3aef484dfc5a06be53e14f1aa060e3865ffc86a09b5d360e422f2e0b13ca13f5070de985e5b49812477265488a8231576ee2a53c675163acb33c98659fdf5b0b75147e51b72baa5a247f9d58d7a8e6048df2a162d69f3032788430fa8d3febe3cab7fc8df99f8c3430618e0dccf675ae09f6577bea843cb8fe0bf4d1ec16382f17fca733b1553885455e1e60e6100a12c76e2d855447ad22543d60919a9b2acc62c22ad55e941712a3bf2c328582bada816d14c087b4fcba72a9e4f0e8e14f4ebd5125451c9ed51b91a77e1cbaf9d641263fae7c84a71a8f91c0f75754b61b3dd5aac684893c0ce4f8e7259a3e09cf77cf2cd5248e77fefaddb413748d73a821a2f0c705e7e8b02cb14d25d090a9d641116fa569b606cdf5782a4dffb281fee580bdc80e950bc3a3234ca310ab7b088e0a6b7e8d1cfc6ee2868233d5029819adeda25aff7192193548eef606c4e4418b844236c09d45dde3480c3706c4650408ce5c5a2577158bdea09bd1e629e39692f409ab84e59c618384ab1d93616c4464de8d77a3052b00aea34ce2e0af4acd3500e5348b9f6c3d5d1dec76fc785ca545b0ad0ae59f7986372a4e49655c49576e5a0b8f591a264e6254b23acfee451166ecb1f44c1ff6d67f2230ad385f16f85a3213e5e66c68b74a0136fec65867bd1e218f731cffbc9947bfd5351d6339a59b62c9b6cde26e718c19911e1d4e97eeb8345b6a6a46cb084f25fd13d0f37cf36ba783d138c5e3db29f24b267f00a4750c2c3b822b6550eb668e0e93f5e78e8a697afc0c5dcd731d2e7c36237d7b39c65a903d39d4a0b9e2574f10e65e52267ebb18636bf7ecf5c5f5edf3aea8c337335d739428f706bf9ea1cf65ec2e8632cfa6850e644888558869f2fb6bc6263fcc804e19653aa67b21daa21414c69622c47bc205f176cc9ee596b462c78a08b1bc1e644286124ffc219175445ced8e7acb09c91e3a2c03d063fce8335a7e4291f6dd726d901519c6f4c7090db482137d015552e77862bb713747a874ac6c58d5b42ba2a4866454728bbe2fd5a62d74c5a0549a08505a45cbe177a77749e43e8180cf12d1082230089844a0da6dd9d1648b114778a5202e4e4babd39c9780356db10d50e1be262f6affcbf618f63e0304d7265d1399596af3ac23d9a89955e229b6a3ead9a2417ea4356910895fce38e795042580fea1bbcd001dac193c65181d0b289598566db29bf916f6d8f0b1f884a3be1eac29f187e183dbd1dc80fb8593082ef825a12bbdadb35e5ed83caf6bb0ed12897b5e4b2b2acd2a400814c80dfb2c61bce42864a5296e38e95b0b3834284bbd7f0a752afe8b100c7a628fbe24f5b7236dcd3a955d821d517a2f89952fed230d0ef5fd1be35693fc3550c682fac72164fb886293bb0f8c1af4ae163bd81bb2c2eb02e08b1622827714a4755f11d9c5470638832d4638ba23d6bd88ecc1c619db5b71e912cf78ecb89770e0c801da485e4b3e533920a9cdbbe89809b55fb9c599265be72d1b16a75101810b75c8a21106a3bc6202ddab746b30ba62e6857c8fc9886f61d4f2d1473a1d986d63007dfcfffec2765109b7e20fc03b5a61e21ef252bcac863abccf9a2594546075028cc9f0984b4d30c18338800a34eaf4a56dd70831120aa892af20c066cc2b334ee5d5e3d0ae372624e2885c535f00174fd36868e5a518adabb1a42c8c5917f0a26d2fc041ae47aad1bf791e6aa5197211300864338a09825a71d7e73ace96df66871c715437abd3d0a1f765417f1d9ba52b987415dad70f34ddddcccde3987258037050958930c04f8b8f1e8719837e25542ca5bf694a247ae35e34240bed67601bda8001d1f96231aaae60fa121e2adb849296f736d1fe014af622e58205fd6e9ce071252fd48734411f0431f4268282cfa3b365984163131d24c66e0f00e0504a10c059a86ff94e72c982355b125ac03dd5dad28708c9e598d5249ae5362294c61aed2be22268cb28ef3a5fa1c6de47cc3b9b896c9c654fe4da417aa5497a01500284bb69747bfe0abbfec5fd08700cb7dbe53537b0cf9aa739e9d94be3c371c71f2a7bab73fa37626e6bbde7c10849edff44225674fdf7fc276a7bb80a5069cdee63afcd4464e72d5fd13e51a3cd2f077439a2c389a3b43815984ba7b586455036c09d45d3059b01399029f2cb6fa41bc6b32be889303db39450a41d68f5d755492571816f8f8bccefbd72e6758e5227c8681a36de3779da103a5db6b0f782e5b9d12fcd224820999c0de573697604b16847f070eabb2f83f05fc69ee05c3f26e6ee5324390373aa1f352ef260a3ee65992dbebd17d6740eaf399f425503ee626d681d9af8f667b68a06e96b8c2a16f7c715414466d94f621d067dcca6790d31d7de7d41b8ab5ae17804f21f29aaaf18999409a2744207ba0b154705abffdbf952fe05d8d715e782b0fd8567e35888342ac3fd2ea24e6a204cd9dc95c41c98ee7ef29b5da60becb54dbd635695db8eb5c82695627987d773631291da3bce0c5b0b4168e155966dd558afafdb1aa2b2a1428668da699fc084207ed7a4b5c7eaffaaeae11a5df8dff692985da3c275ebf004ab17033b5870588fe81564b40e1eb21cc14e0509239ab08204a330bb0d1d68b0f8818b187f118b67c7903aec1d5b756fdcc7861285a1896e9c7719065f2b162bbe593bc1c859ad978b50923aa24657d05a7af1dbb9303cb5f90e1d6accf4915de81d41e5cc491db3052797508bd9a960fce7d0f38f2862712a750f384250ccd7c1b506df6709ab37f35c647bb2253e15a0102b0f604833b89699bc25354ac1da2a42b9d2feec785f7bff0dcfcb3dfcf3c8398ba92d35372dc103c4de3df944220a3b8172f60b50a8d11dcf733f14e99a6681a32d13e5fd050b43b8a02b1c60f0e34e62c85f6eb8e037bb41f11f8e10ad54572b6f6e23c60625524de65eb1868744ae88afaa5fabb66f76ad47bacfa85ddb9b5a2bdca693a45009caacd1b4e2372fc26947fea83b5fe2e9f2bf8f3bb38ae0c030a2a664c822258c6e9effeaf10f843e983b7dd1c25d5eaff7888a27e94d8d0038896eaf687a6d280335ae11b9fd357c46f77de08a144a1f5c24b1e1ef0d28984e72384f2487c59c0f9e18b4996f8ad1fc405e047a8fe21af06b1549ec09e40c98a6355e1cb54f47e3f4bdf9abd9ab3557361c76fc0c8b0362d78c7f2b9c64097cbb6a43bf2d4f3797edb48c6b5e6db96e30a87b365eb818c39e671bbf6d73bddad3231d26878a37d0ea8acd2710e400fc7f4b15795dfcaa00f1609a55514bbf00d78c98c925a342aae95ee2dfd1719b65dd67e1d9c64e053dae573e18efdf8cc36903b84b515deaf8dbf21d3099540a7dfc08322d60b81426fdcca1250d0f01d736945559ebee1778cb4c67234b08da3b32c68e19f8e158b9f0eb7756cf103f407270657b47b257396d122ddd0c0f8594b77f828

Lists and list groups

List items with links
View code
375fa5f73af1ababfd9121bb303c584e55f092c3723806f6c35ebcd2ceb8708a8d3c714cd94152cf4597db4a61b80a0eca2effd3a56e5dfec999052e936e85c0a5f21dc643781cbbd64ef84fb6b28f2e54adfacd159e632c15d189549ae21d07013d039ec56c668b86ef54cf22a39f61656fca810df4a670d4839662e4c606baaa7ff7f37b47ed8599bd7479869f58a7f74d0700fe5c36824fdce3d5c2a2d20af50c416c85f98bbd41ddd4b3f3195d06076d87ae95234863300510ee631bec5a08fb1af41fbd07b1918a5f917180483ef0afdcf1687e66d36e605a65560b358fef64f8d558ed1c999f1412ecbafc61eaf5db8fe1fd31d2ae2b36eef701296ca0deaedda4929825a82074ef28d2450ffbf1669fe0e3848832aa6c9d5e67342fa03ace19cb09645e183f22dd247a5907b09af1e9ae31524974d5dd6a2ed056a30b1ec01116d70c938341ada44c3917030352c0231a97be1ba86b28175640d7d5a86b01462e0c67c8c8173b6c0f70921c778babae40d3fcd43c8fc76ed34c928fd5a2f0c1504d617d0d1bed06994ec901167616f57869306f03759717ec38b236ab398109193cafc2b39ae1e4fed2f78778df86d4bef402df5783d8a4a6815732f8fceb48a16c28c1f04c24a52e6409e79935cb1e4f0608334954beb679cb3f83a1ef9b14ba18bbee30b7216fa58d22283c19c9470bfe052c07541e23b07cbea2f4b91b854e752c4aee545387cfaafce2c0c4c595bc88ede868593864aeae69325024bc49d4c67c7241d88a90d6d0582b68438e8159b7d0336a681c4cea92037e288096016627ed39579ba99f9248ce6bcac20945e9690871dd94321b755ede55671c4b4c90177c7ea0a6af1c470f608cb718a26960433f1714e4cfe556141aba216974785619db25ed307b8f2b993151dd0514977c72c8d481d2cfa489e9f420804e3bad31969fc9ae3bf5f3499b27ad7d564b3a336b6f5a12c3d483be31b0dacb72aac8087e36de4d2eceef9c2f1b048279ee54fe25ea6209c66e35077c78409f7a59987ddd03bcc4965479c299a76419a7bd8ac69959a52a4d92f672bb2c91246ccc5b7aed1fb500f592b8525cf04649262db73014f98522b6e51aca9459145c3f99a838c0c233ef0768d2482da6bd71b1dd6ac25791e3c9f78dede7e5997ac61560c6f31ff024060a77fc7a82f5e22206d42b7d5136098af6e50e4be88f7dcf22ec338f162b214020214db148a312f599d94785df71004b44aed61a4196b0f3e166cf874b0d212bde33a3055402be252b316b2382e11d88ee75e71cb8c9d2498e900612ae84816aad18273b713245a46914a325c5f059bbffba6c467a86a2b8ba453506cf044a53d7bbad3fe16b1b9833a80417b4b8dac237807ffe70135d48ab68a170bab0816f00b13ca528b62d04eeb9dc15f384e36fe640938dd3c22e6ae118d144c203b87e38ac736eb4900aba83c46ca595a35b5abd9e0e2ac20442ccf109a2700107d037ae66d1fd3cc005fe1ea52a26562222eba9f60ba37e5dc0553037410274f5b9e16ae89bbeed508dfa93d8c996f349a2904daebece4d544ef29dc8966d4d3c99999f7909b8ba6486bccd960f5f40329592f171315774b6b2ec5172a1d262f6439b9d5bf369c61db2817b7a2566a8b22044a7de58f2fb17e25ca963473c0c73576d67c025e721c19e73f683b67bcc9c3f536791630131567142593638260d35a16ccf6e01a4c17e9b35ba4d06a9a40166fcf91c0f1a071dbae608ee503faf425ebfc29e3ba31ad2162fb991482b455d576ccc9b2215396e7f07996e0d180a2409498998198bee47dbcc346c7ec155166416ba8fd259204cbdaa69dfb3f6f3ccbb46606b59809916c18599b8ba190c9321993352b322de883981f912f2ef3b182a3562339a993a349b67dcd548a0b363ff342b7bee84847dee7cc9b979f25d31974989fbfff663cdeafdae65a3a18263df22b99cac16df712f0c7c62fa3847d672befb51324866a7313459904b1057a8f588aa90a249b79417d3ea12acabebcfacfc5bd0ea6a0e2e52845703a8b97682c993fc6855f5a93db14856d69db368c16cf88b1705b796d7b84fd41a123668eef695340f87dfbc06f9486769d6bcaa86128eb5e461c1e743e1171de82a3d7258f5af939a50f563f43cf890c62e98139e6a0fcbbf0c8b613cbbd65342ae47ed93c182aa1bc968e991ee60d5f46bfc0cb416f9ebc559f67ffed88fcf394d51703f033b62dba15e9a8258d526ad82b2e29a6c7e9acc9c901d951032385b60a7c653d454018f9be0ba498086757b240ef481ae0308665817fbfa7f2e10eae032ba41bc77c9f35f4e1c4e7be8c8733b4b3403ca705f7e0ff38ae4ab230ed53b11dea0d44f203769fdc176fc87b1f8c9179bea509cfeb07d7cf3b4764fd098101a75499e91ed24b3c6ecb18c6ac97bb173a7e994a7107197604cc4a87fc17e20cd9bbfa903568b2ce7c8c3dfdc33d4bfa6d18fbe47027ac3bdc5f1a76b8dbc895968ecf292bbda2f69d591d37ee29e213c4a975c73de037a513d626436dc3f736717ad51c9bca7de89decced08c86560999f53479214363169f2c7afece17d819ded5350fbf166a15595ccb11ffb838c7f2359fc7eba2a0ccedbe2c3aa2e26d8ee7dbc5c5e963914d6330cd964ff3affb4193b1dee0c801e264364f9cd3e50c0655fe46546f6bd1f802339728a3ecfea4a4890b64814bacb152c5883ca78a18811c12d83c96939d8eaed002fc5401781f544e217d734a691acad9a24354f66bee354b72ccb7e9a5a45e650004b2801474aa7598d5c2a88e8fc0036a75100ca68ecc255a62660b40290d100800291ac885adf6569f8b3dee8543b202137e153ddfd8e045bc87b67d59b4d8065ef0dd1042246b8f7d06382a827f1741507f5834e7c8942210f7ab76c1aa7b771d135eeb97da9f28bb8e9e736efebfea28a683f4cd2e78d1a70b2c14ff229b206251327549da38d8bdfe70f90f4c0ed8e17bb752eb325f32c52a14bf0ea8620381c57a16b9f8e1b564c0571cf82698e751e8fe1db65a65179baa6df3ef27d6ba5dd06cb60edc7f78235de67c7809207a612c6084873c489f6a8aedf30c0a9cb4f5aa0d862998b4eefe991ef77a0a36da25ed49d2195ff09d4fade9cd0c605b3ffcb026f99e5f5c3c86b544414c95a8bae24b6a45d65f34481c1f045bb5457b1fb60cc7dd315b905f40b6c6244e28f60e12b55d381bac4d7880631dcf0b79664cbab55d17465b978cf56332966442918d2e597ddf9131a4fe15002a5fea3f6925617b9610827804ab108446204abae69466185a51a475f029edc52a0dec0202abc4a69d8931789aaf7583522706df40f98dbe986eec6791c05046aa7f0e33f948514f9b3eba3c15fcf4214ed817df9eb5e3e0dbda089b1d7ff4fd926bcc6ad6eb36a9610bf40932858118477bb0ab5e74f4fcbf188b5f8374722c08d0ffd669c557e9443af6f96ed0a43bdcb768d2adbb31ad66a3f4117f212f4e8b8e0cca9a6066ddd40d6cb5ff2ccba972a968387670e9051d4fa683e9e6a6834ae833e046c56c494a66728f1e60f8f0a4375b06d9df29831a4d25bf10aed2a5bc12dbdc4283200641ab1371af3bf655a06e42b461e7139b05a7c82296ea2936a87e735c85e8b8bb120f85be43616ffde95f6eafe64522abea7a27745a66d4ee5e6d78cf27874976092f8f4084027a6cb75138d247ef7d573881334d14c35901ff81f5e15ac08c42978f4a0e793bd731abc3c8cf25e452cc56e36dc982e0f924fdab56c383efc867f4924de72ea45c72294a4f1e50602bd4b8608a976e21e862b1937cce6eac615d2df8b0bda2c88871092b4c800bf39ee
List group with icons
View code
89c6383c473b89908b0738f551dac66bb50a592de1b4937a853b529faeb6642c5dec99047214a1559fb695674c696e17f399a43bb1dcb1abd79d0457117dc473e758abad244420d494fff812bdab1348bf8a97fd965c937c835db39af5ca03dd669215feebb1c764db6bd8fa1e3ac42917110d8a8b2702a2cd939d14b6bd4711d475b838622eb467892df387862ca64837c50a8ceab0b6d2382f15d62327790f923107dfbd027864f0d1e85095a3abb55fc1122dd791467b20ecfd34f879dbc9bd13eb962fc628b24c9db0bd94300b46232c5e6aaf0b90fdcad02fe345a0b29758ca8ef768b2505fe00ee4d6007ab6bda4773b35e7f357669857411a89602ba11fbd7507fece910f63656a601487609e0b64edf5afce95d555bc448041e9af76a66945b2fb5b99870054bc206921e15156132604db35398f684dc2f611ad6acaf9b048907a81377c23feb29d095ba12a95873a77e87083a0265fd49bb304b32fdb4b43eacbe4b673ca2d42c019497c7b6ae002ca7ae179f689653fd497adcc6b3fc1b7fc47ff89fb643aa7bd9bf518795006ee96f8900e9bbab2536cb725e88f9d227e45fb274e0ac03dd065fe722d2999ff262b37732d40a2bf88611b70565019a54f94ff2c8960ed787076e6175e539a8528c5c68ed40bdda02e39f1c12520542788ccb678d9dcdf0cd56562d47613f3cc8ee2eaa99e3c6d70c563a152de2ed0338f9a8eeef9419befef8d51b1c4384956805b52451a54242a5d5b1259196733d2e4e2dced58c30ea4a2b6295982974ab1c708eeebbe50198f2de179212e4b7b8b626e1c8274ef3c00a2ecb45af847d017eb943f4f36aeb2bb5ed832c7b59db88f9becb3402b13db7366d18e11382a889d2762fac7a77661db5d82a38b68f689588e19456ca52bcb01357b121f94b8ce59e04fa1854c15eba35a04169ac52b55397915cf8fce0168e9e1799a98a28fd4adbf6796ab6c918a73f25f4bc81f4d954f275e48b6115123ddbb4bbaa3bb10f9cf95f9b47a364b3d60c7b471512c2f1e85a9087694892c06fea43dde6e73f06a30540a7a57b09a72fbd75f94ff371f6f98c50d7e1fecfa295abeaa93fbf8fcc2dd2eaf62d4f2a88a85029b488acde0f7a562417265010062b646681a9d239b7e5987255e4a88b4a6a0b86becf5e862e02fe807ad28779e1e7fc265eae798b0d72b0a10928f77a287577dfc085cd281f036a9d77becd561e3f6c0b9c2e9bf20b22b1cbe0a02a5513dc8a5d7dfb84595c2fa47b20390cab5f44ad409977eacea97c86b0536a26f6e37fdd8de858f7e32f71ea51f6424ac8c70f9988825a648a35f709acf6a279a3967440639c16b99426e18caa7db04bfc1fbe7126533ded012de189f3a6ab11e304176fd9f4ab87489868a548baf51edb046bf7fe99e1a77b1539052690ce2ec6fe1894f0256651aea5b9afc1dc273983bf2a2602aa099d8dd4c34b86e326dbca72c5d10ab460d9b8d85569f6fbe54c133c2240e79a30ee759ccca258dcc779c3a1d7d18ea08b64996535952d653ca8b3fa4dc132c081155254d5bd6a07b14f2893537972570d72621f392ecf8ab416dcecdeb79cf78e5e284aa763b265f1081eee71c1ed9c0c3ba3b8492f3a6a572e6f913f5079ca0e2ace4487c63295b554ba45f86d28d49526e11eb37bf8de6be912a5ca8959dcafa1612b4240762e03127be8d88ba21916dee40565555ce97b07e6f5a28816e073ff77ece362ae2716cebf0477ae31867c3656daad573fd2c293ec4bbf7cba9244ef8611cbf475a375ed17998657eb1b7befb523fd66dabc14f2906172549aaa9d94fb74daa4f959df65d44b3814dc8bcc23e1983096a1fffca7d9fd75baf2b6faf2ce373a35e9aff65a5aca13ccd90d1b4e9a097216724f40a4b0c58abcd0711cf885c88bec2de7183420a9e2710a48c44b21cc40e8574059ed00f4f30861a179b06a4b6b643e2447f07dc66d9726d33882818ab4f21a239887103bc90921b45e808dd6cab1892c1af6a75866632ce420b25978bc7209b69b4a37d234e9fab662ed71327acdead4eec66191b314848b9270d87c66a01171a94f5d5df2038c8c5eaf1c90aea900ec54952d47862dd12502fbd3aeacfcc6373c16eab4db04e9b36890d9996dfd03535e4b2b80766496cf5d9304e4d255e8f8caea2603ccdbd98c3ced59c3ad0b0bfed60d8cfb541ccebf92a699905414f0aa25e6d35dcfa726d8d29ca938c73ea2e7c3c31e3fecc9b5c33f246d5872c9687ba647d7546709871b7b0858beba3118919a63836c9286adf978d2d2fc5167806e2a604c2b98deeee7c91117bc351de8d091fda5b45601a97b5fb7a1bc17df715fbe2f38cd83404fc6238430ac7f7fb94d4500c6c6409cef3277dbb5efad54d57ffdee2171e582b554a0f8efc7f9b330c54a6ddd4c6bd96551e978c30136a7b33d918b67035c9a834be9ff4cf42adfdf4e6f3a2f7051de514f60e1c7c09dc4894e6dd8bc2a6478feeacb9dae81ba78b3fcf427c872f985dba2dc87846d5762ac4ad606a4835d20d544aa6179265d4573f05efa9b49bda282665e41c28fc6209f074178d6ee17bacdc2fdb6e06a61cb95141be1c425aeb4e1ae77e5305c6fad01e3e59f9acbd1b128748ced995deb3f61f00c5ce840f7c40084564cf7b7970054f138f8bce992b252e596c157e55121b613983313c9434bfdf287527ad9dfc205d586c0b21316d40724339343bf1f08366025338c2b1cf37b37f5758a0103b0b015e3ad22ac598d7fc12321c7e0ed8b0334a055860eec70c91c397c873de87832e6b68c2feebb4c4f3d2fdb775564fed7f27a8a9975be4dc6832c85a888a7f20110061addb1d433754af578128cdbfaf940064475138e7c9722ba51b1ad28897f4330c95caea1a84e555c7b6b869c2d6b74b80190135936f3989306d6f0f0dfdf804dffacc1d0443cbdfc33edd82f956e407defc2a871c8bb90648d0ac318758f2fe47ccd20226dd5bc2b323743e481dd18400ad71ca4c47381e5106744865c496a22412f12a3a639b187c565dcd86b4ec9eeaa8fa6a02b14bca5790f57d421496e5ddb16f3f13da4444dbe7417928367b0b857b3e286d3f073b42a1373580f3b3a29e80177c6d9f30efe38ba826ab148a156b243b78607e1df246dc687973d96268ed346a05b5336583abb6359dcd4777bda2d9bbd0fee077752b801bd71fa5b346174bc7b834ca37570f05ea72505feec2372e004f5ff78a5997afd539fa4b40f0c94b71e93180834adc4f6758d8013e51ec99ade7d5414597a9959d90c3b5456802801051b63745de8184b1293d674ecf3469d32c12f4cd744b601acc44b83ac3b1762661449392d14ed84fb9a6dfe4cfb61d0c9306df5f6646c42e294d08c867d681830f45b1824c35b88e1977b590738fbe849125633238e9071abcb9e94f75b1b713a7bf3adddd04cd1abe982c1e72e2f0d099c9a367a1b4f309bee957e64b51c1b86229458bb1cb5b5983abf0e210652bab73a3e900d1f0e02ed5dd6370e6d73b72faa29977e92ae56c70cfa0f03ada3cf894ee2679e9788d62ea0b9c9381cb465235eca1eb58ede2b5a5c881f59e57c2ec9310d4fc441bdf58d82fefb364cbeb6e3b4a361d2a9f1bb66af6b783010f3cfcf857cbd4ab58efc6ec28cf6a09806b6eec481a3341af5c8b3244d09c3e212560af6c168187afa838fada9bd2a167589a14d4ff42eec67ec34447e16d16cc3f8bd9f8af40670f1678bb526039b66a36d37b22adc8ab1415c29e8f424b1739afc82b38687ec7d71c631b201e8cb5f47777f77e735c3818d4ec889efc9bb3825a505f7492fe6df229950bafd7a73dd93aec91170f286862d8bb1362defa4beb9589f58074e69bfb277d7b9c3756c648d849ad4bc2144c677e06ea45afe5fdac290112a6c576c12784f96c06266eadee35acbfb988e3853426c0a4379e315cffd7e70b82522f2ae7995e00b129892cca3a179fbf0011ca663a9e9bdc2fb61791543b34d6dfb4f07a9226af03d79c0726f3b8c818debafe59e74d1c89c0751e5ab1a270d43f2e7eed5fa2d527c6cc83f584ae40281b3a0f1acf24acc8035ad49d4ce11ef66929f636d701ea3d3a31fecf3c7dd310fa392986c5bdfe2cb99792a5263a27a7a93897f83b69f83b7997ee52c79688da7822134c72166bbbd30972d3a8cf7a9e6d8ffba2583fd2135bfb11130ae5f4686e10fadd3cdd47b08f63f5c1d871cd8a884e1f636aaa917665d7daa33025b3019b5ff96d49c4ee360eadc13c746bdaa8bfebf34002ad421249d3e9e0eaf640f4fd937bc30400550ba0ddc892f0162f5d99852d28ad1c6f9eb695d10498d7810ca8a91a20563deb05c8934c325dec5c3109402e74180c42fbe405c0bd99ce2193dce78b1ba9d6f1e917acfdfe13f7ef532036859ee6886dd7611be708b6e57b87febd15aa2d51ac407c5603ecc41a51a10cb86a047981734ead804e501e6d1fcee09f2ef87eb9589fc532f238d1a5d3442764828e31ae6f84502988cb721120ab3a252a99d4fd2f35ed1c4628c8cdca5e03b408537ba2ee79c1d45360941aec1379fa669bc03bb5c592077886f933ebe528de9acf3d3813724c0bbdbe3f4348c70fae10cfac7e46b189302cbe4586605bf8d65f01e3580510345915ea715e691e6884adfb038130715471011ea83e2d40034a0e30a496687c5500e6003e4c21d0144cc6a621f5fea179b23764d5be93b8241c7196153ee096161370e680a9906f6735f422fcb1984af6f3de685ff27a32965a3918ca83ee67747f22eaedda0604f05b37697c71612051d334d1932a7409c10017f14217597380ca8865c914843014e77c117083248abd455aa3c902645bdc574e7089a6ce08dec544955f40b550618aebadfa64cf7cc684bc54bb6e23ff47c6581c496b055856fc1f38ee0a769a57e38d567e1397d1c1bc966fe3be5b81cb82bba983222709dc0b25a558a295fd768853a1328e60b10eb12e5b5eb4ff8efcf5882af2c9eca24d0030bf7691b5512544020452a4c4564d1a26dce3e322bdaba76331763b2e9b1b3b4b1f452674407f0413a25867cfef1e2fe0025b2b46dd3afc281dfe7d2793a002628939dff26cd2868bf8be559f63fdf6fe579ef994871dbe782cd95a7a95ae9b72366d0f2ce070c36e1dbb3b061a862bc875871cd4c24d17092b39cc1f11bf6817cdb0883ecad60fa50531844a5765930350f7dbe45aa24615e454457701555b0617912616088ea979c67a5385d6c6775fd8dd525bd9e3ad0c643fae7084a82fe05d58b468d18de944e376a946bfe680945a694f9eb7a5539b1116a0c289b2b499d09c276692b5307f42317678e789ed2c57d3f86148566c7e9c5f532bbfd814dc1fd4a6410c2ad7dfad274255f2db247b7be33c20d9c3dd0f8bc38d48075ab5e2d24c311592f27bcba4564b22aefab67d6bde8268b0d7ba7392708fe825a17fa366ceaf71ee2f7ea1120932c469a271fadf48980e55265406812ff81fe8f0417ae5a8f7dac1ebe6e7882ae8e959fb2d8b88c4c5c3ed20acae3b0827bfbcb112233cb46862808e43fa203b9b48040b58aade1b205582a2c26a860079557e65c5dbae130674d9ba1a2b61f93cf35a5771c7a32a9121ec071abcecdf50939b4803ac46d691688af1baf80f6396625130ff8aebf7e3635ca590f7a196f7cf853bcb0116e8ba4d56c0a10112ee7f934e0449714a58e95c42b9bffe6bb876cbc34740318d6672e21915785bcf3eb035a0eb7260834df9bd57f8f8ee8e19351ff7c66d3453f4f0c075613ae9a625183efba09402460585f2a55d5ebc881cddadf90cab868bc83dc8a8b550956810e1aea58176982ec37502b61611e096517754c9b8e811766a67310060bee64ee0c6449648f52d706278b7c7f097866b922740b7d466041e754aa9118d361092a67b007d53226c77fcad2e033b9ae0d1e680164a63dbc441548c634de8c773aab940d904226e5af79914d1f9912db9db168db9605cacdbd18cce931593fc8dbd6aeca0920db9bdb753aabf41b685051ae9be20549f1eab183441ce3963ec5c47b3ed57bb4ffea885fab9e28efd1a3e9a5a7ceea9e20056aaba05f933d3bfab93fb47f8be850f222ef4760a56a24d92a513236dd847c9fe97d9fcdcb8c607bb0aa9c3d8ff10311463141df4565d2f1805f43ea8b28682188821f870fbcea34ba95c9fa16958306e8d3a5413073dc815f0a4b07c3e6688e1f413de7aa1bfd93195ccc8273c0bfe86371394cef4bc4fa2cb7078a8be221a340db75aa1689fef014f8e2c38e704c8b0bed16c5a4a85aef95fdf35931fb6c48573546e44e488b5d7f20384a87531c7fe6c365b8638b94b9d509e3899fc8584ef07647a7487226b1ade04ccd1cadc70ebba661713d57f4e1673a9fd95d33d95fb826257e83b6bd6ceed0716afe488cd2b4d724df47836fb1c11e649977ebb3d408a195b712464ce34db605008e755cdb6800114fc17daf99ed26c2d547e4d0ad72bac4f69d7e1341a0aecbb

Tabs and toggles

Categories in collapsible tabs
View code
4e01e2e06f894d8c2c9438c66916180b21d3f4c8ebc707856d73fd6bec8027727d7b632b9d58b8e5129ca07495182f2714c0e1b97aa00e01f77d4f1adddffaf9556b5386d251664604b3c9d556d1e933894aee02469f12a4fe4e8becda583a44bf1ffc9494e7bf953efde6f4063ae5951a291e652f24324bfceb00e5d8a1503953199df3417c61b172e8abb332c09dd302529f077c74c8c2a8daa613687e19c1c0899e044b378bf95456201be224a82d5fd0ecad07f82fa12d97686de39c56e654d1ac0012c5eda575445fd4f1c23814858507eea6baa921a09b923a8385424eaf2e741d21f5a318bdb87c990d8cf7f8964341e17916b6ad40e7d1f57838d833c428c4b10874e3b69067d5499f329de2ad770d5795a08b6c5b7a8ce3deeba4a14e121b88ca1ed863f699b6dfb03e65be89ed497bb87a10d63ce3124727d93c4dbe7953e14845410725c6a7a44306102c2c6424fede82d600ea82c20cc3ad9bd27515eb96fa1c3fe08f7fedd7623decce797d172eeb4794f84f3e03832ee9ab77d64fa88537038f08ba70b3fb04a324e18e6a474de3fb8bd8a1c4903a1f3dd8fab0991c740fa16522da7570143a70f9f1449e33a220d8b4b95c78c4f4688da93d07ddcc65afaafc3b904e4e3c947acf9ae4ec796b245a7d36715f28c795c95a4211f202019e6417a40bb2a0abf5024533ef7fb48452a6ff0643e312d85796ab0a499d82c7552586f7abbfd1e66f773e9b389d61bdcf9272e11154ef58eba63a850bfe409c94d28a17fd04e612e91f7a8d6973379b19a8ad099a5f48a123098e8c6e6d9e945bb4ea76b4084a0b0ba0a5120e7f6fce1d3e6a2cef9367806041c27000923b26385cb168ee975095bbe10f439edc13a2592a5e59d009686c35e796c7ee19b21e4dc992eb2bb17c869b0949ab589adcbfa0bb1b6c86af42110cb57975291bebc9954d401e31189f6a646918f65d54b654a0d5102509099d0a9d45ae89e3564a28d117e5b2c9fbcb118d0d0fabe8502e4a4a8dd88aa484c18f111c9919d937bdb5208098e2dc3d7205a2c560eec6f7231e6b2fd34ce42cc027c1a2a4cc7bb1980ca95cf273bf93055da76e908a88b48d73c2b1b684e1ffcdb8d4632411568502af7626b8d454038c497b32452a7488d0b00c8bc2f91b3e6ee41f3a2f39f549c4b38a8f0413b42aeaa1245fed8d5ca737069c6f175e01b0ffca073af5f108904f300aab880c7ab6a49048a0503ede260e968438cc3337cce163022317aede15ef808c45e611b979e72566dbaeb8b1ed96c912e4b00922ded56bb7d9ac8a6f914a16d784676094fdf17366eed4614a97f817ca7b5d302f213f58d4df2f4dc8057cbed978e6711244596d07f4e214fa70691eccf22d156edbf0dee549a3f6cce2377b36c76ed14b28fcb6503d82486d73ae543b5b40c422705b4defc9e1bf7349c6aee661ca13cfa9d332f4345dd26794bdec615540cbb5d10c9c26fd4d36a9ad90fa024025412427fd897758c728178987aa8069629ba38c42db13a70872cc0f5b286174280ab6a951d486c15d4c2b1004be8aaac8c70c55c569be9205cecf81bcea9e568cae747a15605bc582300f070727b157048f10871aee71cdb97720ee5d6416ed37bed7eda7a0185e46031eab9672866d9ed35efeeab7d5171b928bb390a697eaf648f0d2dca48d6654baac655434590e51cc1ce9c2d989befe3f83dcb12ba033d493d934eb4fe7940428edb527ec517ad31b27fed1ce555b08d1d7c99024bcab585cddf02b236b9a0df1d50edffb92831f7b5aead09da3f50cba282be3531cb6d7c16cf1ffcafb382d5ca8f1953b7a1773e22db86397454420ea88ab76ca53f3afa7cd4aaf37155abd900434235994e8ebfe2b2d0f42b0904f471ef719a9c9d1afe4ef5db0a6ab48a1023c77e9127f9d33abf4cb51f8660e1bd0ce4c94a666d6a5c2f523d00bf123cfb85c5b717442b61892073f93cede2c7c8f0e41cc38f32b35baf6315f314ceb9d8b7e27a2785be7a7844dfeac963a81f870a5c9214432eddfc071475699e17e8c966cd9a24a33f0b89ef172b4ee1a5e1c97bdef8fbe34a986179bc25e7bec8612ae5b0b313e49145f4a04a03f2e1bd38ebdf3a021821d959e72495a162cd5c9c736d195fb0f0a5c8c7782e0f60c642c08e44761914530c1f8fc010fb876fc15be5fef96c01aaa72409fce6a05b499f68c8a85f93aad877552de3e4e17d92a5d629c99b286cb219c22d96063ea765c94b2c51f26660e56a217952c1e9352d739bb26bda1fb1c485a11cbdaeedc8397e52ac335bf139193f882ccce822d095e260fcb96c2e8c361179ffb166d6ca78a897ea1727446a9aac948d3e7d627affe235d6f49311ae7257399c066d53513916f37d0f7c80963db008e604d83e9bdd2ed08a2fd9257b990ed5b702e5e45e11f5845f26dbdbb0484daeae598179e1274b6f375f044a218bb04979a6f636db04aaf5a233dfdebcca8bde91f2e88c8dcb8f1a8dc6221a0c274c9d89d8032ed32188d1a50164bec12a322cfd4243959aadbff3f83f88edefdb99c58e2dd0e46e6ef4709dbec16e676cdbf61561076ccf34017896a6318a6386a7d1c457a7a7779cd54796434de91dd2d0691d935a88ecb4974d066d8852a0a55a02f52406dd900edbf0c8c4308d85a627786ad6f9a12f70679a298c15faee5dd177e0633ba6abc4b3cbcde3d93a31c61fd2234cd592cd5d37d1bd183c68b28fddfbdb129683245df5f9a6fc2a22e8458f9f248b38a5a83045a22ab57ca8a829f055df6aafbf4e4058309371e7474e8d0708f6b8385bb34f4477aa82f25faaa4a53b2e8ba6be3d935658c6d3ce048015a8faa6f1e5824e65a19cd9e011cb65c48277e9dfdf512145bc3e2e923cd418493d97073170cf9b5fc637f64323c70c3d658b44979d26dfed8a82e87522032c51a461ae554f53f5b35cd7328
Categories in toggles
View code
bc74e2e128ded80aa82e5ee671eef2c751b7de703abe294ad5be911b0de51d8e8be47128c12457ccdb1dc1b07e55c4f25a4a1640fe225eb3aaff8e8431b83316c887e6ae83068fc4ec4c27486a89509b4b63f76b7e264464b13c387256b44c29955b2694f6988cadfb1af1cab7aa6f972055341ea9188a24a44e0941e825c03493e686df0aab7084158086addb811de2992e02e966617c33b1d85f3788d089d7102c2022b407a16a8099ea27232e679f2b7f72b647475a2d5f49e200b0106ca6a8ff039e6efab745de8e8b24c9642e6d0f7acd5e497c79e78c87e2a0675bd4c33cfde296d5a1942ca5a63bc3f77adefa20f331fb25f3e5a7dcee0bb2115a81f81e0c27db63ee98ea8643d5e83a2ad1da375c394958b079466d83b2c73f292a853e7cd4c44b900f82bc0fd5a2243bdeee4ca5a09997300a36c8d4a202572c9aa5a0a22fc994ea1accc72d810ac4b77f45112d9ca3e6b0a354f85bd27082bb221d90f07f9323cfbfdb516598e5ae603b4efafd88c8fca44580e19cfa6d8ca5427cc2af84a7a85c8b27663288d8eb32e7a4787dc64c82ea0642c8558a2073e41cc456465e5f3b78a0ddda524471cd35fb2970c6fb3fcaafb510da3c245a602c2327362853488d29a93b97fce54853e3ab5959c284a8e44b6c1cd44e1d6755d766e278f6cb693eb120741b6e5bec0d4288a0c9dbcac8ae675436db10dbc49d19b2bcfbb2d179407163f24811045cfb90ab443a1cb007dfaa6a75187c43fa1d9a9941aeb4bb217804ec0d96b6a8edbc4d175eabcc552e23a1c1c6307bc8d55549d2ce79b73e72eb3e747c414dab6d65ad101a30da41b03c520205129dad905c74ed9ad8b7fe1194d8783985703f5342ae20ad2bee5a85e006f703a3b8172df2738cc401a3699688f5eb84cad38a22b6112463f740dd5a20d3d5bbd6931416dea4b7bfc1f19999472c03be4d4f4d266d73a75d327ce35c4672f31e0fd40d9f1520926d4761985990181cf302cd42c29c23b58d819ec68655d7c337502e4fd74c4f158f6a47e1a31e8e6298505d379eb3240ec132ace3ea91682a90c6d4b687b313cd4dee2aa34cf9a58fc3bbb0aae8addd56a93647ef422a855252f39608d87c61a9b625656e5753d1bdcd4dee1a57eb9952de115b543c7ba292bca2bb944926c5f08407deee40684e67975523fecf76629a796cc0dd49e0b507a7aa673f53aac6cc9e85ae60790d312d3066402e8f50415166116ff4657cb7d24016743f58046a36e9a81a40b2fce6a669e53a4f45f1acb98a80ab0758d7189db345217c40145635b4769d75b5fb6b04db14c22f56bc741ef837475ae5cbc36c58c04b856fa35e314154bfb96cdd7fecfa484d672b2dd8ae5cce292662034a70b5bd15cf9c4e1fd8eb8684a8c9efb89a54e22b56c3fae5935740c14f10df5b21299960eece8c35fc227fbab69f34406511c8936fa647b917a6998567aef3fe01c561fc75896d263396feb7b21fac5350628be45444c4e9732f2a7e25b710e840273fcf39fa5c8beaf8a4d7b925b5ebc4bc96e9f08ec9d480fcdae32a0e9a1474a25108119d9887e16dc42d4809cb31a9c8ad110b98a588352fbbcf1f32bb5731857c26d32269fc2df601c709848c310137765bec3282114f30fb6baab4f87fce38216124bc7cc1218c679afa10c9c60f50e493c356edf03dc29665c3c8df510ccea8135051e50206b9bf321b5785ba2cf8dc4908188d2a293f69a9c3d603fa60a1d3bd1672d9bb26029bcfc8845f1d4c7aa294e42db26dca8ca714c4fd468f55acc0cef3dcf6d46264895ad12b37dd57e16875463bfc7e0981cb5fbee3835809b752a03a4b2fcf50230a7161f641f7ce27fc55dd88684cc00ece275a52b005546959de04e2a4925bb334f091d434b8b48ee46d9a074af87656de6df9b1e47f789c8a748a4cd78197f97c1e5c347d40810fa979fd11ef610148a1daa6815cd918306ffe4a0ceb39b77aa7448257075721a5977c0552c9b40d1e6e1b7a3955598869288a11b8f48d7e72daa71959dbc95f042be3c17967407350cfa31f10b7bfd83cd07d2799b1f27e616b71f27f1286b86ff14ceaf9b1b889453b20aa6ff9a4522df947c00927f2afa635f31cc4513895feab2e8e05f102a4274f643c8a0144c2a2ddf9f9bbfcfd0379a33836ab343c742b3b1817db9b26613891cfdc0e4cf2151505f4f1ab82347cc5ce5bc0464ea4de628d082edb543ce97877948d88ec036bf9952d05d2ca243638e9f6f0ea9405b664f9a03afca35923ac70b8744a006fb3ee354a098d3b62bb7f85b890624a9205b7d6bb18cb2ae15cf6e99308782fb8afab466d9364b37ffb2c5daeae054db1be2bd5d63e902e5b2c270a4a7b359f642fbb04ee817e297ee9860623c43024aadaa5aeac367562b8c655ff4c8b647c6b93124385f15aa9c5c5c0e27e600a248cfdba11ef3e398c20bcc23e9932f6b79c35b615840631d19dea408401d97ba2ebd67dc246ff81d24cbb85f6f8813aa6913f682a785845358afc0f91db38ffc89d8c76a68ed19e4e731be4149c3ffd856d4920f65de385b979ab06ed74a17932598414325ad02c6850170d00fa9513392ed1abac090f040f3da789ce8a5bf360e7a23fd4e8743d2a2f4ded1c80c2b6c6c776b72a57ac6619d02cad0e69be5032d0d2ecae2295ced7a2124401e61eeffc355fd5233ce0b5ba78ec4e16083a20d682e0c5ff041e3d5728728bf93948ab2abd16caf077c078ed686b78847c1daa02bf6dc8503714402ee1a9f6655d1f92ebfb0f0f64e3e60ef4aa4c2276999b0362e1db7adafc994a7918cc79d3cc36810fda5009343638baea31b2c1e3560da8b4520476c6f8d0c46c5a84ca15b45dacacb07e82f3baae95123c642ed03322cee9bb72c67f966400be47dd7efe868c81dcc11b7825f16c531831cf21425235f29b387524d68fa4b03b02192654e86f3e2d60bfb72af63c75962135c9ff147dd2ab739f95f61d73d5e22c244a0f0ae4d1ffaaaf4a6dca2f59f9c466717c0b70ed18423eea66a4e9ce22fa17b36b7813a6ae73278dde7594f0ab230fa391c968e476eac66a0b2eab6f64f0c014b5efc4692cb57a3b4e62fa80c79210ca5ae3ebc8c2283b28fec4791e011df5487d19fb14b089290cd552645a4e6cc20ba3836ac94041e89bc68a46e0ef5a60ff60566bbf02d6565d95ef60eeb0c69faf2b9bf7f4b7f1db776bda9c520f682e6be380f876f6abf1a1e6b3fc7ad1500fc2ec7dd44cc48f862c7e9874038dee77a833216437475ab7c21185299f73120e5275275896fe76e3769eaa43ff4a197d1551881e416bea075deb3b6b1ae6b2bc0142f55cae8fd6088138848e3ff51d8d86d40fca5aa011a7c39d20366c76aca4b1e5ac63b2a91c267832b80226cee9c83efa2a37b3bff3f8b5cff71c9e04e366273274ffdee0b1d2f5e492476b6c906c1c833c96771464972deba9cb80caf13287af8b7b4da035da50c1a9a767cec0bf26ad91bb7e08f2e3ffe993b1f32ab44c512053ca8a11c08aa7ca27afb07581fb53e8ac70eae8b498168d3271ae45ee640787b516ccd04e6fa3f231ef81131c6a566e3d2874c181cd46a0e796729d3d60201706f42dc6c5e91ba900d0df4253779a14ffb048594c3406bec477cd3f4c5c1cb670d2983c85b2e79e1e69f2ce19ee0f0f6e402483a24de41b33abec757992e966e8dd09f6b313bdeb773189b1215755d3ca3a80e3aa53adea2e5890018d3d1b24952374bf2bcc515530d709604a233377a687601ab0a1cd7fe3c24e7b762d80388cd107f6ac411fc3fcc85bdf0eec9b60e7123cbf0e82ae5eea52cef908a356e0981225dba89a8da6eb3ab42ed20036c47713188a50eb9d4de40c10c0eca123a2bcf0ad78417544aedafb3010aa7d36d3b6996c3ea4992deac8d22529d4807d5ffef1813cdbb07885b6141af0438eef951c11308d34810abea79e08b2dd538f75e51b0ec8ac5cd315a4aaf80321c616b6428c0bed936d66b0b6fd06bc42a0ab5e99da8ef3a1a77745555799df6fbe570c7d3c678a65d72229d7958c049bf529a3f6ad84d197f5668eeb6e02752fd9898af8f834f3f9fe32cf52090c3ff528435d5874cdf71b55fff8c516bbbeecd48e57c7fe5ecb0b55d68904c6bf767c1d34af15f783bdc9dfda819f61578bea044750eccd82f14cee5edb92c7e33b20373c96956ff03eef866387a44b2df6269a0efdfeef76f828862c5339368d9260c66df75cc98dc2f7c2d5ab34df8f35297f34908f863d6406201708cf02ad70523becaedccef94d8e59f14f0f1b3064d12b9626cae7a0e1142cd480ec5483bb1d67fd336f21d8ac30b1a91a8984b75b925bf285ff2c5ab73d075d1c7049a438f80988b3c0fe6f494d81185644903927225c9669ec1b5ca6e31a044d373a2f7698ff75a64b627077e1127cdf605371070fe89b794dd17dae74536666a54f72610f204dc30c57374f8514f554a5ed32263d3221adf25f9873e4f676f2ee38fd2bf7042b46fea33c9bcfd6ef4d9cc19f52238dd70b0975da2df9efbc79001f4e15effa13391fc11b1dc1101e1f4ead112c12fec4ba22f84b2976a49b12e3ed99d4f59a2df702c25a7b43f85843bf4df967b6de27a4164ed4618073ba36fbe17b7457fb9b26df75ef9ad99e0218fb772923b30849341e816f98bf181dcbe83ec7c397d7648d53e8d76c4507f6d93dd23b76d25a6d8dc130a005a5f7982b5f32368318bcd6baebcbefcc8399985ff83c23e05739abc3b0e27b4ef2ff07bac6a88261825a1005097baf1e474e6c183f6ed189d05fe39f0ca61976c80b599aa83043ba3ea121ef49044328312ee13a223e7b841f8fdb86c64ad60a3954b0d4c77e26de3f1809390722b9d50929294fd0096b7e02eae0af56107080047bd7843499fa9e5f746cb9bcab83632a20bbfcc6f5827c3a2c6a558ba50ea426e6a7909904ce2d2069cb8506030e3adcb1fe851968537192cf9fed552cc489de940b32403746e54557e4a23dcbfbba048728109fe2e29e349be9928278c4ad38d077c259d5fc2e3ee1dad44f804b63ac8ddd07cc5bb17c087db6ef252a6c860fe54ba2348b65cd41195114dbab99367a5a8383e48fe6967c51eeeb56ceaba8dbe46eebd05dda169458e96937b68946e22c4722761d08d8a4d2a92fbff6f95deba4f64723ce72f3212dfe6984cb98daba20e31a459f8effd871709e0310e89af6085a27f2bfccb054e6291a570c055ec73786208e88bffea1ab7a6e2dd789f530574b3a9652e74337a01158ad852a7e63112f2ea4ecba978b0f6bff358e6690f23cf38cd83f21f6a3c45e173089659b4da500882541cda45b75aef7b53e22113cbdcca9152baad04cb5e230b92a0fe45859c1aeb77e0561f1e560aca75c14aec7e407f6e8707deb8a8c286d5c8ee3d4122db8f506a017c4101bc214001a82299f6c2a21af61f0609c451a646ea3be4bde204f11d0058a0ef6e970a2051341c927d14795112821f3a28a47b5608a846959a3350fab7bca22bebb8bc8026da6b74b1915dfaee125d69c976b6d028ccb0fe576b1100dbc062adaca13a88477ab241ff45a3660cb148c6640188640d75f89f7e5132a1dda08bd644b311617085649fcfb207aebe4c5ae109c56b8e06d1c4e7b8756204d252222e50e05fae8e486d6bb86f01e7ef6b2aaeeb5342fe1c3f1ad4658a598d8d61912ec12913b2f38c442d7c7e63bcb36903c5e674787c595d9856bdd76c5d48318079b0a8461e5219837b4caac4811ccff83a581538159531a61a67840f0fdd30e73bf08b59cf5f285d110780a7ab797c42bbf008cf50f7a271aa28508fbda49a47c717238f3ed7819106c0398f17cb239b400eeb8389703803b265a5c71c647bab7e096fca1f9afcae94b54096d24894c7d3522228ff618561cf70ce100a0c302d89b41b90c63ad13aeb6217f5064228a3602008e625adf0a8e83d304b91ea675e6c644602da518e5564247fc1f683c31a16df6bc8712b818ce0b9a3a4c1afe7918153f6182fe5e3a01b994bf5ca595aed44a1948f34a4fffa847a3f861eb8cd47da9858069d90760c803bfa804a2f2894d1ef8f8a8ee94f9ec89b25cb66674f3344ec2724fb632392071ae818ca539589f1115dd8794e2383d2ce7c379e8c10f16d357f0f696f53f8b38f0083890c58347e53a68d8183cd159c4564a7994106405817382e8febddc490270897e300ab3f0ecfb44ee000ff6f8c4286fdfc9c92546a043ab620454f7d8d250bf16d3a1318aa7f994f8047b171de3235c817a65e1c6e4174446d21327f2e89d312909b66c8c20519b5a2379ac5d33f71608e209d8fd43dfabe39168722a0677fb739817045eaa671ce6e04fa9fd8a848e80a1b8bb5daa43c1dee32eb7028002eeca165c6a141b0f1e1ad84a701230f593835359660bc795f73df64b6f0affeac323e6d220582236518dd121f6d7aebf2227e040e0d58d1c9fc150d238ffe8c709b7ac5596ede1da8cef8d6a731977404d2f4672be915afb03b9aa67ff1e27fb43363dd5723482189745aeb108a4de941ab36e554888f98889621cae9d99d9e55e15cf0c85840507a9ea69d90987f7109cebc055e51ae7d16ca5f747346646431d1dc0de5c3ab397a8a02d30eadda8b7bc5bebae56f78b31cc9af133e73b89ae24136dac693054101e3920332434a44fd7d3bfe7ad4d7b1c02dfba7ec791963875ed82eeb6a32e4ab88f187080775888bcca0dc4193dd9a2f40d88f6aa36c77cf318fceabaddcd92425be0cb7e752f016a4a2ca645fe23e9cb1dc92c7eaeba433cdc5152e8241bddf9a6d6bd574827bd50c5f806e8855e20500a98466171938bc36289273288d4e9ac

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