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 e753b666c246f42d9f5ee7d866005c2a98c09d910364bf67a90c4c1555516bcf5c0d2f48b8bc1557b6820da75c8d7920838551751ec9129637a9ed10c3b9279cd7731df3b7a687c26c426322a20032d7edb42ac07ed638bfa54395b035fe3c83b21b17801dbdfa2e464524cecdd9c736a8ddb707a58372b059ce0e3c8a9ed8dceaf76142149af27d70bd34a5c57cb497e415c3bcde6fe33091bb4768446b1b81142a918d621aff6f7c54b0a48c905437ce731a67b93100c7e3a4c18d5b273fdcf0f9379b4e89ee5906173b8a3e1add04fbe633d66ff8a91957cc0794a179f2139bd6b9e1a2d222aaaca8d47e7d66c229e43eb971c4adc254f19f5e02e0e3a6daa70bc5138c5658a533109eade121bd641ae3cb893e87515d71966c52118c4c56895ce570a4b99f7f81046247810527c9137cc5f15bf4d05b67f2218d8a4fe2b0b491331a7a3fba4e8baed55d560c0dc7b0d23560190c45d9bc0ae4eb68d3d1786c9b8016445cc9e2d7443bbdfe524a9ac427056643e5041c5726e1d244b0798c9641b92bc11dfd08e8be92a8aa7998fb6e9fab3987e962099d411fee61f3dca61dd8170cba894b661a7bc919f0d1dba91ef518c5dcb4f1cb2055dfa07e2ea78dab83cc50b11bf6716dea3596298ad36233dcbbc4ac1e8c9d1ec1cb1a194c79dc33a6594fbb85daef60aac2d2e9b6fcadcdb964e938e2a6e4087c742878aaff62d7aec2686b8acf59288f6ab825035ad55e2b61d4675279c526af5d21aefdc3a393b2b0c4b16d92f06170f42bfd3cb7e273400a9efa69b32ab18e000f9cdc2d10d32751e2bb31ca64df0cdea9386db9cc4610d6ba93cb2d695dcf2b305c1ce4e1b549f2744c2cf1e4af21ce643af39149e53bea9a2bc54eb52fdfdf0c1f4f7421530243a4e01c315d1d6f0e64b2edd69e0e0c70955f387632a3b0c8dc286d58edd7e8d6db32833475a53bc80e2c15da9a924a9942d86e857f422a7f96d50564af44023ddac727133491cb448c8e2e12a17a22162749b6bf4a65722860c00cfc68189e8dc0a8cb0dbc4f1a30ee50b0230eaeecf3adfcf7ff1677b3c0c2b33c584b1af11ff95f70255fccaa16be6cf91de273dd115b58233768e027875ff76125e4a0b32502c7aa205a6b9bfc58c27f36a3c21307cf65e30afb99b556b6feea3ffb8598d014f3de32daa61c4a44474dabb9afe35b01c3fc713d004fd13079170acb676b02f0be2cac470afb41b968f75a70be9784960c3b503f69bd86a9923755507c69071a58354665b3bc7399d3cf2011fba0b7ac13c20b88c28ddb5933cc73a5b98d0f830afbe79948c8ca0997f04a7af80af8f8d64461d3120aa6807fd5dab6a64922fcbd77ef331558fcb0038f14305edc002a9cd782dc220d26dd936f323be72a36d44729dc724768a20338b622b4c76dbcb699dcd7a405baf62c819a5272a8b79784b62bd223bf1aee55ca6bae4263474cea4fea2e961275f3fa08e96808889c576e9e7589bf9363324bf9ad97eea18b165be92b5b1df7673ee8ad6af1f5b6f20af252590653d14eb788b24f60e4694c6aa2494f3a7ce311b024fea79f9bb791cb8eb3a0148d37ede7e6529482b92b8f640b56e3d632923e75a54d4b91f455263ce1b63ab079690c45d4f62f7b247f7b7ebb47a088bcded0e0e1424cd8183fd6e8b24ee91834ba61167f41e5e932c32ce4e65d1fdc7218d619f6413520ecf5bc7b65d638a107ab3d153972ef77ca8c6ea2bcd581a6641ad4787f502ebb3bd92d3bbb87df78e8419c91a69c1bb7631a62e11b4e20654f9efb3ce237deb4bc24b96986a7ecbd117f547d414d28516695355e9597cedba34f21398ea7be3693f3a2ae332d98171f478659ba5d9b20a694fb8d03bed51c39ec4a4ff50c388f3a72330e39e8574fbce45289c29fa687bd42256e7e9772660c8ea944b886a657dee968538d5706c06ccae26f5edb2bc9e5bec67ae44d9afb198959dea9a94a643ee01047a0e5f5523dc25b8379923ef21be9afd5c922d9cbe7b2dcca535c05d99e2622a9c330fed31b93f8f0d8e316d8ef95cac9bffb51dd82ddab247a71bc8308c0b9b821a09bbb73ed2fbc43aa8469aca96cd804a0cb6116abe0f3f12f6e50b317c39f618bc2f6fcf5ae5495ca1f1571ba8bbf75101ab13deff82ad17289555cbf7952dd6b84e89ea292d5806cbafd3ea5e7a21e9549205f6d677b741ed5f334e6024e302b9b636ece8f0fcf641e7e9aff39137f2f851b8798bf3154096d57c4ac05084e07bc721824f4102b47836c26cc3473eec373cec3126ed67bb3923460781374733a9beb95a351728ad44320f1e19854a722cc236d3a0c5f541da57898975cfa791840fa3bb4741d67823f5bbc89644817b7645520fab1a2f591c8e52489fa3614d5f031b43793ced602210161cd746221df44c9f710772ad8d9cd480e6514d53f94f9f80ff275da52274a0dc7694cddb1bb68ccd8ff39e744522b9625e40861c1ee3a50c861ae654627698bf584b80e2e741ea8ba810ac8b65c652a4f211e0202d715c8a5589a76849688b2e4f06d279194485219b9e174c7a96939b24e76e0bd17d7034c8d471c8cb87b97dba10703f49b6aa9e76d006772cf27e1586f6c8192bdce7405c1073aa1d86c909fa672a0caf5ce221a1619b302636053eda53a99f99446bc6dcd7bfa875dd6ecfc5b48f5759f5ebfde3e7c12fd008a9742b4aa74fac8f9d9d62d4f467a41c8b4e83e080b6f424de65af672aedcfeb6cf6cca00045ae4f8067f10c65abb1b9eaf205e473af63f7300ff3e82881d6eed1ee73bbe73100a54d13a1df3bb5965b1de1494ea3bc2d649c61fd05234c4388356284fbd29bda81401992262bcdf1876c381edbb657ec1ff0674bc59b20a0754c8ad7843b387054cf2189ec083356f5f10e83cc1abff6e60530054531b96d36f04b27982346c657127e216629f0d90823fbad71fb2493b817de79141b7f7b349db9254d6ea95ac00c62f463e01c4b5f88b2232a0cfaf303d77240df46f46a540c039598526be667c03e07e375787baed346d5591e562afda32da1f01c7eb2ef346fd98901f948108d5d9e2d100de1385d907a2b5bdb9926f46435b32011ee2a2c934955bd80353acf3a18641c6c2b6db3f6b4b07d319eeb46fdb1212dd2200e3fe53a4fa028f52562ee13826bc0ba6b1d902749f10692c4d600cb0142878803ca338273aa9038864061e0c8e40838f4b99a4a16b85404381898aab8bc1c4c1020fe477afd84ff5183c53e188d60bff377d1dd325f2b1fc6c479441bd292307a4b549e404a2800b04a84d73bf24a47902876488a740f3d664596e2ee78105c1e9d494e766a6b35016eb8d2c0526d1e150a60c1a2893630454fbcc974a4cf91aa8ea42f76ded72a46d82925f67057912c9e6a3e87d0d040a101104774e775cfa91afa1fc9edc68f1d59eb8d84faaa043680ef7b1a5d1c4c9d1a8f491055815681a52b1452fe0c8fc76a6817fe0100caddd99f69224b48b59c0194faeebc516a85643971a14f3a8d82c2814598d798759c1b8d56dc9b29a62fb8306ebcdd6a978c2a05ea1265a1cc3187a93787f86273a2405138082005041ec88e994559871c68fd87e7217d7a47c1b5cc6023902b41d5b5e677195f3abfa95db11799d8d5e0a7d8996665510d28cab221c5796b95522f3c848147c7bafb805a7e08e3df00cbd6c4c5dea327529481386a5ab9433f7b7f7d0a8bd3efe23d250ae29c4354b1fa375694288d5855288d75c2c58144a6fe9e3c24174a13b7980c6277344cdda84243f25d0c994413f7959136f3609a59d383b78704acd957b9807913d7cc3e0cfcd7cee5e8efe39281420cc307ebdc35cf1acfcd11b4b7b1d633f849cdb389e54a7134b387d4b668bc6133897ae611e8ba155f79a403d722e88a6ffebd0e8a959c93c357edf6db2b15ff8efdf68694451b7726f46b8a3e5feb1ee70512ceb5a69b160bceb33a71ee9a418d105f42e06144629d8f203fab7486a963956208106be3caab7bdddb21ee4a263ab16820542a3900648da20037ec63726d9f86b3127bee4fca9c5ee407f3cd68fa191d57e31a589866e005ac3b4c37c3f502abfbb211341eb495db72b058db1af51a5b79d1a372fe33f24715f1f8858e2bf47561907baedadee2e231142eb6628589ab646a04e8ef2c2a0519b18abb6b1e4ddaf4f12276ff0b5e7c3bd046eb6a8b575979ad0d3d52e240b
Grow on hover effect
View code 24ee31ca6bc5ad8a9dcb4382a46e8606fa7f6e964504c6952b2fe10b57787a4757887a33ff3c57388b71c20816a094c7466e6cc88658bcad462d7e3e2503158d96c22182eb319d7b1559b723f17e99debf06c1b45eca5eefdc34b7df5f8567b3fc59fec6e800e49e51cba763a0ecd6e6e677c02038d3aec2739c1e3091678f0f64e9ff59e1085c81a8370ccdb971ee095d4ae1bb7e69380a87f5ea5e5b0d5de01f74acb7fb3e52a17dd068430d7effcce524cd054a672b43a492332fff64185153a8b99db32e5d697191f21d2c1915156a2c9a7724310fbfd855f4f2bb4ea878681b7b0b06839d7f826fcf6f3c106b759cc94929b868ad014fd34c67453bc7bd55f25dda47dbc19adbcbc55161634e967feb6afd5093a17d1ed681b6363e261f964b0b09f04bb2900654ec95f5a1a8a7c0df6348376f84b53217704585192757944accc7e400b01669137c7d8b5cfa09e22dec79e1274a248e5f7068d10f694bc14442ef48d91701d8bef79d59c42f09a73a7b8ee69ea568b247d5f91e4cb132afcad01a9fd9bc1f139c26aac13b53fa22b146c34f258c8308ef94b94691fc570574d4d49b20f7b83fe83342f5c77263a95b490786b2df11e19a52114a24ddc0ef38ea0a583f9213b7f1f56088f82a7001b997fb0da8a28bc48be56f978fa9c089c4c4612aa412cec6d048b109e61cdbe08d255b85c8ded23903d13b18d1a00d87696265988f3c96dd0619bf2ec8175f9769f8ea1739100c8208100966fcf75717791f7776c742a52533b115481e89756e21e523f162868b0c6a4c91a4456d446b5d9c8d2390c174fa28f40fc41fa999fd67e958d60ec4cda8045db1619848a2afb5361381ebef220c91da388443c132bdb988f68f79031cb173ccc5b0bd8b490743b7c6c2d206d4829fa3035db1e2624a634c6a302b94bdf7c5583054cefe1c4698c940f200b1928c0727acbd56d08620c1ea7c86157f4d260113ac816516ab67ae986d1c69d16d24e12fc47ddb3a42875a7cd79b3510892fa6e7c0574dd55a85ce766139ed27f867b5d1da5f446874d9008fa3a278ecc657b3c5fc90336fb180934da229bddf81ca747adb5dae486940a9218bf8bdc7b779898278b4e87a35f3f94f37dc217211fe238b271955f07a438ad58401aa469a1c1e30bfc4618c699bf808fdc750f27646dbdd777fae80e7dd0121618f396f1b476b96a6d05c64849216870b317ff97117d45a2e818e6ccba27038479b9896159ca756be6241aa5315b97163a22a8dc2448f1495dfe4378f0a7b1b5789b1c6c6b6ce69b6deca04ca63ccff9ca79e4a16014165214813d0175990b90dfe1056ebddbde8bffef586f7f14510f8b3e5de0f13f7c1f09bfb937b04ce5dc0848e33bef73c66c3ef496726f6a2db9e0ce9a663ba86b66651ed88fe8b064db3ddc2f54d3d819d32e723f6a6efdd2f1611f0cc41371b89c0cc430dddb5757582e58f8d238e5834929f6335f8e2b580caebeebe98356111f5d2281b756565c21bbbced816d16e48893058abac3d5de61200878989e95384560873069f4ecaec18576473490efdf14de8f496f4356638d6200bd8f824bb3996efd524eee2607da45dcc6379e8b212ce47a6ed65688218c0fe2f2d817665e3868e4e1c62d03ef9e59ed7e7705524ff489f036b780b35432d2c14c87776b647894df4774453456fbc9738039568b60e4c55fc094f7447209eeb132997f3595af18ed3b3733cd5cdf8293c18b954d1e4a066b879183a3e49532f139da52fbfa1deae4fe2637053180ed6ad4d20ab175cf963f03f5818fd67a38494c675bb6c8fbd44ccd5c37aa08be26e58957d6139cd585013d2b3efd306e788b5e6a0efa7aefbadb20fbdb3bd8c62f139ae2cb490f7537e77d7cbfa305a2ba6a1e57e2e9e42d7a3e865d19a7337f71f620184a04a113f399e6abb86c490f0a09303245f1710b7dd02e384213e924cce2bc76c1c3a3721a7298be13d78687e6f7138c9bc64c1e660674ec2d1dc0e181318fe5fdc6f15968bf21694dbef9546d104e9de37be87507c92e3924936be21e928d56fdec314d4d0e1076399db76982a75b11b3469a81b700c09da5ee46b163a8cda6bce21c041efd02fa8d4aa514a2578fa1a3b6fe84c83bd485b9d0b958a573f196e203558d4769501d328a17b60b85b92f1630b087b114bb7b195d6a98d227266e08fba6864e2b4c313c9a210aba8eeeee13b1f2ec2db4cd9236db252b195cd01ec25030928ad7a3223770d0b3391eedcf7edfd1a213fd72496230054ccb1848a3f451984d50a848807f0d853c4afd0090225dc0e19c09277363b15361c3fc91f1ca184053bc1cd76d0ab9c55693aad0a60d8dfac8ed4e0ab65a258a2f5cb7c20b4bb0a2353d8e52979c8733a6de504c58a9ba33edc6fa25ebdca1c85a9a7d5116252d106b8d0bcc512f03561172d32c8f90e95a1bf8e01a4b4b7ca19becaee9d65fd2b9a489c67299207f3b7c17d5dbe1748b2c3910f29721556621f2b8a6d8f07987f93fb9ccfda7b5323b80ad5346bcbd8b421622c179a5ff7a08a810fea88480f6e5699517168d1cc18ca37fa4d3977a2a21e677b4a4d038ff0343b1db8bb8e95528ac89788e5c342bc66c9b39730ebe4f80d2ecdfa9c15f6f1e9eac733bd0b3c56258a970fcb25730ded545d38c029b2c1684204010f190a389d9602c561705cb9c73bfb320fc52763232a20041193451bc933cfea08ba4cc1e4809bc21594a9b85367ba6254a9e216e9608dce846ce9f1a2184d7caf1e6c8c6accd5a94e2df5fdbf3092fd4ae0cd07f007f1467bd665c3ffcacaa9790eaa2b6a6f530b1451521fd04520e0a3aca6c987e87faaa864be15198e7a36b3181a061d4c817f3bbcb52101154cc310583aafcaa2d9a75a38e04319f37930616eb90aeb8d8a3253a1ff19872350c18ac8c22eed7b194f0b57b67e860aaf7fb9480cc6184da710c987d826796fc466c1514957f1c890fc1ddedb214cf5f26a3d9f98124e688fcb0f8ea49c98add291bd3c4b42d996fe65a608b3214ba38abfbb9a8ac59451fc784b137d532df7f526bb45538e6367913aae9037cabbe9ac1d2b2503d0f5a0c0236bbbf95e17d8ae86ac538102a1b3684c339a1e4a4601033d41562084dbb5c58ee820f612bdeb1bc2117872dfa88fba04e2d91eb7080c05b82900178671570c41f24b845f46bb4206764795b06af13ed00b69804dd1eb91c0b2b4dd7618581f6ffb1a8152449398a4674e4aa86cfc9c970b2df6c4d5083ad80e495e9e2b557e9d57920d306dca57403f4f7c0bff14b0818f4e46ce41a85cc1e7af287e3a0bb1c7bbd3a9d2032c47f1be46368da07a4e7c150465136978afb618abae6839bac80dbabb7914cb76336d011370fe5ded8b77142c3d49c6af120cf66ab7da34aa07fcbc07cb24653964aa964ad7ae6a4b9d899e7ce717430096d0fdcbe285417630f256e9f7ee712e6335fe70d02b16d808b7fea434d8d46d73ebef4ddf2d5aa79ab86b6e47ebc9c7fe2120f79fc202fb4dce5dd296761a217d184e92ad8204c4203f492a8ad5176c8ddcaf44d64233ebcd46bc7f9f03e62501f2f2c72028a2e8f343ac4fb097544a64286439dc688f3bdf3864ce3571b3950a69563971ea17340518cc8a56773aef9cf907ac4a3675d07b5983924a46136d4121a5c83211dbed3e3e531cdf7f26ec4d8582b71a9983cce1b4938bbe8eccdd50fdc437e10b89a346909bc5f74142b1537a3f984616d5dc6c8360baecf5ea49e699cc846dcbfb6a4afcdc8ef6197916aaf276a3b5944e8c44c7e0107a7fae29d3ec1173558842a0384cbbd886579846e2d523daf7fb48d608cedd5d323d883b58a7bb69724b30f7abc925eb7562b3cd8e38ad58497e9656d0815e24756de8ad6e69e91217e6c4aff74b4427561cdab79358bd40dcf08b568959014044532481398b820f4e72c3b12743a724bbb291ba3d860fb2299ad004658f6199279b747c940aad561a41ea1bbfbc2430273d39c0e95f9bbff0e56af6ff6784f1240aff75738fa325539e222b04e48b8ad3fed40fe64805a583bfcadcff866145050c0640bc922a0950f788cb824f217cc91596593b918a3bfa72e0cafc437021ca65527109f4c0397a4b42e9385a8a26d2dad7a53ba14c8936611f7c40f31854c594932a43cd50bd6ce6b19b3d09c9b243899d1c98e7faaa237269ec4a6cf4f082f11220cace753e31a0c7714b2034d141f3179cae6574583dc00f2951b3cad25336b9d8474ba35ea55392bb28fb2a42226be434fe600eb39304896a0a24a66ac0290f7d25ef2af9
Background color on hover effect
View code 0cdc01336de9627ee240e39d1575de2753a8db0feff9b3d116bb7d2d3ab100a5147e9490b8bb0055d944d58c80bb0841514d48696c5407387970c14f421e3151058f0e082032570ca3a03d56e1751e78b7274217c1072f3f656ef9ad335158e363f87723b0982e96fe7cda6d3b2e0a10bd36bc18c4e3d0309f251f4644e0528d09910e87c1e9d99ffe0b95c0bc590083ee8cb427ff713845c49b7a6ac9c19472207ceda08774bb8a7aac8ab499eb506916e0c6955d82a02c52f830f9b2225602415cfe3a08dd4383b4a764cd1d79dbab49a14fe6ddbf756fdd39397d90621ea427957dc472f2d1c14dc9e3c41d5b84342b9cb3677903389f468f367fb604e6332198f4c31323abb6cc5b7bb772e3369716c579ec9f03aa9a9b0d20aa91ba36c1accdd1fa0fe430657da879c2a06097e0f9aacd1fd1c508afa6da735c02b694ff1574fc98ff57db5f6b002606444fb0fd8ba080870192ef5f38e5bc8b0017f6500659861dd8c1241e83d7f2c4b8ddfcccc5cd9bc2322e18ffe3f8ab491c020b19b368654a8345099b4dafdf3ff5d9bd75ada2dc20953bdbaa518832a582b3bd056e6ff547bcd94ddc85467d1d535c61186e4197cbec33e82feae597b5957182bfef924133bf0b5602d1d5315b5cee1caa365a5843b2dfd178f97a541701f8e84ed67b8166b13159b08d31e3f434fde7adbef57c5c2a530227b79a265a1583557c71c048c2598336869a65da29a8cbdb6a2bbd0b45d1315cbfdca7b936b26f2647f4cc01b9b4d1be69f4c2445d9d64075bb516131da2c5e2b8012c943b4475790e848167562bc23cf1c052140731c149b30f30fe22f4c42875b283f8c232696ee3272f9d505217c67f663b79bf7f9e42d490b09f9913b239f2c76dfa907d3997b4660bd5f59dc69b40a5cff8ca8a11c661a2025e551c4a9d607d709da72cfead034fbc4b1b4e5521f7ea823a05d298608571f96448df7b704bc6216f8a2be3f8f11488fadf5b541208eb1bf47be035d97f14f89c1363834a111cb3427cf6adcd71894da2cee73bdc11d061591254a87f801c26f6cdcd399361230c22762840faa6653de16b472cb1768dc71ad90115e994d1e70470c59a4ffc54764add18f15a011dc43789b017f3afa87cfdaa01f802c39a89101e135321828ac7b9e2f2afb8f0dd9bc820e6b617cf73a00b0c8c49bb7c8c3b875d2a93010ba5d5cf86b063d6fd66400ee9d585cfc9a5cabcb4adc84c7118c8756a98ece4645a0d9c91e64d1dabc46c7282e172b2f1fa7760281649f225e5d00a940ed29240e6766c232ed3e4165f56abf90587cd95e6a6455158579f5eb773603fc5fd48b0c2fce05f08b4463e12b32a86abfa8ef10f388cfd2401bdc0620b08030bdc0509c770ceb526e8e0bf412b3dc9a93f9e8c77626e355ce634c0d0812fe962d2645b5fb41db7e66c7577eb760f54422b95a8fe6d16ca3700251e03c825bb8590a40504d2863662c82e0551de953c6aae5fbadaa5456839a57cba3fa85492f266134de60d61dc110b08b4a2947f14998c1d2b290d7f958ee90b68cc2d4b3a1efb0f5a0a7588f0d5f32c36ed3e4f42e386f8de53860e5ed850ef4655f9f4a2d533710cade19062d2e296e7490e26269daf09863c50c13a86df85c630fa9c00e25a626c8d9058782ee39875e2c0ae9440797bdf351810fc50b3a990c1d521a2270919081e26cd6ef21593489b42880a7b389d07af5c8b633fcc9ecc4d4de352db0103d7576b216e2543b79808b58cbae1f3f022ae4255214c4a0c2fbe29c12e3fe0a69440c32fdcfa7a8a5d73d13ba0937be64af8c4cd8f7e186496e4c6589d832974d85cbd48a394da06fb7800a55c7a7846ba3949dedf7eeb72e457c1782f4f6ecba9dca58e03b6835683d9c3325c4c7a9792d4bdfbee9b7076e142a74398cf96b374b543d016d81001ffcf79a89fd549e69374d4ecf4ffa76d3b1c57379f5491cc4c448eaf2bb273d3c747dccb0d61f32312e74060ce0e851f7e68faa393ee1a5a7fa291afebf02e00f3d1456a875766790d9088da9398562c6e22bde929918a821916c4ac7a2fa34ed6df3583782a1285fb20c937e4211f549162563b2531acdced521d1f0fe249bed5cea18f546eba0bf2513e1d4f92aabef456cc22ed889cf803ae2715fa9edabd91cac24131c06306f6772aae3ca9383bdb118f9bc2860f2d34f28a53a03f1083bda379f4a7e9255a1267dbab89000bc20920b1fe87f770201c568f717626286298e4cf7c1699452d98dff5b4dbb1ea0259c47eba21d72f224f9c37b5625b85fa5dd622a1ba7ca30be8792c6eb3d3cd10982659954912ce89a3836ceaa75205be822f82608bae9bf5fbcd9b201c0cb2144e3271f9cff200f82528ab4e4da70f65fe6c90ba5a347eddc534be5e6753313638405b01fbb11f8dfc612fb8206a269928b63afa30c4102926aca2f8d75679c4218a2af40250f95d4e3bce7bed0c1cacdc8830c6d9dde30dba1e01ec63dc81bdbdd38658af70d5a2a65339aa653ff95afb53e7f0619e6835796cad893f8dc46fc99e72f2aaefdb557abd77d5746e4ae4c7df46ddbf5fa3c0ca713001940ba9cfba35ad86b29ac8c9bd563b1fb7c13bbd481b052f1ece875f4049be8005d513e0d1c256212705f3185e0c94e5a8aa90340aea4354c1e852bfaac67ccb8846a04946b5f41c89ab27f1a3a94d72341074d5fcb59edde1024a7136882bb964bec384ce577551cb092702cf3025d7038092822ac9cc86d98f6d7e781b531c3ef4950a268ba467d818e7a45f1fd2e152e92a0531a52ab256e4ec5967ad8eee7ca5ae5aa1ba9632b6093d45bb16aa93b7186bc140c31392f05450a7e4e7ac31abdeb6cccf45754af294a770b383c58cd5008bba588e1e49a803d39c282471ae649a77edc5147bbadc8b7dee4518a7a2f1dd9c7be5d07eabe47baa68b0fd8338162a9d7a78f826eafdae047efd827789d32f63b77b0d3d8b3861d7ae57841943bdb3f5bfa58fa36b3a343a8c43dece317076bd944b3018bbdb511881a66257bf883a3bbf3415f54f6f0013b06df7379f851587f6065354501262ba50eaec0d6e662aa26dff18678646c1b59d2f6fca6b6aabcb850db241eb44db411db185fa36cd3cf47a0cfc3b7f6676a0e401b0529463855a2e605e5d4304126be7f2c521c46450d823ff1df83df1d09a199874ff373e6172b22289286d524ba348c57f208d0705a776fb784c24348ae997f3b6b75fb53e47c868fe93f28ad1379fdbef60d86142a3ca54ade5645ff2cb6f0dd6931fe55c16146734704be7ae975bf94233049302288cb6a8ac7825850c4ab7e5349dc9e325287be48ba36c50eee1eb07a726e4a60949689cc5efc68eed4b8e6e0ecd1dd629e43208b1e699dfb94240b33e7a4776a29ce192b6558aae6eda01ccc7555b791484c7d096e4e3d7619c93894b57cfb9af3217904fb1709c0df937f962f675ccbbd111b3f85046824aabbd0a62aed263085f0c67e1404f3b0a97b986d4d6dc2bd67dc0a9577e12ad7f3a0efca4219a68c858fd97f20bd3bfe4c21e860f91b8b488b14ce8092afafcc3acad9901a394a9e2314885b239a0f964edcd174fe9776c447774034488a0fcdbaadb606dc1ab7c40937294650582387e82df9f4bf6bb4b21a0ab4a0a75fec1af9e2cd0efa48f6dab94afd1849fd125aa95fde4e54d53773163284c548e165a77cf9ef0553cb3c01b9a9314e9ee2e5b90def0ad5850cb7d9db91691d7b10d46ba2f928f7c186c306934de83fd8dc746c398801d38825ee46c13e6db84d68a9e2a98cdf4104882de0fc59860d028e232ce36841c2c2fbdfb8f265439a9100a16d4224d88be4c273c6e83da7257de9e21a92032f135c601bd0c48cec4269c362b200b8ceddd7d8eaaa589256824065e95da430304ba344072719093cba6cad25f9d661a922f9b7d90ce7d757320fc455174c18eaa8d19c53d6d44dadc55304b115b56d46e92781bf3ebbf59f0fac60c322bf56915073270192196e0514726d2e14395b8d5c52d2464fc95fb1a9c6a787da0145a057443b261366df58a850bdf4c34f72e8f98113ca33af253dcd90639cf75f20de7bd989f675ebfad977e6b5c4f111361c5b1d7be9d2b5252aadb50ebc684746fe7be418529b31389a227276313c814a8174a85c99c982fe0a6bca161cf742d8ae52fba94ebee9ca2adebcbfe1735c6207b8178c371b6462af8e68a7c304f0990abaa3466bb9023176331aafa0231f73ea37fd6ce1ed64f9e71c54f4cdbb38b60ca4072cd31651eb8a7d61807382ec055f12f226db1112d028f0b9b9e37f519246665e68d443f6a51e6653224c50f476b7ca271f83a16d869d8f64e572f5e7194b54f8a9882c6007a5a5da9023f2bae1f24926d621cd0edc68cee0e07224744bad1b120c30a6eb8e515d7ca7103c4839fcefb85c23a1bfbe7290e58c61fac2c8ddce398445aacb5fdee887e7731f1f6e2f55702a57497e657884ad4ad315aa5d797b5ecfd4689a1b6b09d3593b7b8beb26cdd886cfd72acad2fcbfac20c460af3105d3af73de84b9abc241d2aa6c52e739d6d0d9a3fbd8beef83b10bf9b38c9a319031e2fea371e6b8e4f7ee2133c3364a5acf8e95e3431d82450c61bd124b6abaea79c30899a78ab
Cards
Cards with bottom border
View code 33d6a7a9f09a32434f491bf8817646812def0656b9dfd3626f21fbca0575e8ed26b46f4018ca42260bec82f2bd4e1c2fb30531d1d750f86ec2099bf36abb0d7d53575c594b9eb3bede2b17cc7b2fe97abf583a1218c2d23d652b904b99bdeadc3e73a5de8793a83b26c803ead6cea93accdb4eee57fc28e7d6956f6c2744eb52f8775ce751c1976a5812abc05198c2f7ad3fe82e365291d8df59967d904241d4387adb190bd2f87940006da83b8b741991c6447707084d28ab5824bf3991377ac63541f7ea5d28f6ab2ec577ef879a9ad284282c080b800909565359667e0a0370a8f7205d099c4633d6747463a4b0180430b85efc6f963a7f105e75f29be3160648264401ee254ccc7d9dd4a2a5060ce1430d3357bf53b5c9f61d30ac6411cf6c6acf78e091f92ffbacea9dfb9ea76064f17babc647cbcf8eab911e46e804d4d3c1063354feee405c1ff9fa396042e85dfa049dbd7860461737aa722635da0518b7d36138d16bff31a1eff939a3ec5bdf43bb0596b7af60309ed0e88de996b994ae1e315d2a9b4073ca570786886d93bf6903e028d1df3665d2a9ffcc78ffe52de7f22b9e9c2e22b409f96016efe2d0a6b0ea5d1e9802a0bc6b84a0b4d7311cf9eea7dc27d1de8956412d2098c3eb4e4f70ae475eec4f7d450a4ec11aa53fb96c20249dcd6cd73d2adb06edaf059d86217493eab6b14f54c979a5ab5ab945ececba94c18b9f1778cfb207470b521064ef9cd2b7309f56c81530790d76ac96a9a60d115e128d07893384bbd41dc69293e70fe0e9698c521e1fa4de3e5dbdcf9ebd59c08137d376666f292db57386385929b0468df190f7b4b37507ca9a26981eed9925983876872e2cdce428dfc5646b9620539a5709c6ee0f8949f39333bd461a2ab7189151d724039c99b1529c1d578ed936e2fda6400fce527873862cd8fb1e666bf9f45a4d7bd9e8fae404bef7ad81e7923763a7a085a83243bbbcbaa4cc025f46fb5452df34e83227d09ab2edc362dbf1d886b24300556251b3e20906762ad02ab5d13a4a41e74f89f2e26d078e11a5e6ffcbbf0b1eaafe7de01eff8242bf7604fc0cbe89fda8e55befe1c7759631b0c828fbc9a0808b118a1574ba948a1ab36a0abcc186e55433a04818d4cc10cfdb99895d027bb4ca435f8cef7c84cd03edc10839172213aa90e0430db2722a471510ba296251383da1bc812426ce5d4b0989217ed5cfe9a571d59ad2ea3ad398c672613f98a2bdc029705098bcd96c43a6888c970eeb7163d445790147fe33e50c67f74c964cfc6a063fc4d5f9b4e6d59311530d983c2ce07d650b9af775ef068fab642ed4907d8c8ffc6ca06ec6d3e19df10485cc4726412c4ec785962015dc59cc266921e300b68f0b466924bac116f42ac5860dc5a67473768b8e355482251f6501d0d11a06d4c413e71cd06ed85a675f0f5a3c3e12383f4537043c2393d864d7283c5cdb9a60ddb461e65f5ea41fa96edcabb06a6cd4235c13093386e7bb9934d6c52c65d3c8bf3effc0c5da60f4e9b438c9cfd8259e3d193a086a17e1e52085e14515c001eb4ae9a490ddc29fad5a566cbb3682b484c54448accc963e4bb5841799200b54583bc42f8471021b67597b11ed14c32775b1b8d9d41c8d6cff993cb65b320d41d6a3b9f8c86188b46f2087e462d931bc310ab562cc3e69bb7bc3c9240654e6c534c18d7c5094d3da2aa88f9faf5b2849b9b354284ecdfadf9b79f68d34a9aa7e71bce7ceeef28718f5aae289aa57fdf4c9b2b458028698c2039073d789305007d61e1b6bbf2be8e0947776f0dd9f1b43cc97564299a362d7e286febfccbda7114cf26a9933f981731048a1072831f296d504df9459b03f9506d9530909c059e696939f22822d1f037ff7e55812a35a362a95ebd7134154280d8a54a4c35d53fa51a8006c360b791e754751dfe499b7ede067fdc102a8c57adcd06665894c915ba7e69a33df20e50ad77cd23dcc4f30adcf1d120f9688de9730927a1292ce5e58634b7e699de7fee0d959e4de987672d3dab0edc995b833eb5c27f5a97772e2dc336e1ee52517c1ac99896dcff9771a513c9860d9d9c70b47631502bd3b7197c8098a5916b29df747a251c81a7b77f75b55de812a7fd7c86c15439311efa6649a2441a39540cb83c089978624ce11fa704fb4ef5fb071cdc16c309c9be609f730cf7251c3c0cd730e4a7a2b0f23617dbbbaed2914de16d2edcab82568412710774e12d3465b12074d6384ec05fbf529af4a68a01c605bcb39f9d0116862b8039398b055569cf00b67e92d138dc084ad52e448c058d078448ae4331554235c42642f37ddd0dc8967bdb65aa13a8a2f29ebb162d62a36465801d47b9c39e978eb34299be98b34c1ad02e23fa990be4a7892e0ab012fee46b353b10382181641fc02eeb9781b9c95bac1b4946c4fa0e7d0bc33176ee4043b5eca1e4c9f9f202a9bb81680bee7f207ad5b6e3d9e65adcae6e9158ef8f5b4976e8eaf125bc3748a849c0c72da9a80d3536b87d4f41ebed1f1a7cfb7cd6aed20ab4005cdd3ab5cce8b18202dcbc38db7c4c950fec11b44d050835afbbe9f77a744a27351dbe439b7911ff36a34c3894430a3657d092863823d8e4aa9b30bbd9c0bb4b10174144f098ed66574f225c16a94e67335075d3ecac974704148e63c81ef8cc6beaa190ab8ea025215c1b8d969605ab1f1ad929bfb924b48c6590ed29d86959a2d3fd7783fd72cc873ec394eb39ec14fbc9a67fdd5c41e9fd9568b1a62dccdc92e90067b403f060b9a0c321c2e7631b44a54d1ec712b32790d72017b03273fac396a1fedf16e68caa1362a3de0863aaf11b365a17ddffd9c3ebc93e0061d239253b31f23fa87389c94dbbc0e40228be4d3eabd9d7d78bbb1a5f47115f823425101d61006cb45c791aa1e200f8faf46a8ded4575da9c40c95691b36f1a6c357c6b19dad0b1334c37062f4881bb40ed05c693fdca890c878087ec78de77b0d72b58e68960de2898136c00e0abc0781661497c992ec6712e1e013958bf6a88a81a4bce32e788508181c08887913a20cba9dc7614250b3259b4cf1cca9fb46b4741be4995bfada20c7f87835df21601e4b6a040d819fe95a4e9a95f065492f3e750c62cac7a1e557710ae65f584b86a710d7ff121990b101e4a3cfb23802e5935c334c640cdab26b4c4f6cc1a9f5c18cec2cec5cc06128678044990bd781c2014441867a3dd4f7a7ee09582f8ada9d6b75d92df1d21413b2bf44cbdd2f810c4dd36247f605b096af6d805d227e6eb96284bc439f98c09e855eb4daa85961f787d492801d230971fa5b147f203f5269b85d415caec7977ed465d6d9d0cfe72b47834797c88ea9847d4dae1770c7c58fc8aa62559e24427182da0755c7270499e84385b61ab02421d643f125aad1e760dd3910dddfde0092a8e67d6ac45d15ff148d39bcbca07d4865c337d2f061798424a1cc208bc8d09dd9b265c32390e36ccf975ee028057bdfdeb31074c345f2efec13c3ed9d1713ecb8ac8cc5190e40f7c12c96bec99f4c5e04b3e4890b29bd521a49bcb3bb4a7f73d415cecb19fc920198b7e177b615006995ed0a81cdb1e2bc834ef1d3b076403170014618c58902d57922092e8629d501eb19db0b5af5ef0b498fdac4874f37622b56336dc9e9953b7d883da17d7154b57c603fac0a955c85c44ba2af69fd206b7d9806a3863885ec7d049f49f895ec1b30658ad50260839dc43265deb461850a37601ce81294b61c4760dc98b820767199c3c2d8f3de4b852814b232f983e9b3cd1edbe547cf043969201c6c2a1a7bfe9671deccf2f26959d8d0
Cards with icons
View code 36113ad09d53a669918185bdd7dc0c52c27f7d8645ff0b42bdd625e4118f885745d48a003cd3dc71010180740a919ed72476c797afbab55aad522b4f16b70c58cc8461d65e76d6ad84cf5d8f0334ae0b177d59ce5baf1da4e5bcedf2a19574dc5fc54f77570eb045d1974cf7090b6ce5e110d644e7f890a2123361c2203fddaecebb074f16896144b372271fda0b271dfcddfe69827b893fa1ae71339595ba77e79dbfb5ccdf24d74ffe74ccc3222d21ac67efa522d7574d675529a15592efb369c0865a9ab8dda882167d3254b5fa67228fb2bc3ac444a2a51eba969be31d27386c6fb6b75369656be5825f4c02bf85709227b7edf561c8c76fc981ab6eab006075be5da465dec6a11a74088af9c5207cc9b8c73e51e5b7eb7ab5ed319e50b1a8deb195b7132fbd30e3fd2572be5490496ce47071279a802ce5a1d5c150e9597dbc426e8a80e6f755b478ce49432b7752832e429b71163ec4a5f5041643fc79a7d0aaf3b6854a451fecb777722eef9aea16ee8e7e1c7c48af5326228b0f41f8931db5e4ce1d6e698f9605d455212d1f16fe68adce3c3e0f9dd92a83badef48cf71d99f3ec105f885e358c540a44a9eeccb4fac2eaddf6f42af118f1ea00af7f826699c244d5cd74334e0a3988f6f231e5513258454cfba87ae0ef959579596ae50fa844d51f1fde95be3338d9f741b63552015e101b9216a5e9332d536419735b07fcf7738fb9110ead48bdee5e13922ccc47b175957128ab8da4d17c9f2444c2f3bbf23f5654458ee3a46467ffc4469983d70613c32e359079df6f00187cb33f0b53ab829937cec281f8bce694d4f21a6ee22282b6b39a2e2fecf89cdb77a24b8e23973960b07191664db493eced3654fbab0f06eca7f4e45f35c7ec94d2af28ce209d74563628fca4976ca1c2caeedcf9e24acf3c7b32e17e5cbc81bd79ecae0a0c7b1ba9cdb8970400dcbcb8dbf19f60965c0600abf0fb5b3fec53a8ffd431a4c9935d77ed1fff5f87dd55912c9a72f2cdc200a145577472d8695910b6be1df0a1a9ac503e48f9fa3c2a601e5ff26d11dac1e9e64c51233ef2f5d5680b21e9bb006c6022b3506d34488b7423e122f151bf3df11e64d19e4235e64cb618f7f593cca5e7df732f5a6936012b5504917f909bdcf2240fedd3dbc543e7ebcf450ae8a7e26d96ce1bc0b2577636626c6c45ffe6901661bda510e3ff7fb0c26a93c93beef7de95e971ad8698e958f13f4045402458fa855a10e864a61de1f0fd8d8ca6cf97114c2b9d3beb81bb507e8cbc285fd1b993e7459eb8a55d6f466655c3151d1d51e41ca9f35e3011da2613494dc5323c552ca3a7933f12c4a181d710d188e163393774bc0dd2a3315ea2b165a380e36ccbce3d073ae8efd225703032038edd10d5cd5282a66200a3daa36143d8ecc0f49eb95f4fb8226808cf9dc68423094ec701c90e312748711f9429e51aee2715ff12cf6ad7fb00f23db4299040aa3b7d3ef9afddcf27463d75d084ce680700e4617537df43cc02b85d594d391d81469ea6a9cbffd7ccf1da99ffa564a03d84b5ce2c2bc7809c0b37e3630fe00f0f68d62de2e789331aee4aea2a6a60a2971b93df1a8409c6c55847ebf8388f97eb0d77a65a2d86120b647bdf2069de1010d22c8a34a3cb9bf9265b604e3679d2eb22af1eb82cbf0916ebfab66a3aa60fd9e344834c221786f1d6f7e8dc03ec889b07ceebdf8e33da6e3579a3e613874c08e5aeae4f63a8f20e233f409647dc43b7e379c466e577e6330c889e4ed43617d56777ffd9aac8de4b02affd02d77f4c38dfa02d1a3fd165b4f3d61573e128c469be7d67546950c4ba041749ac882d512b1cdc7e519e3ae0fc67fa0e6a30bbcb794f73cd2478b449f87924e8aef276e3b585f1a7a0126c9a50af8eebacc57c1216ba9a83aa8c7a1c6039998bf9beac845c06971301503fb104814635d474ad888994e3a418b00c7407ee67f02225143c6e9ba2a2f683eed1942724f6736b218c04841b159c1b896fb35e822e42f607fd862d9ed2712f7f377cf56b58dd6e58fcb86c96c87b5ffc90f287267144cdc49a424a5349c697f70f2ad48f2783dbeb3e6c360b98d1fc11721eff6b45cdc21c6ced2601de238ca3926ff0171ea42bb0d1071aa7b82e4b77467770d74b541e291499a2dc81ad9a7a785133cac426b785590257d9b37acbbaa14cf7c8353b45546e06e68838c9f51a880ba28404d8ca46214e53ee2bd7bee9a1a5532f61640684ee99570436763f784519d250c28cf5ffb39e28a573978c99369e749834217c5fa214e88574c4b52ca97e1c4c6192976999db8af5be1c8f0e0bcc34696337944f4649a5aa1b183ed68fe4f349ed4a10600f8a7324923058db366da999ce63d675bf85c25f477f52a71214534ce44556475518832a81d9c41c00a0321bc2938eec420e9bcf1d64ce1390762e8d691431ac4fcc8e55aeb7e20b4a2de66ad32dce8575fd94741d5b8fa53ae901b90d40428664aba848c277aaf20c6d554f76a314a1a586ec0fa9c95caa91226754db777017d685a28b8e103146baf1bbc30544d05e753d601dac822a3159dea2cb8b28a4c94be3c35b03901c5161e58dd6e21b905c03f47e5479dcfe5f0b6ac47afbe4fd26ee6471f5d61defba1648eede6332dedebc6b23317d20b7f077b596fa5b3ea795ee3fa819b88ae15cb3273c83b79fd6e8706d3a89da16fd11b7eff96ec3ffb236685f436ace2cfdaac4cf7b9b808ef259d8adc3d47ccefb4a40edccfb853745c6643dea7bd428e39b320461b6f2f198d6c552f79bdf3cdfbfa042e6eacb15452b084b4cba1fb5a4cb0a92c570ec919d81657140b21bfae8bc55488ca501a0939999df638499b1eb2f95b002e11244746fd065c8a7dd5be7eb41dc9ffd1b90723a3307b1b047cd33c3f2ac68c2112dd0550482b7527570126174b73327730848b8f4ec70d93b2046a4983afb29b850829b8d191806fe155bafcc35aef7546a000f13cbcea8dac7c83722ec789a62494b617b5b55c04d7f43f68b41b1faae87cb9b205e671f3085dec289d55cdde13dbc14b39ea7e52fb892e7c8f32219ef4b32f377e905ca803aa7703ec3f3a24314a37b7f75744aadb32fc8c432392480d2408a03760e8733a0d40ed35faf5196b0f973519ecb789c3295ad3be4503af15b3d60e7d15bb043e417824607c5730df6b2f662373348c3de1db62494c0cea204ee2fbb87d16fb72a97c75c76b71d10e94f761706d7b05a17d9866829a9e7955bc8f63625788b9983e0940d45235946850c92a24a441ac57ae4c7f0a98a4ddd28c00ec0160a61017116eeecd5ab6c0ca6234f3b0b51e9b5df255a2ab3a84ec272915d743c53e5c094e83c4aa63f0747a8020869b3a7527a41d7e04ccd8fefc3cb67195d57e10a98999d2b6d66e002dfd5b55d13f12c2f071df022404fc4b26834ba29908809d6f3d28d9e178710d005ad36f98943154278157b05d5974e9da42c6dc0ba59782f84df844dc2f61d3830a5be53fd9a724035c027c83e7443c6fc1292fed03785277dc0099db5a180903be3cdb65afe589d514a21245b83b087f7ca305faa8768285dfbabbf79c9874ae3fabb5f2ca79219418432f13bf0ad2e7f857111075ca70553be0bd70e142a3adeb64b2f2c95dcadd3b3a13b26b3c7634c1477c91b0912b256201fd1c2c8bfa8428e7ccedd5c434c58feb7b72a8e949b0adcb4d2e9c91f89d0de12d1513e99425ae5935fa522b29571c4b3143601498287d866d666942be41abf0780eb5608b912d1a709de8af69a22189dd1a96f2ec44bc59dbb10de0fb06a745a47480b3bf981b4fa569a55b87d547baf366c9f3ec175477515e7c91b751ee080ba874c57606288f0d254e40e72d606fb26abe9978b8460b0e3efcc6a39b4bb1ab50e444f4441023c5745a29a852856e96d240a8aeb660ffb1631bc8038321ec6dbc51acdeef30c2d91da7a9c82378e3d0d1b8d63a65853e1bc5ddf1142aacc7e658bf25ef0137dd9f66981a768628d8abe1d90980d118d2a8f304cd34c8356bbb44baa5d049f1359ce6de4b9211faf6d6108e5b861c4b17ed8dbe720bd76f8ce4814d1f988b334ce2a6c5333675b2b877e2db2b583ed963316b2050939dcb5faac280c811fa9f66ec440e8ab0c778a62c107622b04085a4fdd7c0cab93ccb0819d4be45ac2d9aaa7dd90aa1f654526821f3749806ef8976c278c509261cc5ed0de66e13a899faeb67b0bc4469441d5062250d1256cfe62ed841777db661a931068c15b0cb0c85e9a097cdce9c116c5af792fea9945a589f9f0e3ccee0a2bcc58b72d1688266e5c32b2c2452639dd18efd1dfe26b4fb7b65634f46fec526efd4c741c893f097575b0cd87f76202f5eb93cdafbedd3b24e214743f2b583415a909672a5487e3cb6cd6450f908ea54fbc0041d53670aa198815ac2dc4caddff4a6bbd3dbbf613a26882e81eb76ef62626ed8738855fa8a168350f18eea12f38d275f07df04c33845af9888c5e1ba7b8873844d7c418069595403c29fbb3de453150844770ced308bd7761b1d87479a549336a83e3fd572096dc2f8b715b10b9769ff19209546acfa6878cf4d6a830af4380e53c49a9c1be0379b29e338119049bc3c9cddc097137583cf8ee3a48f091f73d4d78dcf730e0ed546b42b868973262c3e9b737a2421ffcc39ccd70dd05ea61b0f5ce62d36b64b20c44fce620a3c4c3786febfeb9e1a9115bc8f9901380043a7cf31d7314c92f4280b5e8d6d037a41231d026733b047887944e6f94056c222322d84c859f186d995d192ae41b34de4bed6f35b33b70a0c86e54415480b12f1a3dc3210e7e8ea232cff30a2465a33f274049a3d9f4b68f4e226bdddc06cb0430d98aef4179e7721f35032f41774e5367f9e4c6c5f62e2469a3daec52df48fed4f3d288ca20f544286f81675172c3585c09f41a122fe180a4f6483a85246a1d97040dd223791de537d2769568ae499417a3072bd0a03c01470564f7a9ccaf856b1bfff9b122f6ff6b2b366a355040e6e0d962d1760e2749327f6be23d4ea253207af224038737d0f2fe8201e61d594ad89f043665d34e04bd90062c202504155e5a12048407c921ebc2d9af6c211e3fc97bf13133b043874a027dd4952b3668174b69b28b15523f38e388667c8b4f78222b5c1cc7b18b75980b409200b89702340ec76a472236950b80baab2d0bf5bca8fc54376e8882439819da147d269f1cb9e02bc37966addf81624d267c433f5aa22448bc9563a2af1ff788f2ac1a9d29f5c4d973f432545dd8122e3372af1c79f5a00296639c37039713277765596b362444490f40b2f86f88a6ced227417a7f920757d93cb3eb68709f2d6a8bdecbbfff031d3b30f92a3cb94ca0b7887e775c92e93f8202cb8822193c5ef7b05d3e554dd6b8ee04205a7f8bedb2c94285a671d50c291a65923b2d6ea58cca2457e8f00052c0dae89a146c0c19fce58679932b22426d96f0d4215e820b62fd9d2c6301f4b6d13b96e3c372c9dcfa3894840917c6212e432b332cea81ace73411
Lists and list groups
List items with links
View code 7aa874fcc03673cafc3fbd524aafb7ae4afcb3754a81b43ad57fb370ac859b28b828b22015f877fd84bbcfe37a4c53705e89d94b637d79451ba9d02064f8b1894b0c7659b975d41dcf3164cd587badc1fd5ab10bcf4067f0fcdf848bc88043f713a6c3472d094dc6314fabfbcd530ea21217f061afce03a0b40eb7d13ef1c5208206e4ae76f6b731218cf352d231ae8e0fe9c84c157cf2c26f92616d78995b18108e31f5386e43d8b9fb468d634287e3952e3cf3fc152674ddf2c3f2cc15caf3f4acc01d5f86249cb9b3165b9469eb5374573ca862eb5f1964a674754c61c8ec8d46e1407deb85435f5a047608d3a1342e3e8a1646b1653ad0f04ed591ed043fd42e0e34ee759666c410ed815885b8049d201c5e83376c3789d128ff13d30e103177f0d79e417186a73f4e9d35a59dc5515b8899cac14ddb2b5bf1cb7e7cd10bc7d04e7413fe563667fc93e0073c72934dd751651c4037b6e6fd3b00d8c5a56dc31521e2f10c2710ef5291099c71446a57f034fc3ded0212441a60dca367a8144fb94ed991903ba699d6bc3eafb978cf7c5712511e7d1e25a8279adba7737f8df187a4937efc5a7b6ef637e7e615a0fa0fcedcea8c34b8d73efac33e9f35f31051369a9c8aebf06d48da27ed004d93c91b69307a82ae5d293fc6945a749916fc9dfb4e5ca21dea372aef8da88f283f537a458843512eda34564594a8fb7dccda7e158f94f95141186f42e850a729b61c0de3b3f5c2b841ffda81ffefd66ddf2a69768ca650ce5b75375f743ffc91e3d1953ebf4893246bc3f1137087270086e59ac8fb1bd3a43defcb0b45a8dda250f44644d4d6066c6cf4c720822c88af2ad0be389149df73c05df21778f7bcc11aad97b75106e1ff51addfd2932f9f1c1d99a407d262cf8c876264024019cb7f327adfdaa5c72783eb5da97841a9a79e512bfb2a81595b2fef19f93d43ee7cd2d12534fbfe8792b0a2130a4115e6fa4a605036e78eba2bdf96c6a65b275b347e804b1663fd1c12f1e32fce22f8d781403ca5e84c55730a8d49928dd1ac540ca1ef81043f774704a847a9bb8f0a0ce24ec6b6fef958f3fb7d997a19c1c88a3b65d737991f2de3381af394aaecf5ae13aeba2a6dceed4400725285c8797d3241b0fb46942a946b36d9067462db485af0d6f99bd50164d36345185c8e57df64b1c43b9b27497c5b930c9167b09cb15d8de5ac717ef67001450963401f320d8f443941f49ca0a2595a3a9a2f6af2c32960243c208d601cd6d0d2ebc15282177c6b3fa1c15bbf36b96631474239de3f26769b05ace45e0a7935985065ad2a849859acc07faa09e48bd951b4be70f40798c967181ced298ac0883173edddc7622fb22eb0ee24a1d9da891a1d829b5308cfcf6eed820590ad591a76d356880463047ecfc1c3f22504ce349fdcc0d921d1c4524cb3f8f62394e0319e0e5bea6e3b7145d936ecf7b29650e3e64d688f15abd530e828fd37a6d151d0ae64f7c1a0cff9e3d12c7bc9efcc2510d5ab2fb74a730f5e673ef87230646bd9588c2f58d17ff4051d921a407809acf5ed5dbfdabc9a2d29085633c767462fbaff37ac72676f17846a87190fc60f2423c74342916a78adcef91f6fc965a96e216bea070832dea10819ad79bceb77874dcfe42b3f16161003d2e4f4cb5bc166f6629a8d4a3e0de15e0ab88c9fc07c53eb191c242a2003ade942583e8f450d8c706c97f5b9ff158f4e6d32cb54578bd945aac53720776f46bbdd059d6b349bb5f98fc00df9bfd245726c6c5ff3dba68b4e61371ed3530feb5ad8adac86957d943feea49b5fabe6b091a97c55c7bc7d65cff6fdf62aec8d26707c4c9e860d0a54657cee32e8abfe09606480194b2d11d393084caa782ca07c544401cc74304d7ce89c6e87aa3643db6d38c3906448b66f3c08f8cd942175138302945be9e648e107cd33fa7dc79bb728d4277b0cf696a6f3b585b24fdf91e1835b31a92d84990733ebe9be46542776b578154c4363c4b67f2476085ccf3e8a82a0002f7858b95f9a0ba6f1619e70ce1544018e0b34c0208bd22375c3e1995d49f46087cdef8e291cd2647696c4b1a567e0d549930881da1e278f563c0ee92c95ceb3421288062c5e1d4b395672ed99800f4a82761974ab3bd78f089a89b1b9c3c88bda050c8192fcce1cd08efddb327135d8e9ab0a7fe0018c9d25e4a8b1240056233cdc7dbea483f7f51a259a03811ec509fe0a60bdfa4d2eea0e3e36d2f567c6c7d5c151f38b62802ee6d0e57d4257915f1594d5bf2ab163d5c79ddd2416125151048d05d6018a96411d53e6d54d956ae924e0fb733da4b2b5faef3c8cf19ff8ba52f9077af0badcaa10ea128635156f5a9a8a3cc5447a06c0aa698c109c2c69ec1fd4140fad2cec59c6e506ce0ed5401cbfe245ee6b881918d0cf7b9138c3f9c4da9aec42a2083b57c97a1eaf2395d4e9089d2b3730b8ff738f799ef67fcfd7785039755a67181acdea955ae8e121adbd6ff3b6d7e2b60642e0793149fb3f0013267c7a4a140b42831a1a811545b9e5ece3fac634e5cfc720b257ea4c7447a299ae274683d562d484f8c7ec67daac89737906b25dd4d5a5de0028c51b18a15b3b12dffb938a6661db111a8fccbc90154a9c0211bed5409beec1a04ee20082661045d0806772d23ea2f5e8e13f3549706e8137ce8e4187658dc14bc6771b3f310ac26019d5e00eca91dcb6f7bbe1d4b2b54ab9f44ad13c780b2da0f8b5278fd7727ad422e9f1cf2a8e93d85b20a3f26f095ced50add6d1bb82328765688d97ec492500ef6f6b162752308d369ba34e44b3432f7fbe49273fbb18504bfddd1285fec5d8e860ab14d8b7dc2d983d03e07a7664060eb18560dae66975eadc8c44aa30f2331d3a06c053ec25db6d0237f11c378b8c0a54355b3130ba389938e704fe54f1a1203360bf736d168ba92a051d1f87260e198039f9664c30aa8d0da7263a79e7586fb70055ddba0bf90c27561cb0ee75841f6de2c1853b9300419ab4cce2335bbd21011b0e3660e6caaac7e9d56a20b770405ccce697fc3e7416e942c80db4d2da35dc59fb8ab110c6d0a9e29d191af4da46be2adec887284ec20980ddf4f4fb20bc9ce312661620da47b3bc0c2be4557f3a215be4969a36e25955e47f036638225ff6d0e2da561da3216bd5b67d4903cd74a93f144988e131c22b9d9a1cdf9b8e9681e4b56ae4592882e1696e319cc7a8a11c8373bc6c42fee50e4d4bc0be9c24d837288fe63a72078da1a752440d7712fc5fa4cf1908ecd05dfbbd0a271a37f483e8deaed802552245d075a52e35de65db7208ff7efe2eb2c9069d4d2c5c976c81511dfadfa7d39a4402e347fce1078b94e38470362d439b9d67906b71a0f3ed2b93ed54530a6590fa72f1d68e568d135e135cf5deb219324f83a15f4b8945892b32dc51f12da7460716ecaa719e931fc134a74539884a70f5c71f697fd91dfe93a5a535c77c58f6cf4681f53378e25246f4b9dd7a20c6d090a2c94256d00dde8cbf91a292bdcf3d4b934bfcc4a6e62ecce164ec9bc44d5c3fbf30f888f0ca10e75b2633f5fb7b0851bd2c7b020b0d8a2cbc3db9aaf8741a22f1a84d279eaea8bab8b11ad05c5e2ed40bae67bb600f606c5c51898a4304254364a4a500e3d92b4e62dacab57c51ebc86943e8eefd2d28687823d8d2cb8eee0cd20dc49c5dbf1f24d4852abab472eb2e2923e15479a1246602e8606b135a5f9140fe00d8f6e15c1659b8917f7b8ab4da857b1bbeac0e20d1cbe0a125e1f3b30812bdaf5d3cc6b01a9c4cffb3469b2e341d545c40e246a6383daca0353e5b84a83df5f626b4a69b735cf0111c604767023c1d27fbad09
List group with icons
View code ed3c139683c5f1f5b8309a793a85f3050721867c3a2d32e95df00f8d6fd8725fc4cd3edec6f694dfa9a0f7efde2e10c85df2e2bbf32a252834bad38e488f195f3b008b558300bce67e0b92c872554496ff549f0e424a422be9c1d50e51004af3acd688feed28b5190e340874e0307ffa7e27214737134732d611fd2ab12b8d22d17137d00df7d88ec0897130f08ebf1aff9bcf10525cd46d61fd53b2ba6e079611672d81d61554002d2b57440f2ed11814b637c71401507f6f299af1c0e60fbf380aa1c4c749be189579440ec8e0efabcc72913e3c1f035fc95ce5731c98cdab5185eff25b4da7de3f2378e1a220adb52bdbdb4f3d697e86b83bedb577fe63ef5f5a4e149ecdb07f55bbfee2891f50641a189688d21f07e5fa5186baf1e33b5fdbcd637b2aa3331b62ed494bf431d90996cb83cc13693c45a234b497c302b888bedd10e7f0912cd41e6eed116dc01061b6b36cbc231899b54ba26e1c50d6c2a043a3e0f1cc72158190b6253bc9beba7e5fd32ce72df4e8e716ca6334f6411f765050ba17c0ecdfac456359cd445fbae0f151062f0810f8a7c22e20ae2f4d7bba9c4cfad3fe0a14617e553bfae1fe9739abc87c4e636e63c941f5526073783990ca0ea534ccebc5ae3aece8ebeefb9c92fa47d83d7205f5750310474bd3d7bc3ad3c8539db7f5bf8a02f62980a5055ec880a92d48b35e143c689e3852b14c41a19c642ccad648b26322d2f01cb17942ea444dbd8a244ee7057ccb7a6728f0e8b7feeb44b46ef7df9b137699d285e94d0c70015bbefcb1690ff8a2210f276788cf6f6d0c1b668fa3a0614fa30b916eaa76f7f390ffba9e5759b93c8ffb67e3be378600308324728c84252646f1c363403cabc19d986f7ff32e44c711a17b88d2c25e38a786dab0d41583ce0ec59dc863a7dc6ea2c53df0e7eea04f4ba3122a691dbfa212d6f245343f09e40bdb1da108fa1e5d41461a95de5339227626d67d7ef5cf901139674d9de767e9892b8b2febaca8fbbaeb74f924c0a53e0f85190575358aba6e0948690157e9da4a19eaa02eebd9f34962874235bf7ec9c01f934ae85ad340f28cb1f137f2358f8f394eac0a89a467b4095c3d2371c73e0c12a0648530d28e1c4a3039371ac91bcdd43aac9a408bb0ee8c52ff328511c29337e9d0189bdd813b8d569190fb436c48a9403884894883922521404ba76c8715cc3c554aa889c302b47f9f4ed8ea7a7fb98c74e3708b93c27e77e47532f3f96e246b7c9ef3a31e61fb8d0868dc78e178d77cb36f09ce65975c3f3c9b7dd040f470a8256d0e57848cda8d2587379f9d2133936d5aa47a1c81db9d50df16278ea1d937d8911281d920f52dae72e2a9d70a43c170880b0f5294a68dd8952d08d8f97542f465c59bbbf3fcb56aeaebf7cd9c3bfe894145b6f74eb413cc2a1efe6a99f6d017cde8d73507599bc6ac44ddfd8e987ad75c1a379a9658a5aa65cacbe83bafd31809a82ec13ddbae1743837ed10f01ffe1a392ba57ae2921c4f530605a3ea3b3f47f6be5b513a7463461687a7f91e8de182547f3ec32fcb3cf8cc04c873afa4ac8b7c3cd5fb3fb6fb73c8705b2ba6715876a46ce8f3c8d57725ff10dd645c285b1654f30f14975d815f57c9e1ba84a75015d999ce7872c3fd4c9548cbfaddb63d7425acafc1e9f29ac7b92d80019a6a09cdf1094ff55e5963001903d68bad4aef1ddb95757c002bd18cd61c98ad07d0798caf4b73b0315d3468d506ac1c9f0d307fcd9ed2b0d80c147f511618c1e8d3e25bf50ffdc1cff44ccb2c05febbf9f30b313d3bb66c46e4e8b15618d16bc86eddfbbb24265eddb0693836d086927511b16e6d858b80b20c79845009bcbbd80daaae5d9b0a390d196c4b4dccc0e59032b5570b9b5eaa4e5eff10179ed06c3a4ed047e987cb1c5aa73a4f30e8b25d78be70f209cb4731409027b019771856690fee89d883411b3a9b468a97796b4f16e80f6c3ab782526148db3d0f7e84ef602e708bb9966adc02a825532de53a48e78ba5c3ec9d80381467b5e0e366494181a6519f3a70efb888b4b5610ced0c6d1444955d1cb2641e8617d14d2e786ad513cced05ff5f581903070162cded200821fe4d3a4b43e35acb01de1339a05c4c5b83d93cb4eb6989eaf280b00241483267e92bf2a24c08154284a491d704b33bf4d0c3f1e3d7ff08bf9d8e7f61a3b573d7ea1c3963705fd96a65a336ad245ca0efadc0408bbfb1f813baeddfb90e2a0220bd264363ed0fa2489196515d97f140cd6ca310537351b9383c10334b9bc005cc44a3a2881e89ffa560baf6318486a55ce1db07e50e0e24aa0e8445d4e50ecdfd90ded93d72a153ba20e2de06b1cf134e08e851d2fed41cefc0095340e296fa1d91a0bec44a3583533a365fcc24829c14ab30a8dd752ce43d174fa60d2db0f678c92eff4e773bf269235050649760b1ede94d776ea4765accac3fd481e99bea414b6426108e9a2dee44067be930cc021a192d6586de6d21c7350f3a3201f2e67595c035537d7d69de19044f3bb890cfed0c923ca2c972693923c11d2af4de131eedd3946762479578298785bec9737cc4e27982f292b765edafbb75e1ce97fd512466035373ae6fb2855da6866371ca9a5c8770fd05ba0e168f6509fd815fcbefde09a6077c13e902c16294bb399356989bdd8caf89aefb847058efa909ef89f4861efdc5d0b101bdac958b4638f66e2894a56553ff475167054e582c8a77e182db79dfd43819e8e8e727a4f5c504fe16cc06c89e76cb40e0c8b5b7c551271ff42ca62ab64105181ffcfd0820092c22cb90065e4999120614676a1ece2d77d4f5cf78605b832761c5ccf74c3eb508c71afd59fd87c0d65f7f51043a9b91c88cd9186d935d9489c46b6ee5c74b9ae96c1c3cd87627c288ea78528bea564405e76f0c51172e0b22fc7df4a8933dc6868b0b3993a3166dc97654bb5247544c1bd4bb4b90c339118a090c08da25af6bb7c846fd68ae8f09f27c976bfc3ffe802a5a9729992d33f1ef4da064f5afcba5ef22cedb52e3cd6a900c9dec79e40ef07958e556a1f4ca2b45036c43c86209e6c99f58e28839de9d914e024762eebef11d1d6e17913e4a7cd738492c042629f40601d62140c9b20dc4f2a5a1a05834581a8e5aba31fb16a9ce25db8d4e9df7136dc5007e7245ae1ec7d5ca43d609d94f0aadfa9f06579d1ee171037d725043a1e4a017d7bec299508754f22748fd808b43836985e414add9a3f4e9ca1568781baca0a0da66c2f149d189e7fc53a8ed418895e50ce89054abde0c40f2e477399af76bba0a45287e1ceb4ba99bfc19e436038d11abcee5cf760c2eca101e67a7d773c566cc5f4a2463a303d4fb633fdc8cce6ecf123f3145ca007478113f74bb39613abaf1f2e8b4bb8d6197b3b800f6c662f3a531a6402fb07b1eadd1243b5823c59db9078e3a6a7ea35807e6d8a686d017f6ef68ee19c72ec54f0338b1533818fbce9d7d433fdd0886aee56476e923782cf5e6be49180dfca5db9a022283e239f388f15d8b09858c1d996ff2a9f005235f03041f57ead5b5f91cf4cee80eb14fedf3af52966b94ac090d3a840d50eb100842c4cc23a9a4259244a0ee291932d5c858384a3fbaf9deb5739a12607ae40d6524f15d51bb94b6057be15e31c28a1ad29ab03a2d73ef2609969ca4daff3852a0e2bb23b2dd2056fe4df75850b217e0291a31da43d1b83a9006bd906ee5e1dabe7644ddf681b1324cfbe92ed4023b317a59a7edb71a521385c87f6eee81f80e8c8c7aa3ca0401047a95a0f7bd91f96ce3087788d24d756edf3cd58fd7518a49777d8310830d9cab4624898c06e67c5bfb6431837dc2ff845e222a3efd596d18ae08356d66a48f0f9292f1c92dacb029336de1e56198117ebf50442e3e6a58aff13c5133e827ed3567835893a91dabb397eaa721bb168e0007dec8ca4a40b0a01bb50611eed9ffdda10f66ac338bfae216238e0a044648fba8bde0bd9dca1277e95f83a23767eb7ac07252456362d8b19c0cb7db194312d54692f47e46740ee2f25c1d1165c59d81beeec4168b7032d976af35ed9e89ffc571a3ffed7eb6a80f2d80b7717be819a1227983d9d65b5c074573827d5bf2d558487ffde367d5629b6431be256f04528dd78f20f398c135c60eaeefe1c9912a2a15d5ace29a1b8578daecf90504ed10653968ed0092e0ba59b9b114bb745a03e0f686cd389edac259d932c82412c0a1e694c7f8073dc4e2509995c41b20d6b35ec83175389312663edef0be00021f4a26b734b5d77329c3d3b29e7eee81a99c20593e9937978d258bfb7340a7d71bc01fe0f61895d659f7737ed85f53c501a9e3e798979624f8d3bc19b9c43ac477fae1a5f5cb3fb13cfe6a5d7d151a3e4fce3801c969e386b602dff67283e6af090692923c344861e92e0ccea6f383af21d1cd37be0f682c6de3749f006f2c91d3abc9a721273df3200af44dc393f9ce98761151d3e8ecfbf997bef44710a35137ea80fd97a4c8224dc36e16477641388d0acd97ef2c8a13b147f00376dd63d256ac60a2c445ab004ab7c944f21327f676ba1b88a7f28626dfca79f70fb981f8502e838a625880c76b2ee93924c0cb1f8f023c7b6332762f7491e9ce9f44095b8d6d3e2b32983987fde58e859a007221275dace9b631d075d9bba0622e53d659936ba737d3cbc8d14636a457af55f62a88097bc0a881f061d64a32962c4f2635da9164e6ac51dccb1958e0f5ae794950920a9de1d356ecc6846c4936fe8b6ef2ec7154d7498eeb82bd65bb7a1c28efad1da45ecc73295b2d558dd1202708ea2cf9268c3db1f6ac8b51b3b579e5b8a55680ff32eceba50ad213fd0249b3c3ec5b369ae77daf6f0d9ecbbc8b1e9c5590ad01f9204016bb93128a43d8d2a64d289aa418559d76e989a8cffaa24fed2cb25f173339108a10200c9e9847445ea5ae0bbb76d5d80095ec638a64299ea47e7915a9a291409fd0951a75ba28a53f3514e27a8b8485b14c13402df85f55596fab36a8271ba797c155b8c87355bf118a97b5102d8858788cf5e63a6717596f1204c63960cba1680daa0989a7a885d49bd857007adec2c55892be1fe0884b9785273b27e21943c5ae063f9e0003b2f08de609e4c38cd72acd33259a87f57038e59274df5430c7fbc48844cbc014653857d43b4d17c8997b41f639810211083cd4c4d8bc0c90e736b29d4ae690ff9eb53bbc5a390ed1d6610c95b8810f9074fca2f83f58656e96a27cda10945516364ede81e04167279278b71154391af780dc53e5a87efe4c33593ec17f64b534f68655de6508bf9b1587256a94846a70123f640487ad7c66d4ff86b2bd819e1b9814bf4f1638b8425922ffc0fd31d2afb4c3dd1aaacd5e1e9ad03cb176a1e83fac4927525d71e659db382b75412c8d75495a4df332571d7da5e8badf83404ef897369396191903218be26398154811d294ba5142421012f8c5662e3e49191ef36cf61f0c645d73b8bda44cb0e98a3f7e6169373bd9854be13368fc388d78311cf2b458efbd13a65c4c42dd5e79af810ed90435ad97a7270352dd87bae736741fa7cd3004dc400cec93ade6af76d7167caf04afa3be3df15d0f2f5a5a5d6cb0cb8af99b2e44d1024960e0715137401ffee1e29418d5ec847dca52a3bdd25fb64a0a29fe1918b791c0a0177d4614b7e2871bc1feec87a815dfb38841c72f24177a9f979212a3293644cb9184b43ffd826accbb785278801c56f1eb76744deccb18875f8aad45efb1fe84988aa90f79f52d1ae3758fbe7581f57ffbfd67e93fab9a324eda1b0d6dcdddccb19a1e714fc5d40ff932c4dbe43b9ba3a670ce30c3f1fefa2e5d2d2b97c18d091a963e1af9cbd8434daebd64d180cae0300c8f00ac4fcdf570e1bbcac0b42f00b00bb3655e423c9c5121762918d8b05d0669f4bdb2815e301ca8b4409b97986554433ec362770d08d0b5490bd524240bca253fda6e6c97433e29d7a7db38ef87f698e0201b67a95f45202170e14a89381d3066466230da1555cd07ae1f3b3125132165afbef27d6a62b71d35f0208d877fe7991ab5c06a918d7787ce0b911df72513c81f306756221eeed233fcd7cece82a3e10108a6afa5cc21b92c3c678c3110a858bad466f4c0ac74978b04a228c1f9248ee311052a0ce568ca7932ecdfa54f41094ab4ec79289be4b9dfa63ee1fbee4fceaefd9f00f8579b7f33c867f9eb5cb620b50bc9e0ba7900a1c8d0aafa85066e6b4409a4b31ae55b834642181f4579771e511a782ae41da6d1d349c01cd6a6a3746e0800ebede8e6d82b7c2faacbe4142da58af5ede2c2c74aaceba3ede18177b5cd8922ca80204fede15a131a4a2fa519769ba3ba88fef5e3b50e8e495f3c28d5f306a289ddcc316b95ccb3c135c892422a65f66db9b83d6e19faae0d8916040eec144b18ce52eb692f6db029952a2b5112883edff317714a8743f3c7e7d96c69e450f22442581bd85f43b8eb0d9bb6dba754889e5e99b42f194a1ce
Tabs and toggles
Categories in collapsible tabs
View code 7a58b1cdfc87cc4c5b0ef9903ebc4c0ce92cab2a971235b4e5d6fef6c58ad1d0ed09972f857d118cbbf7ae7a9b4f3c9ca4d73fccd3d641c1b04bda25e9d376613fba2c5d33cf2138ec5391e544a49547bbcd2cd64b6282776d4626c8f1979d9dde16237519d0e226e7a649c9dbf6395a93694ccc5b6b783dec367254ebf9761d0f94f8334c5f8b5a849fed1f2ecc9c6904e657e35c7df10d1968075cbdc75be3e5976edea3d20884a00dd57f115ad0259ff928d829e08af464fec97447451dafd8c52244c8c9c566cdff37018ca30ad8aceec4f14d7dc7bfa577ff4cc45f1d8d0dc619c587de33bde6ae87c711929f46d95c2a5e91a151d4a004f5aad5715bcfb43e65d2727bb2ccb779339ccd7f1849a979ccb42bf9a3db18e4f50ac5ca409cdc7bbe5b4362222be2ac5076ec3030bac96a56819ff186a908a8f6ce10f8c61f350553683d942426bca0f604f058b2d405147a6ed036f46e45914945cd751922e7ecee3263734ef1952e36ee8b317623e457000f582dd9aa5958fa342f308bbf3ba4b561c1f11e8c97e38f329ffc2cf02e45b7491e0f5660c40ab983b5e062a2dfdca68f16c923406925a5a0e241181519c0343b1a7b33ffdf4d3bfcaae6cc4ea2363d852745bd334ee7162e15693f9c68604d73717e6135bdefaa61eaf7a964ad4f7cb97bcc13e334ce21958b00f8b8dc65ef5220c8d24e453047afe8ba604a146c4c89c5e39a3981c147cb62a66aa1ea411c7c3eb6a705ab260d92b9f66e6750aeccc36f081ab822444d82a48fca14dcaf20ffa1d4f8a2a961399b4cb89ce89572b4612f4e0ce622b02896b985bd80278858a1da4495b992d5e7f86d28ad2cbcefe3ab79fc366dcf357435f79eca82daa702f0b89d48088e70fc1cf5d61b85c8d9a5efac26040963913a7ff12b9e480c36654c4e2c7d02d1d077ed9b3ee047dffcb621d2ba6a2b28f1dc51a68cc4aeac1494eca080598b332a993ddfcefa05a1e1c9342c0781d7435d2222d2308c525634780028cf7c93bc90846ee32844400a19b531f00f8fb9c5fb0933076b7cdc07d89efe785fb693cb4f8ce1e4b4a1c2bce31c00bbf3fae587a0adffb55623a3b8755b673ac1e3661c1e5b585f2b478fe86cf132121ce5c5a1ca54ee340d00fa7a69488a59b639f9e7245754a1c53ac8c163a525eac4ebe65c81ee6eb88075a2ff89df76ccfc19a6624b3e57c845c91cb9aefb048271c93540710a8dc046ed8035926b24f10893c8856cf18cb1354ca25c5b79619a3c9fe3f1fb3c99e8d0a51980913714a7c13c9b87fbaedbf6b989273c2dbc013f24fbec4bfcf5bcabf5c0e676765fb1e1ca7c1f1cc6b7e069fcf524e5fb4ac3699752ff047b31298887cc78c2039de40d45557a16dea10ba9d4cf1c21f1412f675d122a9d21251a95aef8968491eab0dbb3757b1e0a63470945ba7ac83017d60f95a3c604a2a0bcf869494b667ddf53be421787148e5c374bbdb3516cc35975803fc093bb9c6f32d09bd930f315dbc90c7da25703d870f2c37fd393c723bd6b2f3b2f712d1c84b4601a8e8122126dda9dcea47053e32a323b3aec1ca5c72b773c6bed15bd1120d8f573a42810cbf08861808d8df4229303adef0fe64ee561bc32ae7eff7ca2c554e43b39380e6df21b3198e524aca8b0be933a46dd6c37bd788f02e243e5ba66737c457a966291ed6a7197b9c2da44b88c1488af10318b92e4a7aa50a661b70a4bb5d7cb1c73624d56619e549e642243e26e274d3b0f27cf94165f65f0c5d938a0a8d25d56d058ef4326ee14b90401942b1d3b3bfbfa04fb7c2197533e2328d7ecf1856bbdac13c987d644a60ce92a9d790df2521db8c041fbba141c33444eec2b25c325d0a892886c5b36975324bb797c68958cefe8738f32a331f5557b29b48058fe448e49696b9cd0cca8740723d264fadb5b6a955c3ce987ca509b5eec325f084d234e9707d10249cdd69330d4c1278b56a5c41f2a41911fa4037cc59a5bacfc6c4402b04199c4cca69e6544b14727ed5e8a8fb589c222832561ee24bcc11b67b0f9272b0a6f7d8b57a3adaaea91e8140c854330bc8422ac7a70476830561141c9d0afd02d704d6238f382dc86a5be556881cf1a226a14a5a9c817797ecb169146835bc0fc352fcc2ef2986f9541f59ce0a49445a92bb39b447c1c2134efd8897883321854ad30cfccc35cc8beba0128553528f312f0eaa637c90867f77c5542e844c60b4d6ccf2900af9987ac5ea417b6ed4a84745ca2bc25f20ad5e5cb76fef2d670bb301bb8faf66b5ffaa8656d6d2366d1989cb88debc61904946247214091e5af2d30b4763e1f39dda7e0fc4fefa2da0e95f1058111c2e2c9ffff09723e6f10896413ad48fe0781ca109e354502e6eb0136130370edd5c013967963195783e1a920b25d31573f6ea2c9f856e8d72c86e4c7d9e10ec59f65af5b1c6dbecf003fa6cd4f49c2d9eeb8bbd486f156667d6fe019e1d48cd5cbc37a05d5587373512551407ee4a1c4f1063037121f56e8732db65a7abf4f7f22fd9595b136f2c3433c81a7560a2a0c98648586a38f450268a7f0e1ba696d615b3603f470b642321fa47383651452d73fde667043249269fe3f914602669b7b5329788c5c1b7d585139fdae9aaf689aab71973f3e503b5b2152d2a74918ef2f39f3edb2f5daa210fd06bdaeac9434b47b69f0be4621a0a0f5f39c38bbb1cea01d6e24ce01d7689e673378dcbf276eee08b98f4d7b636cee18212c21a49f72a1abc1c8a07e273eef2fa3e6241d5625bcf550f7b130ca270513f86d02864016b9bd869bda916c9cabbf315f0494df0ecc84406a16d9527e4ce8f837234c554a5a6c5cff4b2e5a23f24f552add31c1ba6871181070c039735a046d8bf9ee74f8381f9787b1ad26cdb803cae67b2a584ca69e89413231c78861152410461cbec209d11d7cae74e230d6192baa
Categories in toggles
View code b9bddae51b76dff9f9b18bc5c08912cbca6d0c384bc0ce95ea9d65fd0392463b4b7e8a1fa8849c843769d9d9a5426f86db406927fa07eef7b90b84ef85afae5af273bddd9050e355c19eeef92f0ebe90c2e0c05a369eb637748965c679defe05f3b75a30728950bba6cb67596ecab900f304fb57a4350e6b589cd3f95b1b8767c6fddbb04fa2bc1c6e1d2d33511e2c652318f09d8309a68d8aea1967d73bede3a9c56740fa4938bfba0d5f7466ee32f1c64f03cece4ac6035c565ea018981ec4484fde960be7a852a5878b1d6bd9e97c76f0e09a76a22b88d5c3df82e82ccc3d26a028bfb8e445f46db25f1a182b1ce4d1e3823acb618d7b0328a5619d9ed224c5388eaf6e102c98381bbea3e61358057bcf00beee13b6e6e2d9e3c88bed2dcbbc8f1e39e454f980aecf3004c00a64da43c03a964422eae9a0a23e8f6faab985274633f6bcc2d8b6f038db1086cd073542014a889327575b3a88b6db08e0452a10d6a75b20a37547155f245722a2ed59f82d2b8b570e8cca1f45d3e53301e77d8c5731ec11713ece60f14bfa1e61e520bd9204dd1bc7919b3a295ece0452f6ac229199a3451ede6dbe8a8263894e7f83b2947417b6344ac03f1cbfcaead0d177ae517847f7c70b6c21c232db6e1fe5c47dcacf0bd4373abdd43776b622e7efc15a129f1ce6355328facc524b5077bab2047972f489bd0abba4f0e1ecfcc1eb91811a353433a28ead0f64b5feb496e9f8f12bc64c9885c2f4fcffd728986a02a122f7465b914ced7ca12de297c6324505a9f0c5499032e66e1ae2ee6beec1997af0a05f44f3517ef0b0b11cf4a6edd390e8cf71804599df99fb84f8fb5a4de3ecf4a2330a256a9359a6e7b4f549658e10ea459976ce6b133fea29acfc3206d7b39c018f7d14b93c5e2f48b14cde84be29282f0efc5bbd4584976fe48547f6366892c9b9d771596234fea0c48e2a2684810a1723b5edb5ece2ed86b281205c16dd31f6254122ae935f4d30a50e6a879995f467929f37d96508b00b5bbc2b3b4205b2f91567d87d3d707f99331357e8835b5142abd51413b0490cf5c85a1bf4c01e066e4c6ca9773a9b5becff378e34af9532622362d4c1180ee12882f39ba7a24d0321d392f7a36906c85046bb2027dd3b8d003f9b340add8bc95956fd69d333eb4aff89fbd9c2a705f4eba2ac2bf939b85f7a1ef467fac3dd1d9aee22a49085b29aa9317b7edf14bd45bc87ff14bac149fd7719d586ce8e89365eeef383a54a4752c8e6f90982f3dbae9cf490d30db5ba7c82cc9fcedc9ca338fb715fe6e7d53ba87ba242328d9adc5cf7fe45e824ca465d67a2f5b449149be1868ee5d8619b642274ae4579a49df2e40ea4545b896af5eb2358449ff6441f2c7af031234bfdce62886544bbf5701900881a71a30fcd370e3f15e8b6f16d6a1b477b7e8f5d42cf4ea1321321c3951542c019e44d5ee892105cbcd2ed04fec5dcdf8040b47f4f447b37c8e8ecbe09341903ac7f490a0c14859eb64a950554c670066c52d8ef9376327f76a989bfa1f510906eccf5a4f51efb7255d20aa2aac8c457004e70984e165efd21c0fc04f12dbae3d1deaf76c9b2dc150a505a1a05b4ab6029180278d8ccb466a57d0e4a9d755dc5dbb9532833cfc0b750ec6121cd5e6302c03d5230282e4c5f15f5455b5a526243f8d40670bac6b55d6e971a36581eff884a9aeb4303f566b574982bf2acf9017c0935ce4b95778403805f429d23c4259fdcdec1f44b29946fa000c40f2375ffb7da8038b14e803d2a5c4461de1827e0fc1cb178220e46b24cc472420db1fad59fd7cd3fc00156aae989f7b1bfc445dc0719d7cff4ac16988cdd004a5993437a095327a082fd9a31e3264993fd1fc5f9a3fe48129aa79e7bdf1fb1d8e28630fd2e23558a1f8419c69896793d666e60b5ddc6a03eb10bae2f326fef17cba317f2d8b864a60853ec896fdc4f2e8543762e8b6938fe3eafcfae95c6607713f90fa9ad475b46b0d9ff4058b20906c65d7214d0bc41d014a6b7205e7c6b30d274f478f9abcd22954fe6a68afba61273001abdb064f5e4b1d5792ebabeebfc133b8e589bd4d973564748460a916657697e5818126b97cb82baa970e955e716fbdff3703a143f94254727a4855aa057667b3e04614b4336f63dfa2a10cfeb3429660ce4c8d316461946054a96ccc5521619c04f568be607025dd5f6dd846f0cf5aceca22b0ac466185604d820ac85847b6c4e5f5cbd181565f9c52e2f6a20cf1cd459a4010230652ead0418a3c89d518874bd556dc51136293f0daa4bba833c62edf631237579f2d2961152e3009e80886e95d696e1b691a7889e54a1f932c124693a2d5a10d498c419b261dc81017e0696bc6d11c77fc0eea3a21754a734ed609b34188d58d842e8285231c744180e9014f2317aa4edfdb1273bcfb3f48113b776a05802118588ce125895e31034c3acd1118f15399549677633029926613bbbf09eff5c5707dfb22d24bc4d0c66b7c32d727f83c44ec6d4ed96faa756f3556e1e064bbc7fd0bb8ded37f89e24ca0b9c735e8d9db5d10c64bd8c8c5abd43c529f2314e3ea31e242d87a00ada39da953e4899bf6c63a99ef58841a8cf35ee574086e943728e7e2954ce0c28b70c815e70daa45287417826fdf0b1ba14d5fe3508ad0c44086156cfc7cd44afcae33f5efbe7ba19c4a2ebc63260687d60b44ecb8930230b60a29e13f725dab0d659a6041b5546bb20a64d1f38f43201897675e068cdb66d93b8c1e861860c412036c7a34dd13fdd29155f9a0de8f87270e30d6f574b446c354b8c8500f6391e83e6a972d42a72a700c9b19bbf70bd5b41f2d06eca5f76811def29155ee6043b5646d88201404120025899cd8b87efebe9f264a213fa6d1193d8ff9284d64146d695c18616e8af1649e2d702bf98a770de8205f089674d3fee152e86e7afb9b683925a15344098fa41d676fd1340fc30208e1c29d007868c847d30e5e425823570a788a0f500c2c27a921b31b1f0acfd03968b2c0bc5524a1e2d7c01a44b4c277968adba25c7dacdc1c5bcb0fd3f1fa278b361582d9271994ba5c9cb392638f4f4575cb69f41b7a84eba07a5e601e0fcda504d5d57f27b36182ba9f719a1bedf21600b222568b8634f83baf33e510c9b6a00856a4b8b22a5f0a156d06f70874a776a486b3b80a8cdc51101b5c8b2b3383b179608573bdf748565622d0b99e165c4c4a384d6ea3ead1209ae0ecaa17a61b8a38a6e4d5f20e5015f9e205ee50cbfa5ff997dbc873de0bc6a96ee3f101fb78d0e16b82b3c4a836746da11d59b764299e8599a19e041b34f301de8f46df1005937dcda660adc6c3ec95c4b4ae5d3358826a055e3e1d24c8f25ba967cd717d513d4a5dcfa87eb9e31b90480da5f667e1c5538699644f68450074451f75b20e2fc558f06bd707ac9fe5737ceaa3b7806f6bf7366a71a016a859ca148b02bc50211d565290dbd55f3b292c45cd2e9d2bed80106be535f2328818cda553a35195324502b2ca243fea4f4557bed0f7d3673f21d6c852ff00c91b48261ab2d1541cbf1b0498fb965e1925adefb6ae8c8d8ac018088a061702310242976342a7627484f24a2b0d1a025f31b9071296b1a9addbab3e266e037cce93c3211a782d4a5df2b7d6aae99f0539235b70d40cf24f8018f674b351334c6f8f39e9a0d1873bf192c34dc297174829a4b9fd945353cbe59a2b63e3d0024b1a949e07311dcf2a34ebb15154bb1c8e8673c5bf7d84e21ca15ceb250e42fd9c3df386c0260b8d5177b7b073e579eb5a7e577128b49208d41f92f7e7b35362ede8eaf131f7ef1fb1d2ab124553a36dd0d5d8e5fdd78b5b6830fb8a0206ad04ef3d39555bb25dba4fdebc0842759b52be23e86e67d7789923a00107f070de9f19147d274b78e335c256da9bd21a7115f484614c251630f4fcabefa5a68cfccb0041ecc58622a2e7e707a8e5ccadf60bffd640f764c76c1e145ce8c4983b7ea2b739de46f3ab26869441f23e98b668adecb96da0ff8d4504d12190041343f5980ee0c0cc755916424001aab1a6468184ea2fddec01d39921e8396c1a949907777c243a635ed9ecd53551e61435b9ba5a8f8912b3358d521d344cd65efdad129ef80cebaae0749f3d0c8970bd02d7dc319ff8ec64d82f351d921f2b8a4328cc03adb7ecfcf087a80ad81efdc6857eef9f39ef9f8ca030287e636cbc361698bd39378340ee52da46d3e858f0c82e96b657b0618a36e227fb0f6210d778e25aeeeb85245de9a7e6bad023c9a7b8c04a08ac7d8237fd8253112c72c3ca96d3675dec3fc6eb0d338f32f3182bed6263c84c1e9e6f750ea8b19a5b074dfdc6d539a32be1aa8d1c1d44b49c1fa5f2bcf0708f39abdcc3d2efad78866d1782b2f670655faeb023a1badedf727c632f9ca9764c5144b339a2a343163464df0f97be4f8a967b74ec15418ba7497084b645e3a898dcdfcdf3b57abb2d13d2f6dfb6752870c36a55757c98da54add6ca35551265959f526e7c77be5f29b6cdde7f3cc3c5e5e2e3b72628270630ef9b01222d276e5584b2ff141e9a647d2665d503925676fcb492261e1d1082db3b16675732e7ebf3857dcd19eaea008395bf0cc3277aac3d6942ddc47d95d754bfc325772be0d2f6ff513324a96fb706aa66c527774258c4a43622ca5b66e3c09aebca58013f7e9398fd9aa8a35533f7fc2a11ebdc53dbb93856f40327103bd9bb9d2eae0197b0dbd0f693e7356cb55f0a8e8eac1ccb4ff57da05b5e52f24f26a972fd21b4b989f594524f4313500ca0aa902021c6fc00632407b88801077378e300230017b662bf310b3f8c64bd6d5e3f8d134faf3f45a4263beedf28bf73d7fa999a07017fe6f114b93dd36caf7ec327507a797b337bb09734851569de22c26bbb43676542b71aebeb23be71edb9caadf9c1167a019fe16b534a8d547a62fccd2f02f657c1ab6456f5345dc776616ac3f34d4829a0ae3d758dd250f4ccddff5c54a2324e273a115f54422b9ec934a69c7588d7cc3216f012e6fad5f206a0a67dc62a3859e2a52ba3987469fd2b0fbcc30faaceccf33ec2566402d1a0b2ce0fa60937f27bc9e7da4cb17b86b22810ae344eb7682cdce84d8240e539748e626eb92e585afb822bfa81f4e6bcc310e5ca998b6f2986449d38aa6b56e0147bd4b169d70bbfc55daba5a4646f5f79b0acb0c460fb72e5fd4ef9690f7a377c0e4761a41be974e6e16bce81a006b14add7d8b705ecf09db7650e06780ae2d5ef0bcb08744f41bbd2dd863766f39e72b99f328f8f3666d86b804e9a76db80529f3d0622de2723f8856a2e491f6e615a1b5b2af618dd317500091bd8a0f5d9a4d787bdfaa264241a8e220f0115132c20b195d8cba45bd5829d667a17e652190b3cd390ce3e1245520312a8bb71b59213813cfdce90531c7e42a82557e9e8136a5944e0c4256efb6528eb13b928b524217bab325bcb84bb2257eae2a2f2a74e06d1a6cdcda08bbc2fe0c3ea75c0cdf2b76e9d60b754bceb5b79be5563b706ba2d8847515230064144a9fecdc37e71c07b44e485a3e73c48f87b7480ab6875b0556a803019696ce0c08939f72e0fd05d0c51a1cd2b12d48bfe039fafa856be18b8611c3c9df8fbb0632e1a0095c3d31de1fb2a80297ac1fe856069af066002d6ecf6e658b36ebf0cc6ab3643fc926285805352efb1b982201e43ba8a025377134566d5ca7eb2fc7cef830a571c04d4f42a75ac3a07af4a1f345d6d90094f758156f6c8a116cc45ada939ffe35dc165d26951e1882753ed0cb208b3d07bfe81969cecb6a326ae5b979337352017a60c36e922ba941badde36a94b4a6631091282d921a3c20ab0e52b0aa929af1937cdb3f259041575f42a8f9d46015d03e670da114e3b01c199c33aec8d7e00e773c26235cb6d38cb337bea574fb3baf83f1ed8ee2b10ff16501e4a03c14c20131da27bac807fa0cb67348caf6d4fd263415e9f387119f08ce02e3a59c23ef136302e044e4bf8843b87b273870dd8cee613fbbd3073b9e1d92a8609db28753bf9f75e18d9603a3d4ae01f54f26ea7cb9837cd189bcdb5e6d45b2ba9a3addbbbbf8d59444b4b0da68bd814d6ff7f519b2c8169d576ba16eb84bc6df07dd0b143b9fa72697ee9d97f2904341c8f4b9bbb9b328ac31a3aef5e122c0ece62e15c3fbe68e3a4840c685d6db8f936460b9e20eb4771e548fbd53ac7145107ccdc04f20f506dee3c37acd99c766970fc54bd72e19486d527f44bb617124b8c758c380821183f33d8794ad31a067d4127833c7dc66a74e128c6d85fdba359d5ed3912b0450b60e28302d6434e43b80fc23ac710361aab896a93689102d3f827cec14b1a08794a1ec230324eba98904378d055e26eea36105de25a067dca9b9e25fe5ed3f0925840acd31b73f7c0352b0448c7e53d6b1f143b588cb063e8aebd43e01772ded848ec92613d80463bf46227959ba7af967b246ca0d6ac792e702f16ba4925f47fb0590a19ad6f3a7f2f225460debe7dc954fc37d55069e92a228d4611235c8d9471135bc4c75d63027fd85983ecfb4320008cc7ff1ff5e276f0cc6188d36b2bdbd7a6e671c7b8b16165bdf0b43f01481f76e031174537065a00a9d68b4037d90a5673f25f08b6466c451b327716de46cf31e2d450485048871dc989f8d8885d213f98bdf654d1171833aa504b37377dd75e29cf7553cb2a92d64e2f01e6716f6e7b38eb3e9b1a3f495a0e1c1318c108abb9e4c1412a6ce3494d99ebdf8a3765faa42a4d940a7c9ecb701f48b5afd1609f235911b52ae9452367f5a616c5ae45a2b7f45bdc7f4522bac9f6a4662e12fe2889a29bdba3d8bbd751
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:
-
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.
-
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"> ready(function() { 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> -
Copy-and-paste your selected pattern micro-template into the bottom of the
footer.hbstemplate.
