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.

159b74d7da2063081f5dba43c46e0d30093ff4e7593ec1e1df3daaa5c3b2e07361cb66652670eedf087a3612ea8c330d6397b6ec33d076823dc4c0a55c545c3e136e7b1c9dc2861b5b9c3d1b1fb63f9e5463289b7e67946691d139efda4738c1191937dc6bee29097191e325a273c69ee44dadf00fa732c01bcff5ff17fe0159d41dbc3ae739777a181b58647d940073336de1d821b65224e716d5a13eea75e4486f4333e0dae28110d97c87efbd47b979b87c805600b5ab4e5ea4e02b5dc6d25276f6461132f695192080239df8ba782c99b3950c5086af793f0d2d2d80292334ce535d0c01e9b08a32d32d0af0948ce1075fa5a13dc5eae47a89b63560ab42f16eed89ecb19670ecf9c52991a37e224de93a4d6621d93dbfd81b788c7e452c0bf7dfdac91cf484454cf7786b19d3c3187606cce11915f7b8a752774795e7ac4698528b36b16a7197504958b6f4226532fe278e61da4146d9134ed5a0e32b1739de31d23d5e0f4b445d057cda4d0f489557e23c9ec0780d63e3f16984f1ab95451b5fa44bd9b34923183afda24d7f0a68ba140f6985f4e2a3435d59da6d140130f9f1c6cef81ee5c1e465b7ece9d6fecec110d468994042aeea564a8a42f84e529a2a6ad6b83f0b553d75dc9416d7adfee119dcda49f665c583ac0639a2dd018ebe991ea0faf993d30d88f84398086924c729974df667df645b5f5816fe51ad6c4e57435fbeb0abd34e23b06076e611b7aa9b049d2e019543d12d85f87000ad25f5183edcfcb946ee4de17c6b58f763c48d0290b3ff0be4060416142b99c5956b5a3975301a89b84ec6268d7c4db137277dce7d1e1cf43b1bb5fb5d1cc568022fb9ee5c0a3b4152502691338888cda7a2f837ec26d115eda418c159043e1bf5630b4cd8bc4d73952ec9d9bda54cc68216351e99d1272f35940fd7afecc6c02a838abd630be90fc381b063e710c1502397527a6471a706baff4323aea8ebb1bee75843278988291f73f4400692350077475c1ccbb165e3eba0ee1cbde8e061105b1f93f1cb9035f438086fccae6ee70f2e27169b6c1893e62856b3073eea0c750b854e9ccddfa27e383cbaf4e08c74309fa9c38bea3c089cefe4e0b1fa26376fd2865025876e467a8b0f82440c24a74f17ca8aa1c4d8a7f59d613b737c6dd0be54398c1b825023eed8937e4bd139e13906f92933b3b4356558a25d372923f94449bc3d72bfd523020adfa2982942d6b772ba2ee44d4399f7e97201272f748d3666ec7f4aa3584d408b818bd4ba312d531036a5270de4873e26617f969c38072632a0119a300b0021fe1584c11dbdaf03916dbbd3e25017d63e749f1bd62fb4a3c625a70518d66f6974988991ddea284751dc7875ed0fbfa1e033e14e9720b208eb459a518ce25e89ca8cce0b7252718759193a8005f9bcaffcda5f0085d88b50706061d273d31ee105a91d2004ae5b94914ca7c2d8762dd7745c4edb009e2d18e49b7285d2ad226ffa9f3cfe6f239d4b72900d384ba97eeb3787a004241909e8b03c2f94b421c44ec60d5a3d38b99ae1268281163c6ae2d908bd01d41c1d98d431efd94eb3248735c7a10a68aa42cbb8ad09124b06edd11ace35f4641370d802c871f1f2cc84d3469c9b82e3c716764a1845afafd425f293311bc27410ec297bdcb99cb0686ebb429fb44a08429544e92e11009312c1ed99ba91508f1c1213e0da13716eb5f806ce507e8b4fc53eadc1d96c20c9fc89ed46c7ca2cab87e51731a0e7f381215be68f733db1b555e7a839d2cb29f132c4bcd7ea1256e6d704ea421fd3eec15222dcefc1b963168a9c0aaea8b6b3a3d607b606d38b545f7cde47dfee613f8214784a068df5c85c1d66301650b6badd8ada6dc393e10a15e672a3417e203202ce1ee6a620f5948fbd7710adee2eb6562a2fd957d91555f20e4077d6c148e7e185d363df0e95c802571902550c8e9fd823be44c2e06d17d3cdce25aa684f386910224ff81a2445a0d7ada53108e1212cf77f5a34e3615c703273133a6c76f27a90c743367406c01f4f36a7623749c305cadb3a4915b99109faf960431cb621ba6a3fcf300707a038a8f628c6ea2c00d9803e7d3e8bdf222e4a5d307fc036ae387691eb86742bf175f1184d20a4b8ac4fa8629aa3e3405d562f98c85e7258a1944ea6775e17fb832c93e1c753e18ee19acb047ddbb923cae6d42196239192a8fd84c7a85535436f238ade103d9ca29ae14c67f4641f664ef146d497ea45842d41c3747252c83a88acb8e1295ee975de4cd3ac934944c99de34005ae5caa404e731f0721832e0f0a22281015b8da0307a332a1b9c3b60ef8b654e0ef76db4fc0dd530d7993141e49b3e444da2c3ddf268b1834e0e768195d416b28f26371ff70d645b256b8dd26649219e6fef5471eed37061a9737d96612106b386883183e28b1b3ef7b2a6bed959e87b0fd8b6b734fa74d525bf2dfcd68333913c2e9975eec965f2522ee2fe748b4d0e792c9e76b82bc45db60b10816ddcaa142c22227ebe3d26ee34ef6388502401d07ec3d46cf437ff21f871c9e158a57ce5619b7ae9587f33a92d7c1ac85cd0be7e11ef90d94180952a9270a693a390328d80915920acf7856027c9e5c34dc448c246844fb6f6af550c1745d2cdb9879020b1a58d1bd9350b5d98f05d14b9c95abdfcc0491090ac0e9b28913ef8dfa03346bd91b74016c20300f91032a75fe86c9e7102e695c428b34653ff4d7e0a0de3b6c7eca840ac900ec54e4c7045d1d01bcc912f22ae268d2f6f6a43a8c23c5c9831ef833c79121f002ad7f58de5df40e94a5c07cc606dee7e5c4fcfbfbc94dddf74e101a36cf4cd4e7255c4fb49325fbadd1ed3681e4cf7f502119007374c25e126c4709ddb2de67772170b4345df014f3e282991c481a72dd023e835ef8e5a0eff7bd95d829dc570ace6467d6459e7805bf4d23a9a5b71378f0cd9f5c1b8fc90b9aab8f470dbd8a11a7bba50422e5b4ba9319d6637854932f47d660a9d374402b321ce5129c298ada4193f88d8f14bd575e3c6beb4326d69ce9c35a8b2b0a322cf54248c4b74a6e051d90b637fd97d53ec2e0fe2ba05786ca1e4e5b4c7178cbc552c11a47eaa5ba01d3a1f972073e53d6156fb1710cb96537a7a347582bd9798d7c08b0dccf328b5a5f40594aaa4c8073f20aef5060aeb908c849e2d18f781a715eb1423a432acdcc69b0b78327dd809d8a28f0c3f77dca668c1fe9dab5777ac12016c7246189b7df344a9deabbcb7f82d6bcf4adfdb3b013423e1da54dffffc09805756971797fec03e5ff6c410c695be4214df837fd62f56689501961428c1537537e7ffeeaec740e3b776b698f5c17bdac65cb4f8ec0e4bdd3d3f0c730982f1a5fd3194ab6c708094114179c3fe1a2f5c543ca276e3fa5e32005f90d5a8e8123f27aac5ab425bedcdbe52bf0dea35eca570bf7be2ef3ed84f01e00f3921d3c2a568c9ef4b274d3f43f4a5a7de10dce7a38f07bc4a7af32847c34aa3865b792c369a7d9605814c01c1beacf4a03da844d1c14c70a0fdab71384b4f4f210fb52259cf7953dd9e88b763ad955abd89d23cbe7bd2d02ac1674dd88dc1390c0d69ffd6fd18b96dc587576d4f4e1de6d5c13ed04e711ff3dcc6a78b20b26d9c7ead48cd69ab3a054aca04c438cbed9d9244793ec09ee35dd1ff66c12a4a88e9743c82641b1ddd68df0d610bb4a35886e06f6e9d1b6e5aacc262797a7a6f06f5477479fdf455594394f77452eb24ab79a6297521dbeca7f532fa9b3cd2708f086d0a850958a522e5ddd490e9cb39880e3b0e07f35181baf887d4ad64c2f29c02eb0afc79c5a0503880598f84b99dcfda95a5e3901a85d69cd84c8f5f7528ddee9aed49330bc57650299d5c057d9ec38a5254debaf6f7950cc12d44d5492c8dd574c84cc4cc7e6751277edf5588f2d10d5fa1ffb404635506c6173718c7a54ab7a01a338f9980741017b886adeb2305057c7fc02905894f542248846acaabc49a1c3891b27c9d1f44bd3273ffbc3f13a663727168965898cdc53bf601493a63edd8df7129059f4f9fd2274b1c3c31d9365fa0d94170adc4d3db4b7e3615ac52cdf7bbd43c183136cdf3fc50189799ca598625ec8cde376a8e39625011c4bc7dc7e4e75ff1fa9f2cfb414717aa69e56293f7033f4539a131013990cb06ecb0634e2c51988eb2d04d0cedec6e348d1aa2d658c71c34d5b
Grow on hover effect
View code
ee1f74e670577b5f1de60f67d1db4b4dd6cad1dfd2896da6690134d519f7946ef93c9ae7a27c056f7a79ea18f6140deeec3d97444db1a338ad485c7d15f8be66608141fe62dfad1ea91ca73607a6f865680d2fac18d1c057cb61ca347da8e6576e53b09d503d5d83b394dc422b39b05d2e6170a1dcf7be5fbddbfbb3883b641e49a07364fe17c40cdd3992029a7c524007a4412cbe93fd43e4a0dc25508090ac993912320eb972e03f4455d5c5a863c600f86c9039303f4523c78ec36a64a29e56df91291b3e3e18a9fe6b0f15bb8e3ced610970f0da36f59e1351538fb7744f3701398be4357a14bb34142badac168f219495aeb34a74788685573404f46633af10eb37fd3242fc97469e7126bb9edfca1af2507cbf19a591220adf7385b3d8699877be8d98cd1285b57f31a01999f5085eb0f967405a21b066a3d6ea8aaff75d5d3c073474eafc57c18d71fab7bef999b4c0a2956b1e292b52d267349fbc9976e05e15d399cc916a5e01e09812ae779d48fbc95e530856b50ae925c05ba54d51cc302b458d6f5df50a1e5428b0f602c85063cb5e4488d57c122b5e570b8ef090705cb480e2996fd29be7424616df2cf61a189ecc24886f05f40bb7a98654f18cbc669de8c925b703ad2c568faf65a6e3c8e7a5430e2d8466505d7ad347ddf9e1ef922febacc8b9d77ffdaecf3e1b2ed92b234c6afc532f5443ccddbbf788811054988d162565778248b33faadf70d80e25a696b9d81d21986a9266eb3290ecce15ada6e66bb3ecdddd2a8adc77ddb0296beca7e07074e56f67b988095a458ded1a39166194c2836ee568298265dabcb78f164526e7f4d0e798055091588bc767a7091455dbf318d90e2b58a536597790cabaa5b1eb1f395ef198436633812ef47dc2f82704bf991330561cae4478428727de6456a954d578aa54d23ce46b2656109acb704637c77f5450c2d4c70f7ed67ef9950c4690562077698ce7a629559b84c4188986054682ceb015124e8ce234a1a857fd6635f17045f5a1f8c521cc843d4f2a98c41bfd1726f84039246b2edd08d1d9775ce34638dc49656dd84ea8cb01a838e6304eaa5c55d00d1389c9aee520b0978617a325490efbb36f4f7755c4b78a43cbe648ac4fff440103269d15e6ff42cea4342b43c38cb48a07da7899ba2dc06fc841df2b6940a7de71f893cb6d5bbac64fbe61ada451d836e2670660cb885562b96d7f18aa7a6941844f84802df037cb351212df19d3b2a8ec45d8f3568bd799d18d612bf7dad102b056fe315efa3a81b10529734d2550151b6bac024a103ff968cce167786d3507fd13b598a7b4f2c8ffa1eb4926acee608dbcb85a6055e49f8bf6d8d1cef17eb7c18c46fabe598b17a844fa5d9c677c90c34f87ff1fa973a3baf17eaa4628a2087ca2cdc4e7e7c0183a69f46f5ddebcef4bf80390406f0ed3ede5fa5c9c5bd67f050db6263f9db983795025e4875a8a6b0d7bcd4cbcf572d6e07a21b302ab5415d03a980d435a8a2b3a1cc4c17233e231da3a87668a60c3cf756cbbbe4623303a6a679b39206d58dd924cd41dbaae20213a21684f45e32c87b2c013355a091fc7358439eff003eb46503e8ad1c01b56e644a2bb5c73c7204380a22ebb5b7d833ed2817aab3e2d588bc6c9cea399e60a2476f95976a38af4af30fe9b90bec4cc933819815de61b6d7d2decbfdb3cd80d4f82e464c42cd82ca219eaba7cda98d6764e7f29b3bad82f941173e801100b59bf73c2b18d7805e793a8f424697ea959c2efccf61cf8d54302d244f739fe3d8b0f7e682e780afce15a499ff8ab8631b25b13b7b4d52ed3286a18104404e7309bc7ed77f816bbcb3d9d771a6c598127b567746d4340c04f7e88f56b6c7addfbff108b8ae19b60fa5e7798f09972550aa31ae5b56784f908078e985c2eb21bc4dde2934729032778be96950e64807658ee23983560bd8d1dce73db571586aa92062f47474b361e3f2ba32a69196c970246f0b34bbc3f7b0f0dc6c425aa66d4696f8d598ad41d89838457e22fcbfc0c13552b8e1fa33a3f4b8a663e94d4908bd264d045f31ce62c28a6635aad06a2cdf7635cfb3ac109fba80709de96fba8dbb16dd29c0fc3ad9a9a99b45d845d3672cd61297bde8d6e927d1ff1d1afc3c8a49502e29b73c8cbb8a9fff863adced26cf62b4657a3991f3eea6e394d09101c757219d4e3785dcb2f6d6535bdf6c7bc112f52d62578ad81bc157eacc8a7e067de58e02e366698db631e0065e3fb7c4c35aeb257f7054d4bf927d1e2bf6b47fce283d41f5afc97d11dbf6ba59c45535f175c771c8a1513a3299c903a12379ac800cfa5e92d3c84d863fcc40bf643eeeffa2471eb0374910bab30f5b3bbb0ecb5cf1d0be2d094d83cb8a17b2b04582c531115f14f9d8022b4f95c790ca3ed650c27357ffc5f2cdc0febd9446f41dedccbea5b1c683692466db73f5ff44a5eedab3d72cca27b78e1990df6e19e9eed839f4d791cfa586494b6736ed3941b77096468249892ab18a31b85dcc7fc6fa79f83137d708f20140c03fade10ed689f30afd8085ec2888d46bc74774fffd474cae73abac6a66b945b8f27abd544a085d2d657959499e02aac9da7d8983b33ba56a8f97182e212a97169411a52f5af67b1bfbd6523461ee3a49f4055575b99949563892e997963ec9f1d54e92a2831c0bee9def2354073294607103186fbf882fbd44b631aa628e76eef711ba3a80790039e179fc9e477370641ab6b3f53886cf753470b425eaac20c16991b5180c410ba63e64320f5019ea5b613b3cebbae411a73535a27180952a5d06289f73290a0526c3ada1919463787f70651ab851051281e1aa2d2fc6a157316d55f77adbebba81fb4fca242f62b102a19715b8d7353504402cee57c8119b306b6576044a514de0e726e393d89e06809b07c99612f1be7ede0f4bd48bd5348d1a5c2ce2631e03963c3c2ba1e35061ea8fc6517578e1561f437e98d8f92d43f85a5f68433fe8f1b8b308834d24afd513d9c2687b88a6d63344d81b166a5cd620fa08aa374c77f40fcd514d59a706b03bd8cb3ab06639731ff4c5cce70a06c15207afb6d13c1aae46dcaeba8fea0b3fb9655a8a357d2ad3235f38df4c9cee39fb7dfbe7c8df1116073b43a613bb00778f7e7070ef3b9216e68f50d023136504692474ba29accc7445cc4f90a851c5f3c45a942654c599574c77bd27c7f6a69924d2fa9305a524bdbc40983f1381822675ec514727a982f59fb87864e25b96a03a9e06623731d840cf61a4368cea518c48ca56a96e7af104aacc87b93112b5d17c2e57e10540cbd1723a1475355d71062ee2067ca1687ca5bec3b4a20c9cbddd0a9474e38cddebec387c85d586502e3369adb05036d9efd6329c5a84982a5a0bff3daac49108139e83f02111a5c2d3d78f8857e0a36c52d1468e48c2739655792586d05e596e39d90f280517e6a17f2f7f0b5174d8c09cb76ea97a6af48dfb95f484adf4415563e15532bf90bd513af28984530eba35a243901462dc5820778f45a513b2e850d11976cfc53939f99f9cc5ed05d46bab817f8f04b82d9b14e6c6a460e1b18ffb26589c3aeb129388181439d8f2a4dd9848225193a08d49a40ef455a4c9af5ac75002b6fe080dbd40ab0119006d4390c695dd4a4c2ca6d2a8e7886f687e7b713fff3c29f9cab9ccfc06eea77362807b48e7b1deeaf0222f2dd8744d5bd1203abd82258c18cc3cfdd4f600808b6a86ae70a721bb745ba795be999e1dd8106d53337b456151ca30cf46ac4bb233301131dffe0f119f45a53047dbe7d1f0fe390cabfce0f3ad1d71af10a1f24f84c327a59b2e0aeec5d8b76046227478020028b01842291d9f93d3ed16f13b1bd058ca53e3fdb7f07285b047f0e0c407b7b1986fe8d1d0c96de7ca74eb61ab2bb04d660c627a8ee13ee7cf37eb0c245b96863280cee4a22558a098a988e2111d66039406163f574fab9d0c920660c65171c84f469f68a9be16b83eb782e82facfae233781c4f0bcc9e83e39522a0845d76f81b3ad910e7a3bcac4336419d4981f438587fc5112e82b73e1a79c31f269403b701d6dcf6a741762ed7fd536a0665e173ded8be583c8cbb1db8b47855da5e7554fc50bf693d95dddeb1c0511717099e4eecaf451fa5ed6056866921bb43e7d29872b9a42594e7e2b9098d8a8a067a59879871d0092beade68bd47f6e3c43f58583819a7734ab93ca91a826b9558198a9ae8973b1309a6235635b1ae7ab7cab72d1e5d64dbab8c1227324a56c18b312b78f283779a7a3b48d880c9b0e1a915e
Background color on hover effect
View code
8a3d4c0f931f3a2a86b805149cc444ad7e4891c932d0ae29f30b3697858d6665a803ac9b7e32c5a18451700ad534e115c62f4c19e4b880c0745c74997039f1990b5415e63f806c05c3a7c9b4c5c74799b24f9b8579d09a60802b4693a693ce88f4c098cc206cbb017aff624999b67fd7d31243190883419f8c2c39defb1bb367095edc36cec15f33c5a2be0375d5614610e2b4dd514987cc6d87a1b1c074cd6d71cc0a1b5d87a50819693a257509e0a89b3f26d29e4a9c2f10cece6e2dab79dbbba1f907a4da9bc5bf8eb07bdfc31470a3daefa85e69ed8a10d3414d440170114f70f2c2785b16c1789f2e82b081e94bfb516dbba2094852e5f328955869ce93bc3004c98ff2394ced6c8e483073ad75ad47f6b269864de71c610c3d9ad1fbe50e84df350f245c23f11344c6a14be0c3ef73ff0e3c7cdc05899cd5b3b8f4ca77b0653137e0b1149b4a8b7de49408c7354123ae18ca9dec8ab6a8c451c4fcf7a6d2076e7502a0d01fcc745a1129815d4fa221eb55d62ba07d0fc3f5e1e1e2149451fae2f6892afb0f2c2b89804c5a30f5f8ec227a5a360aca687ecb39b396b2500447b542f4b5e92b1c061e8325b66b2400f647150d8c75a674d697093cacbf7fc73845f6e609d0f312122f1b2d590ca4756a63d0b9196438fc6496362911b8f37334815d638caf6ba4bada2964d2e0378d7cd7ad73e13e05a88726f00630c6ae8d6603b8a1bfc93e6b37e2fb3f6a07e894bdd0603d8c40c588bc7a751b9da743c3dffea7bee1691319773537862f76a3ae1ef05642c11817047380edb16b5dce32d047d8ef808a2965370135fd0cf47c5a6013b83c976f50c2e63c46090fcde268c0cab418cee908b0bb22371264ac8e22c7897fc1e393bdbfd4a3678462e8d78fed08f1917e6ced5c00d010e5a18555fd2ad0afeb3bf85eb902acc688d618d8e071daa6b2789552c74d3c8b3eba422c66dcaaabb7fbea2969c67ac21301cd9c57dbb48abf4964f636ac7939e63e1cf36511df031f5b4a841e0a55c29b7299830cf9be64a74e72179aa01713a2e0f93210479b443a5bad6f232acf9ca045d84fbfff8e94ec907ca70ef28fd1ea1d1af3dad0112b04eb542e0f3479f8900f32761143931e5e2ecf8baf289123ba1ec67920b20c4dfc3ee05e18ddb3e6e4bcb500db28ba6803faa32fda3f41f1afbbcc8234ecce710f66d4d47d4f51fc88c2df49eb2f90527c249745acdc06b9023a0931d0becc1fe76bf7b58118ac2574913140bf65a1ce740ebf8cb48db1b603e00e41bf6e84d989093e56009428e45c1b55df17d7c876604845d4c0b1b64e2060ed24b65f4f351b542abbc61243d9b785e25243e292c0bb931c171674e805e517db0f13248f6c5a102bbc13bf8430ce9737caa5bb0325850e0162dc4ad3a0a70e3b847aa14582810db538c894f4f6106bd81f5f12b438f6f51339116aa8d891506df2d43f9f40b746818a48aa694fc160f5ba5296cf9b7a4e304fdaebf1e0e6e986ffd015f3c7c7baec76cfc5680edd2087c25b9cc87bef3599046e5b46b78297fe91aafeb88380f856356c511c904ad24c10f163c27e37e20aa7f6b56fa6018fa8de1587983b8306c684407eba426d2c13ed84c40a2c6ce0506b07a15ba2576b3e1a621bc303d31f0a289ec25e04a5aea9e2649a96fb74c34332dfffba6e3c77f632e85c35c57f4b85ae439393cac4e3a9608c31b926a9b8bb6de3b95a7d0b24c72ec1cfaa687cd5d9737098fb37aad28ff5c0c6745dcf4d0c8a6e1b18fd6bc0d34d9015cd0389780f0e45540c86eb3090466993b3d07582bb43cf795eac7e94d276c6bee091aee07ae4119c37741fe9af4701fecc2a52411eeffbb90deb21876f014c56ce7f0f9aa116039d2868beea24cc78ddb57755a44deee5270103d86797b7357310b670b01766fed7064e384aa7a47b1b6953dde1870c1b608326c5e3c292787ed45f3a90e26e1f8e9bae023b8bf2a53bd7522b379271eece7a648572ba344fee5c45ac0a6b8c323ae7f2d8dced76a38eceb9f892b9c5bc3e079ab2835323aa6124bf22bdaaf2b07b9248bf174e5723d9c267fd6f07f0947c129f742626773b60faaf85453271ddfd622c10dc21b59507faf44e8e9e026f5114ab577d8606b4a47c32ea46417e8b9f8a9eace8d3452b429b0ba6fdd149101333990f4e555b79713eb74a4b8de5f0d90097d492919c4f0fbe0c8f1479aef4fd6df6a228a06d0bed6c9f8ef638b9118e5d7575e7d5878c4d27dff5eff1e4fa095b908bdbbff4df91e1c64194b633b70fe22d4a77752d63fed20752d3159ae8ddb57a8812eab54a5c56923a0d54c9720133ff933f77cd8f9cb4530a546302992ff652fe44f2b9bdda729f9e36387982394d3af4b10cd8d362406244463329d5d4f3d03c93652da6fcedbc1e16db00610dc6d2c3830545dd7bd24716d4d3093f899081352a7bbfe3cd8e8dac505b7573b0a382665ba5af6c19dc496c40cf79aca267bb4daa518ab3bdefdaad5c8b14a7f16cccc166e6ccab2e8b6ba5ffbeb37c6b5ea469ecd0bbfb107189abc1e07befb1e21297d02062932748ebc5f85c7153959794adb250fd027bbc88abe3bfddf0e09f69e34017c26d77fec519d6ea4ffc000e9bb15a9dad2354d714a0335e1723b728d95319b5fa37fa0719df331563069c8068ace3be5369ab5d943fd9713c42fd0e60746aa1a1e9f6b0c3a5d7b6688597560b7205900cab5fa5373b1e1b8fe3ff28c863d22f85326edbc3e6fcf132e8e41e982e53cd633ae73755868f435ce03c6d06dc20cf506a782e02873e94dc752ca638fc7a8014ce1defb9073ef204448291985b6f35f249541b536daf2c52c578fea6a1ccd2f8ede5617ac6353ab45ce4bcda882660f23c75216114b5fe8cec73011348498119842e9e2d7a43cc4d095012498a46663f1efe2abfdf38984f8f47a818213930f27690bcb188c61954290040cf9054e655f24e079668f7d45609e3fa51cfaf0eafa37d37e68f16bb5d82fa58ce48a08eb24d070f9dcdef5bfe370374716d1e317c56b6bb97656e4bd45a682cb7628c5a1e38ad59d5fc3330a76ebe4b169ef94ec3247ebf1eaa8c60165d5523095683186a2d93b30c44315e96faf4e8b7f96bfdacc76b76ef58568c0fd8bb0fcda3297a1e2f813189ec512caad153f0d1f7bb331ebe483cd3dbfc4f92161f2457d2fc85534cc3534ebcf053a1bd622a7c7faaa0e16bd7971b5bc8c427ee82cd189fc77cdcc0a5b5cb225897471dbded89445133d842f475a928c5dcdc52857dc74b675e1e3ffc78540c31efede0f02f12e3aba7fed8f78379cf11503232d8465eea78c2885fb7b1d1c392ac7aec67d2824316c94077c31b44050b6ec009f5e2291da3b58659695410ed8d9b3eb59a71650b3a5045494a75c69fb60c164ac62cfbf4e459dd265e6d4acc599dfcbb4f50225d161ac39098b0d05f17915c9890327ee49820a5f13bbca7e20e02f5e81d8b42dfbf516c3bc031cbe51ffde05df72af895170e8a66348edcd5c71a9ec642b9596cb92d4f3580cba37badeff8afc2b280084e7bf7584c44e45b6aef33e73304007ab63199b24a26e9b59a6f3bbedf0b4167c9f79a8969d21631bc6d8bd7ad7f2a9fe3fdc0db4b1da68902d74533901dfe75bcd9de6147bacc2edd6c982548d02c036bd869e7e15d3e5012a5ea4ee7a1499c9ea68d3a4fe140eb4bf9e3bb2457d12ce50fd64bcafac8159c3fc006eb2a5e612e08f2e5b70bcc8b1486257edcf04425a95f645a00c8a08c3796c0ad3653d73d61046014859859ebe39ad8e32bb4d5280659c9350e46903e352961ac061d2082dd5cd69c1faea98db78641e7d966a85beaf9b20a15b8c881c89dafb1738c49eeb5108fa8405161ec646cb74d73d5218d6ad5ed98d4b5db4487b4f94a6e7d6dd20b8f74dc3b3513e762f97175c496af2384ca3fb6f065c3e3d3d18aca6af13e8b722fc41eb59cb11d1d6a41496633045fdc588018d169fa77fc6a390ed8efaf082ff969f09df7054573917f09c600a2fd2618dff37f19ae8a3bdb1128b808f259d308872e04ff3818460f397e0c9a4e04e10f4227c48334150dfb02282e2bb30482c2a4892cd8781e6d7e95277cdf232b49f1a9fc40773ed4481e79e5ef8b3dc4f892f00d62ce1141279b096934003b4e3be2b710acea4796b9fb38a4a4b645e43987e3c7d2ab1f6431389afcb81ad64bfba3215057c462b013622cb9339ce269a984e825d70492f096344184dfb9bc026f9e535e047ecf451d28fe15ee08e2339edf8ced3550337569d09a8addb8aae95bfb67785bd1a0e447134396f66d20cac8dca5d061e44a096a2c93d7f2088ccf1c802632bcc6e180fd435bdf208c28c836bb689f0a486f15106a732a32e693cc32c502d7037c604506b42d6c2916584fd5e825d414c49d1eb73007099c239c4d5e4f90dea8dbcff852a887a4fd7c0ec88b8cb57c26fafa3725dea42c29f7d70762d5ed7c8d9121312806fef1d9e1334fdcf3f28a62cf3643158a9a02c9f70910fd5e49d150c9939d33b83dc07230d1b7e6601ff03c27cf1549b8ade814f4f221d11f90310d807a0474423d6e020afe181291be19b10d3fef521b407d72249ef9d2fc6bd2561a043d7d44f5bc97f17648e7fc7a

Cards

Cards with bottom border
View code
21b0ce8814ed5f34e9d9d759ce0eda4aca279a88165f7a5b59f09c5463f1c60b02b8c3a4aecbe5bcd45ca43170dcc3c58feb587ac807ae1b321cd52c4e901b6c504391b1f8d96cee85f460e5d1f5493cd15eba5ca79a66204fa8520f61fad9f95f1ff62fb99da0766d8f012608c43d90ca0fdff635be5a5873a9cc68f7de1a622aae761b73b783a95b1683f36a2ffc5141a987a6c6de35f8eefec270f8e9e82177be070dcd7a5285b1403cdb3919137fdc7a02f68b888a18c8c5ea284befd29e81f5cff214ecf8d7a375b2ed9264ef5c0458409509407f8a689cbbb9836945f97a8a4738ec3b3d457a8b51ccbbc47ecf962c2911f7af0b47fceca24ce6b7cac81b623e0a0c3242dd61b38f6c9671007ceab558165c1093382372acd3c2f868872bad8db4d038cc4626ac8884595e4891b77d53bd059e550f046a3c13dc8117de90d66c5a8721a87597abcc1014f20049ade5a3b4240dc8b02d66b56f07f00104522187a982763ea5fe3a326ef4dbb952c186fd6d991b559e55fd3e3878d597cd55cb11792d7d61f968acc919f729716f7badbab1d3d1e8e9930f8abaebfd6541d2ea21abd0c8c8057ab9571e8bc9dbc04b47877033bcacfcc069a47465ef05caecf82c12b5cbd31a81a738c856ad31075ed020601341621f5e10b07e53d42e4ac734ff6b541f1a19f867c6672fc1e3e108ab31e9846d6b3f0474574b3188ff2f0ccfa45bf7ee9c5b24abe2716ba05b790904032bc37932186ef75d371fcbbb7bce4f2e57a4034aa1657280950b2e5153ce88b6f64751835a095c9934b3405089e946ad54dd759b72c56f6e8bd704efe151e22a1998bc32a3cd15df2a8813f96e5a166a5bdb932c9248ab91c6ddf660fa2fced82e4b1ccf117b8267e499d48f64577f65ac046796f91928734df439b2d59692c35c6279f6552c6956b0bb5674ab0ddfe9b7a62f96ec84ee63e86cf71104c9a0705455f03688846d75c6c0085a1ec9dd8e47d15d4e2aabbff95222f4ca218c9d6161c6c3eab935f11f9f00db5e9073eb35bd411501c2aba7ae02832a300204a902cb5b3308cbc77e65a45e3a4f567d2e3c3187577473d6255d0db79c30b872e6e58e1cbee4c7c4053528adadd7f1d85e78d3ee288d36419491783784a09826bd421b9f759af52ff7eb62c6de55bb99aa411999e85a00bbd82ba394bc2e26eb4bc3f5c72d06521257a8a0f0ed16c48c8d257e0019ea31ec46a86503622a8abcfdef34b2d4237bdb3cfaee03a55f6c9272db147a41d4d3c4e0e1a0f6a01f02bc78fe202b47afde1f3c739a818c3ff11ce6d6966ae4fed3c212d9192c6ab3dbcef3a3552e3d797004e21db43982f61732c4ba1bb333b7aed67f4d0f1cebe33ba7800afa9e13a6299d131f58e11d129105bee223bd96c5ce84c7ccd19716cf3e74a8b54a77bc6b3d0751991927ce8f6c6625523e40ad3e58081acbc934cfc4fa2771914b32a7b4cf767a62ff6fd7cbb9fa5d906f721dd8e13040893834391653d593c0a27c75430e0b7992cb775f90cf488f54ac0fd8b9d9f5ae2efa9ea85c999fd38b185c18b55284f05dba5ff28f7cbaf337500a72ca97b7e9213bc45a54df74c229a1508785f65a2a77b31b7cf2b7a3a4c25d70d2a27047693cbe5fb7d78c950f2463fa61c6fa3765969722a8769920890958bdc2bcf08922ca56f82218372dd83fb53a06214fbd58e3fd2371bb7b1390e311156a672521366185ac85dc3ab446ccb8eec6e5d70004dc9323566637dff1f1722f2553b676158487a09b3811ddf3d14a3875ae5d92e3decb91874adf9e6a7772abddb52f43545d9328360e069a6cc63997cced3ec679bbc2651a6a382f97e52e49c170c122a4dfb58fac7615e9d772e27e0bfd6a6f185ad65f2f47d5711638c072af5c5e61c23cb6caf257a4cc7a7b21109e11c81259baf0b4d79c95366e23b1e64cb45839fdf416b01ef2071604962d841dfc877ecf98747d58e78b2048e4e39e00e4f379085b5a97124cb25302d502c2e81503823df93eabca08e27b7d91e213630abcbe7f9edb94feadfda532546ca946a8b28f18123395f3eeabc07c8768d25a6c38bd8ab1926e6d4b5687a59136792d855a84eba6df03f4931c2ab38b764c8698a7a0b57b05c9c65239250ebc5ad681649ac2ce712c8c2721bb9d2928755918ce893b46e05b6f9147ec6fe5209a8bc2e0a18cad38c94620148d165c61b121811ead52806cc5de10b182a3b3076bc2d94d0b58fd0f768f44e6f46ee383f6c4f02df3b185a985d2913a30145d7ce61e0778d64d572ea827000a085bf6319e6614f374324afebb389ad3ea3201aacf0db67a47610dcd76e427c8f0f5abdbea82e434270024730adda38e8c707194c1a93350934fdb0a9343e7577228fa6b29e4ff1651b55bc058995fc1b73add43afecb9c246d7214e0c4c6cacf73d38c59c406af3cd3dc5084a8f0729cf625507decf15e53458691559cbe6c8afd27ea20eeba9f98783938f0373dcb6bda7040c60ddf92800a6ff51f2f90e13abff9d5920e80af2c5d671cf885a3ec71a7723a58710955fc5cd3f6a418428db7e427151f32a9697c023d91ce9b76198e7ec814c9d636df99fafac454ac95595a7f4511ade829a28f70b90c5c0d077e617ec764cd8faa8aa0dbd9da7569743305b81772742822217d30c358dd163ca433f32c9a1bf02ae2536f374ab08de7da3ee10a3d45fe3197f73586d4ba1b446d1aa420b22bd625b8d5e5dd93a11814524a54360d15e76794ba690f1c0068cbd91913f07912acbad642f8431f85ce912effd7e33c95864a1b6dc13c126facc84bc8d0dc6a757277eacc3248de1b9ff75426bf02caaeca493dbb466795168d69f6d417755faceb73d1064f2ab3532925117377dc809bd88483f5501efa097e00e2a7db7f81abaf103eb607ec1c63d1c85984ca5157f25a415e3ed944f530e728f24aeb7d3e73eb3f7956370e0decd1b678a7ca529386f44b0038a78589d16988b16e8f4301deaf3413dfdcd0c7f2fb59da1f5325d1a96332c6d0cc31c8187d28b33b3a5fbce6dda82f567ea51f0a5ac0d0173052cd63f04cbed2bf5ab0fe9bb0045f90020f96ff0fe278656486dd6d10a8dee64ce19411eb48c987513130dfed4739ef6ae2d3cc4e9151d4ad6c86de7f5bcc7c5979a13c4af55cde6176fd70bec8f40158edb7d2f5aaef35fe5595c6b42cd79ffd3519e6d1dd6b9817bbeac21a66aeed6f0159fa5c95cb827e3ccb6d288b62131139f5a89de797a8446563ee7f738ff9419edfd335784788a85634cd76fc0cdeeaeb82d25621445eec5e52dd9f35af901bca3e92db3aed7d452b302ea97d9eae5cba3e4a823920f8f77c7d5495f68c0cdad169ab3cb0612888ab298295e6a7e5cc94a34db6159968315e862c22451c0df7edbc81fcfda828279256ed39baa255eb3f1206572240dcd0e94f6b660427fa42c11fa502e8d9fb8066da1c1f898ca3cb5c01315cca3e5e46e07f65b566c92c66e0914a557b586b5c2943e208f5ae2d8533eb5203f860d27586282fc62e42d5e3f2ba5f38c6e71aeb788238b851eb2965e360431141023e0570932e54bd512362423167b5a1259257dd80b7748de8e43eb4e780a287bbbcea4bffdcf0e76a78a1c3c7d584406692738087b383cd0594e2963b4c17f91568d3c9ef369ce60cfedd19e6572acf80d8e459c58dc52b2f3e6a94fe57305c2e7f28bf4ba35350dd5dcaec5c3ce10cdf9863b6f3bcdef58900e977c7910132e0bd78e8b255141d1ac41e8929a32f3c7a70bc2e7283819f2e247a5caa4e0c66f6ca763a6d6d40de3441fa78f003c0ebaa9a09e488316aed237
0aeebc7cf1b26f2ad937438af7a41e475343d71ed7e5db2a9c13ebbd935496b764b44d3f0691a3cb057dc0caf6c9c870c17bf285537937289db1fbb863261c22618fd82e1aa09bcd6c474493face4783d486b31702d5e3854e827dbad0475ea5d76f4bc3bdfa35af39cb86198603bce82a4e060aa09686ac41b279dd389565071eb8811be1d0d0bd6edcc8abb203cec3addb9fb15f10efc463d400d6525feb70862ce02b047309ccd9745ee89966fa70a2d2df3c1098a34240503046a24ba799f64926c9ea8776545ab2d8aeb6247bbabdf1cb1cf77af472a5420059bdf813928a31b821439bdc9aad56115dd785c3b72aa952c010e3d00e3182fcc2047b7c070b308ebe6ade544ea0daf33e50272639de9dddab52a83789f42ef4fef054479159ade51f2f4ad073eb153098f33bba3e98097142c3e52df0be2f1a1643d198cce3e2c81d6deee50789cab80a9cbd07829a8151c90edc8bfb844d0a037c75f2041f452528d6dee656a0ee5154a0f7376bf5f7674a55f2e72d0aa04a46a9e91478c97182d7f31eeba39aa2a74da35928562cca64b4fe865f621f6d9cae00a67b11bb2509ecf83711c3cf0bf2d289311666d380af4d1dd88da057f497ef0b35e1348a6c8990d952015ba08e88d153c9a422e9b0815c1542cfe3582862939c2d962afdbef1f32f03692a0acdb4b8bb34ae6df9340154fb9328e05a1320659ef62e9a6b82632ab9d7d0c0d319c326ab28014a44ec37624703388633cb8dd411912c08bbdbc0601f9b2f039ce5669c75c2e8f5a92ec8f74f68b74117b83adee5b40db46d80869a958e34671656bce391a40e3ce2347a076a78d2f5a7792a90b13b80dd1979e312a08d598a4fb5afe4ca6ac7ea773644df648a67aa57f842df78a24e8c0b966a83105604e35b717cadb76c5a3ded4b10792ddefa7ab45141c70f0c53c4e106eb11ea6923fd97838f0af775a5cd3820561e82195649bd0a15155750fc76e0d28ccffe37408df87e912a46ccb31ade78c096a1d5e2a447e01a477892ab4a87a5bed20dcecb80ffc98d7864e8ec2c174f74229fd8355ac5c820784f072100fc78c461394763278ff630278b74533adbbede4fa1dcd6ec3b0e0ea6857fea79865878bd473d1645e2f23d5a1e1c2a858eb6f81c8bb74039de604244e5b77380d63e454d381f2ca55615bbf742fec0bd91482fec22c9fc9945f6e5880e401223dc0deb0b19d2fe18820f7a44a839069a6eee1d393f6754365238ae26c86ca1b4a4b9152faa39b1fa3ff437ac972a5232ec964fe6ea905a46360ee8c9954b9d76b5f4999812889dc2526619bcd6b4a8855a4208ce5c12ba87e371e8cda1931f0081b1a2f64da56c40e3771f58635321e09d857365dadee404c6870eff2b271ec9b913084562e8503a5b37c5122358ed07fe992ca38f4d5333b7e77d933bf32f760f377fa084d526be9d67d739ff27f1714c8fbe6adfddb6e72e5c9c1f06116dc7e1e2c5a4414cb2ecad51f063a86301ffc31d8676ff7141eb5c5c5dc3a8ea5b1c6ea761e85afec52a99538735a98c15abf852da7eb0e24b623fb52c2eaaf0c1c81b1faf40165159506b7e4f6a875491229afbbef3d538936e19a397b9a5c54b58adc67f9d50ca66332525724ef909577e88502a3d50591a922d1cd47e0ea86a6afdca65fd554740057bf18c754f76c7f68cfd0baa183044a842db7f35604031e169cd5e9b09e18dc4faf60c09d3430172efc20052891487ec7d7101c8addc4b64cb1270f62935fa4f3b1a233af94d475b33b8600e149c6c47bb28c46abceda505d4a167c5395abf6f3b4cfba69745cc8065f261b6a34ac5c01cbc49a3ee7962e37562becaf7981f85dace0e1a7563dd77c710e7ff026a9b8273a2d7ffce2af3ed97b43e05ae95fc0f8a29517700094eb6448d99d7e46fb3fed8769630d926c3b376671f992118950fb1336f3689088f9b8075b061c151633fc3f2f18d344f740ee32745f96b8c68fbf7472f0f3823c2e530b28886859ce085ef31150cfe90faf9f0be72071fb0da7eaf428b1b4a7b4acf9e4cbe0d3183d137c70dd9e35331bbfc1ba47e46863c324ac4ab19446e817fac89bf457e485fe53fac275d325caa9919a971bbbdd69846434f61c54789e92f974c605d447f9b0989953c2903a475da602f6334369d551e99be94ffea4fa459dee7e56e0d547f2870d9c98f585320aa564f62c5dcbf5676d08603b605b48ed0cd13a8cb62a99e138f0b177ea990fd4ac472ed9343c06a51ed0fcb7ed2272905f1bc5b884b0f01054c7861ffc2142d1dc4183378d0078576b808b6e0a500a97d7e1f661bfd164acff0a824cd4c41da98b8e0a1ff058d2b04799404dadd4fb3cab1fcdaca45fa48968aab8f17097e273b9d2512da51cf8f42dadbc10dae155154d294e187190eab40516bf648933bd50595c571a863d8878eaf69cc316a22f42639b9fd675897ea99906bbcd4f984664a9bc096ffa1ffacb859ad32bb15f3df3b84a79d0d9ff93d38ae969a9c4ace0aee08277bde3425960273ac4bf16b6044b1e849ab0f234b9f0bb3541304f0b6957accc9039048d75b1b15197a4f78f9b1d2518339c4c06efb6997d4ea2ea8735af5ef7c3cd3729cf6e278b3975fd793c40925ce527ed26a1cf736f7ce704b1177eb65eb72eebdb27358244758186a8f474e2f35e093737bed5f2d5f901f6a144a8e98bb44f5d8b25f5a6d8149a3557f2e97008cb5cecbf52fb77ec4e09da33b25580fa0bc41ac08ce21e7bedd36a57f6847b7adf450a13b9b872de3983b26c9746467fd6f93603eec5bc83c5b7f34be04ff3235f3008c50a25d8bb426d2243d57d337ee1a5dc1896ecf8fbf9519646297d5d23b94c1b879251bc669cb2ce85d20f9bbf3e3a4c3e62d9504148a68a116580583304d38ce89e6c11c64b4d3d1b3471839dce4c583fc59d6aaaf997b51bfe2ebcbfe15eb410c8399924a1eb3e2fc0a69d3d9b23700eb874ba76ca99cdbfbb88ec5c80633e7f3b2f2b3393e1701a60269a5fae9fbce58cf4c6af0139413ee8311123593e3672383b2327e9ccaa6b126cabe8a03ab37663f3c0f48147f9052f7739a674558f3cd440accf9f8109a1fda9d965348f093e6a0e09137ff29a0407fb01c48d3d0b4d5d0560a875b840554da0d82a27adee2af6264bc2c3a37295186790ccbc0b873c64c5bc81558730bb377b60b7b7821b0fd4f850ff1a021f1e840353af5bcb553239ad2a6942e2d7489cad9ff043314addb2289f5599e609996d3adc31402c98822ad8d9274541ecc4905c48f7823234ab109b8b5879ba641a59b06c63a3b605a06743704a30ade8d154da2d6cbcb520d14b42efdc39350c1f5778615f6d13f96b4cbd48d564e9a39d7f5a8789de9518d349af42aa0db37447b635d4bb3643d4e476e699b547d5f23efc3d4c6572e7d302a351d41695d592ce11c7f7d4ee3bc2de1fb77de27479ae13bd39b10eccf8c2aeca1b12b08b007d6c2ffd948b13847e44fadd48e01320342cfa61b660a828c9182f5b38958eba6e7b952f4af5dcbff7db82a76e33e0a4694514f7e6fd7f93ed5ff445b4a46f1472e0dacf1a69c697ce5cec404d23950dbac45586a46c4182f0cc373a972627a2843093197f70c16816abe330aa6de67bcc4c406016914b0522dc6c33db5ddaadce998927a64cf474f6ff17a484c10f08c06b820dc925154b51c908146af868a2ef5193523aa6b8016ebf601e49bda97032c1b5cf0fdacad744f691993291ad1d467774bbf2f3064abc4aba1c005ef1bb3ba53b3c7a386839b7bf2fe33588553d74cc2ef687a5c4a471d5fafe748726ee86dcbb6cc8cedacabac9b06ea1183a840fb697e1d148ac2eb4816f58b7b278fcb8cc9b3df4a0da9a9fba322298b3825fbb66b061ebd26c261f6c9087a1a90d1954efce4266fe0bbc42b5cd1da40f57e437d1bd017fbae1cf4f8260a3078865b7a01d3855dd53a163a1f73d785883180b4417dad52fc2b0bb29d83dd02ed77508e12a59ead7e196708c3d079dbf8892b0b4c7652ea21550ba25f7e995b0dbda5edde75b0933a4e089f722850f2b2375d97cb4728cc7458b80aec80d68d7918b3dc3fdb896e89c21d11cf1efa59112a1458d3b8683714749452bee58f1baf8a86f00581cb248ac9053f78980e8f6f9bff24df4edd355737aeb85eafc8e4b1f731c276d1ea3bbfe52ec9db7cb6a76ab5146185a65ac1a5f0872bd06746f5780c79add1a086766feeae534b1079cd6872fa932e130d83dd68532d004707ede1e0a6a39a2e82293370ab608e67f391e91b5d6fa9dcd30f91f1d615586dfe22d9b1b0475ac23619e0c9107766b3f5db7cf663abdc0416999583aa8d158bd38358853fa9dcaf9c4ec51afd8e1898433f298345e4ccfb34d9061cb02d1351c23689605b22ccb43c9fcc533ef3c46a4c1f705bf0931d7e18516fac60da1cac552afb094d72c5bebf32d13f4421afb781b754d908944ceec62d8a35976cdb2ca88e53e25402d094e4f27484cce4f9603564764bae2824f12a443ce43b34d4d03cc21e93ab117f53b1bf4ca0ac5e31d17a3c488ef01f2b09b49ac2fa6cf28f7fa64f4e8bf6675361b5a389a48157811a8977c4ad3ff7497517c70ca9f2c18179f63f7e8a39ccd7f3a141fa2790f8c6b8776300a935c3711cfb84d663471b6d16c5cae0df9ec7fd3ea8523c8cae0d0e0d80486355d15a7ea7efea41600386bc1deb910e5e50f980781e653112592bd35348fb356674450783c67e76120704416f656bd655af9a3c7ef98776df5371a45b63c85e4fd47c35ec57a7ac7452d1f4f342fc823b51fec5e50d9582a4b2909b35d26fd27e5196c9f1d91a447e15d9c6779f35ec7e7e3df90a9814bef69faf270247a5a19da87424d2f6906ad3931e2c34ad9fccdd463189a7e3ea29064a61b83f7c8dfe47acf5cff4dc98675b632507fd19a088382fe115ea347eaebb3b094e5dc0a82a7a08f284ea6390e04bbf36a909f983fd78a50e72604fb51f03c5940b45d2dd5b134e5905459b16d564190d8b39c8f71a9d754b92db75d02fe99f3669cf9c3e4dcb3bba1d3040eff2a658bb161a78c2418ce6984708e7c014ab79b2991dd26790e7d9e5b572b6e65c3d5b707d3df882be7434bc3818598f9ab8f821c20c078dea41ae3d2a5520e0de934dceef2462e3ad1b10be709f8f5d2b982be5985412cf4bbcc23a4ce7b86a514caf13a9edc6db23e3075e00d210134c50abfab41b049a2990df079aa3f37277767166d8f06d4652c47c519c6568f48fb0de422ced40ae72d54f97f79639df94fd0c69fef60df0339788e49dadaa88b8b4dc5663337b53f10852b481c8abe2b074f895c4cf6f0313b2b2445adfb14bd00bd972bacc754173909141006fd60b4769254a378d04b8800c71d2c7729b1510e2982bdbf428a2894be6ead7343a05af0789edbfb87deaa9aee1d63e3da03b99d76785e319e8ad158ab97dae728a45070ae6fdd5772324b03b84caadc5e273320ddc13d023b3102ccdef81adec14f76bf08593c28867dbe95b8c9d0ce65e3312

Lists and list groups

List items with links
View code
a6d61e514ba0396ec91bc608d217cf606ee3f7617021951accbcc5bab896f9e7e5779fa6539f6139bde23f3248e6698cda29d610a65e86e3e0edbf722d340ef3aa73fd3b39677671c5e442d782cfbfa291a0d158ebedcb762fceb03737075c90483989a4da4f74c7929f1159c20edba651a25565fbfdf9558d10449246eb1daea880159b8282f2f9e589f1022ab5c67a90659aada5e642df897f06d28db6d9a7fcfcd6b399f4e1da61ce760e2c2a625ddff0b4d9eff62a36cea87ff002538e6daeed6560efb831353e39308f26b66efc8624639edb4e129eb50051337b05d0c5b354d770ee1502e1a7270ea27ce990d5eb5acfefe394c5151e80238582b38b752feb1d80a41d71fbedaf66d02dfc36906671f4ac08ef1a97d7a461f587286c057a0a46e1c5f62a1225a5155f9b4c1ae2a9609497aa4b49365b3be65d3137b6266611ecd5538abb1bdcba34d0727269ef020a8a4e75767bb78db4ef05a25f938ccab12610733358a8fe30b2519b29897bb3df456cbf5e6da7fdd7030cba47de47ecf02778e002e8bc6075466ae73921e9476cf54e8d5bb3d40e305f24f7bb5d7dd9daced8ab0344e6a4ab91fd6eb49910b713aeba9c5a2712ab7892ae933de68d6df176e8e380c6c4068da154502c88c3cac3746b986e79a48c75d3f4c85889026e00d09f999613e20a26db6c47a89475f9203c4de5f3e7b4c97f41fcd77fafa39b940431090c43476de2f75ed610ca6809223eadac8c845d9e723e3039b7feabd7b224e8163e491ee127e11a1e5b643c8b148991c80576fe0556e02cce1269cc8a39aff2e8264e465921af10e512956dfa6f5a2660dd2680b19cc2e877efe808ca0848859822b80589d682769541c50cc55acc953a8dfd978bce6db884584577d31bbf0a161e16002eae2a349eba809a07286f32547c849a1a0d06038927f2e8e972f67c4bb0d17d86c6c025e6ee0c4193d41d364d5a145bd0fa3362581c0f5fd057dfd19242b52d60dd1473ae94a65a9c4c4a4d061cb51cad745376faf87de9bf4c30ebd47a82e6583683da29c2f5cbf342a7070ce472bfcb53130b18cdfe4bce40ba38107ccdb2586530b2e522c9d038b72a8902a3d91ed32d5549a8bea9ed287ec1303a6aba24bf8afdc7be24545e4a63ad5c741337ed050f3e5f601a1b621f5b7241ab8623b79510e3dd3d2ea9a6c115ef155d8f0e7f233cc4251b31a375248bc1ef3fe2007142d3c65ab513717ad853d08f90af322dcef2070fa2a099dbfb304257d603965d5082dadd68310520b3377ba32fb7db2556b615d340068cf43a99116389a37ebd5bc32407057516833632e9c80be2275a9ded546b737e714afab81ac08cb4fc5c43bfa4e1b8b52397c72c9a5d6fccd7982cf82d7c9b963842e02fc798c8902c918410ad894e02be6ef1b58ef2acc6c9ccbea1b23fcb26a3aca038cbe064f0e9f7e92da73370b900baac6624d306f921ab49f6a0b684f9ab5d38e9ffbe9163c940e1b51860efc7a5f974167a5ed55b3acd22637b1ae63de3bc6d3b8d06f5566be55725a148fa4b6a81805860f95855bf5c9d02c29df36fa3e66dc0122c5f23269dcb7768a60aa16029647343c3966a87f564dd5791e9879adb2d046facaaa5e2dacc4ff9bdbf6086501438f9429baa58e54769d6fb66196e7b9e71626c2a07f053561a5ee39986525c6bc5628e62bae2532930df39345d13ec6629c36bc4d624df9e6b7109c126d88f83828a12d5dbccdfe3f2b749b5fa32ecddd63469b4a81d218515065c4482c5557bc2c4f29e4efc9d9c35edaa80f0a77253103314ae15c0e5feb8a88cc69d814a5bec36218d05f16eec38374a6a9837fb824774ac253c36afbf4bec5310d0d8ece1879e41ad3b3f5155c22316ad5b22723362b9fbb3a90aba8cdfc40de73ec92244b669cbf9a61901e207651ae86025d0a62a250eaefeffa0c4c5f67b26f5761107bbc824cce99e316fcc0c5e2b0189da27d6b7a6a61bce084b2f209d51396c49427171e51c37bac2fcdcfa6f8bac9d17727d5fb98489bb86da8253bbad8d9e1333bd4855a3840bd89cbc9ceee6eb2edd85831835bf8e6765662468b93b729a004742e730e61ca10e9bb76909f17e04952a0b7731f6a68cfb5ff2751787da7cfb97ffba4f9199450d61ad6715e04a74329d245e80b2657f37f71f7c37288c858ac37000bb5b0593ce6b76bf01bb88781fe13950c13e80bc7ebf115489c510ed33f2e090bd2cb382bc7b4e00f718dcfee6a1ef1cfb5485e920f806760558cb05a567ea0370cc79aff3bc57dc97974e989b069a7335fe01afd5cdcd839326f0e4f30fcf0c1f9de73d483993b2f6d0816fb4c8fc3f274a5eeb54e371e22cc79046507b1f04f48a86246002b68a09d75f452181d05b2a7ee27d0e3ec6a4f96379a930ba721891e69570055b8749b09e4781be3ba8c72d17a9ca4ae76ff5a45f654c61d7d648d882f5ffa86743ede150d33c58540b5feef16fcb7d2183eeb486fe46c6cbd756afa197fde0b7c56d1a22f6901ffb7cebf613aebcf34fab326e1b144037f7af5b6ee2bd4dd6d29ce0a0034c4e03dc93e052dbd6b2ecc241dee1863d6bf777dfd05e5736677f868235d0f570782f879e4eae353d061bb72de7e1282efff9a6dc60a7762471f8c22e67594790f8ec92f78028c9282642988dc7834837ba962e8518345f8cb6f016c4fd9f2b32d69244a1f53dbe26f483b101f2f22dfc0008e026e0c3fea6f49d3d7ae60913c85557604d1b4e697f9b25db220367a0044bad29d5bdfe35970f478058b343ac58413cd0fa37be9d5e104a3881a256e69910d1b57bfd113961cdeb9a49f0bfc0af0352fb22276e12dbcf4e5b21fc7d4af517039a10a688006bcd84d85411c95cda990f8bfc7908050583a28003168c3f61f492147c105de1a7b22c97af3660dc5fa93a3fadaf1e645a92c612e682bb0daf275f2d0f9e34f3a604414e8a6cf0a6b13d6be9ae85816c497fce04323510d450dcb97b12e1f31183e7c4f09ceb7ad9594b921dae9a09d625343cc538c36347a8442f3cf5f875cb52b6222d2cc4dc41ccf5880af291b8c4d5d6990ca4fb85088b2de431d2d74c17165f7e8cf40c4fdde629198e815a19073a9ec2674069ae78f927a2d744213563e3adb1be576a56a34deb53f27e7cccb5b80f1495fba47abf85f0c33487b1e66fbedefc4cc1d687555fee750299f14a03790cc59e2908fd56e96e8051f72a779047c25c486045519c9aaa2a42a5898f5a4f523aabb52e094c4ca1e1f331c4218ca2c0b7c6ac8ffa443fe80c8273d427d416e230165de003905a9944031c35499b7278eab97504ec28791d68ecf27027c5b49142358f5d5e49d8787c4137bee32a4dcc656552cbc1a5b7a1bc8ec51da66eb14551643d0f55aff3648e0b4cabe212c0d29b3cb1f2ee1d570fdb553893fe78a083db9d0c7673084c104b7d05cdba89f20b8c3c4b3373fa5a4280da8162fb7a86556f9c94e9bfac8c18a91c412666d7f77396d0dc4edd39db37e6925c6ef7329fa68ec26a2394c7eaa85abd8731c95561baf23a4352f07c94099ac97a6b2a93b416169a4645c11cd6bb7a086777b97708df1b527984898ded4aa17d059e0d2f500ea7fcf008a9886d25a2d9680162846facfff2851a96c74c8381c0e9e61b44cc58dce36ca994bd130eabe3b6a4276c8d82538aa26e91c89595bd142ed6e2ae23734e309be26026749f86f29564bba8d229471432f55dca2731b77cf26e814e2a3bc9a161e5c2249f727c32da65eb08fc5c74a4806971e502afacc63bc00bb0140efb5c307f73e04c90d43278cfa78cf95ae81f7f580bba8d8b629cbdc06f255e0a5f1540f2dd571275cc
List group with icons
View code
ef3408604088538154257ec1a5fa7f61d982f2a6c81130758eae7d4f33fd33b6e979c87a67d7f504cb22c5ed99cd926a83b24ce8aa321dff73b3ef2a9580d4da2946bf2113763dc71244a149eeefd2af843b95b93143500ce455bfeee7aeb6d40a4cf42099e9d636ae6ac5d54912389d31b97986a5c8edcac40fb1867982c0ada7ae5e0c492d478affb73f1b5a30d8f9b3212dbd486678745f5339269fbca0ce7acdedfb7b4f62a87de8fb4d3635ee1ce0001d2c927533273d8393713f35d10fdc8aa68fb11f9b6c2ea2a7e6fcf42a5b11188226532fa5621e0553634797d86d6662c25b2f668ecff25141a3b26b07d0515e4eb064d66bb347a8e675b94db176aa750af8bda1a23aff954ccac0e4f72ce7e1f8a354a0317456e18cfa515cdbc758c3a2c48e8590b192c3d43ad590dbad3f80c70a53026553846e32a5be51b45aff51ec6176e618eac21972a7ffe72bab55324b6ca66c274cbc1f2f7967dd2b075cf0041049c5d7b379f2d2beab4c1b53b8c9595d59c302f7acd777f84db9113ddbb56a83979cdcbde95dcd3d33bdebd2cd8dc7a3e06925f92e5325994a7145389ebd0c0b8f4447a49c56ed326bbc10e1b5f856d896e209ae05650050913b7026063add178c054cf585e1863b135f0cad2ba95d95371787755ff35dcd595747cf74d690ed0c174390d642c4aa20082bfccd73c1d4e78260b75823107f752c80e7d278694e448f821889ab875209d9141a369e42179a1f900ec84c1715bcb5547f8f6a1cd8998f2dfc7d13f3d5dd3570c12d844b67cb7955aa9d16aafd6d3ddef9f4fab2252b07a03275196d3fffaac302ffa776ee9383fe8c282f3949692f2a07b0fb2bd55ea4ea4949657ff5c840c8521a9eb65bb539c0d140369f24429e5d093b8c1288bd45fbb28abec311b1a3e17342e1321206953fe1c85b2bcf2ed4907421e8e115357397957b9300d5b537c0a29e4d46c3c37a8b6f4602f534e2d7228a568151dc6fb268d769432d8684d033c57179f2fa081ccb0da89c8f58a6e8988583f5995ffc83ea64d883ddf85df12c3a79997a2e23302c191327f56d4605e1880e31ea06bd061c62e93510655991f0850cac5e8aaf82c59dba7c8fce24bf2d028fd89ef9cb81270ffb51c3fb38d6843958f7ec720aefa9439c0a195defe2564916c3a6ffb1694441ae4962debdfcb2e8473baa4c18c238b2757df372498abf07728b4abea048e7cc02b99dc29226c0b37c1df04d8f3d4ef86164440491f905a6e5165073ded14fefe5935c03006af76a3aafa04ffb83cac44c3e1aa212eaa679a24c2d3be33b254dd38ffed836f3fba714b6143e379eb26c9913dfb24ba7ec1d765dae386c9a0fb5b84d3bab02a47681113b77e08b239d0a9b2d663526a6d3306d2bef7385335ec5ddade1d73c69fa0b907c11f8cd97baa70025e1793665d8b2977c44495703e6ebc63419044f7c7e9f427bd2ee963a7913a8ce11e8a94671adf170041237bf0c8307e500d61992fc563e453284c3d04f7eb020530195170afc390eba277fb94facb7cce44b475979904a058c1f77b5f9a1fe210cc43de7d8f6cdf65a63aa3ff74e4f613245c358425b2e48c424b5ad5e420b43bb323052f76bdd72044ddd7a612cfe458c957b8952815311ebfc8e8c33b7c0fbecd57286c38abb44c046bdb31dd864c4bd6b4e427d249455bc750da8d76d46e25dcfe0635394f8c29ea51b19d44311fb0deb6c678d80dbf0f03d3e943a114598307ae973dffd9f76e113f42377867d280bc2bf7c08066d8a4833d1372ec32b343ff0e292b84d5f0374b1a9aaded00a6a3d82fb9d202593a732ea317faaf88702d05642a8de8eef8f2f0e83dd5107751baa43e15280f599111a1df5b1211f76fd68e8815ac2b959e8ec81a67ede2efed0f46116fdfc9ba46088e496d65a7bac0445a36500bcdcc7e63da8513ebd9b40cf7effc31615bf74e21fefa4d901325e0478257cb0581dc75237a23bfbc43707d1a6466cbf4819346a0dac5d8d9cf9fda8425c2757c41d0c8ed691203b45558cba8b32839a2441f9684754275eb2df150d1c4d9e26140d056119694d330536d8f2b2af999735bb247a4abc708b8d9a4f53a23abf69c8e6a05970ad0d6d911bb1746a1f5d150742fa195f402077ea7babe7956db98943ecdc28dab05cd620b5cfb24332a3ea87d1e2bee182e916a3a482da2308aa631cc6dc6cb2e6bf436673c6d5e201dd24d60e4958f2d5a73375cb5bb952aadfd407c753cca5aba56e15d85e768254bd08e66777c44d5ec773d67a8e7eda17016868066cd986ff43a073984098d032115564aa333346cdb25cad00bea9c7dea35cba4a609b66c7cdb3b4fe0eba27b511245578b530bfbb60092025edb98a25709a08f9e5d9e81a4d8ab728ee3d1b99554b3f8c7997ab4dacbfe985947cbcff2630cd4cfec00543fe4a512710d7c946ea0283ba4876b8b84cb4ac11d21e0165f115cd0d6b3fcf9825419f566017e9a69a7676f2ac1c23c261604466fd8aca015f0f325f879131f24c47367cb3463ef7a5e39e48ac569a41b9043d0e765d5afb752fb30ed4774ab0aa64f9a9ad017c4262159b7e34581b3d0beea633cc94f14d87b59e909de58a71cebd10aa461aea97e7e337d1711e92eb5712d30c4041411d688b78b9bc9ec18e1f0429a9daf09dd6644256faf31705355994ee5745c95737cf912bf3e9106a4c25074bb0e789ba42f1078c35800d716d64304a9da29d62bf120ca2d98886885e794461896ea19a883fc218dd9b26fb32a95292dcba34b1584317bf58ed58b0f60de88b66e2e1ddb3fe57a2d575968baca07938d3f6f9769f542b4540718339eb89a0486fc0c38edf8aa6374cf00cce99c7cfb65c18ff364ae4904b04bae32cb9a000d2852acc7a0eb32646144d2cb50e2da0da954afe287d990ed4e91aa3b7f967db19b476c291e071380ebdd5fef753d6cd1d7bb069ab285ba78a50111cfae2aac6512f8e44700174f77fb9cc0d1995118ae7d62136b039e90ff7774ee1a1d8cc0840f3a399976946afb43988a1d51bc077c77414ad222765432093ab388aebefb748713cecd7a2d51b7d8d9483279ab8a6f76a1ad8dbe744123c93ea6c97735468e548334bb99fe03d2c97afb92c1399ff5ec06b03a96d11b37d295c16ca97710dc364f04c04178df2bcebdf6bbf03d6c75ee1f0a0b57d682cddcf58ad20a602a17a18568f2039e0a723d6160bad87aa6358162643b515957604c45b49876131873506c23fd206aca3250ba447e035bdc165d7be005025332fa2135a946a24e3473eb977bf5f7924aff1b2b6973cd547487f9e7b91f7acbc4606a8382a9973c7ad0ec5e5ba9955d1704b6d0cb6e8f57f6db6674038329af80f35da058f4b5f432a07b979b2ba22c20b1d3a2c1f05acf0eafc9245384c6809646d1c14ba50d050a9b543eb716b9c4e13990d6d2dca4509ddb336a9ad69ad2d9be0cb16f1373abbcdab408c6b0a744cc46ea2c5b62c884ae9dc1b33f642fea492f2e25acf9df4ebf382a2d3f687e8f62e1e27c7eceea324e4b3e8648034c25abf5cc455f0bab80f47d0dea869e772f789f8e74516b45676f2c10fb817046c2781f8c998bdb156e11994d0494ca174b44d955ffc5595da913b36376f243863b98332a17635e3d870df493f78a867ad147bb9e4ed630e3a68f10d4baa21c99140e98cede30f1c11a3fe7744a43be2de4a6f47eedd6d612262d202134c3dc9c87832b3597be4e99487feadcc543f5eaf9e2eafdec97e314890d419a96f1e8e7b9298331a052c88865d92a24f82d78cdca66c24adef9dbc4e5099591b8aefd22c8bedf83715273d91db9ce462171ba4ca1d2b879864db76c66449e7969350d361377d0cafd90dd5e08e7bd93aeaa638ce75116847e90e819647c64836fd211275d5ff8f73aae5e445a9166ef09931a2a7face0da4a0959e8e9b1aa501b9ddfe7423f9939ccd72a3995793953414093ea194a5cd99b1411c104e42cc0e56cacacd45788d7f0495ad58a000d7c2f3d5c67f79ac5a34215cfca0158a34c27c6ea801c6b06e9ffc0b8ee570e551c6d875ef301978ec3e1f72359aafc757ef5bd6eb0ef7f0a1ba04042bea9207622107d74dbf5295174ad382290df51e2f927a0ea7eeb64a82810b800c31698bf8b5704feba5926f1655f8a30b1f59cdb45340f45617426cfa816e96fbc06a4b9a6024acc66243a72f870516f4de3d185edea598d3ae5eede5c6af33b6c812d9c7695db5b0979ffda68df43133f09083017456712bb1435e77937392dfa650df41d5ee777d0875361ce4f93997352ee83d8e483ba096f7fb1716f18fdb592f31ad6cbcac482075b766161eb833fec1ec041c509014177d52a5bd98c93a35adcecd33799b565202c886b7a6994947412a1a1663a76e6d6d6e3e9804749e4e01dfe33acd2d65a5f369d5a8078a1956b702df6e459c971455c5b393eae646e9b835072b2c2bacdb533a2b40b20da261904ed181df10c90a3b65aac2de9bde9eef6fc0aef39d5601c3797f7dc2c8f3a5f0cf994ee0c2e18966669f1b7064e1d6cdc3c5994709efed7481abd908c153bde64edd0ce7f671ab465ab56f2b7b2f4fe7768fd4ecb99a9db00d98cd685a07329a2f9282c35701b8026573876afd8764b0ac54e0af05805bf9b806dac67daff6d43c26548f0f79a6e49dacbf462865d45e9bbbb6564bef3b46507ed901f415a38f3d1d6ea559f38fcd7c35169c9bbcfcaea9c519d933046bc636e5f959c8501d5a1cee0738403b86076fe727405dc6c7ff58bcbcc1198279cb056b594f9d14c8cc9cca5ef6867ab65a8cb15ae47724a916f4a5473a52d1cbd8d0f03452f4de99df0f6849b10d8f1a8795add337474be49a2f40294adc81494331b263efc8b48acedea3484a765c7bf1615a01f1c4875d1df05ad2a35d746493e17ebc0cb5f9bcabdefc265887a2d53883e865dce01c2484bfff0e2f740beb17e0bf8a00f46acd03c2212f5f0ef4e4964e14295c1b5aaa51f7c7d08bcea57a28011792037c04761a0ba29862fb1fe7ff1f1f1d3a76cab52f4aed2be99c2b234c65450113ed1b25a9f9f4aaf0d80671ea1b815892e951a31c9d0007ca74d0f55c67481e63c9451238fb0ddc88305352710285715bacbd3e6e55d875835f8ae3b40e930e3e82cb9c8616582c93dc1372e46c388feedffe7cba0964854ec56f71e966f368f3b70f9b9a81c01466e43f6eca629f0c6d811bf603903addc7eec4af19fcd90c60a35d13a62b6a39c1b8f0075021a0ed097c3f13e0480a796cb7bc6105187be5ad68b8193ce280939964fd57e11930638a35f338e1982380f7a33bd2c188e7dbb8e4e85f42fe1a037ef1897b762b12dcedd87112ca715aba887adb82fede4f79aecc0f6ab998f1623e4fbe054fcb01c90867c7a15095db448cd480e624a9c20d93d965b5f9cb302cd53e1744309575a4358ad1c296fca36ea50febb24879507b28476d86e364458f35c0c9e83d437d7e248132f0a86d3c9dadeaebc5f02527a90f4195e08ee6f19e6b8e2f576664b2d8dff4f8c75494f257237ea60be25017118e5010efe66a9dcad7670189557eec0f4d8de55025484cc6c04600c11ea0ec358b600ca991bff7faa100774366c1a8cb5e2fc411748d4e9dccda083485a9ddf4b81d751ad156f9cb9c51f34311015d298fb3c78ec162eb93887c4ebd9b55907436276bcd8cda125a794b7d163a1cfc8730cc330cd014e3fd3d2e3fde892aca6ac4b4061f6cb296af69cb96f337af038225d3b674c46293d84f9de1e30bc7f28a679c773d6ee1bbfb38f76dee9801007a16ba4508302ad11c46836de223452071d990dda3b34792b52a67501ad95d22b1055e282139d651e647fcf74d2b25abcb5ffc5107983eaab58f5dc405866a1c53f13d122f5edec69dbac370ded9d88d527883c140019b0a18a4c72ecb8e059adbc1e9457fc9fd779e7bf40676e5457bd67bc032c204dd629060fc3435fdc1ee9cba22ce91263d156276d73f6ba5973ce4e500487685bf6be69a12dd2ac4a37034037d29b8d19c632e883bc0c85262e626b3535eaaecc788953bff0210dc1b0a212bbe6d8b52e4b858a7b47335b4ce01d9c038f44194c6d57dbeb2efc2995f485292a41add1c24c671b992833942787a93245bfa32960f2eca2babb7b06178f5f34cc79083b4c07af4502c13b92198ac03b103c5708c7fad80e23ec432dedca879ea195266f1f07e56938a5d1cfd51ff250db14ca0512ce13c3a76d260776cf98d5add021f8e80962ab8cb294b2c43aeb2a87862cea9d99c2e208be745bededc0853a5409cdf0502ff8fbe9864d6710db4485e7d3b95182c7565a00404b4427207577a6e9bd62a1dc703dd9d6515edab049423344eeddb1aecf2fd80cfc1aaead45fb9b0a6202f51fa45d10b8eca03ea9203b0ab797e1b2ad30d04ca063d0e40699b05ce737baa37b520b180284352544be810c14dfbf363ff8feb0aac4f8779521e8b3c0e5cdb3efac699af0205350e8f

Tabs and toggles

Categories in collapsible tabs
View code
0ffd844df550829cfa30f68979975f4803350d956fd7d1eb30f4de32562c516828b12f9bd4ecc2087ba799445b3b688cf647d83e5b52f300b11326b717667ec14042f1e3797ae401a38b31c8644d0e351486498665eaf09f46b37e3f101ab08ad1a6cbf20f8c8d6bf68887514d921a895eb022362a256eca81e2506fbf0d27e399cd057d5c9111f9d608da5daec472aa903dbabbccfffc04b460fe70d5871ce25500a900fab759180b2c08b60cd65c30291f620edcc1a2a98c6786e760175ccc41b15c4b8bb5ffe814df37f6d2688317a24519d939b81c8e9d6b1695859b925c245ea1d2384a00d10992cbb231ba4d04c56da6cc8ca1f29aeb20ddf3625fb6d000ec74d6ac26277fd7fb7fd5e06c3fa386ab11ced5edaeb4543c88ac37cec817c7c7a7077ebd48c1cc995d98d3f290091e0ba270b709fce83d59862be4823d8626dbcd1b6381f128d5c46fcfc2098588667367553dba1ae853e41e0ce977a6a558e068aa9e8bbb4451f381905fa7e275b794522e0b723adc6caec7afb6d395fe200a99cbd2589a99f1f0395b66ba058a7e51119d47421b26e297da6abfcd911234eddfaee4885f2b18d874b113693772756057e98545d47d23d4ac320d948577171113cc168ec6a565bf43d570d3fb06cb804cf9af94535abee6911e38c5509f1de79ce91b46b823b5dbc1ff2cb8d891e49dbb85cc5f496d51ea28aad1eeb7d0136030f56674d58561e7d4c43249dffb4f729a11552895f1fa080d0f54b8e8a3dc215aa40e2afa532dc1992a3510dfbccb1f3b986b5ff0f873ab704aa2cf3b748921e745ff0a6eca10b2240f31b5c7f6728e72066a3f557483ddbc1137839dc17bd75d358a81da2c668e305d70c017abcd7545160dd513dec134d8d1e04b6013a6d70f2a165d74e2a2685880fd2137b95702d3ee0d9de0f2507560ffb835cadea6b60d0c3c390f0d7f09dff4f7d5be98e3ffc1db1575f7bafa4b6ea3cac714fe3be816405ce0543314f03cbec9da7d4e54f718bee0293bcc849488760a34634699fadb364df94516836b566bb4ccd042dfd2d91966e4bf960b017fad84d201912e3998f00aca927ab362682bc73b61c69ef3a119763e377a88006dc780e9908b093597d5849fa4eaf8496fb52260135f5168bb6a2b622b453eae2a337c690ad49824378e97534b2aa26e1493310199474198c92414c575bc8d5b2937203e87ddc24258a5844fd27f8a9cfeeb204e1f5533d4b8da20f7eafdd0ffd3e4ebb2a9d52a64efa64447dd9caf1b99b923515457fbde7956ee43709a233669196c6bae1b3e5feff5ea251b859a9ae2a7a180e34559158c658b2343ce005cf7aff46d75633e310a13c8898d7e05ed59294ac5540e9213c29d2d85b959b2b52e7410ea6b50e1f0bddd88d48849bd50cbbda1cb768e500d20ad0534bb9872e665a4b1f42b4fbda277b0e317f9dc91a1b189fb3b503893e3c8f50dba9ac464d92b844e34f66f26a34c4d753eb88b6a0bb5424514e2f1c7a999e589bede8b29ddb04db05d95a94ef09d83ef1c250d945b6576c6d17969522868edd6a4229592d2fe2f87be3258e668ef3a09615828198c4d515ae7539dd473a35362b7b127ca791e5d2a611beb0c7653619ac28e556fc1483ecafe787c73c8c4f4ebd52cc45f8e999eff62e7142c3ebf58aa3a3d1069f99a95a243a53a62f8ec0c0b3e636325cf8d8b76c1c85ac9766f83ac89800b64465ef249810b678dd7f63b407fec209edcbc210cede783284b7822e3021a884117ed94927c2a0bea6e1391749d4716a8693a0bf6e51fcbe0070fb5d5ccb498c716a812595e09d6620ec048ae8c822295388d9ebcc02906a03c09e8aaa23f5b45ffad3d94d34d9a6eb965207817857657d3d8aac8bb4cc2cfcda4776f2f19aa2ce06844ed626c70ac87bf8ccb72948a3d1012a458ce3aa8f74deef9d2fe8105a997e93c97fd2cda1dca908ef5bb134f5b2ab7c96fe8b61b41952750064c2ce42017a37d1cb50dc84b5aabdc869ffc5f0f2bf450d923ac6887d3d50f757ad92683fcd010633a19efaf8a3e81edaee01696d03d7905faad3eba0b17dbbe86e8334e1b714f506b31e95dff9ab6c1efc3026333d67ddb9097b60b1ba13ac8b9ed88b7a3f40b947b017be08f9ddf7a36107484721a7ea8dbf528d22123db6c1bbcea4351a2f3e96f5b100caac8a0b0900ce754998c596990bd57a026a296f7149dd2f3a9d6290de18d01b4bd3026267e0088f2955702086b59284b0deed28d6159cb6ccae6e495426301596d98064d1398b2e8494f412039a5ff2e02a185a219f5a0c93d2f34b37581ddf61fa04e97ad7db8867c9d81c7c83866bac1a5399c9c36bc79c6979799024e925dd93b06d411d8109abb6f8062d5beec9d9ca70d203c769dab93faa16d2e173b5468a2b2ba5be111f1c05c0c69e1d6b3ed44557c929427f33d841bbb819951938b74ace9f67ad3bcf25343753a1b1f87820fc4730a96f623e11c0f0668a24e21cc04c42954d65dde768bfdd80a29d576d498e38673b9e6958bd4051756f782b59b258771091da86e405af64916207aafdb62f56496f75c02580f5cacf17a10262494f7f9c087a1d7beb8ca7c2189d879ebbcc4379d9b2e9850b8c0596d7d1a7dbc3745308cb3c4437b6da79be3d2fd5779d18ec03d6ead5cc5fd3a6e0cf1dba2d0253952595cd476d151311d9459a7ac2dffe7ca3883c3f19a7aef819a2506b4319a049623bb5ef9f2a635809fa1f1fbd9fc67255e836f3f24f898f6dcfa36d03aaab19825f2b556095f2aeaf59dc9d596e9dcf30d9078b1b4dec03d1b2a1d3d1f5b928136e35169ceebe8a994fe243a80cdeac487d52c39f45e3e51190c241e72cf1518a6e3f1c335a5b52480868e00c47402594fea73008e5e7b63bd8aa92369564be7d87c594f89d263adef84ae18c3057accd8283bc217a563f7fc603c1a
Categories in toggles
View code
fbe0745edfd4d7bf9b8ee52321df66cbee966337291f5a98b4ff4bb673585e6d82a2ad3b42cc663385bdaa45d0272dddbc656162832f1c7b161798f559074d673b080d3b422a5073cc2ae54e2679ea07cd84b8c5c711ea32440901b965e7a47ec8ddba4a109399bfc8fd05bba55c5b8c4f77ce83a1e58bf1502ee96c3c17520d85344da557deab303f5789c995a10b28f31788a434f0584f4759e8c4aa2dc8f502b19ab1b903137be8a03d5f3889cc50df890e6b5b66bb4502064bbb759e4864312d4189967ef35b648ecd3ec36a058395c009d1e5c420ee82e89b9eacc680a39cb56a977f57eaba98680b1152d27965beebde8f778ab07394b5cc119ccd9c8be4561532144154461a125dbf0639a485e90526026a95b9e94b5b1f50835a4db77effde3a38a85011d2c3c150a72126177cb634c7aec9599f3a770e5722e5d0a6f515a7b74f28217818f344b97b568138ce0d3931522aea63e14236678bd685082691d33d7d776eb4a47238951aef016d263c1941b0e9fcf7d7b98190ee6dc34f405c22075a98fed7bec33ad2cb445347c2c8107ead27f089aec152f14fbddcfe63083c39b4ee40e244e6282a2060b07bb250c00b8837a597c0980242a85853fc8104d90424bb688d8e01c3d2cc97aeb2bf985a148da62de0ddabb0b66ae91153e3172a957ceebba7966c3d0e7494f62f4a43d417f1e7e1affedd4d28494e5185b7386cee29162358c33367109ee0bfc44bb7faa8eeed94d03e6df4ffc71cb3dc8bc82d035a6900cfee50e1374dee9feea4db7262a017006d0b2126a97972f584b65f2449b5c451fdded0b06d02176cd7fee877ad2c5daf6a4d8108535602e4b0800cdfdd8fa585975919d5c56c61bac435febad05c37d30019b3f8e537a861d65501b2d3e7ab26822a8fc955d496a8b6e9021d7191d545c4029db4e8fed2752ea8c5494df6e8bac3f97c5d627e9b752b87b87f9b2650a3dd4bdd44d70b144a770acf58d3e83d87892e06f0078c460445a788a1d6d5681860ef06dc623202b435babb1e7a346327513b7955efb768c259fbda46c2efa10db67440e73fd00cda1510e5a9168b6b2f1446b8f4dae2d0bc6f2e778d885cf29cda55a04935373fd2acfb15c1ebacfd653ada8b566e53bec4d54e1d7fba72f246b35fa5f0f418a6d0503b5ae9b1fc751607060774aeeefdf6231e3ed6360d7aededd0a4c2af6dc5edd3b31f045609d05b8ba9d0b78ab0c330c9129b9381f73fb303c4694fa4374974fcf85aea5a980deb7cf6b93933a0e605c1d05ce7d200385808366b9eabf8b128ee435c2371282ab2d26d2afe8d9ef511abe0b722c618982e3c19152f8fdf62be5c54592d57e1505c0bd80ef608220f14f8edcd46d701aee211b3f698564cf59cf21f0036ead75cfbddd931f34b0fe7b8bddef940eda82bae89812abe9a2cb1dd49440070c995feb6d7011fc9d5667f84ba5faedd54e310faa58aedef753e0a2fdb7a7a227fc47de118d2c608c83f6920cde4e95c7b52dbc2e8c7c42b034dccbd89a3922e64813dda68038d8e6cb89c9cce9bf07df3bea486a364ec483e45442f0ba1c6be58760c98e064fbf7d628f07c61a1f7bc4382b5593ffc692796c90e13abecadfdbcfeb972e5d0a946ba3490704858ffd5be02e9c15991c406926d54e84e835c9b840f1c0f082a351a5af76accd164663094ac36a39bcd7aaba55d09fc8c9477995e1a69bc672544f5cf1a77808db3d69af9b8c695abf2f08e34656b08e4c87ee98e402432de40c1927bc3eec4213f0b94c90fe333b5ed32b11a99c34266117e6577f8d5bcabdd678a4f9a549134a6fa128c5c8cc5f7dcfffea1b1efb0908b6d620f1a1e14cfb2e3580ec45b7669f4ddcc37b8f009fce2774503e41c741a0e7c92efb9c5f401012e820c9dbccf57d41ae4262981d0e0f6ea066e6e08097c43a9682fb8f0ec595c428485d5887d930e5379737c1afda9c41f0390bb04e2f97b0775b1bd871e5efdaee3c9f18fd8889ebb87b486cb896b65d5146b09e64d56a0a426ec96f168bd52ac39d2d88631286379eb36cf60e21521dc244c7c6e51a20a70f2d45903d3a1a5ac97da1e5f831b2c2b1d46e145f746a07b40b25e6377a7093de62488b24d24e860b19d818061710aec6dd3cff82cde39da256b4035be0cc019d1f430bcc1f8c48f2bba61ec960d9d180a0d77f08ece83900156134f6b014e9c951a7c78c1a5001629ed80f6fe334af89afe5d4be7dc903286b86a24072f1eed8868e1c72fab0078356de02fff8e3fa31e49783c189fc2188ef73831c3b4c31f73e22d594705e91d44e10ba562b10ec8e7551417d5f45bb15ceaf4ddc2067598c5e0423097fd9e8160178c376c9012e531e5e7c8a517c1e21f4e985c40da08f154404444de4455660ce7da6901d8ac90662adede8e9dda1af9063324e33aea24fd15e2571f1f8a51da4644f9c934a8a32cfa5a152b2295cfa1afd8de835d9a820de3042149ed80ddc8a5a2a2fdb99336006d3ceb707fd1b763b068222d78e7abfb239e2d12879158ad2f1730ab5651e6b8eb6c313543ad0647b29fe1f0ffa29b899225dc0b6f670bbc9d821d3abfaa7c3aba4670995f3df274391bfbed772e08618ea18e9966718f874e29b6e479987cc93e261ba3cef0130ceef3e08b6be243c899d87f6a8c653fd59df982ea66f7e66b7298d3dc923212d6ed823f4bfd546c62e45a30c04a4a0e023191bf409a8ebbccd1961b9e0a907fbb9884e9f25c1d334ce797559bd9211a760d105111eff1de814d9510146a38ae617ee08410e52dea60e104487b8944675554fe31f6e60a4155da740d5b90226a55150862cb2c1a4b37a858d0dea91b4725d2fa9468d1e145a575071d110e2f7a63eee7f000e9342952b9ede8c7d8512c6c2870890af4ef590218662ae14f9a97295d622c9059de6cc9af8b6833ae9653a25a7bee192c6ab5f97349622cad4282c54eb8ed6be11b072ab78ea8926b8b64860995e45b74555926920ee501225f04698901f0553e43ae8f2a38b3d7a466c640f21e2d271ee68056b7435f19bbf5b3b96302882a57eae0cbca1784b7f6ee8d480653bc9fc28397721c7e4e13d393e8db3e1710225d464371b1c07652a27096924eec706583b7d35cddb80a2cc8096398c8f6a9c5a8bb10bb570c9d08b3b34f5e4690917a0c0962b794ebe0e7dde059c7e614920f9ee658adbf8f06a440b216f945e9810e992e6fd3eff0f36eff59462609025027d2b8de07d4142780cb4d816d102be174f14b676de35609ceed66466b39824cf527decdec01566f24821056ce24696b7c16228b3e9f4aea50ac54aa661898d963185f4c00261ccb1dd220bf8373d4b7d4de7f78ecfa787c7892d6ce99f9d98be5b096a5e2327884107261bb603ad3d729df1098548c78dc4c369981f3f4969026febabe59cff585495a9cd94aca8fca020f3c06a41bfaf8f1a3b02e550722553f37b85d278e6bb3772748da4fcb482fdd54e5e5061b21196f51459a591fc9bba35b39dfb70fff9d99328fd6e2d1efb3ec82edcf816bb2ce0c9a37593ca740755301ae31021702b8516e3b0d031b5317df04fdad32ecc4edb0d5f64626cb45ed706d37e1ff57dfdb75eca39e5574ad9e0aed8001cf6e20810d5be2616b9b8572766cd9508aa3cd8135abc3d3a0edefc05c5269c20a573f85e73fd55b6e54363fc80bff0b64f8e66865dcb3cdd4c305bfd25406c4f1f53fb47fc61aaa6ac8e17c89755d5524ecbe882c542202b7cbe6aa2174e81a36c8a69b1454437d5a1b8bd349f15c3531b7309cae352de84223d12e35f209eab2805691fee50416271e1f250aa6da9bf9b9dace04ee00e70f1b788bca70dd8f922c70984dae3907fccfe8204194199438be13c19f618748d19eb054b52affb42b9d04a7d4eb8cc0f4d31e3d13da402d957f9d063b59a1df5520b48edf8f924b5b465b9854c0336c92b6ca03087631a5981291f054d5adcdf2b1e391c9dfcb4053dc2ec49c1c1fac3adfad953877e2ed20c7fc084529d04ce54f61ce9bb3c3d7338a46fa8b3b608a89bcb364f68a857fe3f822a81a528d326bd658bebc50782b44301fb47f2a594e2a296ed4d6fdab03f758a84f02e6d86646402299593bb39b2d0c09f118a67d5d9005104b5d7f6cc848200d1e434f154b8c20cc5336060f10a3047eb1669b7aba26f585fac82158e84c2bfc907e7834cd48d57d1abee893c94a13f555ef42b4788ddca3e5db98946eb134acf88976170102ead8d8e5ef7966378f78d177822e5df79c8bb6dfe8af507af106b78740f4af51af42a057d35a561999b666f5417c94e4652ae75fa16fd2efbd04f01b83dab4be1d4e8ab2758b0ce38233e1c5abb456e604e1d993b9ecbef75153164331610b1aaf1c96df8ef43512fe67dd6bf4f9c09c945669be03d358ff71d7bed76a888e8f00d11f4a57db163421912cd930eefaaf3daa7bb8b2ad86a308d36d3e9dc87507422fc6d0f3fd5ca2f4fbfe223f25b2d3abcbb8c86f5eb4e6b34210e47cd9239f96dbc6ebbf09b8199cbf55710ece9ee549186fd01d42ab05d36bd25830c5cc49181d29fcc5ae3692727342a912b2fdc798a31a242d63f48808fcf8aea819cf093edb754318887b20e1e7855fda072031ca459554456272bf2a779e38f0c215dc0492a04d849e11d69e792a8a926f732e568f436e1b4dc1bd71ebb1a6157d33dc4010978d78bb4af9de88f8a3fa47c7f62694694969b12a6dffe081a3eaac88e8384c5ca7632d14afd871b53f52d71d93054b8bacc599d30c6f9c304fcb876b943d9c054139e51829be6a72c9e3aea457cddde7719952bf8be04a0e26cec6fa5ff4de6339fa9c7aaf75e4352442762a5b9ebe8a64455daa0d812573c6debf14589854c561659d86f7865960563897eebfe26668fb96be4c5745d4157ef9441aadf4f58e7866b2ab875bcf087e29965932f384ca4418f630ebbfc64a404c6352e0b4b58e738122d30bf6f70ea6dcfcb6197f3ce6f480342a34a8a71812ee749aaa24c75c92dc69bb623861f870fa631694f82be14ac640dd95c187a67e4fa969c3941305e4670c1b5dd17c501a5b6f0ccb37fd5bfe8736a00600d1b63528c39e1449e78a3d3d66c24aa894f1fe4f959f09195437da6da14aece409b04e7b391d917d8b8c5efcec0ef3a6fdc5af9e274d683e6f0ee1e3f158762fb6facbc37e5780e9bdaa9b2189c0b68947053da0aee7e78005cb4c1a50a9f3ec0cd6a8d4e31ab3a55eb596d73e10e5447d9cc1e5337b4f6dff65648b5a7ee9c4fd5319198b297d4126f883bbfbf6b274822a747e91d0e291464bfea153e29f92a77a4915da097e9c69ee19bad9ff9b5576b7e65699f8b930ba62fc56132081d981921b556db0b2a3febeb00e9362e706a352018e9143916fef13483fdc85e435c982f5e914e463d0e766da04ca213dd2a39e3d024c9737085b3bba3aa702eb4d776442d0c13d70c52f666478331f557d977ba3a523bd8eade9395082f591ee71dbb3d82fa5ff6d41ca1ef2fa393e91252ae7983cf3eb5a4bf8415e2f687c39b32e28342395970777b746092135c7859a92a3731e94017cde8a85c72c6709a794e24e15adad43ca0c5b2db08cc2369927b80118d762230eb156a1162238c87a8f8435709f8b40cfc7a9b03bb13c8149294dcbf76658df83821a665d71dc7b2f816edd628128254bbf432397d74e820da492f9404f53fde2e62cb6f9362c1c2908d55c1d1ddaf497e71ed0a011dfb81aa5b5ed199bc0518c5394eb56a7998ee0a83f642df325795fc0d5559b59868a80bcb036bbec52ed5b53dc5122f08c6b338331552ca33d2e914ad220d7a5de13116321ac6cd42dfedf0f9ae694d00ce835d61d79d6144c4f9084aaa52b672e3ae3e2291e53c61afa83a7aa077ff562942cf9df187a8d79592799e6e1b5857ad9fef67d4a246f28585c11d91d64a9f7c15a129b951f5f74ecbdca961100d14b1484e251c2438c4df92d60a3797e3fc93aced16b449e3806ac7cf62cf280edd54896fe4d56012607291d6cd3b9b1ade0e6ab3845627b1554e2ad8d7e6cfb9e2c3b9164d65cfbe3be4ae47235f53a372a3390eeccfc691d735ee9c19646d49e91aa93e68cd22c949c0ad9ae51e177946e462f05aeba06d1f0f4c07194603ad7b2518af28d86063d298f2c020f282a76ffb23b02ddb2cb161b1c8750384f52d6030ff46589fd4019fb89c814491fa86e4f8845d783255c2f93eb02206dce19bdc4f99a23aee494e1b597a9db9c027308aa85c4553ae48ff233008817322c6f8d4ca4be19944bc01f400530ff808a07ca0b79284028617a8285ae13c11786385b93f9db45f1720fb63590360652da89ffe26a69d474e3dd8495e1d30fb3a3cf999c2757aa6d20f950b16a35e8ca3a17e14ef980e1b29dd66e34139e826f091c31b383efb80ffd838847f8f5eae57972cdc0e2d3c3e9b55b68d4334bce7cc18b983d5aff74d81ecf61cd86deac9bbb6b728cf009e90787a0e5559dd98852f069334efa5fe2380c3feb5928a866107419ce68fbc22cf5070431c074111dc90987adece443108fcf4c868c13f3f89825d83bb9939f6f95e6ab182f00beae63ac68303bfb10a7182c48f84072ea63ada5c48c53fa69a7641ccf4228785505c63d647a0b81b2a3216c4968ae100f4b1e34f7c66213f759861b2bbff6a601b73970e9edf641ac0639fe28bbbfbabdbae6de28d0278d6c2791fe75395f9cbcc17f2f1ccd6bf0b77887e46c4580177f88bdfb9f2a2a374bc50f09781c396f14ad86c426d39a1e03c5c368f9aef0d1136c79a44d6e50df17aaeb88dbce0b1dde86d1801d0fc4b6078fcfb6bc8aad4d126fc6cb4e80

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">
         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>
    
  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