Content blocks

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

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

Blocks

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

Simple blocks
View code
b0bd42fd5451de4f3f0bdfc30f18495c190270a199e5af3aa19b8065b40344ba078f2ecc37d5df5c630c7bdca23e9c6013cd214d58e43e7e7ff7183ed716852beafb2b4887e530cc53ffea4eae155c0deb958cfa3904bbb5512f299f6dc237f2cdcfa975718ca5a466220b196b68f9e06ffedd22cd7ab6235515988dfae4391ed9b6fc8ce8828b798201052f0ce1a239466a67b242126783fed3b58431bab1fd7f52323d01bbc10e3544abef031439d37ea1e71ee24426167007346ca15083822b39107c97fe6ad097307ef7dc6f2990da9552a28c24beaa10832f3e7eb451ac4c174ed6154cceb531bc2df8cbbd6e46b6eae815edc9b39af0694bf64c265933f2da89a587299a83f3488bfc0a37d7a519d3c17ee59d92f110a7d6cab9014fdc67cefb9b5efd673552cf0f5502ff99d1551beca598900ca41325e8352462b713f7cb935b8b65314857e804c85af4829139b2d18b975437b6bccc807afe10ebae9f4f4387f2ff539d0b1e4e974b3bcf5de9f0253efde6d16e2786d5a366de99df5e574fafd6e2e62f5cfdaa6b5bb9b06df80d3a2e0261fdbe44653996bb21d4c197188c21326fa1f32faaf6ce30fadc56aaf4e92d46f07c14fe29fff425cf181a30fd8c725e482edfff05ec2c07e3c382f6fd794278b7917c830b38424a1745d2de55e596ca641b1bbc7b9de93bb947bec2ada06ff02e3cc4ab3718b50d8cd228e48d243a1ab2ddb433a5ced1494f185f42f7dcb2e5cbae9534d9f683187959b11fee07fcec41cb2ce0360300221f9ce183f52c8f0487608166102b0ad8e75505140427e5968466c2a5d0cf2a0a0b8edbb8b2e8f859b18151a5c1e7f460142acb73b3ad8a3cf62011843c9c5fba1cb431c507feef38b312a24c847e7e15cba1b80694fcea430f2f45af6bffe8eae25ef6462d022dadd5b36cd950dbc7040b3f5cddd7801c33a772b210b49d9b77c6ed991089c3289971421e4e4c7908ac3510a1cc00bf93b65a7ea89e88194b8e8170ab2bf7815b4c26ed53a07158c7ee4e070ac02af5cd0013cadb2a68d126d2561cb80fff4295eb307ab55126e05710da37f85a5c885a5b8f65a7195c6c720759872f0c59d6172576b5af8410fdb3f42f2b6ab39049c5f555183b3e4c2f76d06f3d389a864ab7ba1f1b28dc46e99d9f956980452177012491e8cdb457e6e9e756f432f3bbb2649e86c476255f35751626f406e969008c06a9d4b110ba052865e1d06a398f1e83c04fb85db3e55931df4fb7728817c247aaab46d42dc9ddcc214bc644f70d8fa8c09fc61895aa9005b995448d619ab1c7f5837df7725928e5765600863c85b546d0c2bbabff78af84d002dc801287fed27ece7f0abfdb5a9cf310a41d005d2c5bcf4386aef60eecb164627b73a612110e284ad953c6548069c47665362c00d5c47ce234a3cd155afe4a2e0369bcdc1f97974c5b0994b045102949e8e6084f832204d315b9e6242e07c6e56607e14c37faa19be8a28fc317fd9a980f6c656ad8bbbfa4886610f342fd72dc002f252b6fedabdfda33c88d8bc813e9e8bf6e09eaf3e0b45e903209a391d1d856c6de4dcc840cd27c6dc494f07f5b34f7be343b4186ac982dfec006eaa675441d5d777a5d03233151636da507ca102dbc97c30aaaf3fc2c9a1632b0561d7c569e1b4cf92c235035cf6a9fa66cedaf8b5d06ea4a79909401362f6d06c9e0b96a69ee9beebc0206bc94ff53a2bece1aedc2982f4bbc2c029832dc348a6f5eafaf24ed715027f513e17ddf82f624884b39d058e6594d85c90def6c90915a32449cc0008827fe2f5599a1f89464e9f2190bcf322e1895b802e786a134cba03080a83e395c26189957c5f1e1d9e12146cdb77cbb58f3681d7c43b9767dcbdca66305f0b9dcee3bd9c2b0f65d1ad512ca381e30e80aeb7972843560796209c08c9f3f978db7b9e4fcf31aeb55068694d7e0ec49436f264fedadaa4fcd0412a56caa01d057af817c883652449f48453b12534f0e7ed2500b7b3c7336fd46daf68ce59c537c10a39ad7cb135409312e728b8ab5799d2495b3f24b08e80dedb3d8b8ffc275411755c77cba0df37bdaf7ae7fee57fff5dc378d0890147a55aa3bd188c8f725757354614506c9613c59fd4e9d4a15988b5e3ff8d95f1fcee776bb73e06ca2aa0607902df653b5b35074eebbf28f4ce4af40c2baf99b1c4191a520f83cd6a2286ef5723d60c002cb3c706b11061db5caa5a06c721e6de3b5bb10f5ea208461b5379bbf0ebc07f2cc160068eb714a7493662ce7bb7b927089665109a43be05602571bb43dda9d54b76ce0aadc938914e48b1651c6c1cf9cb990db9ac939ee6770809c9bbec442f39c3d67338a336e8b98c451d2cd3ae9fcbd8002a4b982c3a76d15288c6e6a272d34968419770a1e1f6248550d6a0f2fc2935ff64b19bbeac6a8893affddadeeb7bc34e907758333fc1b37fcde3fea38537c45c9240428545d65f8da639dd875335a619b882125068ca6e018b6c807c9d11d1a8699c57a11fd8ed2f317b0e39dd68b23202550a2ef5579d6bc8ac73fdb2c13350bdd7d26a51ab49149bca60bd9cb66620aefb5316387d40cc2c65dfa9971a3cd1f7e46c6aa208d52a382313b5f7e860f4ab47ed2e0007f05cc156864edabe0c8c773fd9601fbc99de71a0f4d6b7377f219286ce6570e036b63ffa66d79780324b18f4d0dbf10b0559d70c463c32dfa1ad34f86f5f18d64674cb91fceeaf3f40a250c9ef3c0d8f9f971da9b9ed39aff167dca930b38d6ae2f958a62cc55e730acdbb4f8735c670a341dabe920dfe20dec69a4ecfd987be1a805659444bb19587b934c9fb5b1135c334a1c5c56c76b80f304bd319903a770ec13bda02796f04bc710844c514de3871893156337e01d7891cf7fedc64b080ae7c71790fb110463708de8f192e72e84f93e3470e55370d97945f02a73653e06a8120f340c8991d6d6f3771bcceada1897654570a89aeddeedfea5b9b56c035178bbddd7fd4871ef8efef720fcc01e8515db8beb706877f3176ca75979df588b211e60b67ec6944decb0f2ca207ce2615d515cc309e43d8d91fabc60bd1b2a985ceaf1a76ef24e89b563da0ee7f0cb691b51a393876dd0c2de999b94449c8a889cf8cc52076e5b846f82503760598ab11fca2c835f5083f24199932b398721d1630349dd4ae33a0510c7a5915f050c355ca81ce27d0fdfa61ccb84b282f797f9fdefd0d0aeabc11b2c2755e8937615c575445e6b21b51e79551749c4d1cb75de1ee6b11120ceb34aee5421fc812b7e7f5729d729fa757068d7168597fdcdfa16aaf198ee43a696631be94e3e86e0866a0574cecbb6cd465265e21c98cacc5672254c3dd38d7fb685111712397239b0a2c46219277052367fbd89a5b628561583834fb4d08df173c41a79bd5e69513467af7cf655937929469e960a9badba930466ed4d9c1a4cca0862b7cbd98dce237f37367f087b4125f75334974f0957109cb833ca7b323a1789ed797481b81635c76699363a8529fff3b00c0ddf6652ac008750706c7c3cbab6943514bcc5ee2916b0788b364f709f82566addcff5cd5681b2ad9b3fe750a05d0a7f202923a5f6ad3554e3c590631f84bc3ccb23fd68918be8ed7b95d581d980faf124ce7f567f5ddee1a085cb21e3f7df40f3a407a815723fd759ddfe3450507793848141df338b0768e2e42fb5f6c6555f3fa1d0da0b86571668573e199def3d5017689d2dbfd8f8e8ec8fb72a6fe77802f764fbd4fbec546ff726cf59a7b8f1cbeb4a610c096f1b02f6b0a5654a03295d665cfacd9565efe80cd21b46dfae587395cd36bd993f1000f2371143f788fe522e66bb8f91d932bf47f7811ad50c70d861ce2b2372a8227ca37395e198aee87c90d2204bf2b7d5e08e53e08e2fa9f502a5b783c2aeaf027e27737fd463c95e3a1f782ce58243e00df07501498dac45bc381d593cf7f456a13c542d9cb6b8b5eaeba6cdd87e7d4f9626ebba2a45e5c81652a9dbb8d0ab1f1df0816114e859dd23240b43252eccf4e949a60774a0c500b0275c8e25e667da50810e60825527cf419cc5e97d4c7997ec84a447b57d76b97276f84ab5cc7a8c0b746cbec46c477aca0cc8f036cbce79335de2981ba93eb1711aa4a3f962fe563427e878b5456ee10416003dffa20f4f05d0a7cbf768ec1dce68bbd0b957946da498e80ac1170ed4cedd18371dd12bde
Grow on hover effect
View code
fa0fefae5eee4da7b7e92dae6a62f2847a5607f65becbac61c20db7e4c5ed2e3b77ac53c56bb6d8034b1f85450f44e3e671e63916f9ddcb72a096ac444f427fdffa3213662a5c494db7b9d3a015d20a1fe6bba9e9860c00db7b73d4a7b1dd2dc3f9d343f6fc23e8cbb3ecb6b4c8fdef025f56ebc5a5d21eb840364fe967ee291d2f2efcddb93e63e1b0f795e183ca61f48ef8f25cf056486c0c337a6c7f08a8b255d5e3ca97644fcbd63b8572761aea6c64c31d9ec4e6c9c8fef6445700d322b4291ceb76562c41cee4303a447b28247a80724f77ab56fd513480d667c360c882f05813a6e16daa2fae630d8a78188aa61ec6eb9cdf99ec3e71e14d2353e27886454dc44cecb5d2e4812c13d676520f3fe8560cd8c8aa7b9b542efd5e28e8d2b755c6ad11298f2c1b53ad4477e36dccd2d1091e09e9fdc99e5f04a2cbdc99f7394cb2823808f0f2ecb918ab924ef203cdb780b84a7779019fc7eca4b979797f05ba85dd10ca4ebb2c745eaae9d0df78ab5423f2519891f978c2d97f82935cf7989e905be7331758b159e5f6453739adaf60f474709379e7b165a8c238daf5845b62e3af86cdc2a8da5ef4341e2afe9e048f3fc3822971a499c83767732826a2bfa54c96246461ec1c6ff2795088be995f32663c10fecab6c4940c92407404214cda3686d7f96c3842c1c69d17491b749e113e19b431d5d65580b1c60f1494c06efd708140b532298e08712d13a085cb904b61e665a491e7efb10d29cb1388cd2a3a9bc931f6730c006b8fcc4187917e7569f41e3be3e50206abb4b7646801a2d11f9e5a552476cb7a29a97ee581c2843ab24a6983904a450f65d211e386280ed4d3beb36cc1df20be2539004ce2a2f053ab8bbdb33b5954cf89e31862416aadb59ddcf2841fead57487187f5e5407be8eaa2ba72fd15efc1b3075e7ac60b4b28a6dc6cb0802f2f5e847182007a1bcb7c8f34536525557d2871bdc8d7949a960091ba9b23bc873053c9a555cf0a3d4c3fa24eb733cb83099ad35ab21bc1aa5913f24294e74af8e9942dae150bbed30c13459422aa86c733af5f243204e74644311848e64399da854b5803d31b1db849bffe05c7c49335d42a2a43d6fac3c1f06a66661b41db431416e15752f11550bb46b0c126ed3379cbbb7062cfe42dd0fcb2705f514c33fc3166aa1429d9e16a6196097d92c965f05107a477d1331406cf03a02de83b5f72a906601f764f390a38fd1b194c10ecb0788421f557d025945c0b9fb720672bfd063dee5ccc91067fd5296772cf5e662189fc252b30e36faf2cb9d455b68811dbaaa47ee1a846fa71e1845fa64747bf9104624d047ea47ebaa25ff31b5903b59f282e4de6a1a0fb2644397a75ba861d81b500567449f89f63edfd588ab5067773c7b94fd35ccc4c579aef1e2eecbfdddf491799b691a235e67c905bf7f84b1fa3650dbad40efe2edcc0b561a52f8486cae90f5c4c288e0460981f7b5ccffecee1cfbed9c9dbc6c0c28345b496c514a41bba5dcce192fd91b035971ed42400a24f977f6a6152d2cd082a92117681ead652260b382dc0be86f8b68d208d7ea5945862b94c80221bc83ff893e8a36ec901c12920642c65be92ba1191726ef6828f160e9f3740e504019dd5cde7f7abe2c160744f1a4d5194323c097c5a4670bc17b8b8e55e9705facc759a753ee385dccbbd1709c94c59e5ba1b6b4ee8413a4ad77f2e2b0bd25d476b554f954489732a66c215b85016a4db69b1c7b70b9c0f85716e84479413aec8524b2a260348ef232ecce57fedd424b7d2c67b780ebff52073e16af18d419e5f8ef932a5f5638fd726ce1cf9556585ccda0ccb37bf2098c5e30c711925da2affb9fbbe7df3f88d46c06c1846420b71de131d27cbcefc4001a64fc2762c08e0abb112f32826161629b3d686a5015a095ad2794281779aa5130f4c6afa00551738ac2f9d55fcbca1c40503f5dc28fe0acb72cde0ad31dd1fa945cef9d7a546adfce9a160b0d2ebabfa4fa08707d34085d394a90172e8252c994a8f6319d06347cbe3b6e8c842c42cb03d8c989dcc59d64cfd1c9d84e0fedc60194dc62f245c236358c99a9eb9bcacf8d8ac06e79564b9833128a9d4b97a486000a6371196ad4ed456e44a962692dea23da32a32a444e4edf7f5dddd24fa5efd34a50fb96467fc1615eac80da5e7b1245d2de9e6e86a8d6eb651660c4942e86ff67332f446fa25926df76884b74a813b7ccce8cfe86ce81fa68baf5d8caa516986e2587684450dc661e29b9ee4d7ff0f9f0dea972c2fac2ed396a79587aa48749df0d25e2bc5b4770018a875d6e88ac4e6bd143eff402ff08fe90c3181f9c8a128f1fcfcc704c4508ecb375d2f6f2b9fe3eaac454f0d6cc17940fd7289c252d6991b8ed42fff85049f64e5a600da225b5cd8665bb5daaa9c993ca3c8c5cfec610c7da0cd8483fc26d1a70a95ff7e3e1b8c8dfe315c0673cb6c31f38c087ed5470fd541e49ee5770f52530c86d76b7a34a9520543c4103b5926edd738d53293a35a1f7ea1c75822c9887621232198f8a378f63345a0dc9b1210ca7da00e9be285b826c86980bf362c5b49f09cfcddff8f8427d985625e0e1114dc2c6b0ab75de745f361638ad85c3c66b402f1555cf34ed3ebf6d06cd02751e2527381a049ff8cc4a5cb94e155bd3b64a45001048110bb08f6141affbdf30629b257c322158026e6a93a45968f2e9b6a1729b02b3ea635b96b2cee9ff156f995c8acc0207de07ce30bb07faa805f7d03090fbbaedcc238916beb920dfbf1741cc266ac03af23ab25f9aebd16a1ba75105d85e772d2516dba21dcd2477682fa36c2ea00ae6bf09d742473971eaf74698feba08f29aaaedbdff085c91d36a6d2f8264174d00671930bb5875ff24528648a7269146b4e3f968c22f64da1ce83fc14a1d8a39acd0f6dab20f4f2f3621b9ba0a7fe5c02fa7e61e7c6320da02c158ad79eef0d07130bc3037b20a6b7e81707e29ffd205da2ef7c094fe6f862244ede8d6155ec241894cf230b1ba8871871fae2bb6ee6254b047c8fe7b30a7e95fad738777390616dd9d51df85defe6f701214f84c17c495643149fc8163abfa93e323380b4342617fa675da32b0c9a65ef56079fa3a41ef2cd27a77ad41763524e3450ee6dfd129752d15208236663bd472b05dc48304a176485acb0fd4f7b47d495948856406d94030ac066b0f56be2c59f1ecbf1a30bb81d739d32284bcf609f843950f2fb82bed635bf70c10fa1389e1ce961298cfe5a770bf21da48cfa21fc7c91b16d7919f05f2b23ac5f5838404a7ec67c56e4eebc71baf13828f79ae5527b20b1b0c390d5fd6c650060babc1ea50cdb62dc1fe1a05c515e1bed20bf09fb56b1734ef6eb4fab4990193cc72af255ac35d93f02906a486b141cffba47ace3f0461461e5015b52adfb94265860ca668f370cb9a4b23cdbf3f9c78feecf93c9039d0f436272a7ff3941a2aefc61b9e4e13b3266a411783f574f01c5aa93c308fb27587e5b9c415badd608e0f12d3d8190f3337cfd949750224e7a1e40021c20c76fa0f98e95c06f18d785002a7e0265cc4070e76bc28df2849a5391986e393b32cdefc221fab693673b554396f983174986890b74a54bc68d6e5d708a21d11365a64acd3b370c67341947046c67bb26195ab3e6a8e162284430d2500ce06bcc509fd6719702167f5625f89b71c554a050f5b112a426bfc0fd9eefe2640b024e17a0fcc6aeed9be36a586f87a23832e5eef8d71e2a4559a17df24c74ec33cdf78a070cb87733ada2c659ca64f85ad739b448c395adb467bef605486fdd88ed86601630bae310b4db53a528571e0b389c28c87708c47aeefdd2370ed8553a5862ae9d68fb8f444e2cfa4a06acdf21e18fa7f973263c4126624dd8348671b131214d450559821e54a927b3d1f9394d5211a9978948dd91441040525ab0f6d544d5a0288f564256d9e87e65e537a9d884349aba4d7520cddc6c985690e0bf3ba7e8e6fcc632e628940c59aa5bf92775a630d1c760e479b4b2d2a0a8fb88fd82bfac0b398633457112a4a88443fd003033f13ce67b8728fbbc49a2749c74b61b8a2eee66c97761cc50464e184b76f02739e51351dbcb6a4f817d6877806c6238d6f51afa160e98636e61321d5ca2cdfef142cafec44fa21fdecd0ff5b0ea92f4af5f8c972edcac7dc388804fc077baf5d7de97093af76d867a1ba07e5b11427283f42c23b9f0fe11996fd40101f0b97251790d393bb89a49c56b72861bc4f25b14de676b9e7ed5b73c337f7985a9a4e22f460d1164d69b
Background color on hover effect
View code
9d6488518f8fa09f7b58de182bbe50d704534141751484fcabb706da6ef5a863b31c8cd2a9f1aea4137b36a75675d0f06558bc04b2d24c9bab796aa49eb065b3e2200184d260c6ae24276db86a5d0d88e33e99677589e5d794e2820d83b01dd4d58607fbfab5cdc7f575744f2ab6020ce5801825a5ee0c07b8fda62fc7dcedd3f4c8c454c0cfbfeff76d3f98b042233da2eaebe8df6827db36327b02c04089f299fb1bab8b871befdfb7b1326cf40ad3b8239cefe5bccd1f76075624be28d0b7d4de8ed38677963b4364b9f90638c82a3c50136be34c8ec00e9ee023a6b7c1e1dd9c265d6f9eaae20446744a955c100c0270d5b995b2eb81074b78bd54919ebb8305ccaba231a1d710694f3dbacd00f27ac41ffc7173e7e09847f4468c48239d7ea7ccb409238ac17157346d757e0392a50e094a2714ef59d1667a6b587badf8a780a7fcee9dbc1e0a92affee1508d6f15ecc0927b663d092a787ad07832cb67999903233b85867d6a7a9c523d8bdb1a20f40afdec7803eb33d10394e00d3d02c80dfbe188bd0b54c59c2edee4fc8ce272e88e4727c47ce5825544c7dd3aa0dc1dec57f92277300ae10ae58d8d4d042cdfeeb8207789354c3b36dc77771c698f320cbda76ccb62bb5b3da6d032d181eb9669c81081999ded1b1fc5b3ffda4cd7e12b7dadee4435341035b4c3d32d225209c9e08089643aa8eb2d610c18298680613407df086156d5b37c171e48971beb0ccc9729e8824597f0c31ec212637bdabae134dace49fe1082ea2379891ad0d42a17f4e7c16d5af99133d7ddb299ba63648e95288fded5ec045b6dca4b943571d835f857f177ef194c75470c7bea788451e6d21c656cfb898b6218ad163c47f47018a198fd1c7503129e743894f149599f95f62406af701f5c1b696b606228877d8b09471ee339503cfb8c0e85043b0038c79c3d878c77fdebfe0c8f66abe8bcf71a03aecb9ad11aaa304e28991649d9fb6517bb032e67ccaab5e758c227008419ab92fe5229ec4467c0b0117028993bee72707ca5eb737cf230bc46e24282c2e36af161348fa9ead034dc300461a8bd52f597d7a5afdd4a4860002bd919293bb93a948bc9b34edda6876ce935108023947d5d8b2c8a981edaa91bbd6c6ffb329f48f637b198791e48bf85b3b26a98aec67a7c019a92536900121be328131a934a81ed21efbbc84cd3062069409d0c134b6b33a2a6bec9a20ac5ce158a5e530529a53a84ffc8f34cac0c6c9b945922250aed7f85b92c9253ec78a9e2933761619e4b3f63aa25a752fb9e49e3cf2ecf0a344e3eced8286f6a2c4c12628d366ebdc54fc3bd120866190dfaec762f70a05414c3d90eeeaf04ce60dc8c12ee06c90b1f2514993012eeeb8e39c978c6d05c07ec91f778147e8fc8787ca3ac299a42d84fc044edf74282f27700ed41463141b3a6896f7fdf49c14d6ecf3b4870c40f62a1f79b8b47529d47246b476fa0f9455fa537566a8a05b5ce5c4ea9e12ecba7b63380a85f0ebb5216a01a92c5862b2f52a1119f4ade7b7390212bfba5cbe8e00ae1f096eb0008b74c2e530070d2070077579f8aa0c63f4f2f774f585aa714eb60155c3dfccb8eae8e2b0b3bd4fa5f1b963a5dae789a15937446ec0be45fcb38dbe417442e49d5f7f5a04522ce6aa2b5160fac2734b96634fe8c14a88fa91dd163aeef99febc8f1c9ea22a0838fa0db5875261895620ff8fe6a75fc5c5bba584d6442e5e104158783bee9bc446bb454b45a8eb1c879646a9e1a4461e8de354a8ad61e91ed97e0864e4fd0793dd313936138133e9f7a270a4d3bd1e9da0555ea704580147c3ed9b65cc89b4c1e95c183008350d21e6b4f5d0837d44e93e1eddc19cdeb0467d87df2ce5448ed188d87e32300f69808dc5a8e6992b45d0bc569804d741aa588a87813aaa840ec7be659f599a114ef6b8b3162040a6a8e5527c7b5e10f4376e3b836a43a16ed2294ef50d2818148e98333bbb959a134de1e04b31eea2f85ce2e76db63a88a7f2966da7cc3cb3d1cc020c8fc6206824e786819dc605c6a61afddf63e093453fa5c2f211b06140e65a7a92fb1a3dcf3df2c6b477422b66b1498fb15206c03d845f74876d49a370ed617685bf2a046e5695f02aa74b0fb37e7ba2da78ddd467f1c515a4ccd03c75dcc2dfd6f9396ef74347a9624c8b0204c26f0a490425ab462b903722f5fcfa3f0418ce98e8b267a5018d5761e2f2c4a6206d4607e29f233c65646bab3c6854866e7a3c7f02c45696078ea18513c81fd72f6f3cfc5e34b393da0bc35ad15cb1af72be412179773b93c3b14fea8938ed8c9a15dc70e43d165f240fc42b1d3a8e9b18da9e8b24bf35c0faa46ff4657c618e7bf3e8221cc97d5bc89ae1fd21bb6d4d7271c33a1a39c7b24d0e4d9ab21404615142037c788bb35e8c6196e811223df12e534e4402989f38cad7db143c237401723a3e1c2c8a2de3493a00faa049bd0d89b283a438929030b69bb6d360fea81b2c0bdc2ba4142f77770ff6bcb66a3a487eaf22bf1cf8e119100c91ae9fabf6dc988232de80d1b74e4a2fb22f595c7a511a9111094cdd5d2e108511d3bf933258545c2fe5cba6a3b98b9af9d8d316dde6d08116dfd6a2aec1c776fab73bb521898cb476942c257775fc7debb7ac039024960be9dc99fb4ebd624a603b658199eef1ed2c637d02ad58289da8510a236453681a462703a841cbd2fb6df8514b3793b95f569b6e362e291f4e83850786351de337dcebb8328bacb1e88401a59599eef0bb67006c0db25cb8afb67359dbba3b2be62a8e28f6291810dbed04098f760f095751974da921b74fca09a52d4998fc9aed5f4e4f924747f4e575c4259c217d2f4aa37434babedbff46ac536a1ae30f4bc891b1221ed1bfde75d76dd14ccfc5ce928d81d16513e026c7ae37fc5f98024e6efe827048219821f6c0a328ea0fb023993dfa6c16abcd4dfd5df48156472f512fefc240733b124ef5cb1deecf2f16266d766c72f940e6a7a6645ed602641ee634afe9d9d79cd62e925fefdabfc630659ff75e98b0cede35d1b7354684cafbb3789ed9ccaa694356b4cf42d78dc054e31c6582e5a3bb3ef8ef8e32b630fe661408421bda40b4649ee13f66e039130aaa6bd4106a705aacc4a8397dc7bea7290771d27d3e0c356de4d031a75edb48f3c6d86bf5883e50395e595628169e80b5853b5cda7d7acdb0e2aff19ce5eeb061093ae773f8b106de01c8672a48abcd6081c4b6a16377ed419f8f90455642077172e565a719008030eb47c5c7e52223e652e2eb0fbb8a671da7bb346cb8b0b2d1f85461cf1814ddc74c7cf3b82caad27647fe2d9e2837a2f10668017d6b39b1f2cfc3ff48e577418552591d00bf4d7634937dd543755bcd219a2899f4fa98eb0fa3b17ecd11c5451f32f32fc7a1d6658e0ece2af6fc8e1f77f0e0f162b29d93597b31184ffbb3abb9786526709240ebc60b072870512f6f7d573ddf9af7495bf928cc5dfc120fe9e2de28376d01690b1ff699623dbdc7f2011c901fe20597598bd8866b5ba2afeed132d25f3c7f9b5d300f0981a757a786911b828820d66350247fd05c3f5031519ac1fc5864d7bfcfa8a91a3590fe04aeacb5cda7c418fc26693fd14aa1a024a42dd11b84020e9dad556cac1a4179fdfb446eded14645557aefe29f68e28066030fc4be0492dfdb6079471172f94751c080c71aa9ab7510c8a637819db0596a1cc100b636e2c2bd1f372d25c4fd6c47d4a100e924ee00d3de050416a31a3a378ddc9194c5ae4e461619b95d9d844244aa5e006b924191ea40349000e6dc1bef9b436d81e1fe9344bc693d227c2517680718507b78b81b1b96d2ca1ac564805af74e49b2a0ebbc4c0b15200a58bce1aedbc0d588acdd3ffb140de84bfca16362f5d03db7c6ab6c41a3f29ed15b65beb01577f758bb621e7d7f3513f7f8138d7c21764b44ad8e09d128f4005c11fb81b0aa812e7e878410b4a9b3cba6302b0824f5a9b233cd225abb5efe0b8e0d56738c20f905dfe8d895f09707e0388dbb8bfe222512cb79727a5be0f3aa57f22fb6c12ed7e39ad4fe61afa069a8826d00830bb45d775d3c4fff65a45b45fe04d1a3318980b68c6172900ecd74424a652942954e639fe67fd4792dee5fe63bf385caa451076be3f7b10b8b718ce7a208e8ee79bf861598d8dcf01ffb41a312c0c83d7389b54056b8137a22ae2efd905a573fb07979fb86afbe0d59b6a543b0e24146ae332e99331ea261773e164df76aa2538941bdec701eebfd8912c80e74622c46346548c3152bbc1fe9e59316ee68b28cb2da418f8091580b33305cbae2decbc3497867561352f94c55e719a579a5a84a25d4ebcf9b381198f613ffd4fdde8bee089ea5dfa61577fe58269a46dc5ad7926eb7da0fa218031f810fb6c3fe257a9279185cb4275628099a09cbc7358018408a76b401162860867451d0a15a674c7cd523bd91d2ea52097c9ded004802336878dbecb350366828caa6f115e5ed096cdfd041ec6083d84281afc154d5cc52f3e35b3aebf3827017d78ad5996793c3edb4aa0fc7b274db5b95ffe09f222626b05470ce7927f2692dbdbb49003b6e9e16f7570327c0b3e6e1876aa8f263c9d80fb94f73f46701e32edb3a41

Cards

Cards with bottom border
View code
235ab517048a4f03c5836ff8155d279b80469e63334bdce92a2c41cdaa6d6d5c4ea3ff9e43cb896b6d9a5494dc40a01ebad3228f6f53b4d858f9cf68b969e5c81930ccf2062e9901a49cf0a1d3911cf2c098f508d2237db2c1051ba76f7f5df6ce8daf97e7797fe33870e8bf31c7f85026b8f4244fcc0863ae8dfe787b5641c6208a19427e7638d1e8c9d5b4b5a117b198af9efcb3e0d939c36efcee72fa5d6e5036ad3e5b407c355e4c2718670543af31475d8fc22d52e7a1c5b8bbb25a2be0b434f39d9a46551ac281f89fa5ee79b1631f739445c599af5b2d5fff84b7a5dba476dade2b7ee8081e208e2582ec77fd1a83a9ae7c8f1cd6670d786227ababf5716d859dd9c730c073acc638e2059f8a53b0dfe0deb7fcfb92142d81d0858f0cc0076082682d4ac66e495086594988196dbd809440b6eec16142f1ffc2c569fcf1906772e6d4709cfb70ffdc1a08611c613a0bf877812da24ed292f53a945d255b66bda41147df10280ed9a9379025ff52e2ef83cc714444ea524b9ac4b29211da97315288c4c04ee838d5a74933b893639368dbaea5ebb3b77fc2f18238a6316ba66d939c38ef31191c0b368adec42a356572f255bf9295edb4cc0d777277d9d731263e652b15cd0e793f68e627d76af2a278fd47c5997a8073566a14f24f43f49981fc053d29c7da24fc3724bab5cb20e0f975f2215c21d02037864cf64d10ef37e4794dad62448426f1b2d129774bb439ba7c57e7591a59c9815bfff738272e03c8e69eb6c15182ddda7852b6b73c2ac3fdcdc39baead51189ada93ef6b664c9a025b1dd9ede18626433faf190ecdc1bfdfafd3e4bcd8abeba4aae3a92cb36fd7e553dd0d4ba14f5c6d504abc64221b50cd43ef8d3e2c232f8b65de8a61c89efa1a7a240e0b9d7744c3eaeee9535b402aee424c03cc3146b19033c49f700cc6bb8f02f5be22f5d784ee3138701b0acac68ecd1b9e09f0b2f6e83fbf6f71e877b8b6b6ef28ca79b1b614fa84e4161895f7f510c8e0f191b05f9f0545399ab55d82f87174ecfee8d8043ec8dc2dd83e84ca2d6cf613d0fabb0eb154c84203510e33856e3b9c7d986c0f7bfcbcb0f9c37d4708a853bd5b7673b507eb34e7b89412cb0062eadda705809e6254e0d66502ede9105d0407443498273f17740ee88dbe484c177e6bae0e2ddd9e8f493915bf279699c9e27089be7387eec286d7e0a987cf886d04edf5fc66435dc79b3d0559db41772667046af3ed3b2b87500f8114e9d4287a1e9a9613bb8407e045edacbdb83fc26a499ee9bf4c44e4c0fd370faee05fbac48e0525b4f92ddd5eda4918d0aa1e40ba4fcad8724276bd324c6a19b4bcbc95b728bfcfc6b47a4c34a0097208728ec378b9cdf770554f4874d691a7cc14457960f4b3470629fa12677c6ee8994fd9f09d03663102cf3b8470ec74ba14d46eb921543d00990586983a8519006b0c3252d7327f721173ea7f33ad0ea3da74d323e4adbc2414c6fb900c74e68ddb95bff3e309f3e2e3fe29deeb8524eee9ecb10f9058822bdc796a4abd94a6f3956bd4685d0f37ab141731004096261aa13c88921b85559a87b45d2773d00a62624c195ad9fe820e3f89ac701a5747ae4afc6819f113406133ad4a73bf31e24e78fccdb14d34c05d8c859a57664ad34c2eb76fbcf630fdfe89291c471e83ab006ccf404942b62396ac91ee0766abe3bd4679ebce0c6a1ac3c304aa0be8854d5e1305ad35919162dfbcdd50cc65e102150d82fa9ea1556a4934e28b928289d660f61c92f578d65d7c51349cb5a77934843dd83e589281938463b0293504fe54254c7e4adce82cbb8b52b5ec14e378d1bc1bc263c53566f88088dd8856caef517d7ef2d6580132c76e8f8db48e0ad536498dd5eb6828002ca48a888ee4c7f937070127ddd4ddf588457801e850eaee5439e4238e8965a8b4b694ed9648b258efa6da9543cc16e90ea9552981af75b5cd22137fe3024cbafe74ad5019576e40a007e13a2c4b680b7a3128ab5507a85d6d3e879adcbadbfe4b4d2978cd86eeacb0a647f565049e9772c975ba99df39ba0ef5f6314ba2dbfcd7da1f6a00c60e1fc25cf19823b94fb56e56f284016ce95e1b394a813acb8e9d3e390cd532110e212835100b5b3d6f61cc3d10cf4bf4465b437e28bec637b74a33a10643cf96b9a83f3e017623272ed0a304574a0bf7b13ae634df472c2de3b5d37bed5914d5c46ff8ab70d62bdfa33e23ea4acfcc98115c46b08ab24fb05997db2a8cc3f05fc66641e08285f54510342b698392810783d2da70b63911bfbd1e5c5b04c2062cf4ca38fb7535dc0fe7bedba83dc1606effd3733f353f1eeac134f1ac3e3aae7fa4a6bddfd8755da58f676855fb5c55143e57a1190717fa95363591603e0d1ee46fdc462413d6c2ff67fd4c97083d8ab9ebc6e192545468bdea7431c59f2cff24400ce2f91c296266725a17deea9a4752a1ada1348bc07699a638033180cc7b0a9af8c2d963dade059b30275abe678651b6455655e99ec879b13275124310ef3744c070aa13457ad502de4985d3333cc4699e5ddee7445aea2b92b8d984dce0dc0c096fb9b54cf93d4ca292f21c7bc2d5f3d9504c570c4a62edf2936e9e33cb458e146c1fc700a17bebdab8b7c533ba60d25ce8b8f8dd274069f1b09be53846177e2106e8bc18d523dce7726fea6acf5f559c43ddea9aeb3229cc5a7ad34f203b5cf44f5d540d4ecb38c99a1972778e12076a51bacf34c64ce418eb3242decea3bb9cb034afc8dd66df8ccd33356de3fcb724b142cedd852bc27d81ed01ad6e2b98e630723433ab8c57508589b465d9b98e3d8ddd7a816193bb00ca94c60b0e8baf7eb61f1f6ebc5c4f40dcc0616f78efe88cd598391c3e0852eebb1cd72fa9b0580f33396142e9c773149503eab3c5495351dd31deb48deaf4899c3aaacad475969fdc1e6798a71e386a32613a795870144e01860756b23897ec851a6f167ee8bb770e0e3e40ad308baba01f2026399b3ce305cad1a2cf1b62b054d24abc21f90d10655b251a3930e75f617d28f434b6b52ccacb0c35195788d0a831721603412c5266cd2c917337ac222433a816c28781d1fce3e49a461e7146abb32c50cc13499ce9d7d5f96a15ac00ae379d605890c37d2cb6cd7bec6e9209d6f6d50033afd7f728fc245ae7db112664518c3f01966bf56162e6d67d7523db9e220b17e299c2ada3b60d3c8a0b8bf8df479705a9d42741de20e4e848860220604b7b21c782787059200655468630c47aa0852a2065069da318cdc23b58eaa7f4c0c2a52ed1b968444fc6eb886cc55e7a0ac1b536eb88bc23a07e4ccf3550da23d87f78a991ca871d63e85d1a8ca388c684a3bbf2741ecb5f24d8330d7df26bbaf8626c289c555f0c0d0f357c74fdacb6b67c1b85527f5621582756b528e089582b9e7314ec8fa2b74495fe0a27ad8a93cf9d57eaca6ae6e92f5fd883206e43783665cad0893f7a73ae3fecf487a3991f0d8f3b7e6145c99a30a16edfe8cadafb7218520e7965a7250b85ee2be48e368e19772e7e750ed35e87b9ec468610dc49a3b49e376f5eaad937270d4efa387a4bf283f9672b48520388d59e69ec624a69f2722f05a7274df0c051c602ebbeb3ff5928b459b1731f11b20338b2cff81c8fce2cf934e997ebbc25d70200aa7e7e5af31b188fdaacf3a88ef38a582ea20f41b174df5960732fc9675b6816a2cf3ae8d118dd0633ccefe9c854d42fe473b38294e0c583f427e50facf1eb7e29b52d7e1739e0d6daae4428ca5bc5c2959100d05f900863aeb01d0f661aec40f67a3c086c61cf9f0dbc0c395e05
Cards with icons
View code
2635e289e6e6f24d39ce02ab81c7a61f4e8a0e62e7f9e83da55728544b2fe139a62b2be1b446990aa42026bc664d05f4ff6ce13e705ba420f5181b104db93890220bf847e52b33946a78045655da9f88903e545dfdd19a2078c9921ed8be9f51ddefa66cde56ae2e2578bd4bba7a1539bb2291b00e726c6bbafe18135ad9a1f4ffa47cc8938d586e1a1acfb34a92f6702b62bdfe5886ffb02e6209c62780d161f68750e22caa8a5cb987b6db6a844cf3804812c917207232d5deb5503dce5ce453d0c5254bdd0a380f25c01b3396acd825b8713a920db3934408ff7a7b79b7058708d3d9968d462f99a04fd204e7783d379624db318847ec1ebbc4922327958b59cf948ff745b49027bb6ff9c2925982a6a8cb7b5ee6848a0675fb3d230bc71e268618b4063dc83b35c95c66eeffac6a1a8227336f40845fa2cbc73170172d77b0666a9285a0ff6d05f64580ef43170a9b329a49b6a22b0ffc38765cdc7d39404ada217d749f0d26ed8e09227581bb273ccef828e1b20e83d6c7a619c6016f4cf903415d0d7b8900a6f140a3ac91e79c563985ada29848db95d40c506aa00e21e0a643cf4e3494ca585dbbe8eada4951afff534aba44878a29d61eba253df88ca0e9d8a7b9964879ee4b11108395a85a973e07ded8234f906e3c43fc6aaba6bcfa459c2ee63c11d9f32815d67d3cfccf92298d808ff9f3eb91efe58761e4ecf9e436affe73004ce6f1f0f729035d4f4c2cfbaada67a9f2895663ee20e41298e0839a0acbc7d5e73a097a7a4451889d75ced863901eb45a38273ad03d203b6c9bb6f89766a22858faa9c7b1a5a8ebd418e691333da19099f8b0b7e32d621559dca2f870bea87ddb3a2e88f8513b537b1db1c37d1d26eac501958e2a337bc26443ab70780bc52669e3b511b4bcbb0cbdf937283697778f262fe66593cd9271db90f6f29c244de66981f902cf220a9b3788536d387dfad8bce03b3ea1ffeaf374eb07801f1da2ce85909aa4db993989b6cc4985895c645c2136b630403c4c3af2c37c923ffc779623ebbcd5003a8f07f935f36acd80222e01a599b82a12d4fa7e78f7ce0dc0ea3d102cc069c5ecef6e008c9693e9bbdc0455dbf55c29460d33cebf0d068af7df7320c2825f4b51a0ddc164d24d8b8ae5344da3ba17b004ebbec8b8f365ac8843c949634d01f535caf0c0fdfd4062174359e7a28c3f7428817f3c5a053501f65cf5c4769753ee1e82b36c9a7e74941d6fd451b5c45eb1faac83b8f0a9935b5c84775823e6347e2e181998d6e097185e11c627913e26ff82b67f50bc2726c727a33dc9e8537e9759c59dc313430f14928ac6894dcd6f34b146a00542c4b39f6e4e71e10de1e532fbf9baaac4268544a5eff6af4cf981292a0028d6ae0d7f38c9a929c6c2066ddfd83694770924b36781e992d23d0ccc0cd5ec7b48abd57a582739d87f455f70daa0391ddc5236a625aeaed7d136627f1cdb922ecc80bdc61de55ff4843c567c03699e95aa915282e59fd6fe04e8c07f1b87340599ca44f93d205200da63965581a4dc10c185f2344bbd522e0ba08878b2be4b5622a1d582c0542d57b748924859090b80e26fbacf30a3982c638310de8c02e9c9660f5f6cd07fbf58ebc1ea72823a361de192b1dc0cb9a6175ebeab6340d9c0984ab3e5adc07ac439161e471766a6752629d9fbf8f05dfc1f8e60bd0e05b175f5c23aa45eb2367447e1102370f74bae6bc1cf5316adbbd2e047ef39bcb9f8dcf1f4c6828a53c305900d86bd9312251ff8e06db6fbedfb8561f5f15628a0065adde9280f947e9b93a5f9b1d3bbf122bae77613c7131ce9c3a4a0e279888742ad39687dffd2b46c72e368338e7d94b81ce3b6211186acc349a480d5000d5306fa2ed8dab914d08a91893fc02d30062799202b1e59c25b70e64b533358a6a1f5414a66c7837cd06eea645cff064f2c6b651215c92f24661c373ff25e72d4127dc4a1fea5ef4d4fee0bc88a79f141f8228f2545e5bf26fc02b53f9337e16be916e06e969e894006c2bc2f6ccf7c27ead763c08087df9f7711ef871b44aa4d6b9e3d6dca44fa15e07ef4bcd4941cd3e16f044988562911dac2826cfc1d84b151f0b9db178f29cc87fef41c02f81ea6006eabee89d372298893e26bbed99a1d9699274f075625dc5f57b71627ceafdcd5147af454ec85c3190ef89f51d6ab3ca1821d3fff21deb53a4beba264051d228d021e6be2c034aa63ff6059e467f4073b1819b51c347c2304f8ff948c3ba770b93962147cb4ca1f95685b7d2c7b35e586c296710ed0155ec771521ad7779d39d087759424f480f3588500d2d8b2473b96a6339f3981502ff733ffd82f8e1dac94bb353c3a5b26120c4925a8be4f5af95b4a97b596ae906563da909ad03133324eb4ad34aebc2037d2c828a8cc3fb45d57bb80f58bc82436c5648de866b1f44dc609df20b44f9ea79c0a9d9ee979c7fa0bea7438b631947b092458b16223e36dfe248ab3a652ee66b7df242673008f0ea95b320ed1e870f908e7bb9ce88c94d65832d9503c9333480ff3175dbbf586dee33b7207b92ae7b78bdc2eaf238fa3de04d828a4df40dcbf5f78044d55243d1d8c8117a062c3c9ea8efe7142ffd5e6b47f0216f8aff0ac1b35e5f8a60864de2fd7e5962a4f225c4466511bc5961361e46671b8d240d04b20e25fed7f5163badab44c848e9654b8ae19ff53f69a17acda99d583576f72bce4cc830777a791a1ce440a44ab5983d54885f29dd6d29833403a43d25282acdac2864e7592136791aa5aeb05fa68d8f3cabac89ac486dc70c44c987ccb629045bcd2e5d090413554542fbdad1106420e62aa3d568e5ab0b04e0d4d15352bc519be194d1b71535e5bec6ac0d48c43b9ca11a9ff59bd79079b09943343ba713e698c485eaa6b9049b1b868a06e219b69ef418ea2dfb9a3dd9fc75113e7348e9ef0c7a343bff041f7c95e006e5d6acb79800a9da462fe2885e6ac7ae35615a09e4b8a896488d6e1109ce0dfe84227e8f9f6272cb6a2c05374e0ecf3a9a20bc1204355fe35e6deedb07ff2b13b4ebfb1348efafb9d7091b17a09d82fed1d71d6bc158e422e912eec797ea039b95586e93d2ff7a96c0b09fb202b54786749f3a7a505938e1c535f0ff93d9389e515990133b68e42016f2382821c86910e3b374a80f9c157c619fb7578906232ebaa963f4541121ee41f55f5e0537927932baba0219027f000cb8f44bffcb62ae655660d86ea9502474c69898c3347fd3394d5569b980e0841625e2d5bb1adc026588927e081b6cf371d0252b81edea74f058e9577dd5ff4b9ba59dab8d7be3fa1481341468099227e46c0e98ba2b1dc712c50c6805a42f7fe7e99c3c97c7826c75e872033e398ebe1f533fa2d34e40ae5c72773996ee484f58372d67a32931aa03878d79b4d6b509970f2ded126da146afee0bad0fdd1c4a1d2f0f58fcbabfe358e499c6353cdd246172afb6aeb73c289a95e4f5a254b730f7a4b0b4b6e570511472bb1622881fa56015d16e9a8c7369279bca9b29c2daaeec5f0558c6603102e6d2d666bfdce14317d5688fdd7d99896002a11a097f3b918de442cb5486b7e167e1ab29fc750ab65cc5460457954dd0e4d65e8f416cea2d90f1874046d9992549f67e9c128c8b0ae52c0cc3ac3c8459da6ca4bf175bae75a8d8d119d4c4a89ebf29fdc6a4c7443bd2c09aa929837ea44dcc2ff16d7449131542fa567555d21b2aafc036ddc94db4b76882ed7a2fdefa750e7781621caf603d8c94f9b449de747789ffc8c0322af4e1d4b50d09bcaf82d9ece005627b50bbe694d28729cdcea3fc7eb553487ccbf734b4e2a67127cf4b683159f058c65560060fe2149572f601b5ce53060652d2929f352f10ce8cb89bba4afd189a51e750d01c6120f1bfaae82d9dd1972dbf3333fd7cebe9c5ad07a0119d110285064fdd8181dd42959c607824c2d02cfd4b59598eec030e8c6cb2c738f9158de50c725dc25b093aea5d5d7e3c02c93a877069c12fba91150b97c57c75e71df76487216b8426bd8e4ff1caae276b221bf30993a66c4a7f00f1693d0aebf9892928c8f679e79302bb3b181775aeef3cb430efd8927a9bc68014e4ae9c6c062a5c1f1b59f270a70e2ca5e8ce9318148e04dd852160865919a211dbe15f405efea452ce770d55616e1cd6ab38e85a20e3da6ecf4ac9ed283d6483a77977e23173a8c71f68f17ece44baacb29d0c73ccc7e4ada30c76ef2e291c7e6ff0572b6d170a2a817718066fa4ce00ef182baf7daa82a47cb37ce58604b45aeff8d02be5cbd603346430ce7f8082ac05893098671b63bb91015af7ba67fc35194165e3c76b02611e11927679a1844fe7cf7be118f2783061f345a9cb440e32710d5b2ada658971d68536e642857e7ec819f70e33ef6c6ea548e9a7e2d8dfcaca10383cb6c7e7219b4a0de2b06e2701b9531d1baca62eb9bcc9cf44d715ce9f39c71cd3df65608d83459d74403fd30bf2c7b8427951f1d5f3a5d4130e6a7b5ed5dcbe3e4718e3a966b2e7740fc9e1c05b547877fa3300d7acbc862e7a85fd8f1f88e99fed902c6c887569740b32565b0404b18575bf358c6e926485291e9fbb30edf6b241a6c7415cfc9a544fe0b37dde0eb06d88d3fe759d3a5c92404795a7f9df5020494186e453a884600ba9eb1aa67036d2f026c65db8478506a7f2b014994935bf9adb16fee0bb5d21a5b430963e0f88d8f1cd76c081e7e64a60fa17d4db8ad0f597cf680f683a33284f86fdbea7405331d6d93c5c844460defe76c024ee9b88756692a78bc82dbfd19c8806954056f45752087e942d6a0af4fa1cad012ede4fd0a7bbf003a942c53fd025073ffd746727ed1feb13b340fb94d1b67fec485e4b102e28b83bf889ea78e17b40baa0a59472d511d46a6fcc80326fbfbee64ad35557803a4ee37af4f6ca999e04586cb266b8284663744319939623cac238b3a5a1f41f27f68dcc24b85ba9c6b464b76f6f56ac53ac057acc1f1466726b4ab22764ee8f4d553fd49ac9ef26ff348ecd1bac8054e0dab7f99e713f516d61e7714ab13b83a27aa7e1b22b3cb3fe1a0cc656f69bd5fa8b0cbfefcc4e7ae5ce33faf72e668869bb5bea60ebbd972e2f4684e1c47978a9a616da8eb0e9a1a220bc20bd69db2d7b06e0bb5cc42d87185cc718a0c7bdc87f87aad376f03866106ec78dcf42d126e881105cd2505f8575838b84652be5036ca0dd5a7586250efadd58189c50150d42ed4524c5512a291a4a2df4888fc2516bee87a181fbfa96c1d87bb57f0094f00d6445a4bd367b0a30dc7f3f185668d549af338184695678bb13ceb68c2b39153c80dcbc462194ab1c64d9f2a5c35b110902fed82e247d144410cfd4a8d8bda821b1dad2948a4c731b8258af2f5d65e2d53444a36fc9e037955b14afed0cd990db2fbe298215ab9660f7e87edf0cef20d0d82d33ff9cb1c7650d43041bf0b73f7fd6180fbfac584ce33b61504a449591907d20b79ba19ecddd37ff45d942837ae445782b501de7796e3c87fa7fad932e399b7

Lists and list groups

List items with links
View code
328f2e6ab1913935770ef790cba9bc207387a615133b8c090f62f0cd93209a4a8ba28dbda4dd572f26934377bada74895818e75cebec6566dec6cf138c192328b31d9a608124d3cc9b3a6985ebb5f82db02dc70a8ac081e83ab49d0b503f50fd6b4e38c48e4380a824fdf3c8675b75558dbc10fbc4c4cdbfad950156005a3cdebaae4e8a130a9f524996b4152bfb543e5d158d5dd85f63436bbd1cb37b3040d0a984eca2ffd9b33b47cd3fd49c69b1d73e12f0a43fb587d4f5e1e592bdcdf94d65ed6f2409daed54c1dc9c9ccb46a75d53256d93c5251eb32897d18ce10d9c959f566c9083c6afecf55789fe2cc375bdae9daa35a9fe857790b09191be3fed28ccbda32308dc24f50dadaf802577630b26a1770216b5445f0d7f2a4e82ca597f545cfebd4ce118945ce3624867ce44daf44b71c92b2b925728d10242c3ca65e089d5b51e7624323c8fb4cf2eab540433fef42d3e9bca825366ab9ab859a021e7050a10d9edc4228996b7fd1b84f8c73f33a574e4afb54a1cbf465f3cc3726c76f516905fac924dcb91f0bdcdd00b166eea229e5d4d1a9f2b5a2ae681f896929415cc9374725250290a46e4fa66a8591b8d59cf0deb6eb4004984feb0a15e77eccbf9d0cc7227d93992218ecdd0b7afb3790c17adecca42801ce646b23a9c3f98f52d16f6a76768a304009dd42cb7b72ea75815716cb50f32998b7e521501b434b3f2b69e0382d9a09fd1bb778b3686c0c7a2d1c23ee7221cf6484117154d80c8216d7f90e0852dc1128f2d49f3a61ec965ab5fbf7f39c0ceb0c3a909e2bca66c3453250467da2a1de11a3c6e538bcf10469e48b659baea11874117b1d059a70f4bda0b91a36ceb30516f7315a0488f59656bf76f0199e45e72512b7e7a8e0fa41d9cfb5de40c83beeb38dd144c4a14c47a8ab02df94db74db5cc763d7b5238de6717e888807451939fbfc976e8149273c90a89ebcdd9e7efdcfd9bdc47d7ced181a3636a8f713a5b953fad5e8fc03894475e75346167b865af49466e78d44897ec7aad6fc1f57cf3c4c58a7b0e02ed7e975a650fc72f120d665c8d8bf2a2c12e18c96bed57463fdd035ccebca87b2557552ab389ac49219bfd572ce77d557d7eff8152765c58d25cf6b511fe7f5481a32c2103ff20ec3100f2e19671d756bb0b6a96c440c3615f6ec0d8c152b98521705849b2bea67b2a6131cd9df3b7a3de5bc60aca781781ba01cda8370f6c4c7028547f704c5d5a6d7746523b8c079192c423033e6c482296b27464e744078f467c8105635531f69dd4ce17cc6a133dd8a901d6c7ed34e4652fbd1692b59ce67085bb19085264553cf403d83d094d27f36fdc21a698698776fe9b96765089575b64e6290919f7fcaa0589998e1042d45c9e83315d355b04f4bc490f069c9d904c8f2d039897ca41cfb6080843be7ed4f27a9953ed41ecd55e4520e2dc3dd6ffed5c14aaca60343d2680f994f076a0e1b4256cccd1176696b8a0122f977918568746643b3f373413af8e311e703d63d0e22294fc84b8e47411b0a7e4e7fcead4048ec0cc73adcd76252c886b19b856cff9fba3558f2e576655b96ed871e2f25bc0fcc386ca46682298d9a13755569791e563328613a0c9c2326333ae561014d1598dbd2497190e0b17e68c7ade312884b4611d073dd45838879a3d09f2f23e326dcfffa1372c109a963ccc0ad2539ec640077bc4874e88e2b99228aa02483498275b4c548c17c91cc00fe60f2be9ad9df2e0b055e903458653b4462e63063b9ee05ceff68f270a5630f0d0e50520bea536cc12d3cb01306567dca7846ae88a2fa1d532ed0b0f95862cb4119faeedb1acc0d390050acbbca78171482f360c4a3f9ef9a83c2d3965a4792c259e8a10fdb0c178da4a178ebf8d2f7652208a30f53c6e9855e88533136c711eda44e44e0323b90c977ed975e22d115437fcdfeeb4d3bec1e8b6c20efe7fe9b3e07f9808bc42598f689db928593c89259c8203c40b4b5cfc4618868383cb88d93a87e123da0d835674a0435fb89b7f12b558ceee2d5409fa99a0610523facac3d7b647641d6248f533593f3cde25a69606837008cc2dc84f4886b28f30ab75ba682d753baba03051f0b6d57b0ba169172e1bdca33e1a20b5632d49273f104c2408588c08a09a575c58488bf927977f01f1cd65e45c820154693e8a3544db509da9c24504ac11ce18ca440323952dbf9c7e58685bcec2a88d239efc6f757fc790f3a07026946652fc40471ca664046b70e03efc1af2c61e179947cbea4e4685fc614b8e913e2e850bf1d7aff583ede7c523cbd0dac39f10f49048399d47aeab9bab77ae7572e14458f8ff124d554529a566fd83043ccf3771a1248407c7f7a7d9bb1286df6d3dbfc4de84e6341c6722f261623e4b06e3c479917523d524606e54e1432ea87345f8da5809743cfcc90e5d31d7d40465edc42293da02cb4e20c3d72c3a3380a583c012135335eba391185396a501e4c7d0224f4a6117c2322b120532915e18237054c82d94fd632610abbf2e4642277b76bd61375a832872b9679409b8a7500c66ffb8605f8010602bdc3196d29708f960e57e66d6969ae77f324acc7e9d28263ec20b8b3434c1cac9f5b3de84836f35da44c351fb15463abbd17e123ee5904e501f3c4d28664d548cd7362247c6af47376c6e732c2fd3a06dd1e5869c606aa3292bc1aec1ccd4ec4578c91c25d43c1e85d4b16eb2451350c5783ffbfe2abcb772e60d62f6646b3465dcb2cb794d00dda41dfea4065a7abef9d08ad2fb5990a3743e3242858c495ddf1a3aacf5bf971895e66e20652f56e51f3e42c345460f2060f8e7b5fee9912e4304aeb2255d269246bf218500bcc46ed716c7dd2d1bafbf0cb1fcebf613f27896731fb2fbc25afea16a2a3fcb37a52ee6955b247941333107751a01b038029ef15899f6ada04b2ac3a3db0c956519edd5422e0ce4ebcb89f48236bb21f740e4366e264c6405a39aa875f4909d8a3f867e784207c23cc838270b8a5fe18730f4f9262f79e6c8f0ed4a8db58df2fec79cb04dd8d77f0b2ed5f2f50b1712a9464c5afa4cb4b8c766f5c3a2e91ed1d1f914d3dcc1db18e1fa318cf4d393d8d474ab59419c0914ee916df703e7cfba84369cf7cb5c78d33718915c4a9e87b0775876605c79af5a0b494aa5478b7c5a968c1abf2519698cf15feddadac24e2a18fd11d5805742fb7546dfe936096c5b3abaa365271c2c3a81d655f971c0afde848d3ae7776e3596155f554b3bf8b46374ab316cc6b9561e77a92ec6eb4c5c5862ae91c211af2371560149796bde049b725ce55ce4a308ddd7638035606cefa6b05a4f6b8c61d8922823251a6807e6adce8e4d804dc6e54982e04c3ef57f615fd1c5e4dcab2f9153d50212d7fa9930ce9d09a49389a72eb4a2109b0a4bcc90e4fb02ddc9b031fbbf91004f1a4be0e1592eeb2b1bc770912236d76280cda9afc550eb349926e46d1c158b31365f776ae3ff53d8ffc8823e5bf92b3dc746e7f32f574a6370badaf30de1321712f73438fdf7f866def1be92bbe300795c3110e376215f98e05e55a9a3a3e9ee421a749827fb00bf1a8b5f9d95151f90adfb0f82b97965f806e96e2b43da6338c687c285c63c442d8f522761b461044e97ab84e0b593f082833be3cd5a610440e51a50473083ef070d62ea00646dfab834858dd4081eb9a2ff0e724f13eda7163a02996bcde0938524764891e366980c04285b085c8e55fa691d54e2a6b984fda6a73473c62e995d73ef1f82d8d82335176b784b7950625b377effaa46cad228c72fded177c4171731428ed23aa1db6d606324b99566947916f8e716c5c435e044fcaa
List group with icons
View code
23cbea1cf54914af49876c17c80b69900c2f76a280b9a50a265f5c4321fa89fe62cc98dfe830b4f5021217b7a1cee4d27c785774076c7cb3f120b5c0fb129f212cc7aa15723b049c3bb968dc73190e24c1624c12a3b6e61fd60b280fa740a0f4ffea159ad42ed1e015bad672b8e57d05322210f089e5a17b29ff00197dde559500dc2e4d0451185ccef3ed85578355e62e1e2f9c97cd14e5c2a6a11c0630229bc4f401264ebef02a6d129553a8ac2f26f582fb72070b2990f465c4112c3aa0067e91f165211f0a185de0df9490bc51427e9be7f189b1048ce323c1f1b974b656e20adfb7c82dcb97bf695ca2b209f815811383ab379b129c1ded8da3087d05ce519351e219095b330409db8f8bb3e45026828d1e9dcf93c64734be781d6944fdb2743ce945fe7e7025283586f87240c0bc48e989ecda0946a76ddd3af29665085937be9f9647062b77196afa72af1235a911e097f389694085133487fd59035fe609a3b44a20dde7b06c21f5d6d51f8fa5758b27a7a41fa7d50ec771917b844b3b8d6ecf766f9177cf18fdb4e67011a1228c4117c4b6781c9840b3d17c101d16b8faeb513994fb2ee5a5cc7a6db785a08107a761cb914ed805b863e53c09a2ea8937379dce557685babf5a64218d3e3c6054cf6c586d39371feab8a79e46949cf7002257d825b4dcc182aa64e254c77165865ae4316192a8655a8b40b0fa8d98cdf26f996bfe0474e37a76e2ab14cffef43ac2a365229466b74871abd0508d264eb93585c907cc68028b061fa8cd617a616661f49a540f44337e7fa7a4ce9508664df101f250a4195d24448b66730601085fe8626899091ce68257589ec74be6086f0de0e1b83c21c3cf6afa12bb033a63c3c13f6b549b2e654712f1c8f30bf78671f96d879b267bb2ec20cdad83e234dd9d5ae54fcc5cd50a14e704bfe4d7c2f4ac82fffe6c88d3eaf7824c2da5267bf8f49eea7efda14bc1d6a33e27458dbd314e67b0f7c90142c75a58c492aafac1c06221c789c8108eb60c9b1bf1c616cf5487f3b02ebfdc62120a572f9d6c5750b19027af62cfbb487ad38cd87d9b863cb776dcaeeb3e8754e1dec207f45cbadc5a0be5b4b7ee030468c3cfd6dfffcfdfd1a8040f0c2d91bcde3e2fdea8dec0687642cbfe277dfbd332b08e68b1db670fcbea1a1c4b69bf23a8e67840d5dfca565057ec2e8a703e474ce256f672eef301b58479434beb706270e47712a3b217d2c4f229d899f486ce1781a49ad44e3dabacb6b90288805434b22a2fc0177b238fbb7a46a5bf7192403a7bd9bfad4eef7084d848523518b69334b467140163b66c7a30ebb507eea31ba1ac884c9b309fbe8ef23170c2ee25fb30500d3d277096f3b24552c01c1a0f599a91a7a52f755b09005e41f05054e140aa884f086bb6b745abf8f6113ddb55fdc7047ce7e85d3159c1af442f27c5900d58667eeedd9e9f4c4159ad057161b4158dcd535d70a2d7dd2ad345c65279569cf8ee4283a3f9da33dc43164d1f72464ce5a1a14357622cdbfe3f47b53b478112b2d62d910312ece5f287eca11d9b9b0095aca00b007cc734b49886ed81de6980dda38d340e690006193a734595d9d0d5521d8017d369a618f7c56bd498bc01321fa0a9a525f956f15989f3656b3933e963bb895a8131e2d18678ada4f78aa07719dd7e38e41cfdf2f03ee8ef21ae62a1f9314c015e8b61dd280cf821e3b9b4b5600ebe0355a04df1095e12d8accb39660521cebdb85790dd493b6f16d02b7e710044b67d0f51c09fd2c38757f2ea0d9fee0c52602f4912a1c57b334c11827824157c9062eb5b9b6178d8cea2640e44cc7ae9614de436d809bdf35caee2675ef9521606488a12890722df12a5c2398574e43b3457b8c601135a715e59ace9ce8644094cee0337fd08be647781c44855d8be7ef3ecdc52d7e814b3de34270b23b4e3c65ae75f95f00ae25b8455208c6e5a4170b00d553273568ba1e1d7f0677fc30535664b23b02d10bfa09382f92d6a3e75bdf4e1e03b91cd49d549aa794abe07a30740c858c37de120346384e5063c6a50fbee2259b3aecb6be18b8375d629fe94fa94c7c2cc1bbc7f70705774b04ef9c813c924408490340f19c5d8fcd2d59950483912422bffe2645fdd26500b1eddaaf4d619131e693b5f6b47fcae2bc92f994be50990743bf9853e7839802b8c63a234b1042c7e62d078c241fdfc0b500c43b0b77e0eccf5ba0856aafdb4ce516786a845698244f38a86d18f26219cfb6917adc58c71551b0ec27a0d23997fa9cbc9b727c5d7485523b4482ba2217b950e68df3bb494690d7d53754c56b0a3b6b9f8bc38eb04c0114533104fa8c02092e4228864e7a2045025ac1f056c6108cc627a8c80af8587ac8e63ff62eab8e215f7794050914608cd47b3cb1a6ac3d4da85cb1ea8ff22a341a97eaf938fa0782f0314400f808b20567672afbdda8e818973fd6d78b0d68a8bb6d2016a6f881735211e78c8699fa7abc7f983890b0a0b907f445a772f2619b925736dad37aa3301a8120c50f3a69623dbf5cd4e0e2c1263998bc3cca5e2127df3b3ef841cb497ddfb7f65fbedb5a90c33e406db88ad074e9c4bac38742fe5a2b736c3b0b45be5aa43fd61b55eb575c8c1b43b4a4ea87c4eaad2c7482065f66c9d86a0f0faf42fecf2c7625e9be553909102a621769ee8ae858e1338bec499d517668ebba757ef693129f920b14ed24dedd822023d0414ec62801c2861f2e95a16ad92974456f8e18cb44d8eb6104c31312c062b7a890ada59ad37a9570e069779e3413e30bb2681b731030879a621ec8a67e84cd3e4a8ecc0526a6cef0832288785b4af9c31590371bd5d30a2b584013c9b70a4e6d0eb79656c89f72579e7cac0a79ce529e3763945708e97e0de52fd2955e34817084258836014c952201aee2d2e004599aae128cba591ed5b068f78c747398653aab741b029e7bef8b2119d9c4dc76b3f5706c7356a20e0981cbfd7d20974e42f7a319ee8e06c41f86e04c611d53eb74f2ffd1ec548e13a304807759e1f8451b465daa56ec950cd1ae03747f9dcfde088665148fe6cda9fdea658199adbd8d220fe15eefb76f87585928b52f38ec9a7c38024c26a269ea12b2baea5efe946689d82c57cbcb7af27c4fa4f92ea743ba21ab550bf063ac49391b41d44bf7752fb8f906f4b239f02b4681f7aa7b63d21b45008731efca0489bcf92b3119ca6436d12c9b2a20544502570e421ab64a60aa0b9639dd0353525514ac21862d106da93e963eaa46efa577051c215e1f99bc0ac0a9a3e4b96bc48584f1869f2269ed2e01a8d02cbb0d0e05d391a1fdc1a390370c26321a5cc2e5feb510e755ae20485adf44a204ebd5c44b811d6b91171b122abe33d7fdd5415d9e9d69d83e28a1c2172580124b2e93d98ea36f0dbad7a4ca417e35075eecb09c28e07d3668f533a75b67e0da23fdcdb0f9f079cb9606ecc0c5e2ec5804f7f59cb772c699f9e7712172375c698cc02c2944a1352439be77118543cbd543fb51f262762b290391e7fe95baa9760ded3c7e18638ec3dfc6f2873fcf7a24681525f6ea809233a06919bc0b8e7699368c89be84d66d6b6ab44ea4d8c145e215f88c17a4bec889a00a4b2702116297d6b3fed686a5c8a8cad97736087cd567c616053a6f4c13acc6ab5ffbe3e0b08a8a7fc2ecc99bab04e6ded8f38107959e3a977d7b30c89e3875e1973274a5cfff2f84f5702b6ad1805d90e51cc536a405ea6c9b9a58f5553ce42a618252ee2faedb5fcd05566574ad237fb3cf9f62f359788b060bf9a75870149e7e614fc77a062119f8fc7a37672b3013ab7b918bdd1586d603a96aacda3031811b09dd1370c3da7fafbb5d888dff52c3d38eba3f3e09cac5c8a944eb9b51991f47622bb9c5464aea7a33caf2d72dda3560da417ea610e11b3e703baac0422ed38c1bc70834ae3603fd7c265f7c2d4e94abb1e5e43e26bdc59bea72af94ae0a713c80952bf6e065b5ed0a8c1fa898ef989cd0f2fbd84b1a5b9f10e848c510a6a90ae5ff8312359702e99cf1f11b817f76386a593aab116bae111533d895bbfa2f096f6ca6c2cde4f9b151896c6f4672c976cf356dd376ae46043cdd308d338b3374fd8166456f115d5709c4fe7694c025cb3f1a64537ea1aba8c79d0de2cec2b91f23ac9d986c532f33057dcace631aa20a3e3757e66fc45f3c8bd6657fdeb7089e80e82c37b65a2fe37679944a7291cbe93e1d45900faa09dd3555cc4975572afd9ec7caa17a17e53fec7f313153c60b2d240153b309a10e5a98080fbe86a25cf8de1115cd6780350fd37bb84f33950e480f63e500594f9790c2fadfa277e49d604b07b4f73bd7cb81b92a52203d9501ef4e3e63f3158604c9f8fe41d5ee8404bc373fc3e5473a95c75b0921249e7853cb6c71d905b5013e46eefd72839dcbd7298704b0add2f1bd2134106bb87c40230d2f061f6c7bff4fe912bdd3abbdb7f4082d6b96034528dbce0b75f08e23397726c771e92213e3bc8a063af04927e51d430bc12698ec6f193bbf4dac5431d5bbf6bba6bae28ee22fcdfd00701d189e798053a35522e1f25b85eb6bff171e06c354881de7e36fa6664e60253ecaef10d67870a3906928bcd92df124f462d3955cd59451bb419d50b347c6e020cd9f91ce2fd12a8eeb96daf6911c58a1eb9ae644307e47edaa1e769474be77cd5d42f8fa8d67c6090c962248381ac6cb998cabda7750160e5d3b787eed506139c4445ee686ff3c3774cfba86022adeeb8cbe5d619897e62574c981dd05205d4c9948d48016f76607d581818833a0665366eaa11158d8e361a5a092f84bd76820af9da1c84952c4d1fd9ee0aa3a7237f0497f258b35566c12069875f91bcec48172c4044bab68f0864cec5e5ad08de2921dde28381f99b923ed9265acf42414298dabeb0475ccf75fe61de244e80866a0952e0f59ea8b65221a559cc8549fdbd70b309527a86dc9324756799d5ac95ae7a0aed0537107d37a4cb119aea3e0385de95fb7024cde79cf4353ed86701d7b249699a951260c785cbd0b1a3b4738cebaf2a8352449b14fbd4bfa72cf543a9526a340e86750f2e722be75bddba87b4747834d9e8e1fced0a1820656852f7bec078864df7cc50aa8df84ae8df0af9a75940eaa76961b27f4df2fd6d5d17796450e7dbbe30159d9f41163d2dd01662a3eb9d8d82f773167b6c44ed7d5976a499b6904d6ae69fdd164b3a937a51984ebfffe9ef6494a954a1de0bbf09e1fe91f5a207c422c4b36864a0a418b2692e3aaa77de72f00164dc6c6f3a7f94dc6642246af314e372fd59c56192ea361aaa3128905d112886502a94ef1199c803f733462cb6048899730b1b9d442588ae9ca563903e2c82e84f6b459e89caffeb1aad1df787b1cba60331c69c21453f53297bc1e5811f5a958b1821359b0b6063fd2eca66b7cc528e7859fab93ba70cb451bed6ba6b2827309115d673afe9612f169ef74561d866cad6f97da2708097126ef246595639f63fc2ef8a553fa72438781d247381496e1a2e571a3fc89a1366be0681ef7100d25ccfca0e8aae1d9b7f338ee58a0b325d751cea65c45c382aabbe254d2e84cc1d8eb1eeb8026c0c6df52c27c357988c6ea0e462810ef80bbfb503013597e986703b9734dafd442a09fe5c337cc784968259a65069a222c4b45a6d5c1d9aba9b47653bb6d4875268086b1f2fdec7c822bd300b4bd8fd56d0439e4e324b23e8510062befafc8049d2df9fa5d55fa214c1c23a9a50ac12ccc98f9ee453c93ec5111b147b60a65e107ee4c0c6a5ea49908aaf7ad77cf0a3858ed114e98ae89aff98204fbe1853d525bf740641b22af0e8999d9389478934cf4536b957bb5de4fd618e7f728af748b7f063034d3b548fe35e84212454b54bc931003edfb96fb2db358aeeee210bd497e3664696a9bd9019e6e102ac5e6267be53c3b352c04c3fe9ff711033a13a832693d48fe52dcd6f50916c875d3bfb40bab214b8b15c1fe07c8239e26abec3a6da3bfb1e0d931b50bda590c479d51f992a0a27b0b1af4fe9b3b4c30cbf87f8d66bdb06e9805aaf62f4207687ea7d90999d62c9434728835333167490426028bd26905a45e1fec3bd105733a71fd1bf990504fcf495c7df8cb29667022764fa869b4c3e351797fb53bd8973a797047fdfbfb23931012a263bb41f44ed4b973f485b858bd2c9f86d98c854ee997d0c962d4a554ffb873a99ad45134f32b8cbea04c9a342c3befe806e584d14b3e676a48d8b57c496ae016b7dba5b4bc1d2b0f8f2fc290e106adabfc2c45e9d9d5678656c557da2db44dbee00674983f7d28caf866ed957f890fda2c00bf6356e9ddb7a97b74e10c6fc8c9e53d7b220d184e06e1e1429ef5a55f788e87b0b80be758d3fb178df0fbbe56d87a5ffe3b9370fe91611a6f1bd291a5b533ec04b1ac9d19d25ee6ef681828d1d8c358a400d3d807cbee9a16b4a6c1e1375566f75aec1758a7dda9e4d35273bc06dbde580f872bd

Tabs and toggles

Categories in collapsible tabs
View code
e32a197f294a6a7faca3b571aaf824537e64615d370eac4dedf04acca133976a775816d68f2e39f1ff1fbbfe7205c1f4089c7f3845057b455952b59221389cf8f9b0f596b6a08eea93aeda4ab87e1afc7b45084f82cdc3f3a3ac492e6440f8d6576cee340826dd2df8c4efca6afb5faf7fbe1ceb220e0acf8966736f3f6c3c8c04bf0c8f5b01c3263140f7b038165777e39d18dac4254b548991236f4cb7fd9d6b3868ce14ab11eebb7cf164e0e1e57d10b00e89b7a80caa389ff9234e3672b5568603c46f35e62f1d79c1e52f9df7f074113f25b8e4967e428850b9ee0c8d364cacd4de0a9e5e898f1aecbeabcf46a48e15a17a617290354aa3c9c5be110108dfc99cbd151fa072b3197e3c184c9ce421609101355d5684beed4cf4249767e441ba463e9662a173ae974e5b20883558d1cd029a5ec3c7d5cd0ec299cce9fd8d94ee7cf5a0d0d264ad9d3a42e17c6817967ad7803f8a91a3b765babae780a85be1de437587027fc0bed75c7d133f1c4ce236790e6e80b6073742b2a847c55b919d9c17e5cc11306d423ab4cca0a865b02dba10c3ac571dd0c55e220c119f6949a614a3adb6dfb84e7c759ad73793f29c9c82d7d68fa2f78f4066df95a51362a1fd45c1794cbaf1b325eca6f6493433f9fc668121caa2c149c8b8878627d8df363565f13abe0f4af197b8b9d485725b81c83dcdcea650df11cef714564ea20d664d68bf20cf7f8f6db087ea5991e10283907ba8621f93ac599f5bdf7a07943a3116cf908996d8c4de02c6cab44e055bf62a039a7dc50ae2c48c8ea6c3e8e7ecce1faf3c1a74506e7a771d4ae175e1e5ac986339a2bcdb9b738a66f60900aa91ee2d86107a3a1c082e9b823c9384a86f4a3da932adfb05a206b2b042ec0b709bba22141de609aa86054a84d43eca005652cd368974670b23b000f03288a5cd271c51221b0fdaa23a96b5f3e610a6159a171ee1350347288e433dbc795d01a34b71d5376a54a1d611c69bdd0d8ebdfdfb7ca4e8d900231e19d42c3b8abb03301c0037fb98c6498468ffc0d23bc5c0bc2b938ed3564de4acdbac1e718f02327f11bb196b387d41e444c67e768663597effed3b9304a69e1c14d8c6376b70d98f0c5718a76db38d1103977e24f1d40195e4fe82aa3efd31d55b4dc54972871d26e59da4e0affface4a282f1aa7bd7394b7a92c2d5da2d81bfdeda9b1394026c4733992ed44a72d9079fd9d087f6bf0c166b658ba8210863634a33dd22643ec24679cf9382cb5e69bda8d512e88a4192a2732b60e9fe208b790a2c2119e8ae79e5c4e5318c0b93ad9ffda792cd96e3b7b07189669c423d70086ab987512c7048c3fbdf2a2dc9e037441eefceea722a2e54bdd5f52ed3b7748a466110005f7a5fe0b5811b42066f9678ca0655665d9b0523b9cce1d566ade07c3c2666be9e537900f6a42b27e92ab3f9c2752a261036a459fb7e62216a28de55df0b1e0cd7cc09b7b82bef90b3bb0513dfd618140875361e34967905f8c1226c48c00ac682f10552c2236a7be174dc01dec2d490897a84911c14de001f6911bff236c40e61b2e43eea3a5c3f1074d44def55c223edddfe3cf6c3d23b91e56ea62b02df5d953eefca5e01a7f794bda3e6be98b5808ad7d7a4748f348307e3120fcbfeb67e3b96723996f2ebdd048897720b79a775e1520b853a226113dfc54de036e732e8fea743586316d8e157231ec99a1a8ad74f8603e67f05081f8f60a05f3bc53deb4e404ba5c6ce9ae39e58284a29cc227fb9e7a0504d78c0e29c2b7fc3930a379888679eecf3ad7df2e657dcfaecc8563e0fb54f8aacd5675f7519b77ca039332655f3f0999d95e323598c0fda1c6dedb478cf2e451a628eb9a8e57a4c982d1405c97c31b398dfea81b16aee611457b8dc8970fe175ad8de628648b616b36eaef816f87ddddd4104af148939f9f2e308968881fc4db99e40ce8735c00828e2cbad92d71f0710fb23da4b95751d5084cf3a492fdcc467f8fd03f769d75f314cb8c1eee97a412885eb5b03e1feb4937abc2d6c0c32594750d7e600d82964428e0f10d7671b73989cd811fe8ac8582766b020bebc2ea482dfc9775ba066a5cc9a23048ee93f584ae48c0fc81c78ce73ea5eac69e668540e84e669f6e87f2b91902d554aeee38e2fdaf433f61573b03489137ea64ce105a7829d4d7322d2bc1ae63ba851529695b3a6cb8141cad2342f00ebba100af4442e29f0c518db54bf0b7a9d1970be5045ac2072137c49c8f156ea7856423354d7fed5bd8969efe70d2993ddfc70eb40987a63d40f4e3bdeabbe437e0ca2412a2dfc9ff97a792399c74db7af354ac949b11af4df86ba72cc286bb2189a5991d789ab32a5d35627db0af6439d10b8e7ae6f1de941da573690cd17ee4c9c7eeb16a0d04bbbfff017069305a94014e79c7601d3773ec8a19df76d2d1f2936e41e054cea11f5156c684ef91d667ffc7cae7d0ee231b6824e75f59869b77985039ce1d8d6feac86e9171abe81162d0293757df39186c6a2db06206643c86b9d1b447165a0dbd584cb51ccf80a81bbab84de10383a7505ecc6a0e2c31f3d22d198706610b4db1eda7721c1039df9a3c44ccbd7c41fa2b10cc625414b2cfb500df10ae6ffff8b83a2524ac683c592aa0f3491d51a10879d43637e6bc73c008c541c4e26a2be78ba4421abba781cfcbe3697506446088d1b70c86845842fbd1e9434c9c22feeb2cb395e221d369bd2e56dce89d8a92556dc28b5ab44a741f3997586b036338c9afb321d526b909cd61633e5930235afa3b49625d5816ecd835655b15c1b1616d97565301423fcd550e6af1ebec14701ec72a89219e867c38945d7cdc02d36fff83b57927dae78d36774c271d7219958329871577fcad19d2fc3d3da11762f6ceabb24418ef1b59d5117eed047243af4f6f642515e2a8a3a8cc88becec9e664e30
Categories in toggles
View code
f02d6fd5a1cbaba4dbdd35ceaddae6f7da9e59e5f0a280029d3e453e5a7baa7f77f166222b1c1d5d3bf90258ddbbfb3dbd649bf29229eae24dbe8348a9c2e2484211350e3081bc885e14d0b4cd4e61a6e17dff0d1a7f1c3771cefc2c1bb990eab26bc7c69ecec99f05aebcedc75d6c02474c0089ee1b7ec124a4257c9e13de6c0660bd7a83ca17e2ab52a3cc5574fb8c82a3eb3eea08bcc68baab75a6089e20d0864cc4419589600dfb6aa9ad8a5897656a406febcfb2b54c0e5fa47235d7eb758792ebb1191db27cc4026a1ba340cbe8e9f0e326de54cf476adb8c7979b8ab2b3d07f2eadfc55e69c565ec18b40dea0e313ecb335dc2431d05822cb41169fa2ab5a916fa32e7cc1b9bbb75ee3e5730dc8f22f735ce2bd1208e71fe229117609e3dcbde560034d7fab3ff2039dcaeba240af97271e180cf59ddd071d9fd15c634c95830aaabece3f8130d757b5f1005692098b2474e94e93fa70ee5b4d7c8c8ee22f65b87867b459d88ed7f9345b18767f6d3f0f8681e21871f634d4b8d8a7dcc4fed965cd9f6bbc7441771c1faffea083c494c0b2ce7eaf7471c016af793d0ca24fad573c027aa662bce57204e87f043ca8a7a402178e41117adb31a8364f1d4bc26f6eb2fa9d693856991345aac87043363899e8717a97bde0ca93b22ab31141c61ef13677a97ef3e222a0a0c3c588990bd1b1b5c24ac87408266ec0a21853cb2558994bf033887881959e6765e1ae78e7fe785137dec50d642d9fb2026ac9dd44a94a59a4305f452eea1fb6f4561d014bcf6165b98b678dd81d3d2daf49008594d2fc910a697d0d2d262173c8efadec6db96cc876bf3600f1c166ed4766eaf2bfef8cc790d85bbe0de0d23aa0b7e7e09af3f2f45e09850d4e9cd857fb51f61e51f5bd186e523a43cdf6807f9f1e42002e497a8bf33a9d9f6edfd1bd933554a9c6eae88ad1d205a5d63c0e7befca169176a0806cd3e57af411ed7375709a848026d89b4672176f75c0eb0b36b3a4d1c65605119426822f76f478e5f54c6b58b971fe1ab7440c5439e436e58414e2dcb2a8209455bf99270e7399fbf5e953e1f752913b6a043e629186a617ff8c2af27e5f1e26c1dfe7c41b445927f10ceef5348406e987edc6b6f53d3aa41bc86e106e6670f029c15f9c79109dff2be4c1584b733308a8be4be005c154e8d80d79c26abded8d1c876c1a0176b6c28cf1f98c0b86b45f7e2a7aa990db93da099007b86b815cdcdd1fb6c538d3b975a39ea2bbaa2d2c450308655aa136e881119b8215e7f762806361bd56e160127f4aaf2f9cb3b35ca075ee3288a94af0b25f66e36523909cdd4d4f353dcf8fbb05aed0836eeeeef067d58698a817f187d202d78fba18dac4337bced1391620b609a19d5bb2e9a06b59ecef96e9500cdbd6d21d5b5870db8f0e56b498742dafd409c53522179752f995c9d4e5319bf226630f3c57dbd9422bf3d1e182363091b8be1e7adc51f9ab8ee413d00c826e2a54063cb2a9d82e688edd058de6f2e5400e4a5e4447acd04cb96bc83c0787259fa90ad3405a8d23a3339df43547483157d5255ad348dc0593d5d7a09f51f8250189be0f9e7b6c3d5336f50e67a9cfb5d14150a8f168d387c8c8f8f6255b392ca84e89a93d01de6c194679968eb4551e0d1a364be6c4b11c16f63f5cc1b6a0a100f791f2e2cd8eba7851867fa391a5a2db6db7e047bdeac748786741264df6bfaa801a9baf459ca9937dc6976199bf52d2f128f63d112775386b11107532a5f5c3687262708a9a4f11f11e85e3bf840e252e40af6a2316114c161cdf13a67ae407f7d0e681dc216636ea9dc1b2ce2eca209748bbfea31627cf9fb2050028a8be1f5512a3a6458b5cf26f3e712543ce994948f57160678d9f1e65a00df5484b2a86d9f74d050154ac3b83b45dd0331735a777f7cec4264f1905c091b23b5441b4d51a9a166efe1f1c3ed40f166b4d0517d23cdba0022417a717478b2f809fa2caf70c33440aba657d7e77cf2f1c94ad0cfe9788e4233e1fe85975b3fadfdd50740f6179bc533481c65229b3977cccf6170d68e3229c5ec6f410837840bf28bc58f3fc5891a1e35f95af331d717ca6c490fc59ba84c8afc8b251f0a576d57c45793609d0293dd9c9e79985fe35ccedd7c01c06d7229d346ea87e6c2db3104aa275645886b617e876816381adca0bbf9007d15becefe62577430a50b744fa8b1c2d5124765d1c060bd34df2766afc229219767f1fbac477d61c74cde0a78417e55462b49459014e91b09f6b6e138db0de8cba66ba4f43bfc48b81175ae31736339783a549389bb3a194707095787c70c8cd542e93a8a5c05955c64f63b02323c9744a9df63de074117cca732b3b8769edd1a3dcbad63fe7ce264f6e79c4000d13dd1e8f3cc75bf38776acc65c24e76254551535dcdfc18278bdd73f308547a038a008c4d224996d3bc55f50af4ce50ce3a051f61acf57319a383f7366c44a9bd59b58a1e73d2634a92d4e97a495374d1b3733b4107ad00cb4e0e13d1bedf474f68c5770dd3a8f59f459b55491626cdfc92f77be60b8422346ae87fcb3b6536597e8f80a4db17a835c266cba178f73e77ab82b8990bc91ce1a641811964a0e5d2bdfea8d2465a3001aaedceb738698260a8830edad8fed2a463dd1ced1b1c41a16705e0684385b91e07969942c24d89afe261b365800f15d61909ee4a73c22f67d8ae001b32299850eeb36b05a5e94b32548f336eafff1e11ad2023c96ef07a5ae1252302bdf9dd2f117dfccdc87b66dd7fa5a67ed37e824e63561c54b6150e0b6daf8eb756c4b6d65aaa8367e2a258d1894655495763eda891591ee11cc7d610a0f9f722b0e553ae93f55b7a311a528afea2ae57ad413b17ea7ce237cdd0287b37ab3385fea45675921b389aa9147ab166e9d4c760b4d99d6559a962b67a766dad7d522af8199884c44f3a24cdf3a60dbc29a2568b27c4f04ed80bf86e26c869e267f12578c4c3e0962dca56eb846abd29b7987c2308ccd28099ac0d1be91f91e466eee24169c56e620cd22833befbeccaac692c2e9f4cbb6647f1ed2374f0a03f4f7585d4a4535f7ff7a68287cfd3f11e18a628399a322bcc5a7cc9c8a2f6fb8685c30938551a83a427c8a3d13906433537b44617b2def1559339ec20780be054be1913fa23d2528a00e87bf43abae821117cf724e399457605cd34b5a802d3198baa5314cb4ea7e51684008d1c8b37622dc8a0746d3013026b7529c454be86d463fafe1978213372c37878b4cbe47e6643d9c1fe1ab77b544b5b30b90ba59cbad8eee46fa7236b49548901b01f766485450346b6a7011a6d00b4603488463ebd72b929d4a029b90c18bc847642def2b7b550098b6cc08693bf318f4c010437421f4eba0304d81e8eaf20394b351a219969fff5d19cab483b56141aa2f38f3b3aeb6016ce56ce6284f2b36a06992ee33b877bc879f2fbfb06c08b6d47aa9ed4f13db381475d3fe52bdc5f01090f94cf1ce611eec6fff79281cb84db93aec9b5ec08b7f7db58679d71f2722e818f3192437ea9e78af8b9e8a1af5b018a0047c72c8e019612cf033c942f096c55176f4a43fb846b29f814ac2cf0ac1e87535513bff24099c811ad2edb7b95be086849b7c6afaa38229028fabcdbdc65fb29b17a8b3ff5a1989436d207d13de1435a197146baca9af79ad8395823c9337d52763e8933095a1d24c2c0d0b4221979bd90a989bbb76a4f792a6a9f14b730f22f4f72712068861f898fa226ee3211015589d690a8d305e4ff38dc461afdf79d98acf8fd9ee3465f9d4967b1d0931327bb88a9632a884144b4f3bec200e35b1de7992d49107dcb91f5e299f121a6ea482e1f4d22c624263b1e8a0877e1721af2a540da698399a242fbc142f7fb336c9b3b1a3c351f407867c5c672de429cd9b148653a037c3492479bde49ff58863bffd6f2a6391f68f5ee794350194a811840390d1306bc214273850ec6c6916a7b36ce090fd50c266415a6ee4457dcd79f3934228f08c7755f3dff9d931d93b007c90f79bde9ce871849617cad1f8eaea2b1a1c42c6b03b0dca960203cbf9d231e87a3d69b4403821942b4c0244ade8f97cb6caeb91c4995d70bc70c9ba8a79aebb435c8a746cadd65b9adaacb1b2f5eb9a01c2098934236812acf52cf526d36f1d7829f869af1e3b2c5159da34619f9eb1403752f5227848202f43ddb3f5f194962c51ccea31c80ddfac5a608d6f5f7e12d3bf005d286531f46d426a27f898519827209beec10a6bbb44e3ac18002115cdae4ca6a8894fcd7471ea7dd44c585d1afbbb0fd4c80f0c45172c077a8d0d66bad4cd4f428e521e8b187a345bbbd00d6e3016f51d5efe84b9c23c86ad1998bcd0c274783d22b9567a55b485f446948da7a09d3b0c339d1e5cfbcb626908ad485ffdd944e0b51ffbc8884e590089d319c0e9cf48298736fe12ff4fd0e63be45aebcb9f44be255204bea87ac3638b501f9365aa4662b18f755f0c69f0f5f2dc0acf57557d8aafcb3838cebe8674a16d6bed8180fed02e980849bda978a6b9f540d85f4f6bc62411d3d29eca1b3481fdee50f0d99ee26678130a3b8db53b0197fac4a12e1a354ec8244f8254601a8dd575d15012d58cc4c51a4338ad79b1c7a6e494dc5a569193c40285967edaa77df0cc2492a08d5e15f7c30508988b41e0e7e5de3116c1ee43f60c0dd93405f542fac8337b722e388bce4cb49a8938e73ad17faff9a102b44a14c68a96fd82f5bec3a7cebaa000cfd68841383a042a99ed441b1835f6a22f74b596f4d818d50c14de366d2549564b724cc46d63f4a70aad581c4da1781bd0877fcdbfb051c791407b25ff1991d806202eba66aedee23167b6f00d8113059322e1909e93ea26f63aec437cee4ea3d9129cc6860aba3cfccc71bdd512dcf63d66f84c91a5eac2055d7bf4fc884bb666e006a131e54d77b5573576767696dc6938699a4c6eaf6e17a7ec7fdf0490a7b25f6e983f4cc55905143be10a1b2deefad9ac0579ec526623a9006a4de2a79898db574fb9d927f0ef3e3d046cd79a0a6f2285b6c09a85f66557fd8e093119a6788d42c3afffd0f829c1baad210ba525fae8b4d0276038247910a717969f9c77cb8b1559c5deff3f9fd23a0ff1d3a545ba474c3f5ed2637ef33e07b70e30505446b100dbf9fff9d5f3bd44629fd974ee28adad5f9184d8f8eec1cc9da856ee4278780d857ed8b81dc0c0209517f68e5a5ed4f5eb394e90a439bb0d0c4c073a4140ad61774c0e4ad5279ad2ff92c508e013efe98c4a49a1eb007c55b2dd66465865d145f583ce8a8ef43b86737ba8a79fbe942203c4e7a1ee22b877f83cc06df395a30ed23b67566a246f832fd2ca7d10ad8b83a54a17415bc181d8294036ca7e9e9c6804537c8bd8531a53b71fbb4ea5b7ff1a8c608742cd10892e9f75470fd6ff7dff9c1ec4ad12a56d62c3ecd777300bf924b3b3aa87de6f128487e8d8d48d1f321827626f67f7add710eccf713107c32ccd28eb53df826cdd5eb125b16020bcc7c1e8e28bfe762b9c22c779107f4f65a0da596ab930645338279da932beb1f32f2807983f7b4ec135659f45da3260d6eaaff63bc9f22118464299987683bea6e1e05cdeeaf709749254a7ed4302f5828a4414c30056ab3bba60864748f7f29f6e2d959f26f8d2dbe0470bedb38951eebe288e5df96d1bc60007f45d7621e95c33c92586b7b3b1409e99f1183c5d99a7978689d27b980e96ddb8df7dfea63c6aeeccb668971166bf3062582e35fc1378dcee5e1a9d75a0a518dcad7dc78ba7031a96c7ee92fb685ef05ba978967aae3400193d399d20baea17010c4aff592859d4eda6ed407b3020484e370c24ca08fb3063e07a8727bbe5f2e5f68286633e38882b8bad8805be0f1f7b71a5b35a11de5f4dc76c0a81139bbbc46338ad5ecd1f2a23dedd1424e34db444dc4dfa4cac246e432a902c090f61930e51045ed9b3cff77dd3343f091af0fedfbbd78180429294f38acd0c8927a3506b1882f88489872a1529546ab500e311992cda439ca9d56b630d8d78cd8ebb3030a5c6c718932f58d6db6f16cf8c939181f691ee27e4bf4b8f3df0df8f784c04196c4789a9de4f53e7dce244206ded81ad3c7a4b7844d1a5ac1a64002df51ba505e21fcf84210f437d758aef21c2c4058f39a7a1cca009c2efbd1444455ad1167c7796afcbdf634382db576856037e26d04ad6bf9b3a51b516678c4de647350c3fe9cff650ed774afb6ec60f9cc80f198b51411c6a2d56c3153a4c627e52a201615c7d8db9c6d95fb2bf63db38fccb63907ace17fc90fbbc594cefe5ce3f61d903e757d9a9f59eef9631853b8df00604793ae3ebf9f336253dce3fa1011669f86f6ab286eeea51a8007aafd07a193130eb8e28e724e20e877e25d5ec40bb016bd96be33370d813416247a3d084bc81f77e1188ee4931e1327b09abd21fe4ce575cbf17d379114359e227faa4d7970007f2f1893091bd0274abaacbe9095eb25be2086654328621adb21b345c57007360451bcc74f56876c0d0efce8528a454391869baf1dd36127c69f578773ea0991afc67393c550f0035a55d29ca3f8b22190d45f41251bb82c009757576fb57c823a17155e49c9be94572007096b32b1fa15088568554f214963876a2b7dfa83507bfd778770900ec31e8ebd48a5cc6ac2609284af66d29a2e2e96a61b0100031e422a2eadff4f27c936b60dbfc43962d034608177ed2c2b58ec1a2a68174ace041debe7676f05bc9b1b67db55c55945d8f38061a165ee282c4bfd57675408efc04e4f64ce8b8b8592766511a9ecba9e5d044e220bb56b170cea91bf701a147b3

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

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

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

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

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

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

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

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

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

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

Related patterns

Article lists

Article lists

4 patterns

Contact blocks

Contact blocks

3 patterns

Custom blocks

Custom blocks

3 patterns