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 621a6a2d7605842237f3425378c2d222b3ae0f0a169655ebf8e106139e74fb62c8abf548f5e322a3c51313e99cc51b15b13a6902ecc2b863b54247cc95516741c0b2f284fedbb786097a5a572e716a0da13764e349d65275c9701c9983e445fa6900ba9c6736a10340272b028b705291f8ab4d4554d54b97b216ca4f8b810fe17615f7c10415b5e5ff50b3c27cab7a62cccb71ad6c9d4227b7cf661d795c3706ca9e716cfe0f024f175d0710ba75e858a456a78c2ab7b55b070cfaae474c137d187663d6329734d4a6c385b8e0a000c5531f9f92a9a9f9659c26ebbd016f3bd0dca93bbd6f3906757ecd1dab02294a0f9e2fb8cce2986a081da1a4bbf3f4a21647c31e1525bddc897fe2894ffeaa445f2df71a84dbc2bde9824ff588606c257cabae2ce3bf0f840c285065353e03fac38368ad6b512d611297a6af41c6c5a3834c4927667c62fe719933bcfa7acdd1e82dc26bf75228d061e5ef6f68fd0442e769a3ae87a93fe38c219ccf74abfd6fc1c5c04f1d9bb22c3b6b2b85b2f47aea0117c0ef266cdfc5ddac197259e06113ddcdf2e5641c74d66cc367a2001e2fdc2094cb9a200038df74fd126bcfb7b69de8c50fcacef9ac62f84e9dd105cdf41e9379fd174f3d88284f55ff3c10db6df2cc819b2b6de24bb6fc69017f60009dcb4a5ad39984f28a1624e08ff6da3d7865c3c804f3a72e2b14d94291697d7ecdb79717f82fa7df86914f588ad162895f210a3f6dedbf287bca7b282087c549d1ff3feb5a0c931e02c5ce434b4916b41cf624d900e61729888623e5c564e5fd73abb5228b41bea225c42ccc6e3c9e6234e0198dbcecdefa93313fa0a782064a835f82ff556a36621030864cff15a73cd6afd980864ded640409faa155b84af874aaad3ec1a06b3724445c9548d152df11f0a6805e8bbb4ed28477aca31aa0777b1d0e21fec45d5ecd363b56f272df976700cdb507211bd77f5a8f0c51973396f7ea37e01b7a1af3b781e2f1526efcdc9b47230bad94b17a64c1779f773e0cd706753e40a6e57fb0634a89277110f9273720441a8fbaf82e5e80abe5e0a4600c5ca2dfca618dbfa889424e846172f37a6e522150350ea7b4bbaed7d2f2769936e9845f8867f20cf7e20b5232a44dfeba38c6e1938b5faa02029d5ae62d96530d46d20b5acd7dbd37cc4b0f77b0a76b49b3eeacc13b603d5fe33f5514ee3dc4a849ceb43ce7402d03bc5935ba78cc1b3503397c3ce3d2d30ad0455faef67764f5bf9de095277e2ddd2d324fe5b806be40e1071642c38b92c42fcc2e1c0c0056381ad0de5ddac76942e11785252d6aa0d31896e7925895c53bd23dbb2abb8d340d8f654ff05d0bdbc36075a78c7d4f5174e80a8a8f9ecb924aace04ee1c764c1dc9005910163bf28958242c0b558eb050b45ea82dff6abc5f1078f7d7234ee121049a1416694915f28b12f25fd74794afd99c37ad35c960f0b95facbd2f237705c72c195a7ea399c17b3fe814d70d55fddd50bc1b51556f830d12304371e9572a20b8a0a68be3a859504262fa7d97ff77a90a8b14fc01d014bfa5f88b12ec4b6c6f64a0670eff068bc0894bc3ad9b3b9056287e9e942db283ea34da06199b9b34b80379ce7855980ca7045f142a52062db70e3df32ca756856cc8ca5117e4b6a19c5d682742d9a912f3643e60a1e7f74eb9c52e89e9b445665303bad32dd6f0ec09922411633b9a901e1dab5e3e5e484c6215bdac86a8198cca777b40f4a642cd3d0028a26fda2ae5453acab80f3ba48af4c2e735fbf9ebbf8e7ad76366e368597183dd822b47d1f210e94986449243cc70c27be403ad8526e1d3700a1a3fc4133a654f76919112fea6c939000952ee42e9dce5419ad27a9260b01f5837a8b2d96dec6e317651fe8ff190d6d53096b170058927e2b45287add480e0daf2a16e85df9a1d854d0ae8bdd448bbb213084a9ccc3aae61f229c0a093842890cac4a8adcb6fc7051ce32552b774898990c1f6f9855352f18b1bc1d3109328001b49dbd8b8eda4890dce432e9631390b720648d0ae00b546a1428f0c2f90bd0982009809a946d08fb202af8b221e5458a245c5ec426c67f11a7f24ec058d7a05ba387cd975927653ad75c9dff78a502d90ad2989962cbcf9a44b1b64aa5c289dfcb9de4d618b45f35bcb3cff073dabe8564d2f2e9d0766a1d8a5dc035978502cf69f200168581f26ce6bb8c12baeb011a06bd83abb6342a2f87cc155ef6d0d636b65502ce62eb8e11507027dcca80afd463133e6f10f52a038a5c9ccea54d8ba90c5d1d20d96dafb9f9953359fd093651228f0ec3cc83240890dc2d83cfef0a95562a6737756cc11b79cab9878560dfa6f759261c373d2288f14f0c0fd931c57a48f0a507fedebf9ff1258c7ce53cbf350391b31b768d0aad14629b4e547fc8a27e5ae7ee64b9fe6ac3d2a6fdd18c73e12a7367d55cf5f28bb440186bbb96ba1e55831eac951a08de2535cbd44cbd2596ff6abe3a7e1a6081389926f9f881048c04c755059d9a0749fd2a4b63eee891838cb46d825dfbe5a189489b2feff5be40e798d079903a889abd7d4edcfa88d6a71ddf86a1de25570a590fde76f78f4452091805fbda0bc571f75e3881aee3a579a72c2db18738d2cd20ad0951d71fd3582f7cfb39bbdefa708c364709445060299b73b4f3adc7ae02308e054c531817294198f6b57c104ad68b06ef653a3374562e29409db819b64eb5e49fede605ad02262a8474ba714f785862650dd26d033fa278951b6dc301fb817a4fa20a090d4335e55ec92944927ecc0776eb9ac009d4360607276b64b50e3b6cd233aebc7623db9d22946929b8f810f24c7e8c1698123f5dcc44a94dfd8de86f5da604b37e6feec6fdc5be03126bb3da4cd2611437eccb8b09e1d1846289483ad520bee26106a9ba285d210850662fe8558f507343f64307f2930d64fe8d12fd3b7718c61ece920b6b30db4f411c6d63d238a7df5fad2adc2c6a0adbb219c51495fb33ef1419c60b5de099670f3141c37d6a3857dcb754f623adf8293c174afc949902c9a6f5f5dec438f7cdfb839cf43fb4157652910c0d0334806bc29cf36dea680c715baa56db880f32700f8f9db7d50710e37c5a673ed78686fbedab9f44b19a1cb380acc672161eb231a61871174ebc2dbfcab7a31a842d0f3c23d2230701537ff71d9bb78ab650464844ddb66ddfcdceff00ec2b18978a9d2d57d6dacb44e24aa2e62a01b2185d8eb89c663123a048cd164ca5fdcd238ee0fee4237c8fab39e2ad2f7109e00dd82a7b6a45f9a34532f5b792147bb50a04439734f24480c0034c7a12ca4bb9468d92288bc95921597ab2ccf19191cc27b3646d4a95bc75dece99e0fb40bfa601020f9707eec3b28c7d5e041d189820a0640909f5c933ca0b3f93625f6ce8d287e8b6ccc2c6f1929e964a80b2c32fb65117ab8c75e952d994bc01512fa9f71e90f3bb14395eb6ce594e3ac813ae9cd847046dc0e84fe9ca57153156af4477662b3b2fa4855a65ab5c56de6a9a421f4c8ed9ed96cc62c8dbb8d768b27c252e321c2d417d718182110e79ffa754a71fa8e246ea6321f8814b7093b8744b8dc1e6d1a0df1251245bfb0b5a730990f5b695db0756fc012fa79ee2f8447f62d9ca4da6d97f29f73a3bdeaee42e2fb8ae2ff2a079b15b110430e5b7c5bfbe15c04611ca3f01c22f37dc06b6b00d7c7caf31ce018385e36ed05de27c3484955998f947db686bdce08cf785fc962bab422d0440ad2b0fde7ef73837fd7c53b2e2c26d8f4df1953ee9d8eb1b3da68dd909be79136ad5f6d38b97a8d941ac964106d4b0c8a0bbecdccdce0a5325f8a122fea5812b78ab288271caa8411fd23922c968266045d335cf5a1b37006e557c7998de18a6e0429da3d143114e12e2137743312768dc372109167413ab4ff6f64306c3aded1c320744714796095a62864448c70ff2fcdf03f2a5cd4757bdd9a485a234d0931203f78562b8ff11a81970f457d71837bc06b75ab1f9f3ae86b712c4444980ff5fd2170b4b1c4af292bd71a7fd329064950f6159ee1ca8b8f76f1c6c7c6485846d45a38db19c430031c1e35222dc8493216ab1b2c2f2df2be771c0e3c790415f152c5faf9b9fb9466cb0052ad12f2c9f492b6031b4d909fc552e95e98b93142977dcf5f18d661676af123c53380e3035790b3a791e1158d2eccf5bc2011c88fa71e5332b04
Grow on hover effect
View code 3bc18129edefaec7faa6bd546f0f586e13881337319558d5bab8733ce7c9722bc93bf60fcbf321be91ffbbed5d6bbbf9424828296b42168fd13ea440114e7bde50af1648aefcf3620169456d26e5b75583bfda837fabebcf020e2ecf4ef0e2ec30764c28379a27cdbc8ce6de887e45c0d47a90820ccdb3e6cf122d01b4fac19da5e52180807c81ea6cbe93723b9d35c25a726ab803b00f56a1d0768c1c8499ee0d0468a59894e3f8e9779f20038232c1d60278bd6120eda94e151f57804fd101f7f2a20f32b9b772183bbd2bd16c6ba2a4f010649bdefe1cbd73846d597f5fc00157397ca3fcf44528bd7600fc2c994b32858ccee0c3d5f796e93698a7e1563557dec5601a499df14f0cdaaff241e17d176501661942dba47a3aee4ca94c65b60d63b5b18b54f54b2b3ea0d86fe895f29f91be9054b61f4f5c7fb2f2fd7bee07caf92eee1d1a5d0dc1f93589d2239c0d1dad63597dd6691d86f3e4cb30bc3b165b3030f88dbbdded020ac102a2eacf43a93bfed5b95c0eece4a452ef120ee8287c97d57eac4e9019d7764d91de9b432e3b864bda9e7de2683293eda41aa528f6aaf118b02b9d90b86d6ec028f778c5c8d876057e3d13c42444d94b36b483a761d8f0ac10582b80ceb58972247342be194ab0b876de7dc276dbbd2d9ce9e124c8ec9caab36ac5f73325d061d5e16367606dbbc67b50ea0225682a263951381852de3eb0554be7bf57359a47bedf5b49bb8d76e9639caf126f1b5efec2e95100ebedc5a984beb89475c082e4214722a63e81bf8801fe0b21c7f9cd464e1bb1704225da920976554240ba01c04de1009ccdbec5cc231287b6f98f4ef9db8605eade46cd4e32d9d66599a68f3702e770ec3f14692a5722ebeccf71cf1d03b6c078fd4d3d7ad7213efed3797d95fc6647b2b1122ac15e2c157fb33d040a25d1a9b99673a362dced576a556d591bc9b146ec735cada6b117a7993ee8503287a84c709cf62006335f9f33dc3180aa777c31a4c60e47e29f8b278d433386e58e2fdd63d918f54c24fb8271bbc304c729a41fc938e03ff8b76ee5ef65411ca25948b542e75a62824e3509bbeb0ed3d4c0529b17f0d6cabb831886c1a15ee70eb7eb670229aa813da20c057bf291106836d6fc8d6223a85a1007bf5d15f375989262716ae2ae355f73de32ac5087bbc6b82b7d9d18d9c8fdb3304c693fcf32f51ab5b131e1ed56c5aa283b834a394a8f04237760927644707019dc216fa55f4125aa35b9bc6a63fcb01008cbacf6d62104b6462155eb42fc2c0206a82e731594e53ea8109f84cf00dd3152bed8bfe5b11135885056f65e6268685d04ed5f02e52acbd46bf8df43c421a3642960b50e84c0bc5c238cbd9f40855153e95bca0a694e68f88d95bee86d810c7aed39914f59c7c1c4efbd8a79815d00d1d2affeb422c7b3577e244ccb8cca1c6707996de7629c812f088fd9d7d929a9dd7a1f0b461308043d6a467a5442790e6d0375e697b9b3904661eaf0b812d892a726a9192f4a2239ca725c55cb94c186e0bf5cce561f828e166589fac0916e9790155d63426612fb50c09ca9e465fb275023f0256df5a2d9d3408431615f1eed18c51dfefb14560c54dcd45a09b9ba1301606d9a46e35da3c985e0b024ec6a48f342e9f0a0371a7ecb2c4794aaabcaeb626a60f59ee0651c589ec416363f75f1cd09a5592e9aa97fcf28dd60dbc50686013fb2e63e168e070ed7ae9a2436f018c748e1180d5b31059964b88bb58afd3933566ca22cd28421ee3e85e693e63fc5c9181826da6045b72a16d224ae6e9c4723ef308f81c2a560d07e6a7b4782bdcd0b84b9c558a89b0488d905cc002c5554a6328e5d7e2d9754122a1c72e08265cc066988ce595f5f38213c3cafdd4c279dd2eef43a41eb94969d30556afa3f307b274b3d6ebedaeb6fd119a0678f54c019da5d9b81e2fbe15c31ece8f3d41aaf310ff2b4ae992c358470acf465f2c910427880e37ff76137b5b851a71f4b9c5f6ab5df50d11beac2be1bad78ffc5dd5e7b05d686f96f33258bb56725b716885785fc37c99f7f46c863c03749b9383b00f29ed44472c913d3bf3f4eb89223661fe7409963a15fc428b6966d2ad704a88913570d2bc8879a0047ca42a4777a4c46b5535be1aa952dc86b60804daf286849c6cf381ed26ee36b91e4b523909cabee0ee56638182e3d30bd7d074522047729bc3b8be15c6f1cfe4d2d8cdfbfc21226d65e9d0e19e915fc5d43bbf31950d34556e631b83f01b2ddc8a387673e1fd8c4b2afc8c921c5f1a1e855405089595974d53989bd03fde10399e7a7f07ee56fc4fb9ee0937271a791806a269fb72a9997104e6f0bb8e95ad895ad28b4e6840a10ebeec16da139df3965490ca887edfea634dcc6b6d596d562849467ef10a38eee92df574e421dddd5c2fb0e35bc6fadfbff0e738722cf9e78c31a2376aad315534c775f4cbd4b3a45ea26b2f510301a926dc011e3fa2204606d3670c7bf681bb8ff4c0d15eafb070c2bf8369028d8c5a61a3d9424afd688f00e512b02bc40361ee0da2e5ce3e674713a2f80546d5485235a41ce2542d33a63cd582b06fdf93ba7876fe8dd30d9399593559ddf369c06ec700519372ccba701df6f6182b48c7f1872a452fdd439c75accee339b116f455b84438beb3c1656abb4189d60d464fbd154b7de1bc8b4efe000334b8f7ece0409e8e98952c1e595d7afb79a0fe922464a8686f9ee9bf2e5fe9640c9ca4a8ae07e86cdc972f366d439a3718373858c32d5134774fb2c44ff90b7a70e3f1bd0de5fa4595ee7852792e45cf8a2ef3eacb97d989d95b3337902ee1a5e57a6ab8c4880c6412def75a0d889469d3b19997a108d9003a2747a58254d05f28bf50c4425db3964fa43d616d556050302fa9c0b7ef4d2c67ba39fd58426d6ee28f16ad1829d992241e4ed6a430abf122d2f70e0f8ca6274cd951deec074c0acad52e91be967b71f21b7f5045b482096e09bb4b1f3c2188e42c395d2e87af686d473c71d2bd46383cb113e7cebada3512f3973898aa3121e92e044fbbdf4520ab409eb267e2c8a4a1c3f6ae75bca978a4181632ff3df019abe3519e3e4995f6d7360af445707fac329aa0c8a86b30d49edb30021ab212e00aeac824405c7b95cf5589b37307023bd5d52c073ffe5f6ef8a71fd01720e952750eb04f82301acc9d1b692dfe3fba7c4246bf851ebd94e1de9a375100fea4660980c1c0b198e2f2ec1df2b9c9882350936192d0a5b6dbd9e32a241eef244c79a0792be6f93b1f90ef18ebc769b642cb2a31ba2f5b8f7bfd5bd5f11f0a642f00657b898d7dfca15d005e8229c70d024c755041a3d29c4d06a0317bc5f92428414104ffef9ddce8f1435d6bc77239d5ad9772ef4c576d09aa44e43ac3f6180be346c3b167c675aff7c5f6373464f286a3d02436add460c04dbaf81b69d5cdc3e477566d66a8f4b9f03ad74af2c6e8a4b5435d136030bca1956c05027d503a1bdb4628b398ddea2cfb14ba9fd8af8fb097d77c0c3dc4e18be0578b8d42094b3443431724a6c3236c53f04ab4beaba3f9f77f37355b9f2373e526eaae4e1041d353dfaa5e32df11082189cd2df0c7c146786afcbb02960df761a41697a1817fe4c9d05a10217995c7965685c03f8391c3fe0aaf25ff81999991724dfabf9561b3284d462d18c54db3e007dabd14c8a84dac63b7e1dab3e78e6375d052e5dee22a5f5d035e7c8b0f4e564f2f616d06e216b12fc0a856e8fa28cc375afa00d80ee3c95b864d41f5e66ea31d7de891e4e48f55e4cd4ad6b4d287f116b442bdbeacd44de08a4bc679a9c143d5e6cab0c025e2e388349124180ab86a459f3d51b75d1b5f2a9ce6aeb622a548a0536159a18b06f3c537f654626715950044fef336fddffc30a88c664458f92d5d51cfe18d06a35a0c64c227720e11ca2dff0c38bfcf144f58454ce09518023bc5bdf7be6678f2534fc797594c83f3fca4023e9c4c0a7efdc503e3e2579da59abaeb0989ddcc71992be3d43b884f32d214479cf5021df85425a9abd8efab68bf9d087312b945d0095356c14e02b5c08ff1c4f89ad1f68cd301071ef20f23fa6c7569431b524ed4eac86b0dee2f08764badc7e81934c9e4469249e05f5db72e6f1efb6b5a2299db968efc4246ad5a726c396b38ab59c6ce0032494e0b3b6113075ad923e99c02b1530d82a34062fd1897f003f9fa4de93f1de707d25827d8bcd3e4841f6fae69f758f6daea9a0845fa716189451e8fdce09267c7194027f7d06e5f2489d031fa0c09e2b21b665e2c8de34783c
Background color on hover effect
View code b8ca241651dcdf9aa4adc83df8bcf27f62cc53792e1ac367cc0c8a7c0c418f5c052650f27648318f673436a0e40d9004e3ef9750796c333f9988e0cf7522740a547daf407dac1fd33120488c5f5bd03393f2376b93cecaed7c0d7e05299beabb674f114d6ddbef47eb6d47ebbc2fe5571ddcc631a637767f4508552d4933479a5ddda94470ba76ace823be16b0d0e852044ba13041ad57d7081771cfedbe89ea45e9db20dcad3d8f8492a63c900dbcfe5b0d9053eb76203dc513823213aa058101823d3af5acb13abf6fe64b8a2ef0487bc16e0955e8c21154b5d831730b0fa3abb3dd1a1f98de67303a7732745ad8b3fae997fc57b4afc591fad1d8ad2b7594277f24d876099f34aa7a07383833abae27d5cc0ad5d1b5c6d6faa45853c048d67c715729b729a6791b12b47002ca36ca2ec398e031e150a60affe10a8ae455b4d88b9d5b841c8535b677243d2a6e56da2f4c7cc97e70b6e6914e3e0b49c44727e269ebe27fad37b10b8c26e821159d57cd29922a46343f95cb1248c51bb9895d097f46b940a12f97209a2aa0423e7047838340b7f71a96732dbba5cfcadc10ed8380f5568dd64eb385dd304da4755ee08fd9f07bc39487f76a4d30fb147781a3f7d54829fdeef25cb7da6f89bbecdc1fd29fec32855741cb5412661971afdc4021e51c936ed3d835920e86a60d288a874e09600baef508312745e9f960d055605c7a05713e45627c7c533a12d3e81d5c31e7baa819fd472f634f45fddf862f450faceaf7edee6a42d7fbc7287fdf4bf1cac7ee1e2c51a81b27c48d5ff0fcbdcccfb05331f4d4f6d6ebf51470297d59a8ee16a07cb4e3196398a7b3ccf560dff7eeba02889422fd36d791943c1c64ebf6b070574de3bac3897fbe3850aadf3fc4e5cc10e65c9be2a2755ee9ba0b4fd7f769be862032620e0811b14e881d9e55f5ee2e77ba95dc07c372f59f4455d06f28088b758e8ff7d055634ab161447a236ba10af3b115c51f0be69627e868d7164c06d3484668d155d280eae535a17df23fd6d5f96d203ccd6e7df9b6ce9c7db32c84ffde3b079f0a42af2f0c3d65b52d8f6be8db91b8d2fa8d520f62704794cc50fefe2759c93c1e76e0ea4eacc3481f7886af4c03357e8e51f34555d0dd8f14dab57d34cab336f163f970c36e4291600babb5f7c436fadba0377f78f3cce1da7bed798f53617adf2aec1a5bcd066b2948da178de717244e6a7a8eb6e7c0d1fb1bc400419838448daa2c34450f47de27571da1093094a4d2f2cf4d64f43dfa4725fb6d73b61d9361a9a4cfab2c6226561b0a3902edb79016e6b9849226aae15a5bcaafcc7d6f8c4266c644fef7d9f0aa358b42f89648f84d3e490d28794e4960faa9e15a887f1ca7171b404ba90b2faf877e4ffd48ac7d2bc2c56bc0b6a2940bce168ff6c9cfb8f832009d43d486b142606d064a0563c8b4d2b1455192612c54b00d937022c24413a5ce808fa71b0b031a7e32fbbb87df2953f42e14c512eb2c498a1947eb97e72ec934cacd6dee2c23e13e4e7374605d37d40bb327d783cf0dd16a8d3231292f802c0cb41efd247a377e9ffb50f7d61b6c8b8817843a8e66eca8e007983282533cac3dd7015de70b29db04d1f92d944dbdcec420730051857ae27751f2d387a4bf7562c77c075726b842b645ee5fa9abe36a32d1162284fe9ceccbaa72157e0b0cd963aff165d19587d188daf189a387c36277425bf91cd06275cadcf8868a0327f4355c59b69bfcc85ddc3df320ad3494090e01e0e58ab93e85f760aaad4aa91f4f4f5e47fc35222974a6a597941beb5c7c0ed1da70e0f386e0024b0fc6d0d367d77667e4df21f6f5a845f06f5ba9174955ac8ee7063301075ec85fc0cb6390bdf6fff11a0a97e20120d6e06c1b9a2a3126c97760a33de85e1692e3f0f2d4a257353f55b1764117fe572a7b2821754fa81c7784fa0fa49fc47aded59a1330ef413f9ff6538460d283859232bff9408200a3ac669915d48be6d1eaa0cab2e8a86433e436356f58de5fb77ac9ea97b67d71d83d92adb9b8c71da3146654802ddec61237e010ebf68a7ef167d66add099311bd5820fea6442737356f7c299ecc95040a343d23f2b6755ea0a970454b5601b5f349aaafb72de6ee86809f3fbceda6b3db3c4eb9a56a7193a4d8c43a47aacd35dffcb327efcd5eef4a3335b687f7f16c2393542a9dd2281fa21dcc3897f07b46b5908f7f58d25305fb3fb07cf28c6cb86816dbc04919d8e079885147fd58008fb21dfc4068c3e9ac4f98b96d738da9ad74e5935f9958a36e2b42c2ebe3b7678842ea6f2fcf6f94e1de47e3e54ba1766693d5d3c88920490ad0db892151e8c22f944574256a8c58d0497f2ecb19a8b71353506139e7a353d1a0917f1dd3c2e926b84284eafae47dac745e828093d7793b40fe6768c53d4b1b4bd6c1b0965ae1814f2a93242958c8807983427698ff8c750dc41d92dbd2bebab23ef3b8c0b50d7ff7300a1eb63a7ff709d6fc5fe374bbe266a2fa094d857511258c49ac57a8d05023cb4f7b88461b90aedd3e4028367e1268903d1e06586bac74c139dbd87e4d6efc3edb4d57caf79a968a4b66efd22a92b84f1b3d834d45438f6ee143242648fdc5e81857432086d41773298bf53b68d0c619bbdee5e3817823859d96879099ef46cf2ddd46ad0cdfc05b900c1b2bbb20dac80e9273a00867fd7289caf9a043cdbf4a929675f5b795a7db9dd5f24bd282edfe643e9a6901f50028bf4ccd1a8197aba302b6ee0bf72855d011f9e4c9ace1824f61b02aebc6ded942fcdc19dd999aeab13788028ce90742d4d234566487fe67a52f8e5b088e42f636325d56add94380ba8e25552860fd692e14fa20928441cdff365bcfc29bab730158b26502c424ac5c96da6dd866eeb1e06614173ab3270c06ac864913357e6a9e6113ab2383e7c6cb90b37d69c730a1b138a0accda8e710a60288ab004888b266d045ecfa19a4d40a1ab32555b686417eddc1f11e8c7517bad5edb915a063efb3f261e7b0b9824d1b9ffb23440592ab922dc1d783108639ed1a1fb8f57f7fd4b30681e722f660a4b4cebc13107217f2428f1e2d33e0f3eba8a31beac8235890374cf220e3d336a67aa6d1043a61dab72fb7758a43bde59b3b37d87e894810be150668c29414f8db914921295e3c59d03546afb68e4d8f7c323f2eaf11b60a9236b144ce916289e4d9a92f7ae79980206a366bd9ace5eb5db00dded3a8827e07346f4ae0bc00ed43b18076d9e885fb6e354f5345770161405ce82706c195d8e4248eb573f03f682b50b6193a4bd692688f6829056c20d960c9b4cd6d460b6444304f0905739700f0ccda09adda36a05501af40347fa9c90303da65b87d2df78432c88c139320d2370a1affc2ea0591a48a616d22de109a699f348f60a71a3976c7ecfcf8cd9f9ff2ed683d47577db6440a3e35463a7cf9604744b2547da7686f1c38532aba02f2af59b26b8f8dd41a502c5e32a92fbd8867e7e70c271c9cb35eae1375727087b3a2b42f2ae63bc33d1d2ea39b1338984913d6ce67fe9451be74beed275fd8be98a7a7a4df1448a7e9f157e5619e3db63eb2b75bfb6de6a173399d61d1d3c300f930cec3f16b77f8d706d9c29870adab3e3b01a60f69077be8df6577f74c70c03a6aafbc6818c29391155b1487895f48cbdad1da53f11911942563abef60c5d3822650c473d35093a672ada37612e2f9453bad35835d1cab75d899630f8c0c43e01a7c33a6f88d8877eacff8272b56c88bc8e309739cbd0ae11d8e726b5c11e29814b751a6849285ec9a984e38a9102f15f3857aebfa44e169fc2ee00f2687f997d2caa350a32ca95ccc47f223ac5e86e6c63f2e7b31d34fb25cf38f80cca36b43e7af8edfff2afadd63ba492260d027ba18b441619ad87d232b65a9c6c493fa8fb5d10c55d9f6536f5c0d7bd9fd9c48a540a1c5ee83fc32ea6e3796048d9444ddc09baa72454a196c7bcdcc068bdb3a0eafb38efc3f3c423d4d3af265eabc133447225f3a9a1231b42ff28c18d9cbc2bec58527ebc5d4a3fac607d349d6911696318b258f67421f710510cb05b63e50c61c1175295cd321bd5bb2fcd9dbc5c3fa2435327091ef42b0f65d9220aeacc36e4dca924cb4cdea337517c6a849f6de23d19abb9d17d71b8498ab033d9ad1a7f4f07e3a49e9c83bfdd9796165a993a4afefbb9443da15b1d4922a279a0455b1cc3288588a28e5d4d6eb198ca16a3b4c3e00c220791b160734c8e783d3dd88a14056e128f002b2d78917d989a273f2cf9d9d2a3d6c4651d9c664b8ea847dfbbdb5c19680328606ea895326c71b85bbb529ba9bb68abae224b023dad0a8a614a8257d7b41efeeec4209f00f0cc4d3f0c76cc93c88b0de4b4cfe54c4310bc48cfeb4554d854038e671fac7550c8ee2b95d54340c1804166395c7891d61b9956b55c2613fc0454d9ef0cd8f22e00336d0080af883452b0d462e92585be7e2bcc1bbaf34c8bb552760b42460e83e588f099cb4ccc8391474ab1122adf40d9ac9adb352ecdd5faf4653ef1d02302ed16dcbfc9133970e9dd0953c5071005eb445265f3c50490b60b1a1ad1de3c3a31988d7cd019965dab9b70bb04f07ef9b54769334f44a34ea06babd75595f
Cards
Cards with bottom border
View code e7959167c56eacfaa3165b3369b757e44b74f0c729b588606c381ed654a06ffdfadfc91e4bed538044bc117b016026012a731a379cc71e210c615bcf3a4420f7b59c810a8f0a70dd9549270b8ad10876f9c3725d104b9b014532b8428b16e41060a6ae9875bafe1f5827f69d4269fa5259107036b56d87bfcffd9742e9f0976587bdf75add198e494493eb681c1251aaad7dc5f70a16ba033af395da9e93d3ddaba3bd72e9274ca313f1e69ac41a562bd512b2de01e7d4fc8abe772de03b14ce0c856e53cb285c943d9c5ffb176649a9fdf327e69418c289fa833a587f00414af614a403a3a8140739128fe4819227f9257899f7413276f249f0881819cf6e787956c214a3df3dc2c009d531df2fc388bd284235170ce12d7553618c75acde41b9bc74bb72f15e87419f4cf1328a457c935381dc15a52992d67e6fdc022136ab800516dd1a3c335b822126d2f1e7774b16f94e19a78c8d745348db24b70ca7e0cbbf4072a636afd86d88050739867b5090bbcdc80e1179d99818f55383dcdf5e4e21a316ab988386db64e2c4a98600bd4a254a53ce5b2295806cf6c97034bdb08b96d8c82900c308f0e00c4a4651f8f6ddddcdb9af9182bfa467c0ec86a922de1905ef274b32a43d3d45af0fd1858aca964b83f400c3437b086396882e186b0038973085702ba60aa90bc69d85c703784555a915d54439e55eca94f4cf5281b8cfd6f4780508cff2088c42dbaab19eac56c0ddd78d069ef81dff1401ca45bf675a6ceb94aaffe0047c77b91bd718e5ee1815c219336df64865846d714d3c2b1255efa309cafad0285db7116de9e302ed385c295d8fb4d3af31a81217ea6dcce5bd9c534f0d189e2e01e7bdaf27a6fa25cdeef038f1794f4af2dee366d87a8d6fcb8a28d0923b2bffc4b8b4e9586c44439885520461ea64019a843cfb66e559ccd44c01c7241b4fdfa1ba0f99d2d5ac58e6a8ceed61d28aeab97989254b5ae47b9a1afe97fd7502acd7d222941df525b7ef80a1c14f96cd0c63b1a8875624448fb0ac3922c18dc8601d7cde5a2edb264be2ee47b8e134a0ea6bf23e871cbeb4917c73f1036c18b013b3e7d111707384caa9e4e74ce66bfa08ef6f54953310ad4402aa46a68baaa5649957068614fb81cca4e87b897c22399532577a5a179c771412fcd77bad290671c09b34c3fc5c06b3754caa65f345d8a0bcb382989f21da036a623468ce0bfaed097cfde25acb71b6542fdebadb0a842aa57926aadefd579b147d08f86f815d75c8e17afc1b561a0228d4e54aaad1d5a76c61eb6b94ff4c04fab4ca8359b7eddc685447bc43c086c11e819b65fd8c3c0ca76f1d9b0e5948b743aa54e2ba2d61476f1e8722b482aeaa18f71a9ba91ecbe0ac9543b879cbe0701ed409486dccbfe3555073cd03fd4ca45ddc831ad74312302eef91c80094ac69facdb0c49951b27c0a75bc5c7cf1905ab0db1757fb42b7e61493fb428b99632829c524a1ddc4bf04f933312683cb698b2cccd040fcf6b13f298ce6b52d475004e8c07c300cca7fb9de21b8e5a069886ae896e435f6a25bb9d6570d6c5816ead0b3796f5866386e45751920f398f12b8e0215692003c7200040dc9d5993be89420190da274d549f42f8f89b51e609880652060079a36168a5c9d2e5017b43cb54ab7f96f391fd419ca64a02279284110bf082be05b5a09fe5ff31e9028eaf876200cc30e252b03f032a7dbeb5c9e07abee5907aebbcc7dbae471ecd62c5b2fec9cb2cd8a1ec4b64c9cb3dcadacaa0b9586ffd4a08a04fb5405fef28a7372ed901ab18f80e4e28f08a0aa7883026cf7af08ccf03da106ec3007302c0ce7196345e512269480e0d1acfafc9ae9e9f4a4b441668c391d4b7702cc696b845fb3039739186343eb0320a2bbd8b60028676dcb17ae891fb3b6754a5d0245e89417fe2d5ff19e6b2233a981bf2643a5d9a6ecac04bf2ee2d37cbbb7a4842b7a0e7b3fe04c843654477cfdf39f9025d1b8f5f444a40b0c19a3c805393c6650ba3b946122620e4f31dc259d03a85635c1cff9238f5ae0956a66706dfe069ce8314fa1d90a39de068e999ff91f9b34aab46d519b2fbfb6c3ed1e9c9f8d86686442837e24817b909efff2ef2bba33d4280d206de60aa65deaf0781aaf537983c70b2e891af9abfcace8a044fc232f2241c9838b27144f7cd257e5187b9ba37ef25ffa5313680041d7944804cc904c54c76832d8f896f5cec6b95cdbeda2a200ff162b4ed535c23669d5a71477574b3ec353fbdfb06796ad3c8b41eb6e19547e0516bf3d9e3b3ed43abda2ae969d7d1c1d8048801da984b2e999a546b6750b142ccbb815d832e2b498245d5ba78cf22b7cf7ce062e93ee1bdaeea585eae3b82837f6649647433b91380acae9c0836b24748a61cb3109860407b765a9907aed5529b35108ea56443be3fd492d5b8c30ab8b04d0379eccc53afa31e13febfd8e0916da0f765747e3f8c931794c98f903cc0f689575858ed0952d0d60cf1210327b370ea2babe3c222b760e0cfadb4272ddf13cc31c7e587e2c8f2123776e02d87a0727f3bd0439271dec0242197216a751ac6f8e28f5b3aa20d58da44a7eb82a34593f4be1526ba157c0ce9c9ecc3f24df9aa4593f613a60348647df7200f3a08a2fd38ec0fc3d00ba461189fe82b17b3277b3fc150cbb15ba28244f0251ffe1996e1b928733e046c4d31cd17500e86735850b7452a3b4d456f639ce2c54c415e1898e378699bd0c9d13744dcee1190fea33a46859fafe6fd9f723803ce31e84569fee2619cbe191fcb8d4a00720a2a83a750b93d5fec42a8d6ffe3bf2dd3825a26e2645155624ab9149b5a338f657543377d9268d46215cbe24ba15692510c1bb256970ce657578c0574fc30a9194c82abfd0506606efab3f0e3fa259cc38d3ced299a4c6820d29f744dfab678803e2c3edceb9a3d4ca33b85d9d7d28f6cae97d8792fde122c1616ec525eb46b1023f4c035c90ec0a855f2e2a082c59c204dbab62533233d06c9eb20fdc7225b0b9800219dde53ae27d508185af56a0acda68490f282b75536750773105e4eab6cec8e118f65607721174336eefcd60b6287c2325818206a6122ec71a14a3e41d1a783388d6d3f32f51247aa8500166b806ead8c6d7da6d4c5e8df09a6c9c5a0160fee35b153ba1c02246e2522966bcc3002774870b28b82f0443e011813d676b808051709bcadebe0130f527f15ec64db5fda6ffb29f2a52e8f857db9a9f6117bff4aec42bb207130880733caa56f102616867ede8e65668f586dc0a7616ac9ff21600a4390e514f3d6a0ad3ee43424b55d4e8f4e67f3e50618f85fe173806d933fa7b01add489dc88c6fb041b08ba98b1752a31139fd18d02f54e3c6f1de8fcbfc11e0fdee8a50428a10a2db9e829fb030bae69f3e62c2871b0ae2d3547539f9f3948d7681b87bed9bc2595531ca32300c93a80b4bfc319a032ec92409f5fdc3ba0c13effaf36a58a193204874b52400272ba980582ad5d0b8f8b7fc0ed8fc90a5adb53449ca8413a57504bf7ef6410e2beca420235ba445f3bc0fa03353e49c88febc31146f404ab29dccc842c66b49e8f97e262acca39d19cc169005d495e992766ec5bdf8880fefb0f35b900a593d128acbb2f3dee4e6677f8d8a399f6c14b2ef164ce16d2c14084062ff1165d259714c06b37281a35f6bdb7cd6a93a5d41327a1effb979034cdf0697c95da689282ee37d85d06c6149f9a70c7d8d7073f6bd86f7716d1f4c16767cfe0ce61c43caba79202c79956986fd98cecd000645741f669b70868f044b81b03d0ea351b4e1cc352b397aa563b106
Cards with icons
View code 522030369d141b6ad190418f96e444523b8edc84feacd4844b6a46e6b9f43c533d5399deda042017ee7616d81f9c91628192a3196bd9d5304a8790eef2eb14a8d287366261d1fe6ab03ed263126197ce5e1719c9e4fa23f66b44a4ef1972812e1de1acfcb75098a37210eb2369471e54098be04218c2124d55311e2f86a07f1527541d97d04ba383a3999312766942fb33912757c6c967f27dd8d19426aaa7414da31d1e73bca83d4719257af28c144fd700e1bdb2aed992854a9effc6a30ca5e8ebc0b46c700c992cf0b1175db49db074bab9915029c0b4f75a9dbfd07ad2e06a63d428cf8f0c2d5c561618a08f64f2d6026ac33f5cedc6acc40a3baf5fa08e2d3cec41349df1a164b86e2889c51ad5531b4389cd03b8978fa0c54f7c2f3fd93670589b098d6b7ac7440073ec6f51e2b4da4f2abe2e990c83a0a06a22cf6088eb250d62cf24b693a7ecd247343c6bc2693872bffdf139354064c9ef539da9a92dd849e6cf8c7680fc3d62081ab8b822bf70cb9550e6389c380495e7981aa1ad37eda506880eb19217a96bc6bac92416c2454f8f8eeddf48c9867ac5c831932d36d77117ab9ffeaf4b0dd420b020a37996cde8c03d868fafa708cc5a475a5b19eb367a2c6e89f8c6ee9dd85a30e73a8ca3f388b857e5316c4be7543c3a54d5586735da7c9dc35cad60b9fad901dd271f1042b339f7d79ad3b40a294bae6f9ba42b69c15841c743d0c0cdc489b17d0f9e5770daa452771c9c1070a826426960b10bbe78266245b074b06deb0adad99b3a92889315e13b54c1988db4be10f519f7a5324c3fa2b15bc0a30af70c4ad134cdb970fbf76889d3b557af2e5bc8c8ce41742eeca215e69bfa57babdacd6dd231adb0e12e46ed3bc183487deb71f0c92c08f7fad8275f32f7e34fa00ef6be1cf4b1b4839f4118e99a56572203c08c299068c554ab94eb787ea721e814012ffeb2848318f3d0c93c305ae4533eca486e9560f5e1883803d273cb53f30f6592d2163a6713b4b202f63165b6ad50667f91c857f28a7f755a829877900dfaf25392b9488b833c5f772d0f98564951a14a3dff5d3b391a68186a5d228f4e898eaa3b89ae1bf67b9277f9c3da2f391ac4d20977934338ccd547e47d9c4a84d051a5798ea86d91345ab1886b9a38c1892398c251b4bfae6c8bdd773d53c718a50d985095dc40402a8f728235b35b89f7f8de180bec3b069b9fc98406fd3a8775a9b96dda01fe5840db9ffa41c8626c8c929e33420075e3b6cbe7c6ab588689b38643f9bcbed0a3b04200f5be7085a0d72d40ef3f48b5c8160d58311610a96fd0bdf17b721368505e969c948ee239c4ec1ea8aa797a08d5a3cf5175fb48938d02adb052fec1efdfa8e3597577379e6f5e8d60fb8f0bf701c50e4bc08defba5ecba68a7395d562b37e7fd85c4ab382875af4bac95762658529cdbc65d9fd5cf3f65ec4272e724347bcc7ab69e7cc53a88cf2b0c36d70e883b4160a6d0818ba404ebe888fd24e49a9a659c547d4320098edf07dd672cfb90d004db259f89bfe8f7e2c71af77e01e22fb7fb47e1ccc72656bb0f4e2b410108757dc99aaf8b960a4d16f6af984dc7c0a4c075b37d64f7d4b52d1193264bb05b3e82e1b80a0adcd707fdfa7e4c8455254fc406e1d01c4bc524726a3e3d4ba09769edc370f28f72eb7bd1599466d8bb0939925e425af55cc6baf33be384c6776e82871dd50fbe0feb60ce6e070360c5de6bcfc22b6229db59c29eeeeff44cd2e520435d5cbb96b5f6dc13ab84e7f0d6df1c257140609d91144756e201516f8cf13659814232069efb14d1aac94672b79626aa3da6a72bd529a29f36ca03d5407c247f09ca8caa024ce6e0e39e6f3b63a7d68a3bfcf5e9a96e0ab6e17bedc75d0ee22c7c1e42b5ffe5ec90e656cb147154b8bfce11a149de61ba7d744caae8946d9d5bfd6c37540ee258434cb0710adc50e990e62f9aaa7e989cf301f6ddcd12771c90b2aebd4629d5550b8bc8c478c0e704e61db0fbeb546a577370c28ce32fa742195f553f398c69c90e482102c6b38870acf6013cd2b0a808ba8e0432eb2219db7de615cde1e44b49f1a84dfceb16f9c990d637d46530862210839d98add7e7730d0ef5655661b869c8fb752ffa02c073cb6340b445d492b647b6743455ba539ee3395eda698d53bf57d3cfa2f172b1babe96c36eb08978936d48bf660cffe442af9f089b041d8a1a3d1ec62eb5e7bf440c11a8f3ded436a3a61b25105fc76d9a8ee7441f4d0b95c4fe2895cf99b00cad93abcc7f0802f1df660127b31fad26baaafc0b3a34f51bf72f3d8437264fee26ee23aefcaccfbadbbd77f1611c2e57e0bbe27524030495ffa6ae7a83890c92fd7ab3c3cc234e07e8704ca7f8bdd4946bb460ee8f20bffc5e6965e365cf24001b2291e54fdc1b9cad449961e6b8bef9ccfd92cddf74704ef8a295dbba92d5fbb91d8cc96dc0e292965268f9c7931b9965e2385c73fcd20c7e7f98edeaa58d515c38c8b7155712759abbee89b42cec6056dd2f6e546ef14a5c4a0a2f6c5d870f0a08a71a71fe992c80a5d1b03f477f0ecf59bec1c4b46fb303d20caf5ea01835d87750943f097e40fd7ec5895ecd378b3cb01babfb386bd0f9f7c2053dedad7185439b5d941bcbae0144afabbba44303ae92a7b101f65c380d6e701df61043c861d3c70630ac023819f7499973ef2263a94034dd02c61e1e00af52e50532d141d8d700520aebe8be870a187292733a94c99d048caf6b71b2044be4edb093d3f12f7d4992f1c84890ff92bd737c27eef3321946ea9ca895f00d2a855c0cbf3c35fba63207e53625923449f41b2404fafab3c4f1a605064d8c565be3975fdf443c1d08933dd4de6633971674d9f853373035e60924a3a5ee86357d7d2cc17ed1e8bb0d9c17037445380971dd95f2fad37b039e7580a2a3a325d75881de32523c948b66d0a9ffb2792e32336ad321c994e4c4cd456ab46de4ec109809af567791ee1f146a2bd578bc08f8fc4e62c1cb532b075a23628071acece1c243870ce3aa5638820a65ea39fa3b45b015c6f729947441187b944aa483789b890d1bca7f7b1996581337bc9a58ddcddbd0e852552b34a92421b7f51365dc5340fe224c83a15335b2fb6a25a0c15d7d307c437741a7895615081f4b4856ecdd393ad9f095c5f024d7690ccad9736b83da366265a1a4ff663d1baa9ff07b4d9d6727050abb13bccdd41e8f44cf992661033a60eb638597d14873be2c560043fca004003fc1626ad543036466e1dc6a635af5eb78e2b628b0dd4708fb4b8fed87c34ab7e81169689ea59b9a6873279829ff36fccdc3e9564fc38811aa1e9f4eb97bb5b059d20eae4ee2f4c0dffd36c6abf58d4d682c1ef251670b5282c463baf646d3f4187743bad36b9c25ca930e895cc71f925a60140d6c7beb9e97fe6fd1ca0a00534ced8f6ebd08322a5caf346663cafb80996a2f4d16ee5af5ae28e00eba45bce5ceea85ea21c093fc605b7e2973a12decfdb293a6e9bf08be034da5d0f74ceb81da8fc5f65b01bc1d1afc58778081dc11c98b5bb7c75212da6205c64f8f430c665862658ec7fb3100e042df6df5fa1244e6962837d8b46677d0f90ea8023156663267b13c706c3671aea27d4c6e63e18734d9e2a64898700a7e141aa65d6d50bb737ef86732b141d84c7c18f900be5f5e74b70ca5ce737cc9326247234eb31342a73bc741fdf60fc60b1490897f148ad3f056ab704477c0bc05e445061da8ad198bef2ebe269667fd511e02e76268c193606ae38c0fe00c0a11cff803f939ea2359055641c2af17823f8998b1c8a8a973bfd00abd069f34ea1947a14f7e24970b26c5a621f9c98bdc5919ce5c7e5e8e7e71afb25aa9b8f5af76d832656e01f9e08a919e0ff70bd81024171365cb4cb5f3a0bf6213397b41b04fdb2b0c67edb77a40ecef6a7fedf36538d0cff42d25f49e6b33ff7cdfaf98b1e6d6556d6ece89e00db994782487996b13e90637b9535539c850395835d211638dde9636a275ca1cf7e289297486dd92780aef8e4e995972e13dbd583fc1e06a5558b0e5b357ca4690c723ae0c069c7d5e3ea2c9b9f1dcd64cdae6abccb61e266322982b2d2152c9711b55cb0e6f717fd949b86ead64d2d7544658993b6b0ad0ac30983e0c9056aa229761cf0c1a979a2644320c56c830011e9e0129af9f186e41b4f8a10586276bf00fcef22bec6896be13fe97edf9dc331f2b6e0cb6ad4a3fbd96c4337a95608f4ce52b273c95bffcb5e4b72ae57fe062597f9eaca3560ead448a23242578121675c72fcc74c151338e366aa198e2443ffa5b50ecdeb6b64131df53967c9c0cec36765658a3abb4346123f429abc77a0f2240360c6b076b14596fbbb2a6f20e12c32cccbd68d2e9b76db3556e5e8237be0563cc22e6c16fa17b5ac853720e4e5e81b1bb2ce39c647d01be07dd2d30139e60673d948118d26c8a203fd69310533fc715ee94ce43d242f7510a495b05bb62e133a8e29adb87571253d2bfc2e115fd58c1d0c74d239fdc2ab25e34333fad889ca34433250ee1103b8d30854993c2d0ef77a1a758ee671aa841bfbf9f0ad44ba9d5cad823362daff9862cd659f02a2ba431c8efa2aacbc5f8c1bb521664c314942d68734306791947efbf4124069cc8d76f32cc4e216623122bfb667ac2dfd0d68c86780e115a86d85e9cce4287925f89c3463385a3ee4e012b4c3606343a6abce7df516c08c2bee5cd8a08413f9cdd7fcd8914a16cb8ec6d0208e23a897a8700b8f22c3f06239db583019bca78481b4c32ba5057521fe3a034dfb7d1eb9c76c4a4daac8eeb41fe371815f5b3c0d83dd158058c75b47298fa906b8e4e393a19af968d075904b3470f7e4cc1ca1d837d396004ee5e1f528fc0b8511700e994b70230cdc603039cd9c667b710b71ea25df1587423aa2ec20a388675c85607870cbc97404e5cec9574eba991533d29dd6b996b77ab509bb7d31139db95a7c5ab147d72ca1dd1c6053452c33c21e05b46e6d656cca3cfa1c2d0be722bc7800d5d25c98fe9461d7a7a903c2b195f806b483fb73d6b20329d4d527d7e9f65882bfff4518943d5fa65027a18bb21dc76dad56b2deb859cc84f6a17504cf7564ceb109ebc705168b8c95a6956edb96c0026a6aba2933b65cfd10ca3487f49f2f47d48b9346fb0ec4d3e05ac2e530bf5ffff90728d0c02ebfab69b8abaaedd88f45784e25c152521c58a5cc02757d1787be2e8dd913f52bc8043e4f758340c47c07bdceae02ab7ff2fcd59ae9259879175ffe81a79dca5af62e207ae99f196f5c8c01d23ab5f58166fe901d9146b947d899cf76311280c83b25aa92e4d93640bde9b3a66de977b348f94464b108758e94d754e475f4bfd837f55d23f8f12c9209ef8be2031fdaedc6ae95218df9b3ee7d197bd6daea2eadccbcf65bf97786bca7aa8b8b8221e7a5986e136bfb5669e4936061bab018731f9b2bb495be7c786c60b631c6ba7e2c6a5affd53153450c757a995f6997cb53c1c778acf20181275df043d9245537e
Lists and list groups
List items with links
View code 9fcf4d51b7b1f93ae7bd69912c9ca5ff8638b3c0fd4f4db8bfe8cac46ea20ec489c2755b1deb8e6ddb4e263a1dbe867851b5e424c53a4e14da95dd07ea9e2343a0be44946aa7b6c0a20f825509e5280fce8f1107cf9267f7411b0361c27c44e2d075c26a9f4734b54f97118921a32c5d5ab6bba629a5f1993a1b35c91b2cbf81a04a958f420e76bdf20877a164a34f1ab87802a0573dd615723f9d5d3dc3f94698adca20fdece37eb389260f8eeb776d454ecd784347a7384e3d4a161084e2035727c8d048ea8eb0815d87999395ca23e54b7c84448ada7ca0dd412ec2bccc725e5e41b0e0ae8f2c0a6c5d69b8ec33745f626c3274bb000e869e36d6bd208d3801159339b267eac5208c1150da9d979594530938faf540bf269a4e1943ecd2531fac80d6bcf942182bee1928367b835bf89b33545c64f1bc9a9086b19eec62064a96e881324e62a27c9e14351fdbb4e6b4b65e199396505a2aea8eaad15afbec33d1a9264835de8202e4999b330c9793ff1ab1292af37abb7fcaefa62ebe97ff46b4772fa74c131454067584a10c16b08358093360188b4b79db5286c553db991c9266539478ad52f1342dde952751d9090a8f5ca2e2a3a5b9d9f36978b0aec4bf60b20de68cee0f2b3cddcebb5f1a0468a8c992591c103a1613e7ade55a14f1b1bf678c72508b80667c7f60968230bd2a1d8fc39514400921d20bc3322ba913c9c1c554184c2839e391e9433108d111bf999514d3ed95b50d331faef1f56a0a2c540411d1f40f992511ab4a49c127b9e0af0bc74514330ba6fcf73850d843c292cf3bf759561d78ba813582e8bc5364778063e3d3cc7bb1158b74305eba22685cb1b9b5c314e84edbec23556498fbe9ca59694d30775eeae13fe2388d717166e61f141f98eb08a66e343baabcc973ee1280405fd14fea0637bb4dd84a97cc7f7e99672823f3496395539e43a2721b1785c6ac4c4d7eb60721595f96a4ff6b5d060b9007487ab808d97a792e761522f68ada169fb06cb2463db15b0fd86a0acd811e9cc97fe3053dfd9ea410531b8b9e06618617a9ab7b2a10929e55a24066f6c59f7987236b828af2724eb57a5576fad3acdb9e806faa7ab63c6aadab98bf3a72ff61e5424a2207abefa2aef6e43aa590336c3783cb8bb6c56de997d1d998258552970a607456adaf5ab7670cd00ecc3be50f9166091bcb7fedb9b47e87e81ec3ce30616b6b22991ff1f9768a54a4ccd2acafee29a0fd0f1ac63e352842ffe05dd8f01cd6308ccee325eb80336f6d50b611f26f0558119d613ea237d8da17c1ddf0756a0044a377dd61763b57f805d439578dff1b4abfea234bc2eca01cc6b9bdcc3cbb438051fadc97aa82ff2420d033a0201eeba9c7a256dd5eb3f73fd9fece89eece055c16058e651a225664b360cd9ed9da5c0d7fe977a9b7d61db8b71c79589b88318a903e8a0f6db97c5b19d2e48f9ea46263e3036fee7f09e6e2a0724dcb467424efe2b4c474ff194d4234867612b2cbc36e8fc16331316d3d5fd71db2426f5ffbdd7228aecd4ed20d3b7459065d2eed1149cd2c232f147c4a06c0a0b838e7d4bf810eda479acb22c8e7cae0ab95ab55c54916a87ddac45a5f5d3552743fa8c8fcebdd38224867c8cac40be53de66bae342668ef1b50cdb88c5e88b64eb7ee041f862ac0868b1b88d0d6c245b16f521fd779f9a4fe99363c91b8773a7628bde5385f779bd82aa014ccda4266c509244a481f4947343690aac2d0614c4564dde4c6b893bc0d9e29998c414eb682e365352bfeb17bdc557ee47df74184b5e1cc4e7b6d89cb8ba944ebcbc65d9c3d19f4f930cee7404334836295a5cc63cc71e20de8123b9b240e29820ed72582b8dc261ec80fa9f98a7f639c868be62cf231c9aa75a7a113c5acf82ef375e8b215f799337e3ccd3d6c715a68d6d395ffc8771593fafd8b93ddcd547a701bb00575b0286c2ac69c7da43a2fa3d533b83890489cb32eefdb4b30a275a0dfcac9d1c941bdb8a56ddb0dc1fe671ac01a0c789d3fb19c0921d3e73ad993c153c0b2b13de5aefc234f3301dd7ac9bfbf22fc45053da53f4534c9d7551fc661c6d981ad46afd765c72bf1904b745f75bdc63b25f0e4a398034c7807af2370799a1fed6f0e38627441fd00b2dc7a6e731e35ac879c130ba97a939e71c0eedda093fec62568cb85252176bb47db49ac2ea8d9ed48dc02d334c06a480bf6d7c588614b12ff2b10eedc878ec813eb1d43e9fc4a4201a710b40b91031f78708d0fc93137724b37e82489b40c745562f9e5abb17f4faef25aebb802938aab175262d547d81d159a1d56db65e5dd561aa5bbf31c31be537ff77896ac3a666ad3d91c9be1ee2f671287991c254635e80810987963d16ee4868d9559d33aa3666f795ae5ce9b63465b9b347ef175302151f4c137da4f52ab8f55effaf42e5256c454c8fe0f6a6d78afd1ae5695a400e98ec3e94c626d60419be2fd742069d2a2b69c1a2a3fc3a1abc2e606995a9aebd5dc846a6344c73cb76cab4fa33e01f1ca0f2a54bb00db70b9bfe1c1791c88980c0236cfa07f1d66662831f2a469f02a969423ec4a4451d8918de01eeb9d288294b12e6d55fcc9d0aa3dd5ac19d55c234cad04c27cd94b05cb5a368e29d7c2dd36e82f3a624afd14d4e6217f1363abb3e707e4b86de14a90e6030b3f31cf8b23a87550c281576578f727e6614b4a9a60b7cfc597fae8dda813a3565d394cd985cb4561c354cf4715026c41a675f52ca8bc2eb348160dcb88c77be3526d22b43a125ebf722393ea4ebd6bc9d5128fd9ea9e589db67635575be1e1096ca0d5b4876e3d81577b4d269e27f16e1ea1ca55dff352ad0ebebaefc0b095b2aa83aa9a523787a333a2c86322f7f6d58c07cd4aa05f0dfb3e76e15171bdc2d651baecf608629d90ed03558c0bfbb450dc32c79e6221cb8dd64c9aad4279d7d85b40865128bfc864582eeeab7e53de1feb95b225fa9872b4ee8b095ce0e8e63852f3f5fbaaabe0449dba20f15774fa8d86cc0ceff0feef93bafd9abc37a24f6dffbea9812499a728c30b39d079548288576f729ffe1714a6ce035215257bf5486aec62d133d6b5676f423ae73efade7f7f3a15f677cb7be3f56df4d3d9d268b4079f2e78b06b2b6f8592140d4e345a4499fa5d6dc9c1c62ae468024cfd3cbd49fa47095f39e5301c72dea4a0a4e58155040e4b513b13a6a90853397147c220052ae577d36e823c0a8e2655ae0dddf87ed1ea166942ab0f0e355c5d1e94f7d5b677d40bbc371c0608da6121c135f29eaa26544a9d5dcd64c4af4db7b3254ca19f5db1338460f5af28d8d48ccf4a48b53000c5ad2c26cac4f2627d5300feefd042a7d7e9bc404a678a52f0dd9e83ac7aa04639e6cba06ad0805f0ccdb2b79d202914f2ca1fee482f6ce6b4432d18ee39ceeb7be47477d86bd6944272b3284f99d7ab7260ff8b01096090ddec401855a1a3bd7d268e70424f3cdb2b56a0058caec0687eb40baad5519edcd0d477e63c3bf4285d71f96292b392c0e4982ce8dd87b1aa8e2903c8e275562f0074273b2dfa3247d739d2d7e0c0217052eb94635d8aea6078ccff1d023b20952d6260139358651fd264316d1c8ba9a320cbca829f0a1c6db5b8b6eac045dcb9435ff7daa355a166b7e5fc5b1f80fe864041204f38a4e04d5ae905e70a0349e9ac21eae397a12cf2f869fbe5de141c4ae56f20ccfe7e4c8b93448ca783d5747b7a62186ec9eed8a7ba5e1bed631e61547281312b837a9ba4e7f8ee819dff3574cb3084b1e1e0e341e12e8de5b286a77e33fcd4975e4151331f709046dcfabebcdb959be3700ad103a11faa60e4b49fb1891715e24f
List group with icons
View code a6c8daa46cfe073e1a30d49e04cf029062538d24b5431b2577b2c76e3e24a55fd6455ce41dd7484b54546427d5cea5492cf8ec9c307dd8f17b890f3985fe3e455af8e3716afb3a24f15bb31a4e05523595307968dce93e900b80790c522d6a433e0deb2502e4f6fdf417bb2d352c4dd12ac9c61037270f0aa528ff6d7a4ae94a2c0078c1bd22acd854118fc335f2e3bb62338340608bc14299fb1f5328a4c99b3b87a1fcd0d969b0089817ea7a605b1a18b3dbb69c04729e5e41f190a0aba0dccc1c5bc2bf56ffdce63675f0661ed2d6ca76cfe2185aca7ab1d70b26e6159b1eb804bf8f51730b2102de4a69593690b2892238a36c77b598ba9300c2e8eb6601f39c067888f7d53fa6f75b603adaf31f9840f4918a609c6dd6285941ddd529dd67210f921bcc5b37687c47bbaa27375a959f075b76593490de88ff8d430b6444d15ef41bd19a6ea42ade9c268b9b12acec2a71f7634c5026e47c025b86c437f272d1d59c448cdfda4acad0ca42d4fa0c506ba1a793c0d6c8e7aa51682af36a1885290f7b4fdca7f6840641f59a0ce6024de77e36d7c1699885cba3f0e58d0b0eedd21afed447c6c8c4b27a9c3f72c2733ebb3989a8a79e0bc0b40eb3379fa504d46ad48db22a69f73a5f0ff90c731ef7e84d2aa0046db32d65725fbf1c79cdd16febd0d2aa146137fccdaf6bc5ef585593c4aa6019fd3c33d783420684d2c21147e154babe85c3a74f21c2cd37ad5f3d60325b56a6e44d2bfff46c06ed775b48c7947e762bd17b9cae1b37a21aa4f475f21799081bd9daf3671f4febdc119c910def650da32627e54c305c51749d9c8ed7cdb932f7097b8e5f03a2fe0375b785d9c0036a3c03c22889f9cd55f8abadc95171d37444a1ff397fd2fe806c911985200531ff7cf01058edd7a0b34e7c47a9e45893e07dcd268787f804f7bef48a9ffeb1409d1bfee71e0b65a55dfcf220acdea04089750237bc5beb1723e5eba5ec98b4805d1a7aaf72726e93e5bb43a0ac2c5848f9ad0e1f7b1ba5b504fa5280ea121b75b10e982894c39a90dc584dd8a7c9f956ddb6339b2f8af7657b38cc3a72e3f368400757a190071d5bfd27c52410c02e7e1d0fd3bde7ddfa784c091dac8e12ad000d265b7541ff47ab34b7ede6fdfeb332d2e2ba58de6207754eef1c01d40358fdeb545ea261980c0ccad41d6712b18e886fbd2c48bd0c422b4ed3d3242d83e2c143d40458df2f55ef0b62002d34c79419d40d85ec01de9cca740fea224215a26357c33e86c35c43eab0adc050e8eb63acad27b7b1700942ef6988768f9f8062756cdd7c81f591554e64b41f7e1a45ea0ba2f6b104aed66be1cc982cebdbcdf9044a4ef73f59ac8b99573ac82499bc534046cf9eb232d3fac35f998aadceeeeed800b8efca0fcb06593f69b35291facb3699aa0fa777e9d121c4c9a1138453e3f06e450c164cdfe4bddc623ef7c728e079fdc8bde620c2b17b519c07f0acec26bedbed950100719f1ee0e4bc3bc2fb2d3951d5fa8e0fc0fb0eab38ba737c0020e719cc54b4aacf7473f4c5754485b4c12b5649be258325c8706b94a43d67a979a4df079a1e1aa0414c097069a3d64a7ba4c610b40f713eec2ed17ebb7b19626b15d6cac795d1343bd36d1331381ef07c3fe9050c3dc656948ea1de4e98e1b3d9d458231c9e13133dbd2991e9824ea737c111a342a60ad002f899d201b3ec8dce29c77efbaeb23cbe5ad30af088738de6bde27c30cbb475cdef0a2da13f94dde3f41d7c8c9872f13796cd7f465a760e8ba59e39833da82d7acf1d241c356b756cc455fa7db8a5d3357d137d6a6d5c6c867e192934c19c9a6b3747162fe4a99d4de456de9b600224e28288355ee7d840587bff1c5cac763e7876f307fd5543d58b33b4bab6ff618bcf1d65d734f1535f5e6b3ffc4f7311059671868795c5cbe99a735a9a031f2f745fae78bb1466a420efec2016938a6a0006afc672f0d85fdb48a512470c5e048db08d89891397342765cefabf3c57cdb9c3fd2edf8c671a83cb10e68f5d9b7a2a734f9a1d4a314ff66112d7cdb11c3020d0e540fc00340d0398f33d0d48b63c0b404e7a115fc20753510283949ef166facf10edf6396664f5b618a65d61f4160235b7479300108b4c873adb00223672aa7e7f55cc3ecf35e767f5b566575b2a8a944c4db1db5fe7273add31cbeecfd4c7a31c28867a500a437aee4070296f1366e7f48170362ea0270b419886b9b569798590e99500f5375b90cacd668259bc7d22553e6ba71510a6410914b217b6541240d99303a39ac9542490dbf1b2ec6b51fb23ca05ee8fbae71d5b600abcee44e8775c5708197af6a9f4945f677c520954abfa18bcc5741749465553bc9ad54b29770e0d85755417071942269e11fbd0eac5a2087d9be00504de5dfa13cf7023f95035a5a5f3c9fa5e3eff6ea7c40af11aed6fa6ead509e6304be3bbf48743de09ade2a742fa51b5b79d849efc4299295e79ac1e438d3a4f100d2cd5a29a83121fb1754ac2e6d5b8745ca8c9a95fe40094f10e96268ed73dca154bf5e90c0f44b50dcaea86309b7a91b0d8350e651fb73899004169240c09bf8b38c830fda384404138c23248efa5e170a9c4fb67e16086c9abef99497358d891dea325396cb9bfd8468dbad66f839773e86c4e4eba6f27723dabc4421c7d5d8f3f5ac60edea6516a57b18f765ca06be1aedccb575afdd64d2259bae94891a259083175667fd08cf1183a2adeee6b03611b26de44c2295ba5173b8e728304a9e9357111034cb1de47e4d3404d15c8f72fa032202c68c89f809d9918b7e183dbe7d002b2ce0e304a3ec597f472c18898f7070b473b87288c7551c2f1a21bceb5f95a10c1e57ddc7a5a15a97f461f22da8cd78d85f5ee5d1ee7a4e43086bb0504c22cf34377937a638bdfa13a8d7aacb7ddce664aa637830ee7f7116acb22ffaefac1df809ec2c289221abcb75daf997f1d31ffaf12e00f9dd8db13dd5064d9bb9dab490f3cf02716902e49ed7be0deda29c01a47413bce4290280c4a8c5c01b59a15d5893177e1d9a46ab6ba7be2efb6ab02cbfbfb38562e107f7fd4f69cca5071adc84de0c88e6a3b78b4c2b75613625a15fab888ff8e4427c0d0aecc2949aad77c1931a1f01b39357a438a343c2a213cfa0b237396f00840b7f8d28498b80b0e57791f83ccf32d8b896a4888cad499cc83cddf2e848803f7a494a2e88902c3f73336932aedd05e20de584502c90c8ea13e6b73dd79529ea502692bf91e7c0507a16f8de9635399f8d212c7ac1cffa515131bc3e881407e1880af574484d5087b3c7060b1527b93f83dbf9b19b8d8fe7458aa2f30f1a8c1269d87ca763d6aaf4501a7860f0f3c1a913bad6fb08879d2e494b0f654c8004fa37526fe65b28912273f37f5af0ef6914dd9e50118a9fd353b09c007d01f52e26d0b302d99a5b48c4ab646412e0c89222fed82f2685676b9d9995cc2e198771bf4546c14f83040e4a6543517873afd028e99f4dc8b00618eef00f670186930e307607c1a09be6dc961fffe21b795bf698b99818c29230c15ed080185eb1b24f3c5ed89166f14970dc2a9977940ab615aff484372969487ff7dd592677ce55a0765d7626df4aa6ca767c6230622492ad43502b49e41ae5b23ae722e98d92d4562dd245209259eee5f3c373eaf2e1c3da04e7d9cf6a3c4bc65b23d41cac861fa18ac451a511bd8a120aba26ccd09cf9cdc5a9b0a702ff894783c95292b8408c4a8b9ef00c585075cde276a80f29e8a4709c47dfccc9baa883dc0672db26b2eddfba668eb769a2fe2a49fc13a7b01a0163656cd37a50ae5feec79d91ce87d10af5b92752dea2782b1fba941246c12db0026d979fbd1b303bef7d86f898795d1cf10c6e10e934c72c19d0cdc0c31747cbbe427f9d63d1cb60a9347e82f41889820bec8dde170d298535ac6db2862d7917f232e76fff4c79805ec5bd8f02f1340f5ca97fc483bac42ac852d05fb0bb4be201d661ed19a0127513f3c6ea49f64f4f57ba1cf38cab9bcca82923a7a88bd28bf8e0ea1dc6cd905a54977c72d696318813e6c8481c09dd79b58876337288d3c67f04969dfdf0c3d7c8685630679a646992db640e743043f671e13a73414f901c64f6a036607c43ca2e05c9babb3bb147468fa82eaca0f75e23819e56d9bfa57b2b7cc22876a26468d5b3dc737574199152b75c741965be7bab8598cb685bd835cf6a75a138303eb870cde4809a3307fde4925339304b25057948cfdca030240c01c1abb44116fd0403dc34b4693c9db7a96a06bde9bbd485caf5e3a582fa584282d99f491d97f725948312f3ea1cf2e0f4b9ae1d90ffad3571836f20f519573d94596551af7b48a2af82f8c0803ea127bf61ef34a99dd2eced834da7c24aa37b66b9954ce99dd925a3e51cda168dbf0333c00b96afb871d5d3040d69a434c68d8f4cdde83249a6598fd8842a341f7b03ac1d105e4b59aa85db287bb16d7416fd1658bdedd6242110ec47e4b321ca10a4fccf617f39da1661735a5276ebc6f366940d45fa3cbdbde8653c99fdf2f20690c6868c9101a2e38d73f3747a36364499ebf79183e021bd5c7778ffe4856bc5368cdcf0a1c92fe98c3933987e6af4c6bbd83a76f498795434d63ca18d0305f8b117c64a82f2258a0b29090f1b21c1aa5e151f1b506a1973af70e89879d05f81c7db4c85035b9c0e0d15e684de05409d7d6bef05c444351393ea171d285827491ccb60e30e277297016665d81c128e74b19e866590a3635ac8d148b711c672993e8071c28fc0b027ca89535bfe0827400215f948567aec71b9621b17123bd27efbffd3b644ec52ed94fd1441a65438e2d6c33e1b533ab21bec63f37b4d074d9fee3ba14b0eea3b79b1f9d696711dbeeae64398eb08e43ac7b409f0d5d8719924a5165aad531de3f037c9a8e4e63e3242e7e2b7404255414a7784f91b685e535b6df38c7c702bc4391cdfbe59c50d627c5b3284001e4a93b46759e622450daab8e780ffb365c68cbb6965b68d7ae716595759eded484595c0474c6085a024d677c0da56a57eff81853bcdcc4b5b42fcca86a13a11affcc7fe8439ab5353a2c80edc476d0a25e916c053a9065af01dbd2c012528e3478d30f519654036cc3dad2a2c0f26cc09806cff5641499256906c785486b917a2801ffdac804840c9d9a84e08b4a618e72d1628cfd250bcbcdf52a221b1194bc3b4799cca8254cfc38e3bb0075f6da12057ef1aeaac5d9ba2cb88275292180d3dd9335c72e217baf6dddbbf7cfcb11ca6dff3f5756b5d0fed24f0678200d4dfeaa230139320819e70c9457a0df42a2f24f1655ce1607cba315f41e3ae0f710a18c553339611acaeff08d5ec6bb65523b75f706e6df7c8d92327d3b632db007115101d38e8fdf5347253934a7de7bda752b920492bbece65c5ab2dc57f5cc07df56732471c2f4c5f351745a5ad1db42bb31ace9a2f3885f2ae843f823a6bc86f1c25b87335e0580ebc8b98dcee1055d4b5c874b873166fff90c0d3836b47c680ab2b2ba2158616cbb33668995cf4ffa6555611f2af8aac02e8718599d95811c97b2aa872b484f9a664b9386c45f64b70fbd94aa33f861aa452f99ab561baf4b92e0af83eb92dc4ff2f179d9d0bc525335cdef2fd11c70c78dfd8f53738ad35ba1cd0b742154a93738749167330cffe53374a4e4d092b8996232ffd1fbb403fbf095bf6510d79ae668d166f43cd4eda127ffd237c1af4a206f72335e26bf56a315a7db44ac098b0c624c6a78e6dd8b1d322edf584339d9366b90cc78937afa29d484e20c9a1ca4c066e925166cc62d67eec606f52ce5f7edab6b17358b7af5c9160430e7566e89cf61d72cc962ef2790a63222bfdb408546bdd3b6bb103b7f3e3cd424d9b7a9c67e386adfdce30030ac6737edba4da34473ed3dd17ad5d6e2c08fb2221ffadfd1b229c3ef1dbbe8a707b8c04beb5fa0a3b26da2efb0277f8d83a196bb3d3323585e3fcab99647df92c483ef5ab960ef25aaa671c586f7199aea41fc9209aa2b10b1a77622ac797aacd71e80db7f97f023fe65ab85b1c05b5b6eb53f9cc6596ca7cdf0eb5f88ae793b5a7bedbe122868bbf94e58b3243a9cc6dbb14dcfc4c42091ad25c6d862e4951180567c08d480dbf4a2295302c3c46b73f9ffd5cc7a6490c80e6da30d8f6de9bec262c7344fd37a865f5897784eb6ca1bf9db1fd88556b10551b0a0f1f535824060b9cdb0e33a7e663a3381147343f7cbf404a484cdd343c88b055d62b78114620fafa79aee1ed6696ac0149002eaa695ce3b739c4df9d65adc79226ef632a0ab8dd81b978e63bc41cf68b30f906d14b235fc5a8ddf48716d1835481323df3d29b89c3e2bf430e15b3e2cac0c8690a43c68629bc9a66f75b4667ba9c2cc7b3b2bd4fe6dc039e6ca537263c55a39fb4f834537d81cee85784651b8a9f35fabf762949558e2e17d932ccb0d150c3e41246758c9c656e4cc73773f6e7fc90282920b358cf5e27f4dc2
Tabs and toggles
Categories in collapsible tabs
View code c64af60b3d3326896977ae286df5af0c30855b6eeb8e1f745a0cb0962a02daeb6725e922913c9faaf945a51fff750d16084a076d0c8375548fd2021634432f8134a3c4263591bea64ea11272252383ab4db39f110b2f562fb6b522b25f740d667427bba1a083fdb1749e1c1aed82bdb97d08f9bee69b0f75c40554f1a36732f22e8e2fbfb6a255044deca30e20da90d3a457173bb604b95b16c7794ee7ef392c5ccf55c9bb46426bef3253165148395c50de34fab8be59dcb8aeb90037ec0dd4d154ec8bc39d8e108cef02477ae0a9a45ef0240cacf197a1e5612c99c59ad1a3a91757758115f3f04d1503cc485c5ba1c9ffbb5952333f7ecc6cc697764d5f72d2bfd02ecf36f3be39d1e4bc54b6b04a74ea5d61c85614ca876128698b6c7491f6c9345d9a8319bb0303928459e5fc7a5a0521ca7db4c01ef5df5237871eb6146b456ac82dd6e85054c96e13db43f342bedf7c0debd61745d9ea89fe939cd74dadfff1de1a9275772d8f228adc58854b6ce6492bb7a0b3e39831b8c81de39b10e759014fa790ae9ca965e5f77e3b129db1ed44bc37f29e4c913d65295103519ae2cc48756a6b3fe056c9b1d07d8f6865199677322ccc927d468d51dc2a51632d8719b625f257b6bea9307712fa1f7bccc8b9fd83e9233573199fe9be1340b804b297916c4c7cf964f8016530f1bf47b49f6337d5bf3b0442ba7f3bfdd2bbc077af8b83756ed874c4810fa7c383c001628b294028050bcae0d168227ff20ec9231dd065a9b5ddbe634fcc541be0e734e7686178a4a158a1c75a0c43b54cdc7e4e9a816999c3aef0a687845e9bb921c575063dbb6b4de28eb227cef056e77ee507469a20b5460e0d1ac57670f666203392e94dc536d3de81a9e0ee760a63fbc093bcfb26c6c4c32ff68a2f959c81acd83616c6dbc0c9fdd8bb2e2d557b05d6e8dd52ff947abd9edcd92875080892ddc5ebc10f45cc3000535df80d6835b993d171b5b73bf182af8cf0e2c99350a2c8b2ffe29457041aec5e3c6e60aacaa26018be74d383ce0a56f346097fab9e1e879c61183939d078983d5917a5632dd1dbbcccccc18d1ed99a00e7110cd871914213c36bd909b03b54ac2564024f074435a6176962c60482338f252f52d65882b39ebcefaa4c1d1662d9d6b82041ba0983fd52b5d5479863588940a07cd5597f2f6ebd673c36f94c50566f41da95582841532b5be263992d1f1b1d142bd94477171807f3e6fcb3907951743348fe233997b6abafd2043f4a8ac1041af139058d41d566978ecf9fbf9e4be2e021709421a19c357fa9ffc30697a6eb51d8766632baf66a343b2c0d9ae7baaffbb3b2cb6c4fff880e88ef9ffe9bf06c9d3d29cbb50264f71d6030864eafae566ebc3beec7882fb9becf93654a2e3dd280aecb6354f7895b1be54e4207df82213b21f178fad74bde00fd91de7e215658f5616bd158b0fa0b8e49208324a1db4aeb873705e1d6bc5dbc3bc17cbf048cd875bf70eb5f2e427265325d9ee95d55311c4469cb4ae4dfea19796e9662de9b7143587f37fe495bf5c8d539018612ad69267cf6977eb517a22bc79f61d2dc86f4811ad61ad83c018fb6822c476d72871e55920738284be8e29a2f815fc1e71b0925ccd09c0778d356fef1a63ed39dd342f19a9f4b4b57d36562e9bcb88d1fff1eee285936d49afd37f9d3fb6aaed96b4f538c116b42a5f18b4c2f0de3c7ceb258d19edf51951bac0be8728276fc812cc1617b41821856033be367c2cacbf85b699fbb9ef264a6334eac6f6a6262222e97e3891edacde793852e75b1fe563993c60167126160b59cd89a56e3d30abd588a9902bb5a20a70b2a7993600197fdb4718617f2ec4349ec2fbfecf61ceb1127d4d2c7e445e2e7d7daf8a853297ca4531e0a4af237d4fc8a7b720563e9afa7a6d52eaef9561d4f89b951960c66ce9a72c4ef5048973e46c50191bc131c3b33a216a5dbd814db2a895e51026223313e40dcae3aa06dda9cbcb20c2497fa315c770a2e1abc9a5fd81b261dc92a324782fab24566c6ad25465fc51667bb090bcd6e5918de16c7e17913234b1817f8ff949bbcebd7f9e1adf47697ebf7b475ad9bfc7017347159c172cbf45b60175f0e87c60ad57b7c17589c58eb517e3f15c039e139dc9d74aecbe508a91b0334ff53ed38e5d56f6a91424df729f1209dae58b00530b38889ba7f55fbc784cdf0a6b4a1d89c6c03369e2d676f5e5c8a5ce129283c4d41e48952e63cf2182a768d92be365ce093ce306456cc820677b68907328592dcfa33f9cd7e6bb0918d9def00556bef4cf8fba5884a9c7c727bfdfa628736f872c3ad82547a1a16dcb5e1f2f8c32e0a6ae6c2a2540a94abe218237e8449674f715aa0b608fd464bdf2ebdd290d74eef2cd1c8aa6a522d58e9ea95b9976e37c8d421e4f82d5b0d11982dd86a2c5936cdde2eb6ad26e89a9680f2433369d7382118670ec1f795b04173483cfb033e1d0dbe75ad1efea952902805c445153a5fb307a2c04b6169a7eaeab98c47ea8ac8cc782a6ea972409eec0d5c31aee267f02aee52cba83ff7c62cc58c4a5568b4fb1add6755813c1abd82849bc2bbb66c7ed4cd50fbb4a1e3e5b7160a4303b14ade03e47f415bf063058f7509d6fd166c7692807e641493ddde69601dfb69e065ee9401e13968a46ea7360f880fb183a9f316c1b276be0d677f1e2bf64135a438546c6e2b856171df3c1574b60031036d8b5521a327641a01390053565c38e8761097fc5e79effa8a38075760a93bba849e9cc1de8906d228a7a7741e77bb2cdc4d8412ca80e3aeb2efb896d7f05ad95e2d920ceac00babcd7d340f38349c0c4f9592b95b76cb09e793663fb48e9cdd1aa2681c9bd281d6c1607cad50a1e97a8067ddd94ce021300159f22442508c6600ba4c76669145c33060599bd082c45fa6af466952769ba565e89628
Categories in toggles
View code 82bb02de95a565519e5fdda7099d7e53a177d9f0df3f2a87e4ed765c86e65a408586d9ec2329f0a47d9bb59c363cd8f136468b3a543bece27c8db132a52945acaae35d6861f03256c0a7be6b924d6cd5863f2f637faf3bee7ee9c16f3604c52698aa61ef82aef6171a43f2cd8fea3d609471211ccfb03850f4f7d1b6e8fffd4feca32ffcfb48ca02615e3582f24912ba5de57ea74d29c18dea2b628c5c736cd6648b8aa5778df39e8cc5c0e21776732e80fa244822c10ea1d475ee0633fb5e49b6c7842034c6a5087d7340bea53bd50d397b57e2a4e8f0933e50091636d56b052e9708e953a8e9625a9dbc7d8848c5ff878b145f0b07e1967343abde8977ddc663b1cdcfc57392fcd087b2cf91d54e5a3565f6af96d91d98a7d9077cda4c1bff642fba7e095c9cc654165b8fa9d58ab0e9ea956abae64be590b1efd7b17c8764728b9db6cfe2a3ca6a2d222e335ff109b76341c4f67c99e8eb293d5e26a9d11349590b3f1515e918b0c5fc27199c46a216bfed91f0f1c622ff4333391b5eba006c5ad99814dd04db82abe914c473a36b62c1cf81b41f5f36df099b4b09ff4576320885585283088665f3b6244bc7d290b8698272ffb28933afc076ae1e2b87da3d53de549517800da713797df35fee025c342011df2da7d7dbe1ffb9cee1134549dfeb8bf25f79b2302b813929e7b7b76db850144206bb0ca9b0de9df36a80abafc2f1f3017c3be58a9c001f2bc36904a49020265ab4d2fdf42683c8c3fb05696c3d1b44efa08be2b614ecf2680cddd82edaf37faf1f545ea503c9a475c8698850787942ab7299b3e88fa09e0d2028e1c12e5dce6b731637907a89559e56af6c4ae8f7be5fbe191b321cf0d3858a846249a53b52f8b24c660b2c8f9e496f528858beb4bf7588144e4fc3425d8f45207c2b4d7cbb965c5f5df003af1f474a4b0073f4da3b144ef3a871571e3fae965e4316cb2c71d0276658dd3829c3d68581908c65b812111d40c1930f57bc17c222436d2275febfd47ee5438246e808f2978f7a817ed357783475b75bbb44fb70cc12e5e5d1301b654f5cdb9b9c0b15a6488ccf9fd004ec99e30360d7225faaacbf01abbf4b528d51f57b3f570feae18cc50a87bd361b73bb4b838b8fe43a9a276c7a6cd3341d0b73cd4d9513f5eca5a0b5b7322ee5e2e7aeb76b045a6cba0dc1173248edbb84b4822781eacc6b153c146b7add1f7bff2ad320a18df02cf65ffb2c48951845bf3ae2a7fb91f5a4c451ab6f25fecd0ec867993122265c6d96269ae530deaededdaf2596a5f5ea5d5e6d48f4278cf8283eb2fbf993a3842cf3505f2e2bd3a73ee67a84297fdfcaebc92ff5af2c2c076ea2ec8f2586ab01c6f9f82cf845a67a380c00ee27f82a90200f409a314b88e81a35b9292922462d344094afccf96620fe16a5bb70543822bddcf4475daadd30fd9ba330cb600f6f199a89284f9b7cf973435fc1df5437783c09c3c3b2d786c3ab131d426b91fdee9911e39640ae2f7d4b433bdacd9735e3bff18db72fe137c1aa1cfc277aaae362583ffa1691c30c4214eee0f80efb02e317ad0855e45bee662171869063ff31ed036a10d986ee72cb1ffa63b421bb0241fbf210be10b4462b65269f1a7816a55b43f762bd302cc77527bc0a1e4549286459162a380d66ae9ad6b7f4441fcd8a4b0b30b4e8d021ad3889754d73250f9ff081455bb4bd6c88ac3a5fce1a3cf7318e810d4d711464287c0f970a9d283ebec7d29e9c09c7ce6269f16994c4bd6d06e4df3e485a872443122ed15e3e2704e0e1b840fece8953bbcda1321eb3e8f40904a66d79f99a8ba3662de8dc8a77655591ced56dce58b5a620906a0adbdcef7b5d7b066f5a0ae40f2adbd9d2f106b5b667018c17e1fb4764cd4ec289923a0812e79dfcb67d43cc0c13701a89da9d41a540febe555c7dc5d8d0115cb713a8ed7ee1905f6e9bc0570c9f8d3625ea7cfb5298ac9839aa1ecff8c0ac613bf81685584bb84dd1dc93fd30461899d913efb0e8c4d84b2b2f96e223b51873e68ad2071d8f54a42819ae481bec9b15c76e7686e06a58662e5f65ec686fbd86ce8c15248ca80a569627840687baee82730555b405378ffed2fb2787f1f6edcdfddda152e2447df99680a4322ee98affad5f8b0c7902d2d816daf5395553fe7e58da2442c4159acedacbb3b6b376f67546deaa5b3d0a40a30d9576a5e1fce9e9c31f46127c5f6f1a5b6b618b162eea10958536626c22cdbb5495fff9a12302ee534c86ec77396ad74e584bf03be2b814ea26b70c1b319b735e3fdf9986bd69ca7e7295d4800c8e62755e986fbc43c603d8843827861d1d9bf742dc01edd9ee20e8c992416c1bf551789c804a7ac317e1ff78d30488f0362abbd8af7cf6de6bc499cbc7644820213979f8591b275444abc5eb8ccfb4c9342232ad7d8370ce713606c4f0fb903a6f837ebd85ff9c9c4038e1ae397da51672d187612c38b8d1610934a09e1ece4ca3e96327db58272a57221a87cea33c17fea0b071e22b9a821b95588a4dc7ebaa05c6398888d6848b07beea146b7c7694b209bf4c747940662c195a0103eeb08bc8bdab088007ddfa3594ef7f5c66c105d5671f472c68569e6a372e5e0af3caf989a284fec4499de97444a85c2a60869b01a7b934e0f65e74d99d004dce92c1e9837655aef55e7818abc80df6ab645db9ec8e38dec6fecb1e85dfa1eb53fca36eecd01bc2d47763e977b022ed5e9713d0727295ccb8d0d16ca4a07efe6768f37906288bc460b7556813b4b86eabefc45a38faaf5366ac4c5f352db7ea97cb566a086fbaa3387e19fbb4e7f6b3a5d056455ad48e20aa21345df22056430948ea423536e6029707136997fe1a1233e28761492d0bcc222f76413b085210d7cc1ce82ce66d74e5b3b658b77d2d4e670935f7a5b1ef3b8d3d1d5a40e31dd4999808fa57b221a940d23614acbea4e15318ad15a7bf1d55ca4495f8b2ae99335a15125789cbfa754030c574b6cbdc9995947dd2ee0787bf4f2489d3c1cc612b69d5bd72aab9681ae9cd6ac0eca87555c08a4e8a58384b61bf897f7029612937ac3d320cb744d673ea4328b8a7e0e7d3b7320b80adef15a21139dd0adcb8166cec924671a9acec4540ef366822239303c968a2514f7a8f68252f26eeb79ff9a63ab4cac91fe180d69513f1dbcd530daccb4910f2a4a5df1be88381b70bc4c4a18f7d12e5f6028480c31dcb187c7761fb1da3dac4428d2773668b8f053046a56b7cd005786eba05ce89cf63bbfe1a4e0068f723dd8143dc1a28392c40551d2f59a3cefadbcc6ae99046bd9033613d00437008c6091e6274034d318fc4f4be3022cedcd86bbbdf372e9e320c7228bd2f242f3f9448c839f9e06089cb79800c1c778409856eade372e430808e35da984c9a3c34db404b3dca9f30acfd34728cb6bb95907cf1bdf71644c864a8e889def139693dbc5f5cb779379e1cc08df8f9d361e5df4ba1bd4ba35262d8de0422b4188025dd18254521ed88dcbae3ec2d0c28ad4ba52cd5eca4761e6e66a6c60b053fd0636cb8d23369633d20f525b120522b411056682229792f34647dc40b2d4c5dd08f95afd8db08d7fa5607968ebdb16e3190fe6cbd0dea5029175bbffb86f4e8c4f2e9abb28b95d5fd2daba327f51e249e85b64e0e57290404b027af1f34acf00df6c7e6c43e5f6204c60a35ce13ef32ab0929e1734bf87bb43544a0b18c3080a3485ffb6fadf6d06664c73f13e998fc570cc383053e8c483401da93c0bd6c149ec006a4d4cdfb0608c6cd8d2e12172f4c967aac586d817fcf51aff95648332b53e2ce8c3a5d8614d2054b72701568a8c3eb6959467e73b453d8050d340e02f80aadef2377bcb4e61ce1f72d881b0d8a46addee3a7f8853664a6f7cd8af1309d9eea3b300df071505f1cf932178d4cc4ab3d6c3231940adae41ba17b0905ac0dcf5f44b4f2cf1faea9d8f041357186742b226f6cd6c0357a2b516654dd7605a995ffad0ecf252310550bef31dc38b970a4b37263ccff4e465921bf80939fa90a1dbc9af045a7290aee9a100a38ce3afa2d75ecd068fdd5ecdfc570d0d7723c596aa2a5dddf8bd3f4694ef55a75290f65eca6188218c460d85b0c85e2a27a49334bc6a0896ad6e7215c03a23f49f34b0db9b40daf113e5e3f7b87e52b06f99d1ea2f380cbbd29bb6e769a93b75ada99dc77a3e9f806b358752c3ed67c36f748a39347b0450b9275daccd6eb71f6d6f1c7bcf6f5a8f9ebb7c2f5bbff1dc2d45aaf0961891aa3acf41d44331bf69cce9d0047f0c7760713dcf351480f64e7aed93b7e728f8a9a1a67a1d6f844e22874c3016fedf8ffe47f1cc300418c9dfd630ba0063b61464e8dca0662966779bae3a50299a2b17604c87b1add3419bc9ffe5c664b2bf8acdeb3d55f49f4ff34795d5a1be2bb88e199780f34224a4ec051b9f58d155af7b670469012ccc0494380e449470c21307ba58b394be55cc21285b9b768e60b9397e2a973db3254583d50e2f7db9fbaf909742f8b8de433b64eb92b085c6d34ab67629d6092af5c56f836741ea03fb974b94ed14152393b662e1639c2660c5847b4da4c4189ded66f70f67f806b473686bbf89f50e59cff47a27821001ba02bd661bb94660b52e2eb52adbe4c1020fe466bd02e637ceb1b744261bccaf2fdc8e57d336cce0429bf33348fb3eaa3cb8ba27b9815476b59a97b886376db23c75bf8ebf3eddedb2fb8ab23d100da47d577ee3fecbe6757fa704053cd1dc46eb07ea36b3db043d3f97a9efd7f0d4721b7a1762b453c026d99b9d953c4d2ad7da93e4f0b07dfdac5c6d786400fb112f2f7c1e5174e804574e5b09bde472cef2a58d3b0c1f4a3fce25efa32c53cf66e3000e8c3b0c34892512e2c5e2b3eff147827fa2fa55e3ed5937c362d0bce39861b5391ffe45762d886fd4d131de8b1ee93f86fef09cf81c3654ea1b46b502eb25369c94bac147ce41cbcc758c7ff955fc904189a259c1cb24d1ebc57f0980df6c86880b87864ed31508dfe7fe6d97d5ac111382f4bf5787f76006419d5bfacc1d6080abb81bfeb017c48364ee6dd2c308c260e20d6bb933b6eaf92ce9a05bf06f35332aae49c77576ec2a1e7c7370d641177dec24202c0b74a66df1a3ced3a85625b767f521f536806a611f99889b46883e31c39b7ab8d04043aea9df05caf987708486cf81585a22915c7a501f800f94cdbfb6ae062004305cb85a2492c71452e0d52e3d9306df1a0d68df94836d912e46748172884a4332f86f1a76660b4f88d4d0bda58c678149a01408eb52c3f76a4464ce237d53c96cf6161c69246d482a663acd7e5b51e3a90512173e3c4b7b05693076745fad68ba48ce670fcd80b73c0e4a83f4db802a2fab9f7c68aea454f50715f1175c3de65fee4e06349fe02d6bf58bce5f52cac08af9ee52eaf7e5cbc7eaf436d110e2f547f4fd820b93c288dd3277b8b6431db2134b5ebc6011f3b2bc196cc1aa33500110dbf33b8df3c87a7e9d20aad73f0b925a903e1d9bd15715cfcc8dd7d3029ba5e1ee0941d577eaa29f338d5aa67d50fa7b1421da9fceff79e6ae10ccf6a63b7bb5f4564174ec3ed1281c42c54bd5a88aacf9adeccd12cfc82306ef23f02195aa0798a5e3f7451f9d3ae086289aa8f8cd78bea1f85963c0809d20ac1358e6eb1d2ee5aa4ee74fabe773456e742fc0877dcc76ad8ecbec582985d1f09afaf68ec3c5a1df70dced66d99105408a89f0b2b2a0e7699e99c91c7b825361cc273f254ffa77fc94d1e3da0b2a98176112ae132e91a918c44f760a2e25fdfb753709d5ce1ec843709eda22ecd28165e6f6f64f884a687819ef21734c1c5213f34881add6b8a6e4139c5e39128f5ffb24ff27c6d62bf34579e418089635d6f9b4da838051cb2322ce2c9347df11e5c1450babda93817dd4a08abf2b4e884686162cda61adbc6d4cc844050491cb34023ae2bee8f2deea528761d4b997ef87d1b132ad62c2543b0bc0d77bd9c42674887152e6c51957f1977ad51e5242acf7d5114c3b6d57242bdcfd1bacf259975f6376622858638e10f8f4b0d2362a86766b3561636d8cbf3a28167353b5c8073752bd94087cd01dc859ae6171a52edcafb8341a6e636a0ae953fc86d8faf508cb6b8d91efdccda749e06dcd7ee1b868934f9dfe825ad5453fba8293fcf0df584bdbc03c39d28e544b0a484397d3a3b7636175718ec7dcad325aa9e4f7e4ea34b22d7c373c1713cf6a55d4a0b330bb9b9fedf9a010dea2ddcb5f16cea2aeb20cfc4790007af621b4f23d30764ecc7503e60e25e8e85fd3204435b11a0e49d62990821dbbe68880da37b580e5dc4493b86d61a564f29c8ac38f71efb44d4af0d8c89e47ca456d757967adec7157cee237be7977fcd22f1d7a2fd4d2ab7591b322bdc4932260375cbb7a51dfb5a1cfe96cdd46c67d0e69f7be90b0af8d31132da53d9e05655de70ed6384d7dcb60a129b3e7af273490504064289bf62334909f13fb985c5b5f1af2830612c247a3ff0998dacb211e95e43a4007dcf9852946186a23da940a18e552e729a606711a7b2147ee7d213b197459a692a745da17b71c4783571ff75a2c9f61fc4e2e66bd54d3b1e944fc1bbe0395ee2ee606a8283d59707f0859d5aed35973b9829be73e8ad786ca0f34e7405ed1f957109f2f10d0e053830db2fec7c2095c051c50bc82498fef3f8fd4ce7e528bf4eddbb65c4a6af58e6ef238a7fec996dfab7e8819acdf1d8227ed5b9f543145afa33ca98ca5fc50e513f33869df77ef4cb30faffdf61fafe0d537b379d06267e030772824ec1c047e13849aede5746d9a7f7ad0b445abc01da313a575be5b08221208960
By default content blocks are displayed on the Home page, however you can use them anywhere in the help center.
You can display content blocks on the Home page using theme settings.
The following settings, found within the Content blocks setting group, are available in the to use in every theme when customizing content blocks:
| Setting | Description |
|---|---|
| Content blocks style | The style of content blocks to display. |
| Content blocks color | The color palette used for content blocks. |
| Content blocks background color | The background color applied to the content blocks section. |
| Content blocks heading | The heading to display above the content blocks. |
| Content blocks columns | The maximum number of columns to display per row. |
| Content blocks alignment | The alignment of content within content blocks. |
| Content blocks image height | The height (in px) for content block images. |
Select a style from the Content blocks style setting to have the content blocks appear.
To display content blocks on any page in the help center other than the Home page:
-
Select the “Custom template” option from the Content blocks style setting in the Content blocks setting group to ensure that there’s not a conflict with an existing micro-template.
-
Copy the HTML hook below into the position where you’d like the content blocks to appear.
<div class="content-blocks bg-content-blocks" id="content-blocks"> <script type="text/javascript"> ready(function() { new Navigation(document.getElementById('content-blocks'), { collection: Theme.contentBlocks || {}, template: 'content-blocks', templateData: { images: [ "{{settings.content_block_1_image}}", "{{settings.content_block_2_image}}", "{{settings.content_block_3_image}}", "{{settings.content_block_4_image}}", "{{settings.content_block_5_image}}", "{{settings.content_block_6_image}}", "{{settings.content_block_7_image}}", "{{settings.content_block_8_image}}" ], imageHeight: "{{settings.content_block_image_height}}", numberColumns: {{settings.number_content_block_columns}}, alignment: "{{settings.content_block_alignment}}", color: "{{settings.color_content_blocks}}" } }); }) </script> </div> -
Copy-and-paste your selected pattern micro-template into the bottom of the
footer.hbstemplate.
