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
65e650746a055d81d2c7e219809a981adf74e4584d2811da039298fa701a76b607e9cb6704094e8af497634da7f933cd7d405fd2df75ae1684f074ed7d7118ab700fa5eeabcf5d6994043e2136bbbc0f797d59ac5337ff8c17bca67abce05b8d6fb208752f25815555eab2f254d06ffa3f131d4ac0c0d52218529e73230c98c028f1aa3061225ffc42ef72cffc4cdc1de33c4ed220e31320d5ca37bd692cb528e432178fc504f1bb8464763ef484f39e6fb67030bd6a1f7979fb27d4a551b1ccc45c5739dc86aaeb9929faeb64255f0f7af1a7b707163310e02b07034e7876b28f2785c5cda8fcf05788df9f4029936724a3d7e44c31d27cbf8750dea3dbada7518b952c974864813c7d26d329a60fb0d085c940e0e84dc401dff448a2172dc16862932cdf19229aa24782ed8ac5b766a4f18413807740bdfc8e6d32f835ad3fbc03facdd687ae4dec08d673f2ce69bcc13d93fba66c581759a817e9af870272c3b745d93ee2fa1cef208aa9f90b43ad6e37fe59669758f589db21715e377ce1acd18f524e5661355aad2904b9f2480ad2a9225d76e21e5b3351e180568df9cf02c4631b8b9d9395c528e4c40075600ca4c18081b9541c19ba26be9b68139747d0e5a4002412e6398d4757291cf0ab6f79faa81f3d43cdd2bbd9b9e1dfee8119544aac7a85c90ae204f83becbdf444a049db3c2b9095fd1a3f3041e8d7f0736d98a8f793ac6d043010eeee39c7a0af5c37959cf8acfca5a7f2921eedf09ab365598a07cfaa439b952ea2ad7860d079eddea2d25eca1a13c2cb497585d7a624167f8d271d75e561d2bc3a17a092cf36f11f78a9f7c9b005f0620ca27c59dacf778d1b22f4792c26dff89851c79aede115959448475bc4b8ce5ee2ff8dedd7491d64898d6df7dd1c83a8a325f8acdc0fdcbe816853e59b67f467857ba32fe3b3ebba353d3744be9036645a89efd1d375b7b2e91b717509dc653ae28202f3917b3fa8fd1f92420ecc577c7519166dd94b04a4d027b124c112a57d9aa4ad0bd738dc069d05a9091725ec00960ba17e39e01e2d7dd5444053db4b3c36c927b897b8debd05ab659c2f05eee7fadd4fdf3babe58b5a7a2ee3f24655fd9080ae944315740b722dbe9d429d5f3c0bc4224407055b1aaf767bf6fb97e4e39cab381fa380b0232a257b719c580a547f9dee311310b84ff0935cca3473a4e4354573161b12d20d41237f523166efb2d94121c71afcf39bdb7260eeccc10cec8e4bfda519f70b4fd23539999b9876eea28522c2aa7756986502769ef986f4d5a4536a8f95292ece7840ba33db938a8f95fb1ac018b90cc985daf694dd504a107d5be78cb263d4e75b92ef1970c43a23a57aa5b58d9e7f5b6ca58ae5ba404da51d67cbbb65cdd011b7d4b54dad9aeb58990c8da5825637e74f96f6a7ec3cc5b24af4819b2b5bb1bb9b598b706be07da1d844a7492e2cc31b7982a33410d96a782a6c8407f8b9ed64067aeb80aff591c0eb96b4bf56746313d346801210d9bd779431d85b8a747209ba69dc2913c18ec7e28d8b2a98cfa96eb6754846dbc5ea354bca64635021726154dd28e4bb18040686f5e1d514bf3a36ef624a9718748c9647e738fc870fd3ea66f15db6c4afa35e99789389206301a6517f05ffc1cfd8169935e3771b4c9d7d47b078148b0b0aa2d33b568d61c3bb1bb00c282117d668dc254dd3daa2457e22f7b1432086f80969c46834a37825f611aaa7212738dc45363efbd1b1d0ae637f39c8573836b2a989e3ea0c65d68b1f73e47f5b2c8a09596ffc9c8cfb9091247818624a19e812a4b5d74d5da13fc601d5899e54bbc97c4293aa19ddec9e6fd037ea2aefc00f375d6037393f1e58c4b5b887ad6e77513ce3c38a23a830fc288fcb389a3e1146078fd1a32f5316ace1bf414c5f78dbd21b2f3d98e3a582587f98f05261fb2793cd8dc3bb3b0d14cb537f221f703235927c6d37c5ad700edaaff287ad078a109d046c974d11c308a844b91c09476f77556c23c964057661f66157a807e1446569970d2890da8c5f2753ddb6c55ca5e76abb96caa64fa8145287f451f6c068c73a392d711060b4925683e6868265f17f506b1e363f60b8ce1d648e94c6c7653c2f1c369c9b43f214fbe5f4e29571a2999386281c533f80a7794a193bb0fb8b4e2578dfe97098645e56dc8742166195169af62c2d3160e85db0c793524137cd903402d0d949b764d01c3db4f6218ad120880ac0726c0799a5f86ee8edad18f6da14c8244365db590dd0ac8aec4ed6c52635a32eca4a365ce42ff250d275135187846e30285891e8b03b8c2bd838547161fa595d17cd08a8d6125eedb884e271ff7099245f9b5950aa79c67f57974bcf3f5856bfb56a162984b77620640dbd78d390807f031831486ab230552e59b07e6888eca341401614aa0fdb14aa1ca39703b6f73413338ad368d5fcfb6e9d186a71890cbdb68c4201a0552d3b2f13b317d8652de664c6d72191efbcec140eaf7e3af47a8b9a5e924a300b069a7160f0e797fb34a8a84685f71a8a9e8c2368e94947f5ab60bf78667f76a85edd53a35b95728305695a42e804260d9fc168f17e6bf6eec069e1f494c7f0cd47634701dfc4f7b6f29167123744a3f947bac828d2749472832d560255e2c73333cb10ef9724cfc7256d6fb6edd0b31691613e2fcb126050a2de85f0b62d67c15e1c599d20be1a960d46fc602f5641ec596ce9b76069983e212e3f75687eba15e59e2f6cd4959aa2dc06c5225d607505ed5149d7f3e044a5e60e5ddd542e940d2a88f81ca46d87b12c4fd55352b3271c0dc845d408b8452e0eaaa0f6499b5cf49df705d6d4b0a466e5a9172126e5e37fe1acf0b4033079e797d84bb7ea7947918f874e131be0ee3195e1711eecb1e41f25eace6d55bb9311d83072294246d47bd3d654ad04fa8607fb4546a9d585d731d49734f5e90276c20d71fbe8f77597b2e056704cfff47806fcee4778508ed108d73ff0396b9bbba8d20b0363e41e86954128a06ce5e1218ce25aaf276d6ddf0494fe047247eb3bdf64665fc20085f5f470bb67fdad41b4820e9dc3da817790a7656541e25f7f3a467da105f851c71286909d4fc72e74194c6aef52cea38b02be4f7c6e8d5b7fbb0816bdb46e116e3d7c0de8b9b7556f479740a71c690698df585d2ab8e9c1adeb68be4f72b74b7afedc0a90536bb7b7e9fb67f8d7f5c809638bb913fad505f8caec1a62db1f1ea633f5b67417a62c15b8efe21f906bc06a8c6e20f142436af365280678f0c9e5b09a164f0f65d83db167e868d154dc752cb3b4e884f76e6215d67113081545bee326be713b21d7408cc49778e1fad825546c1a1802bfc88afc2abe7de55334942d1c8ed1b868831a3b925c4ae1e2dd5dc278ea96859d3fedcc64bd553f91a6ee444c5376c496ad1eca99b1a28b8fd2d39598f48550c45b69c53f9b3f41bb5f5bad4c1ad54a3ce6377550774a77dc38ce8cac5a0f0c0483bf58c79e4f2a0bbe8418bf0a0b98938e5caf4c321f56af0039876e61c93e794042fe5fac81e5df7d4397c57c3b438b0630e0748a9272ac113839f3b7b2437a562b5755d319fe4e050ec9c786f836d87f1db5c58e206c2068dc1c6571684e965e99968779967d5348cbe3fb1fd9298967e9b35723464ebe95bf5de585a077ffc906e9bad09ced998a0fa539ed0a9c54a20c2fe1989059282068c9eb32d5401e8bb6be9afed7e37258f59c88e231334836c6d3b70a27cca6733a1103883fdd18a56c7605cd438632e9d70bcbd5d6d39db525d2edfc90ac1fba93b8b6743fd838ae48e60077fb135c212470ee531f61a6d7a202d978f8dca4138776d14fa04c771f4c0bc02c441fdf7856294f5fdb9eeb65621a349704927fae44cb4e781609fbf2eada4dbe14890a706a5e09d7c9a51ea9cd04daf9194ae79da2cbfe063e3029c0275766beea0701bebbfacb68113a9c38d6841f51d47ad6dfac30ec966a09676cdec7f809060fccb56ee2c8eb10dfdfa1ab3f56ec75d7b7529d0400099021e11dc15d13e5c770f332b3f523a192878d684d521c83887fea7b85581933bf206161ac6d3246f97d4c6e85e0308ee7c6789053ac29819c842ab11ba9247581a752bec98865b16b017bff82dc697132a4b04809078134a3fa359f7fa2f5c1799d56ec3aa56e6c99a78c2e25d04b8d9759298f9020db4509b087f0198147bc1cf5
Grow on hover effect
View code
9569a182566bcc11bdaf4ff465d360b1b1130fb59631af6385f42838df25a6518eff3a7f5622ab52e7e42640fa04d2ff401c4187565153ebc1d6c463c269e34914e621d74a2203cc0f372ce91910b0a71970efb12fe7ce17ee36bffa7b97f681465fb0d6ab89722e013a48e54b40e73d45e8c5fe167fc561129faed5d6800d13ee886143d2feb58e0194ff76c61553a0d20fb7fb07319946c0cfdba35eacd146e6e8b99069f127c0a021a3cdbee1cc5be83ac90cce5b8d437dd358262a5a1a0678eb9d35f7eccb34cafa4c277f63e8a376b5f5c95d0cb5dae75ead40c3e40a4e0ade6b32099f5074a8648e6a29da3ff1b96ab1f446e1de35e204f5d22f73b37b3dc21f50d72bccd8c7d8c8e6ddf4b0302c806f7a85d28854d2b46ded040e521073389e48171b52c0b6f85c00940796664ab2c26c96a6e70426d3c7c847cb96d674c17cdb02c3e32842aeee8abd503f1a499dc19712a00f385446872b04fbc9b495e7880d29e86f4a9da565d483d4bc30b460f9ff1ad24ec0d4884298a95876f5eb422e43bda5e93d9b38c4ed8eba24445631fff2de19b6ea006bf4d54dd5c38da1a95e9ae390fd313c21b54e4abf8b634cbb784c1618668908393c664cf9ccfc6004e1bfde588bf0427d9eaf38cc4a612dff55a128974b2f4b311f7d38c5ee0ade37dca050a533485878ea8b6ca01e91eb99868274caeb4ce995be0a2400faade6a27f587216704b5a99048bc78a211cb0452fbf6abb33156273c7704af516be336ae4b70fd7ad77805dd391f75b46827bd9fa48fc0c368371644a9e1eebeabb4761d401108737b8b4ab934094c800f8fc95d545107937294583db13615be6ed38cc45dfeb9fa7f05ade962eb33e4a46f953042fde328b2455dd096a99a697871d301bdfc309e41474af52fea18d27801c2f0c99b4f8219b5a50bdd6186a66ccf7ba139cbe14282f62e5bfde802e95192a36b1a1c3e5613bd75af42c6ffa729d7b3d07f2b5ec03015862599452dfbbe0b2cc984a94a205b2b4339ad4f786dd4f26a6fcdfdda1ae064cb23f1a99ddae34bfd98f369f350289c97352942d0bcdb1b166710fdcb49a587422db9476572ecb7f9b6e560d10e0ea2f8cd4a3e8484ecb4f11415384ada76fc544e051d2bffb852d0fe1b87711fe5ca3499cc366d7f2f3928541b6ea5382c4a7052941105bd8f78368932597db0b185c3e3ea7d3e7ad393633e11b6ee37c6d20de9be4294bbd3f580fcb14a1295cc1fd5ba51567f49b7a14947061e13f2d4c1872fa501792bb4f5d8fe20d0a5001a0edeb86fd8dd8eac86e200aed9ab460f88178dddc3bf4ddf65371c7134545219b28ffbffcad312a85a1035eb7b2b1225d7acd71cb5bff5a765da9f52dc12930e14dcbd4a82f7ae9bccfba9d0366a9492df52e81521ce28f91a402518b109df45d4122ca89f7900e09ab2d1bd22faa82515f7a1e54109a5f248a43e6c7c292e87715967268a74d638db6822ffbbd7a9c80f1f73702dadf3839c2ea18af8c151e004d66838b28ef6153ee12b7156dc7ab0003b63a4fc2774d1e07b87147c8d647912b5701931dbf5d0f9bbe4ebba2a9a5480a56756e570a0b75b8d83f99fec8f2cc185ac0cc85433f6b157c46694039218519f5458a042183f7ff6159a8ddab259c6ed30e999f50faa7cb4c4ec0321fdc490ff78ce9fe00dc4fb13c88b0e571d4c638cb5da1e94a6c1f6749285de06ceb4b8d64d52d6fe4b7f901aaa29d2f03003644dd67f74fac08543832985d016e1343a8bf5f7f89c68f466aa9753bd53746277af90a4ffc2cde2a5b0d462a795597c44b2ed245a9b02021b3a05e7c58f0b600e12e65d1c00d8fd61a20b78650b92fb636df8c0f4558f45d1912b25ad2a64b47479a7c39d91604474ec836dffba2a83df1c3a9d0100f0937f38707efc175a770dc8ad839a5e0d4ab3f229dd72ea1aec5c74c0cb9ed1d56708658c6951c269cf5288a04d5cdc32d7d0760bee90f5ba7ed1ceff9935a924fad02ffe95d838e9b281093a34718c3dc90541153beba84f3187dc050d062faa476048163d0b18de932926b66cdc45eee709e458e867310643803553ac24b8c29dcf8cd92ca901a83e1121e29bc3d27f08691b9d44742889d782df3645d6b9d6fb4ad8c097b5c1e253948c7a163000cb44cba0d376100dab991eddfb4157a7cdaa7f2b46bec5cbc902cc307eed03b116e294400345f5f0d2d399bdd229fd5adfd88dac8323009e7314f6b3173851dd723e2fa23951e95c7d6cb578e94e2a0c5bdc81eedc4c845b55250866996ca0fc4c74607fdc6903c1eb29178df22b17b475bbcd4a99dcfb386e9577f07e864d21681e4307bd482892760a2e0c00781319b9a4625b1c576cd1768c4bf97f588e1cad8e55aa8d3c96e8dc46ac96125e40b5195ebbf560c7ea99a3acc252f38a607e4ab665d6f2d4a0cc7d5870b8694040aefa49d0a771b472728b9252269641052b94c3a30dc846d29346e6b8da69857d04239a9782103447d9e157e80871168335e2d01d3a10d16b1d3bbc710a7f986b187839211ed0153dc1fd2e752da71ce870ad13f54e052ec4f00a9994f6570f9f8072b1b865ed41787a0fd0598ab4234765d5ed75b7910ada61d097cf3319848af78fc3b23c7ca5b71d12155646c475add4e4ff50d3d2d1396769b396efd18cca0430b82bc672c8ca40cd4c7cdfff0469e2c44b98367ffb31eb44dd92316272f074baec836aa5bc6fcf7df16b2ff150a1d74970089f6ce0d1b847767a818bba52ef621e94223cb45be00e222f2e256df419145feb69f4bd19e0c68b85b8c874b2df0ae003aaa3ecc2528790218002a67a81edf9b2389f288ea8af7b186d0cad38c999b4903e30045db34c0ec6531e064bbd9c2af53f8df021fb2fdf9f7caed218a57aa90c36a3bda21ad8b95925beaee033af722f5fa2b53104c7fd0df9b9257a4c75ca75cc9fcec122dc0e0b140ec8dfae69924817b74c2f32b2f9f867296169990d6e0312bc24c67154ae62f5ba1667b5f766ec0e645a1dd14f04372255ba59839939884a445152c2c2043b267ddefa1f3e8241636348d12f88ab0ed92bdb922e78e94dca8fc3a6d8c31f5af78ecf5ba8da7c593f5a60695269ad03dbb78d7b16360d96c180c52216f040606298585baa3fa4ffd3012fef668e836db79b96ad57f7b66725987fceaaaee8d4e39f1ef6ca6bc696330e5954164c8798b1a1822a73d2c0e13e342c4b76d61600ad688ff403a76a8d9cbeab94ea669bc4aa46d1819329b8501f210f79eec66a8c177c1422834afab103f6a48db8e9ccb518207bf66ee86d6ed18e4f906dc4641b2de51e4f7d2498197572d5f3194f6ff506d78588c4233af8bcbfdaee74458a47d6035c0be994af45dcabe5c7b6e5cf8fcd6b5181bdfe68b5fb691be692c94c15668d1c9e8a6b7e9f50af421be6af04acb360fd3e018b47d3ecd2d08071ee1d0867286d1b634746cabd8fa872437906f8345f28733b2b68d2f9b968b408ea93af05c1950260032528965a3a33a2ee6146dbe1f86715fdaa042f98f507bed3bbb5badba37b0603249935c34960d017577e5dadc2b8abb7203f2b573fc2225aea4e6b9d12452149cfad4ce19d5e552d0b9f3046c16aad98083ec8fa9a186e8e79588862502ea9af654bec6aed07421182d10bb6d6bc4cc4078b88413401e80f8d16a0ecb1d6a2cde524d8f84cc809692f4992133adf9febe90ea1ba69f8c049fa3369cf4f4d6a5793a44dba48666bd7bf573fbe1673f3a3ca05bcc5b08c12cb3cd50f9281cc89177dc9ae6a389cb3ef67faebb2397011c047b5bc4e8b803dca7c829753060fb8f5154d9a7efdc83e2d434a27665cf1c73f0e6e6b1e69ce18f4b45ff0d966b78ca83cebd710f0c62580c965868af2643270071e256a20cb86d5cec6fe7b9cb65b94bef59973d5ca3c9a0aec3b43b1f8b203ac073c01a5e5a061a8269190b8a783ae570fa78d55c8bef3e5bc1839618a58313b30b756e3c8498ddcace23cbe0a1edb77f3fa5066bd060439ac2305dbc43347bf44d4d85628915820737fe3fff4aacfa98f343260ceffd017eb7d24cd6b640c994aaee7a9de6edf273e06797177bfbb193f2c24cb12a0d766433c0c3b4711d5b9199f471cbc05ed38eaa127be83516571479b338e9ee14328595072920a741dd1578d87edb465da363be6ad48486b9b6d49a6ca196ec9139a7fb91c0e6b1de31298d7f981b76ad8122b797fb3d7d0db6b5cfad18c8fc3395fb80354f7e72ba0671c104de6dd83c8e25c5c914777faa50313f674f4e469b594a876907200adf9ef5
Background color on hover effect
View code
7e2620260e8ad25c8242be00c2d6596bca8af7273c413efae84e892d1b2a14a1ba78a3b4b705be7fd180c4535a901c280932a1cc9912d73682c8b1334e1b465b1be36134838677d224d983ae5c1df7f55b3b82016608b032da35d80ccbad5c2e26a90644cdfb98b2592c41e85f6d55a656f099eef943b3b1ad4f711a38cbad6394e4146074ed9cd4916ff4d6ce438b833d4c7bfeed9f4d86f1bb586131a65e2d9ed9ef7e0415159819c3908fd6b4a584f09a49235fcbed82e37b0e4519d1a65ba31f99f9ad040efe7e27a45699ba868f4e1301caa2f89408dcf9b69092d247c62cd7ceceeed994e60d3c47db023728ded1718ee57ed6b824ddd121a3dbf3f932b2aea7d4e4809805cc15b60fd168b33ae2fe14ee654d820255ff01d806609299cb7770e3db238d29f33a20e7899d1f1a77222de1394b9ecf009dd50cc468a7196798ab4de7be9681c0f9ff4d266b29d02f76d0307832d3057908234e72a7a4fc4b1548f0f3d8e08eeea3ee91de35b1a058f9a2a6554720a859294d451a18e144085a62bc3b3afe756f1c1d557a917798027a9e2b77f8d2beff986677fe53bb7f237951e46e15132bbb79806f6c2e2e65132688320eae45b0cfe55f4868a8d0e93302db2c347bc39ec0b57d1a176492e58d8d90fcc9be934a4fe57595318c68006004f3a18e8174e2dad9db134d3bcc2f0ac8eefea97f9ae2eee22380c5f184a9d329e66e17ff5ab5274aa82046211526ff99ba5a27d6bf9aacc6cafbb3dae3a8a5675c55e15d48a00e12c13c3a3f04804b8571e0fa87e06ee9738c7b10fa80fb56d9377628f6813aed649f7a89c44d3661a36aa90c7ea59ccd77a7316b72f97fd4a0607d44fcfa95895a0a40bae3f0cea0b2d52db4a3fb1778a497d36d350f73dae0a97e2abdd8ffe2e1d05683bbdd98357e955353fc2ba54d65f02a644d38553c59d3318dbc9657e1f9e7d405290e87e7235dc6d2ab4f4f9d68b3c346ef19228b67dee1cef767d91365292556a4bd4dab95b23f1d97f1ebfcd7460dc4c1395782c79c7da4d6a0d7e68eba795ed0e3a6235c272357d0300daeb67aad790e43f630b019da254d3173756bb00d461c5210b8cf0befe09acbea60ff22d2995105f71cb3f9a4a102ba1774e529a2b1c5e14cf64addf20f6d756ee47a5a797cf2623e26efd9c87b1ec59ec66f4888b23147047ee00a699b4d6c955aecaa4d3192703992b6e3209dafda41c8c231df5d9e206d4e8ae1fc8e24e0b79d762785d13bffbb7165de69822ec0f1c4dcf4dfe7d27cab68e4699f693a671c3990a11097ab9ebfb7460b6d2510724b9cff3e4f0cba8119b151e136fe2398da4150fb39fa6096e79e3981f54fc62cfb8364bb45964a518e24ebd52cc4efec94d46fe850026d245b51d64c5fe26a41a6b12b83842ab48ef51afc9f15965546f575188fec88a07b492f67daa6e04e1f66a6d4ce78d60da6ba8f3e21494839f6d622dcea23be7ee7df32483775b5f14856e3bdad61e24254018dd339ca40ee80e18a9bafe1e9401709ddfd8938cfdbb5504bffe1c10bfd6373a157bb813df8b561bb4e383f4befa1a373a224ad806e4c511344a4f409f4d350b4092d1d581c48bc1b3297cdc21610dcd4d4e84318494fe3e4fa9e0264d632c9c4fea45afc0c2a6dd5465dce5b8c78a810c5ee7656d95acd72a587dd9773dc7613dc9d6fa15cec0d7b5f0967d97884a48dfb3e985acd95e0e03839460811ce4d4aeae1094d4f43393d3e576d514677da06e9114f955cd029c1e0360be82d89b23fb5ee7577f0263be3f5453e981479d85e541a6088cd49f160758037e098079cbd22cdc5d4b8add509281d26a8508e4303fcb30cdab0259936aceff8e4e7ce08404a13198e3f1bcad2f07e1d3a3c347040d8e4448d2be63625957e7328cbbe43d787455930cc5aa46f2e8a49486ff0ae8f112f641efd31413dc774641d163d8e0ba95733439b76cd773a49f731880b5445b5adce8742f71b52633178acf3c5fab1097d71b08ae0cc3ddaa5dbe8b5ebcb13a60860fe0e734a25775986c8e30d9dfba41245b6e40a35995cfce9f73efa07bc27b164d42d543c643e601d6fe9d36173223d9c7c2d18311a9fd1e8e12a4ee642637c411216a8deebb3d8afca21b82a69c84f14da10a054b0a8bc6cdd563736895a8d57c9f6d0085147413f88e96cbc28fe3d252e0fcfbf96cc91867c6137783e809592a47a7d6003e26792a6ded24826aa6b7999e64dc440ca18565771a760329b0112d4090aba269d959be3d5ab3def330d4319a48d2b76a5c380caac022e1f2ebaeeaa547946acf2651a674b13a37f70551f4da1daea5dfb924d77110b4546b1c69cc393f8d0abdac90c3d79b1b64e5d560b3c26636006617cf948226f66d545a6581145cbf1de09ca8ab8d8799afe98aad26b3b8902ba7a42e4ce9221cc08a37f3d7b0f19d30011ea2f6310328fc40e1ecac59c88bb6c4d0b336b1434e3ac9ce82e6169145aceb19c1d9e32c0f486f265a95d296d3bed14774dc411770f134c41b45e0d2296bbe489a91afec2033edd617189afb347732a9683dcd8739f3ade33d273e6b4c990d4df56b12e6933270dd2f6d0a44250c2914de1563a440794354048a6d8f8002643af5e4af0ad2e1f368b03e2dd8d5906eb3737460f54272a0f00c3b766a78b57ec7b16ba2997d11f3e804fb72b33b580cdbbb89607975552863b6e3c9a478e62540de6ebd8b79a1ac25613d70e602369094f22fbcf2e63829cb5f08a0280d04b15aea06fa71398ef13f343b611a7bb39a14372b2e55ec3d19dfae7d9eb6fe8839f18f1be6d50932e34af033eb6dce67e7fc49f59f0281d82f2b680655d4fa54dcdd8de91bbf005f6b1442b89d1fbcd416b2e2e752fa514aaef0b39f741b12ecd37cb4844269f909e4986d739894fbc156754edae0d25b71e9bf12a456bacf62c4df856591cc4e2730a19c15a7842265d197d7d3ac31b99845e65374ca2d53c8395431d76f02b1b3bc35285eb1655a3fbb37cbd798677f2b145ffaf8594082bd9143ea2d26ea8a55a6b254ab3d49bf9d7f18f9f09bc81bbc7528467751414c640ffa61b4bb0e07c39104994d7d443c9251d4a74c87c084ace55595c7c153c0a2b3c68fd199e679c05c52d982052d6036a1dc788e42c509dd0ddf607ad8c16484225fe68807f6a905358f92851371c850611e786a860d90d93d4bf01409beba2fe6722b4d79443678dddafecccb051aae0dd27292cca797e84028dec61beeab1264bb55f1e708617c6478fba11d43bbff285f75bdcaee0933869e3be85437a59a13b8036809e0815405aecff58b6f46d19a9eb49ab0a7676d703f6559964c2408bd5d4d5b37a4fdc8f68f4fec854fd7619e9cb3284cfdc6aaad840a7ae26c49ee11bbb79d6e1e82d9d988f6d9838d78b5bc2bcb34c4a881630b67de90034b7f6c771bca789c8a42d183895fd95a2288c5c3b3de2e8b561c5d966694d5939ba96391b1f57d9c463c03404ea224cd7245400e952ddc2b7ec3e890be9c9848523293daab5011be9d958c03918a1512b515847747cdf0da82228318a5dcf5213baeb150af3ab55c519185111a092fdca6b8e23df2f25352c0fe20614d1cd7bd9749e5aa8904f7993dc7e821c731625e0053689abe6027a715c0385ab09596f18a187cfe05c6dd1d87e77df1b94a75d0487218589f84b96d6ef3f72e28c08ffa39f943d56a465c0cd0eba890db380ff96bde08f6f6010a72c96d8f91ba9dfe0ab5b264da16d389bc14d7f9da7203134d3b929157f8266c3aa171387cf68f145e14b3ca65d5cc780c424e73aab47459b03e932b50f72ef580faa4a98830664dd0f0ef082ab8ae94e9ac030743d895abedba95ac6458e9069acad5c4ee20843af765199719feb861eab25bb7380238bef1da57ef09151bc429f41d3fe2df6f84af5b1b0ade50c793616b28b33b8d74eb110bed728bcdc231f7c8f8a5f6eadb7594737971e6cdbbd0aee223027cd74185e9329c4a1e3d353d3ed929da7b514d841e4e919ca80dee5fa989cabc8d16d184f5a0fd0a6573dcbec0d8e21da7293a601c8ba6466ca41fb7e5988cb7dd464523c116d52c8ce9e968b1cd600782b0566a8fadb9b1469644887f92b809ad6e76603c672fcccb3e8a4ba52e8091b91c48b5878b3479573a58dcf32db407ba1cf50d0f6549b0071f842787e5e80fcdca9543026d8cbb6e40e545fe943f404c1a8e7d04c6c01877dc82cc044062829e4a03b1f271c54678a10da122de110f6585452bb4a18dad76cb7b0a174d4ee46c1a12aceb3ea353d559ffa3039400168c4b482ba05ab507000d2b2acfa801e29781f3c1f047a1f0f058c380b8842376b71a8f5afbc9b42e12c4d7e1d23ee39416f47aea6ae4bb8e31bd53f3575f22629370f5cbe02308e467b10bf67523781a9c4ae7ef7ec36a6c7ea134a2c47f689d3729f98e47a634ca3ebb7399610fbac69baad45f24da7da6b3610ccf55315e42ca8072edcfeb83f85eebd5bf11bec150edaca69d79d370024d0d55ca9c5a8117774b621225eb8cf2da1ce43d6a6507893f2494b54d66e86de5db3576b7de1732149481f6bd74aa0ec577441130fa80d749de19ae1fc7ea82f274eb730134f4dbd4d00aa804ca310fe917ac39fd432e3

Cards

Cards with bottom border
View code
a605de75066f197bce90c48282955ac96e3c970b9b642de7ce2e782bacfc6a8357e51544105c167640e0c564549244367107c6484fbec3bde337cc35dc44ae19e82b38d5810cf871a5f39bee9d2a3bb70477a7000f9a2eb473a44d6f0c1951011346d7b1fe95562a15990012dde2cb0fd3058d9f686eaab7748f7817838014fbda0bcf4ab2fcc5b82d7e15be622449eab7739fbc3ce98ed7613d1ed22186ce626e361248d006a5edc514902c88cb944774a11759e56ad1e914cad429f07a97ab7963ad153fd346fd4eb0a86bb4a37002ff1107a6dec4baaa82e1c7d4597aecc6322cad0ffb23b588e5255599cbdcf687be1488600b18bae27687432989b3fb338eec3f138dce4fbeba4f5688af7b6e88b0e6a2a15030e4ad661bdec0f0fa5e6eab50f860260b5f1f33c1db8788c290a0fb6d141d3fbbeb2d22e5b559138bb8703409ddde84335289c64eebbfa5740a0be36ceaaf99e139d73f15dbecc24c9052f599ea5b2df3baf2d95eb3b87a48f8bfd9a468c9e876aa8d0371e8dba1577f18d700a307567d91e81cdb9b96e272e0b072ec4e432cd2666d3a57b84bf4bffffb3c399c17ad981eb632c627cc5b68ada900f875d82f03c733c6a553bc96a4e476b2882be038ee9890500de411cdf8d7df97837780013a5566018e9aa3383716c7e18ce44e45d4eba36f7647938ecee8b52721fe462b769eb9dbcff2f862d8376c876e86b610a54479572cd4bfd0ae4b10f828a623405aca82da456af117fd3f2d61a0021e0d81833aa6470aee2d68fc62d9dd97a8f3c33e9af030fadbd0587ce563ab7a5e5d0689188697e1c0c0050b4f8867af10cba3ea61bd7976a4e3d165e05c8b7427ae733427cb6234b430be16309a104e1193b03dba799ff6e8bc26883609342d395eebc56f2cb9ab89d36a87e62fee291f74b6f8d9f4deffd1c258f1066a1c4c3cc9968b11ba5fbdf6ce974ad475e8cf2d64528667446ad27f5a343ae36743411a28ccdb17f6a7caf61cb98e403ccd819ece74f064a070ab3ee4c377ed710eb6c5d133256bd4e7038b92417ac146007807e131f3fadad7d96f5f1e92840f1523a49079cc90517ae4a7714cd6f1807e511819ac20caa319992139d883d2b2cb5a88f4ba979b1940f82e42183c602143b6f0cebf6c25cfd0a69b2ef71e1e3f9b18fa04b1b5c5652a7d0b144ad27177b110fa1ee56b227da3a1b2021b56135deaaefc883e40ea6b5d24ac2fe8732c8313093466621ad3e3a6579d124ee55fcc4b70c54c74aa4a63663239bcc9474887fa563c01936c6e964c663622950c448de3f2adff97d41eeb67f05bbf64746208f15cce0a89978265844193c1287e06b57e96b715b5887c1dfdc2061bb63b2d0c7b6a5834bf044b970cf45f322525092a669ca74577fdf1710c6b2948229ba9323cef78eee43ddd82b918e384afaa222005e4c2c9e85029fd76b5ed42460645a6ab53234a9de3b7897fa5832f8e855c8a54a03deb8ddc8eb03e8d3af3606413733543ee11ba5971263a03372dfff871cbcc5f5b75d9d703b12a06c577f4bed83455b95360cc804faa09de504d6d696111800fec8848f13b10ca61ee4df53cb64679dd0e8175d8e232b67f0b35195ca068b603ceb55dec20d68c12267dfcde5b597f70a5d4e476d416e41833f11c61352c8f135ac7d82d13c7fc7c3378ab00a1e9aa35ec8f0e1e995617c64b4a7a72d145064262e0f3ea4198328f9f083b2fb61269484cf35a8f36d574c177213227af0e47b400859acb62209f51c917eb0d9a3af5389f99be7b6edfe6d7faa303c018ded3bdc7a21e9acd8b4eb8743b3a4171a57b0653d92d78169ebd309e9c7e736c222e4e947e7a6ae1351c6181f0f9462f96a527bbfc6db6e5f524fef014079be36622179cb0d154e2141adcfe22241d321501af54e89c370bbcdde391f6abdfcaa7ad1e107986bc47d0c5cc69023fbf7aa6d40fa2aef516c9fed6d4b75e8d9d76f719ad2e53f603177ce7d59e70bdcf8a8abb29b73ec711abf5a0975557d9b21108b972537828dacaea2480e5b698abe9d57a494082e37a81601a6d64cea09c9abec87d6373d39b578a408ee50b715144b103081e7222dce11accaeb8a4145c27dcc8344890239c2564bbfbb2e67f0ba74b8ff64dd6059fdf542523fcc79672ae030349b78ed4400524f29955ffbea92869e073bed3b2e1bdd5c5facbdfc5863205ccab411125bc157a26d95a46917f93e78f31364947827d32b11da15cfd42f9b583391c8f18269da30206073f6ec42b748429b1dc4deeff45e00707496240697b11220420b0923527c22a73875fd2eb645f39ffce8cac66699804b84c321dddada1ceb116788b07cd93ff8bc60f2f2bf8c15b9a06d7e172b65dfc55777c76438cad76e1c545913f7538500fdad6052d1a53ac698944e0c949490b383e028c7896a7fe477f114452d5c98f831fd7ac0f186e3583c440ded35d89e17d96cf2888ab191789fa19806fc59bcc1e8860d36788a9817f06807b1fe10670e31cfa56fb46424bbbfad87ecd18d6e01ecbadd470da2c8c00a8c21906dd4c5c4d27333ce370d580a1377fff48cf2ce0e8734e25876745c817908973ed21b3f1f6ae1040a28d480e4229899c9c8555595b1b5a88031ef3fa092bcfeecac753036afb2cddaa2e38da4404a567fea5bb4496111b44abd0738f80623996d0f1af89bc9f2ec37670cd019122b00e6617762899d32d7ef8119d73fd49bf4f6c00033137240f9c3b3a6484a50b2ee95133efafd6c82846b48ae81bdb0c301a0f0c9de831a313b01376004f7140482ab0333910aaf7af0b4ca869a88f49915a52fba3e6d04562e164511d90eab4351c089e9991fac5486f4404231c016800653f2c218675599f89715fe87f6da846ebafc1943a2a1233779ecc35a5c97c94291fdb1fe9e73cff373dfe8cf77c5afa0aaa8689f5a89ba8b5a2ea1e0f8b39f3e7fb5bf564c76f83e3484fc9092f9817d4eb79e7e2846c55bf9c6b2ae0d1b8b8f70d87619ee2888185acd261295d6934a5cff12ffecbbe0644c4e003765a4cd3f881c552bc306cf21d74c846a4b41e1012df940837643117bbb19629918b336f08789b1c49856eae5aae0891010e1a37e1f0cb91bec55c0496a31b8b999cb26660e0ad50985a61fcb794576dc052ba9977282aa8d2865cb8abca44701f4b01f4b0a1794d63c2d86ee48ec4b254f7e971ac22113d618efccd1cb4e74bb9f8a08c8fd05bc851fac0e2b1640d5adb937744854b3ffd1af430cb6e3cfc63e70a28ee7122d48d5a8706ff4ac8c49eb741ab74b2c684f319cc6035ab5dee220c8b3009f893359f6bcd679c4548acc79aae6eb8aa4b909d727f30600cc735b4af11c70b7fe28aa21bd36a8c905c3ad7ded7d3873c719b481493d2649704613c0bfd171d23b385faea3c8a1b51ddae9508334432dffe0d7ceb283cb35082de5aa602e357dcd518605f2f6a391370cb56a7ef330474125f9055777bef5c2e010724f9f3225be678916147ba9d0d720c3956c1d37d044888b095924ee08ef7b928562708c283b5330f5751396a112c618fe225bf91b269ce0d7275bcd5a15c763126308c6ba88857fcafbb9d9ace366f1ef0d49d3a8c1df5a7a6fba9ad6d19053af4e0f611b9870148433661aa6c2f079ceb4ba71f6d3f79168c5e1d5a5117df9530e59c1fbc56dd95367e089662e03c4014fe8c3745754978d06b2b689811b8df63b41e27efd10aeb214e6383f3901383a57c8947219c817f813c2754cd35fe55739bb7b492c2dbe9a3fdf04add7cd9f43e29b7600171de9828b4fc91f9e59203022f7fafe75e11c7ff3b6fd0afbc
Cards with icons
View code
edaf03b681650301b67e195773bfdbb72e74622f43f02930df7ba75557dee64b75ed16240148b76350db0be107efaa06a0f8e6228d70374eaa02ae523d54ed838731cfe3ed2ab85f81b174f31866a052ec53c19f9937f38f3aecec2cee149d66016a965b854cb97e78ef280d842d5539257fbc481189d2cb9965bf2c79cb449268e0d2583a60717234382a83643940b0c1dd7919ba4e9766880170d5e345eaf3dbf0619450d427f1f0f997fa66d970a96995d34d1d7a918d5ea94da56ee9b82db2e304bba443279586438f6b415eb6520890707ffba6a82fed71ed23f7febb01ffccbacdf62a8a1df1bc929f5cad82321be787b620f1c174028c9cb31cb40c3fbaff0b3d0ca42ffcd5639e6dcdb12419c16811838d76341e32e872df27d3b5dc1d0d37f54c59cbf9b11a9096e77f1f674d3586f37a87145fa06628c4da25139571c5999272b766cd819bce19157e6f9503daf761ed06af2ebed5d35c421f8ee7936c7c6babff84063e7b95184a1125ee8c2ada8a7822651d220d97b3c858738cc0acf7dc4b877d4e76bb5a5a658aaf5f352bdd8f2ffb7216c0c61faffdfec4468c6d3a833aeba037c712ab825ccc4ce0049d8c7df46fd9d71d58227a0066876513e9c8e53621e4040438986bb238b932f190ac76b657685f68cdcc9dfe6eecb724c6a999f0c0c41e38bc68632413c195283a723c2b44aaa78ae5b08cc91cf3f66ba765c094375d7b9969f2b1525d38017a45c2a7fe5ca2b21cfb935f83091c6bbcc7a22f389d7f3908ef2dba7ffff55361b9fe37e88ca03a53b4790bd252560949978b4b01826f88f0432b07975973c666c03a919b178236ab0caaa771172b87db64f3103b7ba175a8f087125c62a75705b87036cccbbf542ef924c045e57f0783729e6efc2ddbeceb94f78f1c286dfddcd87f0c356fcb0982dc27f302c1dd07f75e398ba003fd6c2290984a335f4a0ee7807b26ff12c23adddd4fabc9e90501197791071efc97b3f49bc944e3187c4e581d0cc363461ecbed367f7045940b79d3a9f350df521a400cb7d6d643c4a44b5cb1ff92b3f5680a4665b147034c060773179268e42f1b17747b0728d53d94ce44683f31858f2c864359875bb3b29eb0eca960dd2214d074b9b37219203c51bbc7fd6b2504dae2d88c02e0ba596a912d4e8c979870b18ece42f7e9a8844611b9f43f098327ab86c74d65e39c2484881d59e89d61d55ec8666d951b98a42dee6ae192f13cbef762b5a2bc05d70945fbcb77462d9440afb95f5343039c10a1b9c51025d7a8f083cbab1a1cf5be6429ea63588957e85eee56d316e0223800eb5f016fac0a4081d43a4f02bf05b8738c0f82852edb49800fd12ff6ba6110e931c7dfbce0a2d0baa201fffba9ee102f70a145a4203aa3eef636e5bb6600ebc174d20943af1b19847560b4c5b65c88bb88b3f37b88214496ae42881060a0f9749e9c1a31f0ebf11a174ea712187549252fbda09592c87a636ba835c887097e3c691ae809cf969d6806bcaeb096d06b907f138ec1b2bce35df8f36aff90e14a6b2ca7c4e5bce67c829d656ca93bf44bcb05389f55bbf6ea6d4bcd69694bdcab114d853aa589d776afa5a533e5e483f6e9463e4e861b7780ef357c3deb2005395ab9b6aa653db97a7a0633df6fed4d8fc2892eee90a93e1c3d673a665811a87398ff001794adb6c0dc8ceeeca3cabd7b825656834195061bba9cd2633ac591f0091f8328f181e714a61e60b54dc3178ecb9c9da723fea07d6a9f9f95dfebd557a999f72df9a8aaebf114c4acb9f65349d3c35097dc945424dea80a208e7d6a82b4a6bcc91f216f8aa6d986bb4a4ba2d3bd82fe2d1c8157c92ae32623957e350a667761b09521261b371f63b55592f5163358ced752b453910b3e200ee0d538d5165277a2922b2d2474498ca9782e3b98c3dbc0f0c809d7797e11d7c76cc2fdf5045daf8432d14f03a771deb3f7ad6b57b32781d6c275622ca9ec6a6dc83411e33fd53fa5304a847aa5f571099147360d32a7314ed54b590ead46ad5778d226dc87802701b1d46e0b3a2620c635020b3bcb5f2e83fd373e60393cf8c38cdca44e742c90af43626451ad10a21f2d0463d2672c2c777a77e69bebca75856ce65090e81086828143e84f18cdc99972752142db1259d8bfb37e14e4ade126b1c013b6752de44f97464a75fbb84c9a277650513130ef6075b7b84c225eceb10ab8701a29a88cce6ec0ad89ee288a6de505c72de7d617356e5cba90c1335618c91dd502677f2d2bff38cdfe80d66d245beb5828c7cc7af5796ebf99969b1556884f07863df002ec1cc8c89413def1dd17c674a02c78818a27e5ae950429d432cd6cba05e6b92778ce73416918f814e29b6aebeb7d260c5e4c5a88eedf47ae730c2c06f2bd3646adf1e22c51cf877a675979f4b4f123fb9cab70acbf7503d05b23f620f3cf641cb5a1fc9054c5904cc700855257db811196f0be26b37a3f5a240b6c657abb45889d60af8cc3eeb5967748dd7643aae2c3584a46813141a663423d3f687e7bb7e507dbbc96f6579ceefd40f9642e14a605c3bc2824771813d52a9053552eaa565776f423ccf6a46c15412ccb36132a1ad098b4c25810383221100fe917e63ae2975b1be53cce9d79d6ece513794a02a984339fa9c553dbb571a193f5747dd9403fad7a41f0338fe5b736a730e43ccdc27c117b1995162ebad762a04efe71a8178e587ada8af490d91b8352549b33e96d7c0735dcfecae87564a32991853021e6474fbd20977d2da168f68d7a9742aab1d9530ae988286930e929e0cf23749ffd6eab167073a905873c2212c501ca8f46003fdd792d3e1eed04248f5eb0cd8c32ab83565a38cd6878b7ecc7691c52eb397359e0ff9c65b754465390e94b0fa00c972522058eecd44df2471b1fd02fd10d07edf0f24b729e408e96536116dfa8f525f523814241da10882d5b7ce672cc1e73dadb5c037ad1ba7eb4b4161e632c3b7ca5de63a2a396674c37df6e5b7dbd561f802f3e331f7bf97f9a92beee8857ffd79f878f709ab537b7c8edc0329cb32ffdef303c06d0b9642c62a178ca74923c61375a5cb3e289762dab7ddbdd638ef23ede41d61761eb107b00b82bad89a9c0d78341a282a2176b2fc28743111d3622f175a10a8fcc24a1f50d335e720e31af6c9fab71072d446e7b74d952ed019f1e928521b11ada0238b8c71ae87a98a0afa7abf78649d93021d3d5d2ffd80659904d5814fde9160a5d57e2ecd397aadfab6d3ff37321d2a064f98f8a63ef48e6a78c73f70768b8d3db66d39a11943444e491a267000a9ce93760702cd2dcee4300804cb549c179427465ada3bda3a0db8f401c28dec8203deb7a79cad844c90a1049193370a8eecf8289d904a4b4abac0685f22747d04b76a121765446393af1a5a965a61b2a610f80af7a4ca69826745b5b21f0b439b2dee8165bc83719a555152426a7b15d94dc062ad93c1deabfbaf33abdcabaa15f06584840bc08ef0813dd4c301ccfa05c8165ab26ca9b8bc266852782258cd1181700c4eac0b33969b0eb1390142f413dd6788c927e71b3e2e3cf21362dda48a43fa9edf374ebaeb08ac51d221b756324399c9fe3e12998959edcd35e5a348313732f6caeb7cc8e91acc6b8441ff92521ae9eec78c4c0a9f2207685d25949d0f9bee0988e64b54de45d60a6a9271b05b946ebd98a7c1b3b6e73bb4acf5f429dde18d128f38b0004b25b7d4d120a0a547befc381bbe4c730d26d317fe5501b10a1b972e1745ab524b514cbe7924ca468d6d79cc88275ee353aa883b25733b94a8a3b8e72b4c26bc212164887c8b223f3fece674b3ff62a6a6fcbb35c775856f330c8d8663d4e061442808bb741dd02cb2f496446a0e3c7bb639037de36763ddc1d90994ac47e6841babf2e609412cbfe6f2aee4e6108216962bb8c754415f560c1838e475a8afa1d3368ac4c2208f354b80f235243d0d89229957bb8a39e5fcd12f579c302d42a2ae89c95b1a98e8be1564f5fb8adc3ef5df52b963227333c40e25a7f8fb0a88a6564efd1a3624cfe42e649b05740de3a47333dcd84e2bf1197e0ea2a1d0b7335cad3be8f49fb2732bec4ba7467e1d2534b6fd5c309e6fe40859a0078407a62d657d5e4557098d9df91624ea12494856ab8cfe14f541563eca29a042dc1161a35cc27c4e3ceb666266323ece16d43fe17c9fe2336fdae340cb1e34edbf981b693468e5d8a375061ac80b8c37e5c149e8579fb4730691b8db9bd7b099006ff758103fd3b5dda50038eefe55401b38d77416a1644b7068c69cfb5cb8fb2f4afee4177f7bacecc34057c72064a4a99c5b8e157ac63c3475651a84ef3aaf2ae5afee6233deb33fcfdc5037cd9ea24c8b46c13caf57834d9ec44da0ab5580b955c6b0ba2a9a1b05a95762163d85ebddef4b112a8626863b9f776890661ca9614eb5333edfb0055d101ccabae6b59e827b9ed23adc0f204d6271a217b7438711c177283a9bab956f411919e0c5dbdde34faf0de8c03e8f403dc2d60b67ed19e2182b94c4878d655e020ba07f99772561c6c5fcda67fec52fe3468d2144e8f537243ee25567ad1a80ba8ff9ab86d223f09636510998f0558842891b4bd79e7fd1beb4ad9b61b27b365e518783f5c5851cef13068806f6372d0d6a92d37dc130183e33dec7b03aecf5ac51bd5db73512d22d5be46fc710f7201e04daa294c981b15d7eaa08dfc7fb5a3a50a2f986b48a684dd815b3bfbb065e9d90c898a90db3b087048304f63bbc4024dffe8439e752f1d816362758aef3421768569e38144ed29850eae6ff1c88598af9ed7326d3e0c993cd207d0bd8f1614a5ce7ebe3437727b5d34fb816cfdefcc6c63a3e6fa18fbac5857f8f55303233b4d7342ee20dae0b5c315b8137f76bae7046ca6efe16c4a842d1efb94270254042ea9682f8a3832818af6a990d9684c98c5bb8c8ca918317cb72059c15270e6898acb40c374e80787e0f55c26177d9925793304e2320efd7f4697871734346c6f4c17363e529c1e8b19ccc0c2941630ad4366b31d2c403ffd0574da85ef67a5dd611cae62879e43233699abeb96b0fec0ed04fc8443c9ab35f26618a1036c4093f12ba812eb3886c6b6a36d208d89e558eb3d5e10f93508441e10809eb704f3379a7e15d6a46412254ea0d06a95a5a14c0048d23f181039d3df65f66f4504254f2bd23c8175ca120b7dae0de63e833f73bfcb80cfd6ec7c87170950e0f74f41af1a45b86c5ddf624f8bea05944ea5b3c18e528fdff5bd980c92d15bd288a063cb893517cd5e96e48fe1f676237c3147ba1b1176b95b8f3ae1000cd086b4cabc5edf17f01b5e0c1ab9b427d07db973ebcdaeb6a92d3d3900b6eaa8cc241c225f5399270c9c402293fc9f070b92e8b97edd97cf19ba41a28c9783aecc27599b53c28cf6783def05bc295bc7e22df01e0bfe55b04f86c8fc3fccbf46b6621e6d4bb1cb29a80f414dfa1492d007ff1c09b5f54ec34de5f71c3f8a020971f2e2803f461d074deb0d679e24c55f651d3124b34a8c

Lists and list groups

List items with links
View code
91a865f1550a7553ebc2defc220478643e3e4cccacfb8f1a12c1f0b156c504409eb30deb9c31ba34cdba0b85c05dfb3f74364f988afc20d7c31d6041563bbf210fe7582f55726543d458b085bc89151e6b4c5a1db09bcd7298ab1efcbcb2f557d9c4593e4b8e34692bf760b07e3bf8dcb6c2a787e3bc842d43e540590b102fa03db38b3aa1ae8290e33b908b82afff572d4c8310b13aab6af9971a1b6f3f75c3d6595c75a96c3796e6bbcae0b2049eab9dc6ad6f87e564f8870fea4f6b091eb56d43ddc3c4c3c446a4691fc87a605ca0ce8d76415e3972c74b8beb022ace38c2b77a0241c75ad0074bb5a73035fa8d1aa7a7ac284f8de6b11d8cdfc4b0603e0d4234380995034fe1d76717a07cf67ae2d2999231968777a38dbb6378f3d136a95a4d504997b92007857e9f60310ccf51f98b49d765f5e55321c4b5baa3fd776ee1b039a8918271062b4b30c189fe1417ca36f4a3aa4e896d4ba5eb99012d08ffd9cc95051f448ddad1dbb30c8f01bf868828f6d86b7fbb56bf0e0234a6dc9f70b22baa99272bf8f72d58b63771424eeea8dd02e2f40d955314b121272d950ca0226c9ebc51170796332bef8aa2e794be467f9fa6adee6f4d4e4bfd33a40d44a398eec801640aa46ba7e6065cf92973bcc386b0744485a79fa3778a7a555a1658372a9ac16c90af3539eff9983924c6627de08eddbfd91d1bdef810ea606c5f702fefdd618d88df4a2314d3cb798f74a1c0a8b98f9724bbb1b2f471f1802303f37fe45ead07d033bfd60990cdafa9f15a40de87d118af41d2f13ea8cec280c6536b34ff799f7fef0452ea77bdf2b748ca65177b79ad8ab9f83a7ad2403930049331f176b15fb923eed561469ea7c6a8f9c039f93313e15d68cf3b26aa05a8fb1c217ab8a906d88667faea9370ff67de459800a15246fcd4caa894056b2637f2f3ef55d8531f983116f563b1df09f2658a51aa21c2fec1a40746a2a623102ea338009d1124eb6f6056cbf9f155ef751bb78caaeea86cd8cae01d8283c5d8aef622991f993aecc6eb01ecca70ccc9cf28e41bec9d6f7c1d3ebcb481374dbe706463c3e53b5dd058c8ddabba13eb0a57f22184f0ed59f60452ef4aa49ee954949ca1829caf4e73334d9502b94cea99993e2aaa79348798aac12098a7bdf5fa0cfb64d7213a8a6ebd647acfb51656b6a831e8e35f9bce75a9dda2bd8c2846cb0b028e85f1c47097067a7e74acd3da31d708d3e0f5bc43ca9cbcfa9eb6072fdbcb28c1eb7f2071bb58c04081e7137c3d6b983350800c00c99b63c7bbd1f89e82796098d06333796e02f30a8e9030c57bcb0aa821933bc0b68dd891602777ec43321553ffb3e3e5d9b7dd9d6ae2a7892e35d0efb9932a56dbc54f5ae3c7ba33d9e90d4e36aed8cc35b3bc812f87804ac2beecf79402d79092afe1e30a5b45a89e7884f314f05d2a3bd4a77204528bd568b3f1605904c9b6462596036ab2d7eda1a149bdf61ff073e2afb7ee9da69e7d2182af599daee0cc21f33eb5fc9f99eafd89052110074d21007dcd110c5056667e0157c269a5990e3c33d3ae121bcbf13cb5c5af7ce1b6b0d700a0584077b5f00bf1856f7645ce37e6cc46eab3c74d2d5f4eed62c19fe97c100af0c772e5b2771c6e0ee659b6bdde81c37074a5975e0b580e7670d7ce506dee26b989cebb7ad4a3a34c833e99efd5fab986fa913f0eec9598287109826d41bdc8293b4be448a1e5e58a69a1fac9ece76a471212597d9a689d07371ce6c7bbd4863c680c9a7ba42100892a6bc8328acbc68b9363be7eef1dae3bad72278fcaa01523991564107d0a69ffd0659c090818f76dce0550f69dcdf0c92c57d43a3cb6573912bdf3e7ede85ccca746ea6c86505b99e10ab8b10b7fd30fa0e0a06e1949f16526cd020333aa8ab1dfe81a890462190331fec2f07833dd9464041dfe932f91ba84d9bec58e30ccf9d37de02e2854168bab6a2c6ad16dfd497b46e48ffa11949eaacc5ce1cdae7ca444b7861b21315319eded137638cfe53b0ecc0f8dea22d239fcd6d2629493fb7044dc6e94c445387da4dbba900acb535e40566264a0c5d7e1cbdc23438301829c9ff84191a9f8018a6157a0eeb333ebcc5128a28b93b9272adc592864f54ddc6f2657f9095f6aba499b0cbb8d802322add5e720c8505f8ae46ef40598c1e475918dab2b93b4d81c2b5d3e408529a745a6bac2b479bf03d7aae082093a57e82f8350316e2c3ef9f422ddb91a0a9b97b5318c5943e02249c4beedca767f5d94377148207d1ca03b08b8dec888989ae57b37064f5ec020b8a81886314e6f6de1a0c7d74f87efe369d75baf8544e6ba422e70a84438578aafdb2da8d29238344c9c6ffa3c89245c3f36405e4f51f409188dc72afa012d6e2e5f1d4153cc84b1f752a4336b83202ca1bf78f29b289c2ab3390a22b3eec917e517ac2e6a76071f35e12327999532854dad48151f14c94c950bd834269d2333a6942b75cfe6ac997a0b1fc3dce45d453f9b7ce724b2c7074f02b96611ee18c3db2c023a7ff977bfd46e11b13f2f5e22c7955808c3941cd0571e8848e07a3e21fcdf8ee10920c7a02798d027d08272794cc72aef9fcd73b92560c1d7bd845adc99cabdbc072eb56eb7fe7c5fe41b49f95f81aa7b3805da009c0b7bd9736cdd260ce02831fa71baa3cf8477649b7e853e13ea201d5e7cbf5a3647f70ca7ca2a08800b2cdc6b4c9dc2bf60e4c978e7bd1458f59532d1605822703640ff44759eb90b275f885ccb5f10d64cbf8a8d29d15929395f3bc468d8cd399fa42a079e11fc1d1135d9d4a8f1fd6e1c18cbc4aef650b81bc382f987ff2a39e811900bd8fcd42ab7625c44bfe437e31f79347b820d224bace67210b40c4bb59e21f3e09ff85f162848286c5f4f4c8d1cc74c5f0d8e3f1d4b7df25f3beacc1f875d6470be925e94ec74de2159e3ab53b189c25527a1fe6fba74c2007405a50a8e5236ae02a8d5eeaeb952d9cae0ba3938247b6a7d5f7104f50cb4971e34bbcf0f4a4e78bd6386435ed518e34f2fb0a6d0ded7fd8016d05cba57a707c52857c9956103ebbd18095153c1a098e89d4ce71542943c5644c222808fbf4cadabc4a6d22ae906f50a128a2c40808ab3c6c27e70c547d337c9a9bdd4fa3353a6c20850ce314ca12c6acffab55ef85c6155f12cb5b671720f63d8af8fc150565f28bb16e145d2fa6f7af422cabcc01567014cb9565b1807b73d1e6fa65d38f9cac44b80f29cc4c9a0ffdb981155725cf7e6aec26326770c7ff44e88221ab0611626ae3de4328a4e97ede6af40a99cbb3bfa32f658a31135f124c7c3cc148b2ded4cc4955b73c6ef9d5e9a84d90128e6d2923242d18f158120fff24285c81563056f23e42005c4a963060aa59dc0fc3ef82384fc5e23855bcf15b1f3e2b072b10d0ad09e9399085158c3deb40215bbd207552384a3b9647426615b4791afdfcd15b3dc53b588c72e87f40fa948e5c912b95dba3fe0bce7e8d9aaad0a1ee67950e6abaddb05b87c78764a0c273bcc0086e1d8f8aec08ae9a31934cbd7408535bf7892b3e703b969661abb6a49934fe62a24c2651e70d57e56336a2215c1d3ac680d056baf2be1f54cd0ed5260916e3019d943f611cb3baed73e6fadf662f0687d97459d4171a6016f5a64e2c2448b4c76c586659a667582e43e8805be0ce17ead44da466b86908aa0151d6a5ed896d64bc8b5a60f9a8feb199aa9e53dee3fcaceb50b69ef660a0e7cc6b247f425b5ec9b0bbb02d44cab9579ea8068ed619b9d45adca7ca0650c20cf2add2d074495bf0c318eea98f0ff41081fc5017ce74fb93e2cf0a5bc8d5c09624b2bf16bd0ea8660de53a4695d32c5
List group with icons
View code
f9561fb55d10f3718e753dd1bcb58d3957571969299e90f74ba8bc911f033bc7f22699ddbabd5c04e6a736ec58514e51111370130b35aed336514751f5567f457df21a0f432c9f30bc7f9a399f0d7735e9441feb9d0289b778b96bbb646381342de49db239da4b844b698254422c043cc80a0b33a1e8fdab717e8a84f53131057e10056dd9448ce4bf5d3abd391de5cf23811ace5d5f55e8a7b578a34c1e70dacad0e8aedc59fd83d88a75f69714c3046e9577a0b6be52a33c6ae6e4324158bded93229a50591954e34f0eef10ae004d181a2ab60788b04bdf67a5657975b1c9bd99ac00fc0bed2abe523c59de8568b6fb8e986268040f7c50ebe0a47640f4f52af8959438b95ff93342250a071dc6636c84c3f4843cefc71bf4b3931f01831beac6abe998bdb36500a30cf1c2afbee9a6cf4fc4c0fe535b6f8c117ca51759b8c36cd175ca22ae79047fb7b1e2a6b389cc5ae46b71dc694d7b82bf5b3b3e595bf002a2fc94a3538cbd47b91ac0442ac86d9e8a86ba04339472ab775acf08bb3bc2dc05a9980bcccb6b4dfe830c44dfc9551e083f95e3b6fe36ce592fa75cf0d31d1fd71c0ca4ca032d29b396f43a3b3f2bc71b2e94e961d4c3dc87ca9525a8fa1af7ccd1263cad4e226758364dea657434db11888df3dbe4b2e101cd712332410b76577d4d6eebff09e1e419db6ea2da00809534c932123125cad7f0871fac447fdb3517c91a23f98e82d3a4e002cdaa7e188d60c80b2fb37f5dd80d25081f7ca4d71299029a0c6df3e2074a2b765cb1f8172786e32430e439a1a7c76c20dcfcbc8f48c85f04ed8eda06fc824adf9f1c90a5e35aed282df81279bb7c188961107c0ee2a7620299547192a453ec3141823bebcd6c746c217c512c1ecc236236ea95995c1f97c04c8c8ae90258bcc25819cf8bedeff544d4eae31262c82f1dda9703649abee5c912f4ae8e5bdee5f4b5f6c2e613371823979b82f9387941edc24e6481b8e9297e57fa28a195389d53a5778a00680ac3902fad7636828fe160afb309a38815694237a3021162098c06ec6ee73008f8a52b015bddf936490f3243fae098b1330332eb3cbc9232485b4d2822f5837f2676e97991aee59edd60f6b5e1cf55fc38d6a015f2352901024ea19dd2317dcad1beb1a6e8b8fccd185abd3310b762519ee4b5dfcdce0b9e8bd362270de11d12c9b9216faa2c0a602f8674c9a32171c9cebd2a91b22ba0cee8ebaab7b954913e6dc591c55d62ddc5a863dcc14938b34c35d85090ad0b8524c181f797285ab8c745c684177bfbae41031d2f5c4bb0b998b16b7d0543e87e6a4312ab983b898ce3ce51f4e639a3276c574ec16d32905798de6fd2fb9c311ff8175f19e18f879904eb5445d838d0fa285b0733f2a7dea0bce81038b6009d9b397fd8b6592d4db2ec574ea47e5d9d2508cdb4dde4c5055f23bbd0160eb687543457777e4e2375256cbbab966b28748fb989f22f33b3d30697a80656a2cc935f5c57711b811038f5b97e77cc35b8c6dd58bb7bcc58a6bb786604adaa14fb973b564a7dd51cd24f3389ddc3bbb494ca07ccdd983cca7abc8566639e09d768e84ab7bc51871f463e6f9994ac577bf44f2daa4e4494fda6872b10e860635d29ef86804f4798713bd08e29cbbe1d130e2d95c9210b3a9c7db3bf215e2611e263ca1960249fc711053df6476bc73e135bf227d59967514b39d8ee9257d2f9d4b72e6533800be3354bdaf4deef54eece549357a55e186ca01adfd5a8827b139e92caea3ecad39dcfcba37a1c30717b218ae8af0f27cfc04fa13190ca1572d0ee15f1018d6d9d816f5f2c1c2c49d7e84a2f39c11d681f09abf453fe82ee7223c2af1f5e2d7b63ae759faa4d30cbf1c67e2d86c25139fa6dd127d304f72c463756c31be0867f19c368d1e412c3c2b87de6f13e36f877e69d232df50c59c0bfc14477091b4bda9128c79a7e8e0f0cb2f2ecf0edbafee98205b3843fd98ba2a92160c88087ec3e05bebe4d25d8b3be3cba335f1e09d04f5dc2e021d7725ee322ad0735fa01e23e9943252a6e2edcd99e0ca3dff3554e425f3a561202090eba1251487ceb0b047c5373fb0b7fca295125b9c3ac18dd6eb3235253342422e94d870ac17d8b55549b8272d2ea1fca03feaa3e624a78cb415b01dd30cec69a5cf698f854a6249a991d227a8d60ac059fddc5363801c64710236259282990886de857f34445b46db991fedbcc7c04244da8a460db94dee9e4e806553672f73d2f5bb5acb4a47952b138d0652eda68f1b6d1caba71fd3f0fdda74d28f7dccf6323a05d9e23e44357a0ae054009a37779cb1fc6b08c9a8949c4c74342104f6662a56090339048c47801701df7e111ef6cc60fe2a6a9fbf76fdc354e0a6afd4b9d96379b10a1f5015b3f52eaeb8888d447386105c92639e3d8e15649ad41bf34ed1e88cf75d1caa28cf53da35f07c52f1a49f61907982bfb59c42a1f09b2685393ead2daefe5e3a70c8d57fe604a56daafd9273cb6f9fff83c3587cb5d9babb6b966c58bc2f8ca284c8785af481ac754137ccfe4de85f366e8062d136f226961c44ccbf4a1f424d6d23fb76f11e9ad56e364b8ca8c01b8abcb64725d7e3e0447666296afbc061138fc80273651d3f16a86ba80723c9927d1086bac6b8dc3a0552863eed97ce2675f028d9a1052eb08aa5d664dd7297c88f57e40a8e13cdf80747c9a133f66bc5c8a565f92826a367a280af6ea478a36d0e8a1922115fe7a7e5962fcb71fa48a792cd17f7a717f7d442303e7b80477a3eb6702f2bfc7e64c918177283f2f030f26be800770d0c6f2302c43c39dc8b30aef900f28a708953014bc97c8bb61e731a885f4cf7bd4b656bc1e12f50777acb32a112e03cea8ea35a178e79f037733e2fa0aa8cf1e10958fff1d0bd31540d30e7e386534d9ef930c3fd7ce3aebf4ec0cc601be00c8582ef547b8200b8dd52c37eb30ca01ccd9d123504922dc86c9846903af2cb7a39c957ecdaf181d7478ef3f911a8c60319a1ca97ecbb336f380b624fad914907d5051d72fd667629ad4f3ad327e5d815d59907cb259cf3e8603d643ed7d0211e7f41be28bc2bc093977df96948295da28a6ffb63592e9d8e861ecfd18d490fbba1028063e3b48bb4164ececed1d36e0d54a7c73a3ae4a86bd027886d1b57d787c4e5ce81223b10baeee7abebbc80528b05840f9c297d7f519bd38937740811b07cb7f157dd25fdd6c2f69c9323185cf6177252046530fc17bccb43abf825bc664dff006f7e5d2bef814faba049b88986703adff46c0bf39c0949533119407a553633b2ac59ab143a2f4e5cb8b3c27ed3aeb2723a08a6eea15d4479a45863d7daeb429d6d8ceda689b9c6bd9da665b3cef3aefbb8fdb3f43ce5221f1c85cfb023b8e73d07d3934ee8c991026c2bf60c0198f978cf82f72ba9bc8e590483786a6cf41d94b541eaba74e7b0f013b6ddcd6af0b8b7bd77752bf6269014f0587745fbe264c41792cd92cc06a57af265dc7a5e4d8f983a554833affd260ba98c5456139f27c935e3d0f653d32becb4c9c22db4395261aad802c093d23d57dcf572f7d9b061f5c84bde27626251693dc14326e9d965e60cc16745be69f1462ad3f1ed99b31e2c70b0002cab30f24bca4aafd32ce2d3582fd9f75c9c3bc000eef93bbb5ee8a3426842b6e8f45acaf561577bc40226cba08b4bcb2e08f6fc79813f329d130f7ddb9e74dd3e7253b7b6b21f5d6938e743cb14e438cd3dc0c7ccce76c7c70bac24e5bb61b34b0ef092a9a745fbdca9909de714c4e166b056d49a59ca962efd07941bf92ad2ca8a8ec1f7757431f8c89f3ac5f186a68a64268db8970658edcc6f11c754ac8cdc22b7d1eb56535c9352a3679e21385d16db9b2bf395f12d06798946eb35cc258989b21865162bf5659381880c4227b18385696ad228ea9b591e4cf724a5545c53a5d0df786e47357f00949a16c240fe659518dd7460d3cb8903a2699ea809e8c22d9a38d26a12e34c574b6fbdfe07151870386f89ec98f3547747d1915396828deae9d412b217af86dff393d9f20814f2a3958d9ff53d040d90a35a5c839f7a9c6ed65bf97099efd79d33afdb151f550ce30cfb7798fc4e47a31239359ab80772046d7a2623a6c8f57ea860db7fc4143996e5da221bb51ae345820c91192cccf1a49c782f5d104c93d636f96b6dbdf397b8d55f4e55b80a81c319286f7480c6faadf046c53fe97033e7ba60d7759f822f908149b3e9213f98ae0243031e346bf371ad8886256b777eb2cd6f483b424533064c458fc416fff23dc0cff4e5072a290ef0b65c74e73268891e44f66645a1e75bcc3c6c6fdd65e5a08c4527b70955dd2e76e9939dbd4ae33c6f405d1745e29c64765f23de0a174aca28dad821cce18bc7819fd64ebe4553edde2e9b4519cfba68f4478b47a3e3dafb64ad34c0dc4e3b53994cd69cbbc96544e6916c41478ee0d1aae964f113f70ae9ae15ac26df8b7217d692f15964222b0d7cf76c1254e40a4f80e1b27a6eb73c47987a2b76f65b69ad3bd1403a807dee3a2c5d1ab9b9a6d8a1c049fa9d384831c5f3f37bdb2712142332a92ed6f3fd794044a7942b826da4c9a0d0ef67c3f40e355c0701fde09ca40d279ee56515ca7b23854754392837eeb398113ffc98e6e8793f60f8febbea6ce379a0db2de8cf549b9dcd82909dd45e5d8699f34522134ffa66a70a48de456ac5b72dd76a235dc08c6c947667601b1133d11a0cf3fe57e17e36222db92546f0ec093d35be6318063e6c134374343cf775cfe27eba7100d2cfef2257c8729c64f0c335c47cc11600cb1e59d32509903fe311b2ebe13eb12fd9d834fe5d1a8daa0a27b3364b6a71201784492ac7b651ff1dbfa1b90d8486ced7537f57bd816b6f3c3800b98a3f5fc76ff84743acb111fe9a4eeb7e6dd177357b087f24e8cc1da398ee367f4d71c8cd40b0e21d330e74158e808b6046e3ded1c60b092646f66017bd3076abd00bf63cff1992128fcbcdd535fe9be5f0c328bdd53d7ada5ba929be943a479b61036eadc3041ac6afc731a70ffd608cd1ca27c9414f3dc3d7eda9e8d01fe60186fdad77907eb18c2ce609d0b476fce026ece43f63c94c1f8080954a9057083a9bcbebfbaabbc3665988afb066a63f7795fc3a75da731eab1bd3e9522ae4798764869a66cd3d466ff9d7cadb7a5b3540bca948c050f7b1430f25dcfcf854dd4b2008357214bb27f19f118e9c8c94c7b64e5ab2fcc99329637426d7c812e076f37ddc82c451d94f3615888c1b4ddcce43783435a9e9453bb3b11c73757029dc2c596d6c70f2b9c858c760fe67e43257b443bba6faa00b1a13788adf4e5cd87e6c510f81c86588fde883eb31ba4d7082d8355d5b0b9711c304a882add28c12b230b9fb1a04cd4bcab794d7bab0451f4ed2fcd76d1b337098730edb088210db043929df86e761905fea751346c41de5582e0d748a80332fe0a3e1a7cd6b568a1747bb5400eeda4922f97fbc7974997f4a0a40420b94f1b730403202377f0ae04344cc6118e52347075bd4eb256af4cc9baec4a8ee1f78b3f97ff1ec5bc4b4c0de44ec414418f88facd7a8bee67f0b8d0bb04c0a91bebcfee34f0c85549835f342aa8709a6f915eadafb32ad5101dc853fda5b36ee96abfb9b29bffa4cc53915bde71df7d34dea0755aa72b7ec398a431871e2e42b0b01035782bb0c3a80d6803b451e5b2f45c46a9ca60d7aadaeddc5327e596c90ffb8ca10b069ab19df6837acf37f9cc97072783e44be58b859c03b0666f8d7f88157a4185ef9cedd83f15f449f07ec40222e400432d73e153bacb36265f6f2548caa05c21a5dda02179591e42e2832ec5f6d518a2de3276f1e61c4379f66f8335c2393585208c460d90c182ee91e4584c88647727b5358bfcc9fb830dd072f54cd9c5a64c07b36cb5c3d77ec0d0f2c6d7fdd6df3019d1054b4add403616e8e2a45d0e1b1c6f1af7b0e0f0b56b66acce80dcf41cbf321b8cb28f6983238e777bd99b2227295ae0de9bdf0918c93edd4ce06e9e87eef3e5a381c7ac63317ac3f2892e805ce4f801bfe9306dc47deaca622d70511a78123ee2582df277fe54fd6fbbdca5fd72d0565bbdeb6406e87848302a886f8360ccad5be6ce5878059a45d8194e6d1f85bd4d4647fab13c831e29b25465206187f80ffd2b9d7b5b5b51024cb5f519859dac851629680aa4144017b9f9fcc368e27e84f916cca5760202bfd192c42bec1498c8319e76f4dd08ebc7e53fa655adb22ea0e8498eb9680251f25d5ba8e07e021d450ff098deb8c7c46b6d7e571789a07b4a2b9d6659a00d1073182700677d8c1515e30701fa2d18e6c2e1fbb4155c2b49b7dc32b2a8df9c3c1cbc38d2bf5624a006b5c2e053abc89e01e1168010595bb6cddcae9923405f6379a6eafcf1cb6c3a3de594fcf422132669a39aee1d7d07d461c2d18bc465f0c4c497c401e49aaae1de0f6c0f54803a90e038e3f35ff23c2e4c4940b1ec1a76448be26869111e03e73e

Tabs and toggles

Categories in collapsible tabs
View code
59dd59d14f759b3698940f36a178f01ad7cfb75484d9457758c9c379aab7844cc114288391d81ac11d107388823e6acf6b7650b9706b8747ddd84b9803f2e8c0173c8d24e15fba3c34c013c3535111fc92e67f2a10839bc78fa37613a3cba92d2728385bea544d4ab9d0dd098f89a705cb58b1cb29313abb8dfee67dec0c66699e0f0c79adffcb97ef2e8a11d99e6fb820c89a558d2091a7e7a4a28f5558377eac6f1ea3b2d77ccbe6649d52d39f2784ced15fcfa6f95244e4c8713f1081f871e513a0595da2a4e3cb89e93e1cbec176217a57627099f1607c442ff7cd6e6e17b6b5d7b83d38aa6bff6fe3d1393027af0e6b131a57d99012054755e34554c211eb7aafa64c0197219b9b4b1646732579bad5789199883f20822c6948f9231371cec3dea88e955cbc83883a8fc61a825200650a0ed1168e9ee22934e22b35febf0920ab643b7d7416e196415be6d1112ebeece36777029081f48c3b6eef5eb2759234bac3dc4531facc9cd233f3c9513a483a406ee0cc3f548991d9d371185eb063d5267a07896f75dae1e4ac374ad0b739e21012ea402fa2459919e044323d7c0e80af3d38dc18fa08b5e81d3fcbfd993bad212c1b9ed3df409fa9bf35e260cfb4a3923736246e8614854e3ed9a3539808e850b9c34fd27b4704ef457c1ba8b70a55025d1fec235bbe2a7680474cbad0ddcd2456164f90604a141fa2e2dd70e36752c674f4d37006588456de71bbca756da3add786251f87d4cc19edcc5b7b58f690554e30cd9480100584196102a7c1f3b5d51bee3ae3637d26d56b08d6e530262ce274f878a7ce3167e9a0aefc34096ba5ff2c630d1406b9e0b98f26a704e911fbf6801a8ec9fc0ce56d5dcc84860be4d380dde2b83469b8fc01b94555be1569c6a455d33fc9c7301f349ed2bde503c45b68a7f24c7930084a9e098cc710f9e1205b5b85841164cad2df5b901ff1086f85c5c92f5e260af19250eeb237163105c922dab7db6b1ac3365cc3ee51f841b40c24f1efc49e94eaee9fe92568943e14fcac2581057d25d396628a2c66f2caab5b17d4000c63c3208851d8c29f895c205ec5daea1da458fe1a9387e1d83f13c65b76a5bf1eb1ad4b323db73704fa4f463fc386ba426fb8e74f801c9c82ef87175139ef11199c3dcc6315cbad9e37531f4d7d33e4d6bc5075f7eeed6c11fa0d66e7948fd5ff296b8a4ab063ea3e026b16b1d682a101d424d940a377473332fd43c58a3c09ab8d82e3213d030f9733e8c7db79c8ff6b68cc0b7580841674a93c411797bb15b2a4a0fadb326cbbb7f7953eb989048fd4c5774ab05f822c8a5f26be91a9dee4365dc0f909323c547e0c605c7c39902afd1d9da6ab106652a1754f81e248f22826fb9bb4fcef1991ddd422161d2e1b9bf1e7e939ac7dc32d8833caf3157f2f5d5141b03e66882b78413925391d210c1078cb5b61b2c1e01a3fe492a5663a6a43f6953ba027274493ba4a25eaac0def5529da16525f47410dc93030c1c1e425bbf41c7043103aa7ef804a227ed7a8ccc621f39822d77bfb92d2c49d007cd968bfba3c9527be837f173d5eadd4ea71509667de0b527630348b7ade0d5eef08223190f862a8b8ad5bf4d1cfeb4704c2dc3c499158364c28b349b576c66938089e77c70438a3e1c9b12d74341efd257fb72b55831c0836253773cd9d314a96f713555718d72c9d1edb06f4fa05104e1d2034e9e98708c38057d8689011e633010d9af720a3627b6031b031c652417929b71b6993a15bbd91f8ba671043b5c0fc932a97b895dff3917fedb85d9ed579521100fcd8ae796ffedde9f1d0dc5ffb9dc1d414dd5c72430ed0703d735580eca0805b680b06090a2456d11ac72898195b4a67668f4405b3a785526300cd1d0ee88d787d16f88a15f4875167c0943a31bc0ee1af62c576d03c662b7513f6c2dcd8a1d99536d1d5ff41f60e7e2bba0ec07d77b5a63d769043c84d5be9dad03ac86a5ffdcc49374fef6283ec8bd817f48511fb9e22c4102d720df76014b2596873ec6fad49b504f9830465a4c4cebacefc7b356577bf800392e2306314e18b228f0ece1dca043d98378aca6da6842bef4f736b48512ea2def208d269f4ce62b5c33b980d06a17d3b08a6052adaa4b49a7b04b52278e5bc3499e0ab344a9a53e3b529c139b6d7a185a2e8c21b14f7e4ef33cf58f897d49091b26b25566c3dc85ee7c9eef80254affd093e5df51616ce70b361679c1005e90cdc58185c2fac3c0e35c1c1494e6f5f9e448dde3ccab34211656a7d649c3ab74be77a1889d73123d29e1b9016d14311a5f277ced8c70faf0dd90a2db04cf6986fc292999e1c30cc3ff71cd47e399ba0ca5fce30cc9e504c4f2fb582dd5500531a2cd2509ce5d8fca7cd9676a59077fb3278619ed79d10082a4967f1ea7947a607060461718396f3a53394fb4c6fb9528899a553fbdae4e97a6dbbf166f1b0b8dd821c194bb7767bae8b176b8863d54353af87cf8cec106241b5413339577611c1a399a22439ed49bd5926a5e68a6f7efcb69482f382fc8e50104e38a2e95a2912471c426b776da6a63da3ecf2db768ca15d09ef6d1b82eb8fbfebb4c6ac7d063dc95df98c46ebaa9c46f58882b8470475302ceb495a30fcbab8ce7b26778a16fd8bab5648da6fa6362bf3053581eeb7881cc29eb53d8863a695c21fe2bb54eb18b3c42ba2d83675e4ea58fbe3ac23dcf91dbd86ba83c9d745daf2da06938c388b1c25cb1111fb9c54f220c097f575c7899623afaf2fbc09be506a52f0a04f43ce27f5d63f23fa365f1c41d72b6d7cc85c6d33da4c96144e4116d8901b5afe7b238ea2b0f2d003adbbf911e0d12d96b7b27b906896b9af7bb77da0d99a2da16bc57dda45a8484ebf01f0b0a956b97e96b08bbd2786ad5162f1991f061522066c10608e56dd76c0def7e69fde71a7dd02c6594e1ef677bee2
Categories in toggles
View code
781bfc6b07b4466cc1acc60f25b6251e30ca991c2444b5df3d7c543c9e63535c1d9c75e72857ddef71d63f5c30abd3fad72682adb9e9b1630505765842189dcc09318d4964abc5ce8e1ebcce7157e85a634408c225a8c2fdfc5879f3a80be71bcbd13d2b21f19d19e9fe056b621ebaa9421827f3b5c7ae82463058e64a3ffbcd278e666a31feb928e508fd2f86203fc34b2a63f09a01bef55d819ec2506c0e2064847cf4d20f475789c2faf81587eaf9750aaa6862ff6446debfb80e96990d34fdf4a5a916c7fd6dedc90ec306f4acdc0c7f99be4db8e1cc9e17e05b58f40cbfced5beabf3def1dae54a34376abadc0277d4f67d75e66a9b0e7a9ead6fc745dd13bfa791c36f33513632bc4f2b17f713bdb9493c0b6cec7083e2bbad324f12a1cdaae1b17eb75ef6432ce4132e314bc78e1e8b4fb06def62fceecc18e0bb2ce6de45a0973eb07629c5c6a23d14c9fd524eafe1c470182a35d80d621c1e12c8604ae8100b099d77bab7bdc1ace46194c4d1e06bb65fe4159359f11d7f9f1fc41859f1841348d84a4adb493b637f51b2f9d484101a8e234cda7cca5fd5a4d9d9289a28cdd6d7534a4163b0e8fc995d56aeceaa5dd71834c238ef074d755ebf61a9bce126738c78bf6794b0f0016edd4e460d16744790899290d7cbb651a2cadf1d98f0d599ca3b4ecf70b7a63476262ca14d0a81b03cabebaaf12f381dac32bab63acc96cc782bfece9c9d3475bb7d1f28f35e73c5525bd6f162b21f6e26bccbd9929095bd97f3f3d9a57220fba81d17d148a780828868918d4923e3cbaac1a95c95a0755e09bdcc2bbbd62cf911f166cc7eb9dc7c0e04ddcbb03da17dac72995971375069a66a10dd24876ccb7a530a34b1d9139cfb621022d521818456a30719ed75432f6a3d4392661377722a1c2752ed3c4a6b85d1421bada883b5097b95677e7a7d3a23a90a3657afa53209648dfd58bcdb9c8721829cf577bc1c4d6745f44a60769e2f329b14c0a9b0280d12bff8b7d1bb6ad73540af27a060131d410e9689b74f0c481df3d6ed5d7797353f532cf86488c4ca276187f6969aa5ac0127c218a1b1c0683e382b2c40afd25d4af48a53654da6e88783a899209a3552f07c7b52316599997f91959a93e7530f7e4141189b77c1eeae89c5d04e7488eae0b5ffbab1b8c4cd630f89f9b5e1ee1f38ff41305a3aecef63e9149ee0b2fddde00349e22a413a3f30ab69096e67e47c86b88e0a1e5ad92cb375ad33e2834d59d416d47fe9c362fc9a520402bd7a1d955158b47761c5c9459b6af7b4037c42f9128eddfa44b4747fa26f316b40a167521b687b4f5a7c6273bbec73d9ecc73588a2b2b2f9eb4cba29aa4a87ccd999231b7b75c7b280e5ac139d9a42fbd0bd8e2e57dd0f56ebd3951b0d45619168d7ad883d7ad48d5b57412e8e7aaff21935411701eefa0f9ef4f44ef68f7f19820940bef554c04d34c3dc3b22c1f9305f0fadad885a1784e6657a02ac97fcd3e7992c387dc47936b2a403f39e0c09cae2721eaf249f2a45be949417561b5a54ac1c88598379fa823cd8f02881f87b91c898fd736acd22d74dfe6da9c55f51f47519f85086f76b4c22be0a193716486d71fa8b9598a291b81cc8371cebf5997bb2ab91b604a490f3168d626a53ab0010c5501070cd990c7d5350308ba2506a85f05caade7e527ffa6a41be31644104762792682af7bfbd20f35f4c542f32db7b0761819453c5c844d7c8dc19dabf9ed03411b55a9a2e7a4d8317bb09d93e0939757a2abd13c5f1638d76f90da7037cd0eed13d0097a82603a3d6b2a441010bee620d44cde41bb2827890912eb6aa38e1a6f604f3245cd8c3839b71b51742a23226d49a02958b880bc15cfb5eb0bbc35fecc3ec0b63287d72fcaf3912f7e32859cf90b7ddb44e4a19e9e0ac1abd494d1616b38916dd1ec17b50d0f5ba714db0ba734d54864e5a1c5b099102db77a2710b4253b342a21e1944949bdae8c4af3a619a9bda3be70e6fea73328782f2079d5da4f7db311c2f244bd42ccb477b18f1898163a6f57a75ebc571081019349c30ad62f0c9732625e6823696cb049415df0bdf608e1e9574afbbb37a039504e1946290778242d2aa5651daf179083cb4a23c268f40510c0c1988badd4936d0aef3ec0ef01b3e1bd94324e99e3ee4269bd5dd40d1182f1d7b05786e13650d7b08806fe8136db795a0e94f7d068ca276e50e2a63bfd0d9ba1b0dd79014d420a22911c115861d9dff398c4dff2f34ed3d79b5567c9fce05a10d09d472326099e6a7bbec70ae0f4b1c4c736d02a3d2bbe37d35acc89d53896139848c6557c2ad83566eb0082be0090d7f362ad481b5c503e3382df3acc8014a071accea1efbc227db0b324773ecf2c57d1c0a56c2ccb64c2a9cccc3f152124b7ce3d71710b4a4ad88c2946177979baa907e2ee26b217c45ca2d4c21e53fb79c704e259651f73f2a4df1fe5bb492f6adc4f456722e5a7912b8bf727279e748953d9644f2c7648bcf3c3e650f7c014a81f24053d23cfecf92e4da3bd69b6ca1ce8d5507c15a12c171ae585395bdefa37a860f89f13a4d18a117a1c1389a7a80689a0fcf4ac6d6812092b1848cf7d356b70991fa0c4e1b5d90e912ba975ea5784b129134b99f7f43e0cbe1c0b36b809f71dae89f42a5b5193eb4a94c73f82b65f23d053be9bfa67f1c3fa5b04aef05c0a573bb18617430161c4f682d8d39e6387b5375aa367046c3f015958f90363e2e865d64ae7fb45228c044c569903bb499536c7f8050381e9e47608b371f56b83223875a234e1a3de29a7df382247ad73f2b6d32282be80bbfb1d0a9b434c363727ddf945768cc928e3f3d818b0250e1d6acd7fbbc7d57762a3dd30b71940e0f4b4fe48038f7aa54d7f0ec5ac4fb6cd2cb842419a55e0d96f69f1f62dd5188d88ca70178bb0b9465591271196254301af834b035892569a38bdc79bbecc0026eb8bc61ea1ae1322977e79ae1e49f9be36089a73545e2879e67d6529326bd50ee6a4f200bd2f446e1a0bcb20d04cb58274452685f88da7110be9d51c752ed5087ce52bc30f24b7d34d345219097847891dbf1acfb846987bb251e0daba109c8ee04d270c3c39d5b7a20f2ff70a7ac5f694271b10d11ad5ed6093d5cc9c2cddec1575e14609ecdc4ca8515c256bbfd5fc68771b361d1ea72751b06ec0951d9deb9c9be7fe566b61e4efa8dfdf5a0c3610ad4a3092585f490d15662ce08867a90d7155f51462e879b288a54f0984e176f52b4f9e2e1094374d080e7059c1b2eeb6db24524b35ef1a16f2cef9d6ef53d646ad0e44796418e692661ca2627739ba92f1bbc6e58f90dcb38615db559e36bb5a8c971e391f24dd201134a92df23ce5861acacda11f6579702533010b1d57ec7ba24fcb3dc38e6371c98a62534788f02a2c354d65a17a17ed08e2f8bfb44952245d3be6d17e0c52925a9b0ea41d2f8b58f199378d27b82f31d3a18b96c4ef0155fd00d0900268994963f66bc8bf6a6ce401008fd979cf73665e38dcbb49625ead58d40ba4822a60f2b734eb5fe7ee4b9f0a4b658727fafaf19c75ce97ee7fa00e06c8bb4dac75b10d8f81bcb658493d185e9f592ef15b7ad30a0fb7d2edc0206ca08e9d8194b2e02755b346d5d8a59ef7f6ff54cd8406871bb937e7035555c2d9067a648ffbf6bfefe7cdeb18c54f6fa1a0955cd6d1fe0afcc10df24fed87718e3fc3eec8699d1d8ae4fb96ae04449f4dd06153e886c499bb1484af1c8685d35c774c9f99b1150fb842dc3122b2f5f55623b606853b70ce6549aa250acb28cdf0dd2cf4d1a4261f08a34bb4e1b5da79cef8dcb03dfb7b3d5603fb15c8ab01a3284f261ed7a08881b179cb52a870ce56eb77f22099d885f4a5de452e48f3202d13b7ae4a604589bb0336e49618bdabd72a08a340e29a94f4d867dac19a40529e21dc0f3a71b1533b9e9629be136d8c6e1d7a52b26c26477d171cb5a834a44916ba7929f1a0bf2bc0d6bc3e5c07f3dfaba4c0ae600256e53b026075e8b217cf435915f6ca9655d7b6859ec17dee877909742cf2befd99c232510120605d7ed263070a1aaebcff5272d606cd817495e9a9600149b239ef71ac64bda1f228b75748d7e1f8180a9d48b9a5ef52c650bbfeacaf2d18859686d588b1d6485fb8426c27334756d9d940030bb169fc45ab41502cb3fae51c3113fdb5724a43392052839ed83f6755412bb5a8e84b73af8b3bf28894a88a45272194583f8343014be4cef00b74e7fd2035b8b7ee023c8312143663428229e28d7a10854098cdf169e28f1313de9ca4e1ad94f0abf114c58e3fae4dcb5e2259494bab0f967f7dd76dd871a1a1e350d1328333fb5bd0b93586a709b83328b3470920a8a631cd0c019bd2c15ecff21e49e78be46bc48fafc61870655b9d9cc9b80c167928fbcf4c25dec890e8f7c9b320bdc8aab6bb9be565d09984681d779b938703c4f144c9dc3a87997693d459ed2cbc58f3c64a760315ed9fb90b58f41c8702acd768d68c5d5b194e0fed73873c897e01a0077b2a4c4931506051e10af3c01c611de9ec75e6d52bbebc1c24e31992bbe9068783c5a644f0648987811375e92663c98bc36a375b4c329c91f6551506daab7683eb093205137688c643f5b77fd30e216e2f8a780bb31cad720d8ac566fe2e2fd6c82001d8f5393bceb621c171ff47f0e83491c7222f6a960768fe68449037bdf9697545aa247baa7fcf5c2c9ccb8e22a22bbf348244d5d33cb15e03e4196f5ad0b9e9de098734414f810958b4769ea48166382a1dbd4648372080d0195ede86ba6be1ac3dd6fd410b251c5e6ad5cc94bdcdc499919525d82473b3a4e814194698c908f73f203a794d00d90306fc688a758319ac5ad5d13e8de9c6ce96b85194d3784000e1ceb588422fcd26af2b30616e33324f21801336feaa176eb09a383d2cde56a27e80c4d03873b9eb67950226af74d0c50138852e79efeb8028d2a9b57c37acd7b271be156a59fe5908c985e2c7320044c12406f6b420793b9bf1cb6618e43edcb69a274258d7165f9ace07c89a7d81edc68d318b8a724c27d0dba5bcbae3f1489500106c271ab868e77aa2ab5c88f7b1048e083f0ba555516b86506eba177eb7fb798adbcc68e84c22cddef8d804535c7f4ca054c8e8b422e1e1234444369e4cf0c7da3cc269eb4d02dcabddf487e9347b00a6189a9b0668240d49460dfa0f1b7db55d8ddf77a127fb52028b6da2f6610086cdaed19c926f60240a28918e13e8b0bc259bb008b20d69b76de7338db2f614b43c1e3357a22dd4b5c6955cbc0ac6e721fbbae813d37232aa17c2accf373868d29ba79c702741851a330caa0700ae42ff377a2d6266154c5a27b37e4c3ca5e3fa08b3c1697ab6bc692813b982987ad744c250a240ffc2e159e17a69f17ac19db21f5aae49f246f4d68281ad89f26fdd154ebf759abf5df96666c0909a34abf995dbf0a1ba94ef2b4a546aaf0145e4ac0bcb28ec9d28768982bc2e7981f07c96e570e2e4990274ec44b7f251fc474ace652e6b8521541a66e04aa147b6e56683ced5bf20ae9fddb5e0662183e946fcdeb1e6bd5c152c67eea1ed8f3c3298b36f3b96ea0da0b6c20089e27f2f588a9d844d575000d88d8bb9c1cc8272965388c87ff72ae30dcddf1d3e8188e559a669bd43764d675c10fd69afb14bbce6b11434cbe52eef38021e02df10083e624ff47cc532f0a719ba79e5cd5c5e1917f798fcaa69e737556e8aad711b29fd62ce58057c672f3c29b96a0b6c6c48599ef566c3f13287b6a186584b2bf387fd24176be5325e40d03181e1575de3f97161c5045158e081c5cb352211c7b4f61a954fc18e720f81255d30148cbb32f1aeb4dd618e2e1587dbe564ea8c274f0e45bca0bbd2e184923683656e7f1c8148624dd64cb1f3ebdd2cbe5b0f09c80a5d34d0a333adc1deeb7899e6b82e6cc1d9fc71153fc45551557621b0ed8f4c7dcddb81f8668bb3c26119681a243dd6d948cb679a6c45bdb783513f5f52e41c179b88926ab0c37bde69b06b15ebdc5ecb8cd6ec8e24a2b4c2370828489af0303682a9857d0631077c9de64119958c52bf8456415eb2474e50d51591b5b97674febe57d2cc84e9d0d6a6336aaa0ed598cb8a228fb0fb9c4bb5ec3bb09e6afdaa31a128284f9b749561a078d0d67b81e0231adb14ca2d30a889316135f4bcff523f4cb226190734c9b3988cb143e5deba3ec86c9d0dd722574906697382827ce9ee25aacfe62fee9b17290d381b309b33b9b7da8a4c9e446f5e9f1783cfbf7a4d554f8a91f3ef56a945b31e726d18766faa78854614859cf734e8a429846f7ef4ae6ae7eed265c73fa8094daaedaafbc6a0f851345e993f256e1c2c1a03610d232cdb1f8c98b077c60a48cec104a46d883faa25569693200e3fc006f4ee619878fdbaf7fa8e45b33b361d95ad3f1c0255eaea39f8dd9423ed7b0256c7460e8e43099cef7e1708aef102129769255427e18cda5119182546779fe2438fd51b7699b1891e5241ee9ca586ff8eeac10befe16ebec8e1e41a41f7b24d275d51049fa346d90abf45a56e3ede9f95768839ff8ca65571fad85e417e668a2ac91ffe720d231b16784c183ee0c007ba2b7b474dc4731ad4d7ad83146741cae8283157c0033e592097af4b09bb4c639fb4e4fc9315f7778706489887c8ec78057468615c6c691408ece9da5f074e0eeb0c5faa10baf6a4aef8126088e3461cdcf5da43c68cbfe0dd0d7e45fa4f68730b7d6f613853c62f17849de4628c261dd999d97caac37c6ca95d5667d729d83ec7b3aa99ebf3283ed599715391f9ea34002a716a07aeef2a7be8b0003c5d0eca54c5ee1908b01

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