Lists, despite being simple, can take many forms. Our standard list styles are robust and easy to apply, and when combined with out comprehensive set of utilities the possibilities are endless.
Built-in styles
The following list styles are available in all of our themes and can be applied using theme settings.
In addition to small differences in the overall look-and-feel that may exist in some themes, you can configure several aspects (like the number of columns, style of promoted articles and excerpt lengths) that will automatically be reflected in the template.
Bullet list
View code 7e278773363b82d24dc8e6be91326f3f552a996ea0357743ae51d955e35ba7deb19dededbab23ff7e672ac7857a6e131940ce7508b9025a77d54dd8ee9fe3b30c45ad4e60e406697291b7c7a628db9a06cb16d302a1da763f600c296b38611c0b09cf2037a48a7a93d430df769dfe23349a2999fb7138b9c498046b3eb512e035d45706240c32426b770702bb8652d4b9ca1bdb871e88e6a8130e551c770c8f4a37cb2323ed205b3a6d907a1437b54c8de9d817db7d60dff7f98debac38cc00b10d2fa2f03e16f22f2cadccb0fa5258625f03fb6914980f10294681f3dab96e8065e5328f70c00878d605e21610d7c4a177ec43cae77f2b76b33ea8fce3124cea646f9d9f7ae5eab296f3192476857552f2b8051c9273b81a9cc07984c26d07329dbfc340245226113362045157540398c7676ae97972ee5f25255db6b5b865b0a03b321fdecc168f16c6ee2eef8a263147d233b5bf870ee15fe2108cb20a0c9085e5efe5ceca99dc10eecee295ed79c09caed3b811c9195d454f64917a7621c1d89b371c692adbc88ca07c894086a5bdd2261d6793e95e5fecaaa387be17ce1f6cd2b9b5ce2159bffcf881922eee76911dcba004446caf492dea0cafca430c9cb13f04f99e0b12ea72462f1116e59b520d4bf54c876ca595d87429ccedcc887a56a18c248ad2f4570f6a451fd3d914dd2764aedf938993df0c534bc976ee5d08f4123b26bba85054078a139a684af0ecd45a0b835cb7401632190f014a5309d9e7ee792fcf456d9a6a108c9ba6abcf8cab4245eaacef20aa52fc9b9bb8cc7400d96bd0097d80abf57f67d9532be1e9a54d7b31a8ad19adfbd44038ac9facd94f4431ce48a89ee53a4f55ee71319954b1255cd0e7d479b7ae1296f158f26208c886ed4112b8785b25b44ff03414cba1d0daee06c28be9c2bb9e5943338fcf2b1631656767deb54725ca189bb600b43d5a20b1130f79e04a59f36588ee65a7ced706b94a556fd6abcc3f8cd37889253cd40b2c29f610a627c4f2668fb08d9eb46da980ea597d708a2056fbcd76577c0fbe00f11ce40cde9e2528627d21af7c3bbff0bc88ca76b31de77bc2005148f3feab7e17b2b9779e3d7543be00a518ff77c497875dcce01f0e8c778c2258144b4ff54455e3d673a10c111909f5f01ba606ed5753f8bba1440ae78c350866d5991157df811b23a2c4f842abdb3b0051386aa31ba5e4b5b5db2abf3de4629799f88b609de7aaed8d08ab2a4b2d56ec8ba011ad959fff6e1a6d05fc3a3afd549d8944d3a5fd075ff5e502cc6b18022f481710dc47792dd075e9e441eb5a5e7b7bfcf7665a9801f6686b01fdbb16cc51fcd9a17bbf1d5819e1457dc8e40cc36a305616091e1bb82d90ecde424af043bb76e684a301f847f5e03f23ece76c1c32190b9017872885962a0948cca37578964cd4b9acac4fa02c0ab40ba4026d0ddb60a3470503346db521d6e4ac98450d9927b4fbe1806fbc136ef74fc96d0bc3224694ec998a9e7ee23258d182723d58bcaefc3a2f5dbafbca394fcd819ba4cfb9e85333a131fc3f217b271f11ba61f044f7c37d48ac2fca9d3233f3271d93a2bda289ae86b301c3341112029fc9132023a0ccf01f7f9b978e0bc07651e7aa4a89ae45fcb716a8797c586353a0b7051e7159888c14702655b8d63bad788272fd44c985225482d917b0fcfd5d6ac91c218a7420f4dd293b1149f1aea77f5a249d725c98a2ebd060bb663c0d84b7eff92db669a733a264c6c34341e713ab1cf8d4c96fa393e491709a65df61af0edb603a1ee35462c721e26836143d150e6fbb5ddf4454e236c44f4c72e346098ebb446ebf46a20e5ffbce98ba3ca2f1d6618620ee32bfbe2df8b64992acaf8c6f52ecbe1c1dba59d2338cd6c89633bcffd568d0a79f33e20ae8b5a9c3ffad0138d33a905c9bb6ba0ce7586a1fb7b53761a6c8dfceab1561b801d42dd0d09cdb63e5cab003c021da6fa58ca5adc771f3fe378f55dde2bd5cfa37d726180a7f63ad71634d7e3f6da8dd57bed54185fd963b93cabe965ec6ba0ec47001c7652780d0c79a0269925eb53da97aa6dc8245ca8f3629f5d47b5ae0f9922dce657ab596b8eff7e5a59c75bf4dd317105cc56f6c282c42c4034a58c305a1148b46f5a5989086756b1babe1d8468c7c08812fbdbcab84f3427749ee72d4e0b68432d42ca6241a0424d76ee804ee0b9b552a45badd6f85b39d88357e253be8648f35621f67914150f97c5ff0f37071a9b519c13aca413582af603da4a2c4f4bb7ff5e5a14b90fcf27fe01072be20ef96020cf3f4e120a59d0c9eeb226d5c2ba46fed124ec4d58be9296c84c571c3e8d39f819d613aaa2be1ddcf9a1706ab32f827e79dcd8dbeda3a3517b29bcd5f4c8415123cfa91c7888bb884e1e93fbd2f116b7f85f8e8ac1666cd98e153deda5bbf616aab7d5d307719a598337b02b0ba91bf065fee49c42e5b18c67ad70af84d58b61d636c5d024271826786e8abe337fa35d52f7b537d46717b1cdf3eb1c7f5c10e9ee6eecf44ef4c867aacba7bbc065261e87f10ff5a1a250fb91b4c39157c407a9c8bcb66e1e7f2a9d60b93a3eeb13aa199cb50982f6136b866fd46a095415eb919feb957562e03148078e9293ea6f46276e93fb4ba4bcec88e3b9a745fed0f29f6f3c7fc4c0d8e2df8914b0bde79aa24ce3026281274bfbc81d6c48259dd40de2ce2b9e36671ab7ecd6b7d9324bf058834f92d5be5a3784b0853d02dcb59d4b9ccc66973aa87559e89728162f60064eb5d110f0aac539a0e1e958ec36fd440f441b9c744f2ae6f3b5b5977c2a0f303cb6f4b16195fa2196c9d91655e96cf3eee73eb4eff34706800d72b2fc21aef859f3474b4aac7d80810137f85588a0ccd187de4614253e356d01b02d29dc18972d607f5e260bb6a75bf41483f40e4c18f70480afa703183a49b2b9b7e319b93937787b8efc1145883cb4b40ee1f535579f9accfc6a476ba372a38c9c178706f7ffd818e684c5b078e660eef2765cd7a88cbabe1eb977294a3c696c99a25f58551db7fc31d2d31ccee7893b6a61bcc720b6d50220ea7d98841bed4574a5715cfd45dca729eb37f9e3b4fafdc3ca3743b05ea0b1c1a125715999f95032c77b2e397ada42e39edd0ae7ee4ef6523dc3561945427e8183c900b17a4fd5ea3dfe6306081039c8efd26633235f72a1cc59a6cb2d611e216814c717362705a2069aceae686fa246452b47702a7517d7f8121fba85925e9ddd615f19e8c3c4df172ec2995a4900aca84e2d84cea96e5137ce55e68c71614a87f7003f8e34591e2dcee9e7fc69bba19451d118177dfdc300f2dc6cd8671dbcaa74a65c4e0c400ba4d70b7a823abc8ff683f941d4e71f173af09f6a4dc9da7a4e5fdc97e673f61a4da0d8fb5775c82e5fa758e1ed7e3a16f1f9f3c7f4fc41ffd9ba4230f05fd79a68786f5f7cb3d4ce3b215bd6e0b1422f0fe430b5eaa391df3a85a70a2a3d649bbf98f3ecc232c5c7b19a67c116fd84233b1bde35e6eb17f2bad7f12bcbc3dca998b8778d38ace999e4049e781ae739f72cbe733fab84c2789b2257943fad6dc93c20c927f3ece71cd1f89c3222445c5e2a99ad39337d15879495603789e95a956509ae136ce8b28b25e326a9c8561c3b755016ba6ce689d1e3d01d5877b22594f1598e40a9de9ce7bea77c7d2081772dd99d5a9df2b8ef7fe564f43fe0a8e29bbd3465040930f3c716fe04056019d615b4ac
Unstyled list
View code ad8b179c1347459d1cb9b1715872c35612c65b6fec2cbcdeaf590bcfc499fa99e64a3dc67312f72a97d7de3d121ea17c59dc7272740f4a7054635e041b59da2713eadd138766421a8aa5668fd5c82e848a600569a0b809625bbd487b881de5737127e52546deb459b1cd56680e73dffcf2a52c81c8e9160644c62f9e078aa178bf41a1e87758e7fbea789650de4acd3ab396d03e9ff2107403fab5d99c8ab9c8837db37b7b28a96afa316d8e45d3c10ccd0b5b41ddc7cf5817da20e6e9c246676c6f985a2c85ba792659e155e6bdc78b58c557c5b5226070e2ac1e6c0140ea396f51242556ce936448adc0ce3579e73a577760d84ce04d6d10cd1dd01622843dc479d7a10e9e97221e0648b214724a27e971453def28c8cd716be6144554824a0ee27668dc9f3e213b4569850d919b201504d2238ef84112f1d621f955d8b82e8c9c9d0b05049287c4445dfb4e13aedd82c271f0be9066c729b09a17499dca48740942125c12ee910496208f9a7a42ea199c0912ee0accc1da6738f02c2179cb4827932263c4797eb6ba73a42ded218127a53c65d189c68f5a30fa56d972558cd612ac95c79ebbe0e9fb0901e1e0c7c0d8398ceed4efc1349a5015c19cd51bb7445e1d54363001f2aa408de62e8bf579260e84d8a7725432b80f5fed3e7e3128d342524f0d256d0fddefa93f659b7e8120abb16d8efb75632773c8a292629a026d8cbce80053a824bda87dfd311680f82fe00fdc5c711a91416a407495c7f0b51b1b6c989beb1cdc18d0ddde1c4f5f7f046eea9fa0b951d53a504575fe66c5afc4b928e4f74c212961eb11eca30fe509e7fedf8fdd71ebcaa3f549570eca27f9c4bb8e32314e73c3d5ef6a1031b2215f0e8cd1ca36c18f04e0eb5853b65699ba6432ba4a38e82520eec03262704b293daf2d6ecd0f1183506f6daddf9d8b49ba165b14f228d5c5a47d13d9b69ed8bcbe100a82567a4c9a954bf584d4762700e2adca8e91e6cce3a4aa48b229b3defaa6b85c3449490922062abbd1f2d76822ee075f5d78da31eecf2985303ac6ab2563c5c22c37e74f80f9a52dd53432384c93fb0e0d6fe47b259f9b37b847b274a8a11ed5112ec83250becf6459949f285ae9875e133e470fcc973c8b860a6f2adcf4bacc6bfe9b0e12afeddc086dfec1b562ddb33ab47376c6dbaef72b92ad9f377f3da8f5bf4413dcdc179318729d2e05a6fdf1ab090abc5afb0cbacf56d4dc903d770cd559823f620c7937e56a1912a75c610a6740ed4db856eaca56da1b856f1563c98fd78d7e2bb7052095dd08d995fd9c1a512e2f16a1da65b7f17fb5ff87e235825f138f9e588fdc01597945ef2651c6228b2c9c19f532eef38cebb80e3abc6c36b7f2d3c6cbc1d49844aa14235addb5dd0547aec3fd7e75ecdd51862b52b342a7419a11b4e36ce30a5b8062d50808c8abd9872f4190857cf0881e5c314f94b7e416c2ef103c876ac955ca778caa0666f8a593d5604ccaeab8576c3218ac4de25c7a852e51efb85501b089e4057d751dd9f3fd077a093ccb6f65387265e67d614de99aa2d505424f40344632e689c7a177a517db682f683d1c038a552dd2ff9e8dd7607184e6c065ec939940d5255246f5413d4db0e99ef3ef302d155c609bcdb3e52d8a64a88822d48c6796c094f0dbef781b37a11eb98b3d5a131b473b12eff4cd51001965b97bedc0dcaf0eaf4b7f0c450749b7ea633990b94a05f503fb3257b18e49dd79c5ebbd799284d16951b59268c61e7289119359c1a288647c134f5dbd781ec6244c660c941f010ae2df596da76e233f65d05d7c4e13fa13fbd4d2dec3d146c8d74f11bb559be50c0f84815dea04b759c97b9c41685d1273f3f93a81b7af909b61ce68b93f1fdea44b0085c96b8acea2f19f3491755127d86fb810d37406afd9aeb99a20010b005acd837e167279b7ae810b0137b1d3d95bbbe7368eb96e141e2aaec62211a0e4999411610524111009511445e1edcfb33a5686df271b79a0c10df7f8b37b377175d810fbd8acbbb72839dea0ce2da506c704a276b9c8027540ee82bb06c0392f5d8a1536a10f10a79af0f1408554d6d39fd4cae7fcf7888170f8d48453f9bded032b8ac32b9c4f9835deb0f741581630d5cf75ce0da56ded5bd1a8636ed725734b0cd05cf58a8e77a109b8dc3b5722c336a18b1d73051f6399992d694f0e6db9997555e9463343ca0f5b13dc492df52f99af8c83628e8eb2b87ea52206ec63302170ac8425f6c025f95c7439548ac20004843eb3f25a78805ad18a9c12fae8415020c8d276bf9239a99d8f4dc723351888a9285f317425599a79b18b421c0334a15159ef724b6958cbd1a4ea3794eee461145c8e5986ba57cf9f8c3bad433d67b5bd76cd103f5d25aa4fc9065dbec498e99ec63835b7aea84952be308de3c69e197c97c8a8569ca652182f9d608e052a0306ed324b75278987362568c73c91d086893e9fdf7c52a3f2c02244eabce10ebca8cd71cc9f2dcb3db4bab966341aee92d6d5b60e4221372c55dfb242244160f6885ca53a8e01e4aa86229012bd8703f2f222c20971cb14e5d9b0e3a6e99a7cf193912973837b3c51ef23de3e22ada423ad983e6e7b9dcfe8fac0b0ac358995554e12b1cbc13fa3ab50a63e63cddcc25ea8f5dc5b53ca62726e438828f672d1af58383afc371cce7e96619c9330ac8bc0bae8a368ce443f8c8120935aa4a5f55c62bafd6c636a393e3543c687f4d407dbd16110e79fcce0c50abeb0fb1e36c4dbb3b3cd3d39f57b0b237957e56f1dd4b0bb609aec10942bfd18bb1795b99deb85f8fb54380a4077dedb9f9c0bce39cfea810ee6ceb71f7b4ac0880b8e3d1e523902a2a93528a51ec684995ef18aa9d06e42c78940f466be69dd2bdd8e08d1c818da8e41b08426465d8ec5eca11609debf32daa3736d314d540e5c771f77eded44d79b24d6330e8a60ba7651bcd397035f5c572944cbbfedf291f8435abede434f880a08acbd95e22f972ce5c7d143455486690977dc9966fc7e7b3b0fab51367ac3905d8333c24ea203e99c1ff70647bb94d6c44d0da878e4b5c7c23d8bd579cbb395b14576300ec302cf3aa0c4c6e00547e7943dcaf1495f7832f2b66461ee2398a0b815b64c43f58e10f6c4a3098ed0d927b069e5baf29d2f3cde951707e71f9b263692679dc0c46e6936e0d1d8120689ffa6462cd43ef7bcacc32efa28c6c59897e2f545103a0675c44b1a5b81e966dfe6d36ba9b22f7962843efb186479af1e1b1a71309f5e11ef822920a2a1804e430ec6140fd22e8b456d04ce290de04087c8c94f52c6a280949b186f7cf8ad841c037f5e5420c9434b654ecbfad33fe9eb2dec6030e99a10b50475c2227580862457529324b4d271c678847b9a39e2f11751d1b4953032225ebd084077cb143b4955ea764682619f3e632b264410794c94e4bb2af8ba04569e130320c451457ed32167ee4a924ff19c849bc29847213dffa0d39058c6a559c5f3073124b056b5176971ed53ba056f407dd4a0264bce59fd8d0d952f325ba6272bdc5d9f62bc605241f9f45fc24ac501046af40a325e475b7ddcb0144ce44efc01bbf64b23ec4b83dc5c69c846b6946253bea40bc5db1e6fb06e04c4152dcdc10c2e50ffd219539e01c6fbef6b3c2fffe53a561d97fbf60ac6d920aa5e2e8998f295374d8470a0d38de375cbf94d07d0d6ea015981d43b31faaf001b41a283aca0e789bb9ee9fa340c
Bordered list
View code 8320955b7f61e31a7a40a0cbe6f216aa62b98e9296e4650b7d7705ed6985640c4fcc25f7a379ccb53d060c60e1d14ea182a0401dbf2275f20903f713150b7076583cd875ba598ed052c0a6bba9f42ac82658eed1f5d26f4b640acc9c77e20a55e895ccd4d68571e30a2cd1c79d2b01035f08933f68d01e0fc2aaff29685aff90b13c90ca6ce5d4e5cfb744ff0257ebe0c1907f255c0520510cbaa01045f842c147231d8526f4d76fe0edba428a1382e636733c9e1316ebcde7fd0ae64a8e004c62eff0087b2148579092e573ce7721c3d4bc09916e08a04671ff3d90adc97578b9c8358997eaf935984786d2e89a98cbe1b6aecf011c31109d49343d1b81c10351ee478c5eca724ce6d93be30afc316820fd3b073708f4fd613be8fa15da3be15e501f594af9be0c8562158f0f4bf89ba47e787aa847761ca9c753f1cac675ecf3bbd59d4ca4f95048c4a5637170266e16fc4ffde4aaca7651b7bc9910776f158715c93b6a84f881ef870b45fe98e0c29f53525ab749362242a5248e164d52f2f1315cd59a0e80640e8423802fa979e84213cd2f1ba6931c0c08b766802ba46c2ceeebb63359cc34e03c16823049d87818a6194d036a14aa6da258ee6afe0830612e9ce9ee2da388d99fbfcb7eb8d881634957e5ee3c1851b371c3778af1821b6d48ba09d7d75cd6e69cc62de29eb574eede264167253b3dbc354b916b481dbc35b2271411473cec3c12deb123f8688b70702e737ac555f99129ef292fdd083b319947e859885a2966bb4f3348e7a45306307eac82c73ea44e2a80773f21def1509e280330f6ca6126d4a72ebb435ab5e9b440d4211f95ae170cabfe8f0f9dd750cfabebdbe0250ae5394e45d9bcebaf4010cf5abf5b6ba801ed69598c6079f306708737e9e74708d0e5e5a1e3be1f4d060fc989e16e12e4f1124362298fb88005e91b804592a34c19b9ef21caffbe36db841473f62cc3f79eeec5d0e71f4716ba69d0a30440119cbded2a75b869f4b368d89ccc0cb211ad487f9a0f33c76b234063027315811c63bb56077b4dffaeca111c263d6873b2e9949f51163ebbd69106cf21aef90008fe3456347c3bcb280926dd9478ff224819652e694ecf296873cabe04d5e2dd634d65e7010ee67cb9d6393295169d768b320f30da3e57aa1015d4152a2342377a51e7d53ce6e545f5fd5fb56a259f9ab1c3d93b28c8495c3e779c847e64303fb60ef9b77958d57cb6db1f8c0f541894503bb3e407579f50576798d13d6023f687357548f3e4602750bcdf9635392f0e8cfaab44b1603424bdbb2e5aa61bef9dca373e45a1609923ff08df84b4b17cb24377d8a68bef01368e06c414ea112dd36613edf6ff7ba9293a56a4657dc22a493586a0b1e635049855425651c24311c54b3f2ae60974dbd6580b1143b1fa24e8ecde1426d4bcc3d9735521921c2640d2180cff8beb4c2e194776283f994a8ad11fe51d5f9dfcefba7fcd4eeca1fe94c9e85bb604198cbea5267fccc07c1f522678ac520ceac35fcbab6df664b671ee2d61d4a56508953974b375c0c9c276fd9e2f50d8f25b609431f73e047ef76b3e56553b4391366f20c96d27d7df5fe2b178e0e9a2be5a8b05ebc40d5ca2766b8db02496d4ca8fcf17de904709342759714c194dd5b2286e98cd9aea9eaa082ed9a82597b2fda9e26a721866ee21d45952b121c2f3a538f21069774d7bd2d2634ebef088f4524548936b64249b8f274de5bca79226313a72d07ea0385c370cf4c5cd62c4752e8847f8c86d922a77ab8badd8dcfe21838997c0cfaa30b3caba7691791f9afe7e90ccb9dda4ce54846540ebbb9bc5dda5ac4b77755eddec6c966fe81f46f53f30042d0bc233597f82a288bf1af516cbe32113388a86a44a22c1d7364163660d0b9f14f5d7f691df069b0233fc31450eca36fbc7e1d0cd1aebe92a2d4d827fc2a94ddb29d217199e70fe38ba4396f82eb4415211ec5b9733767838779ac134dba3442c3055bb28826862861d395263dc7c4a17975433963b06a739151c5cbd2887e2ceedec97bb66e82f51b33d6270a377edd25efce43e0dedbc8f1ff6bfdb42824645ea372e18b270d233f85fbb0a2a8cc64d16cf0eda92cc072d6fc4469ce9df5f5379c309c087a675f0944b70f6228167c38f93a759f369b3ce59861fbe3bc08c1d008117adf77b81cf1266927771f100292df72d5a27078b4a54d2c3d2215d70a9080a849dc1a6939a60eccf0eb16f8434488a7cc396b0cf5495382b68e7635056a7d4b130efc819e598071413d9229b751b56ede17ebcd4f562aa8247b7ff4b71090ba6b400bf5d7c79aecb21a384ced11091b7a1953254f90ff536b6515758bf48d53b9dfde9e4382adcfae064a287bf5202fb8117ee00da44910fe1331a5d9d364ebea77636bf36d3c522362cdf2e4c5be6bd37f386c1a69d2033e7da6ab039175e5fee0fdba899328377a568ed9063a2a656173d23bbee85a53f606155c1f90ff035dd4754333e9bb043b680637ae6dc25818f57f0083cc3aeb9f21f3911c70f2596766ebd50fe79ac6cd4fa25047aa2eb5b2cc7c68a2f3855a8042c265ba2a83f38613770b50f7d21f02ec798343e7bfb2ef5eba13a3f14d11a7229e40f2c672465ebc1f3a0b73042493a1bdacd90b83cf0658e5dcbdc3349b8f92bd8ef63edb4aed7333b126ec71c8100064bb2ecff9b6105246a493262615414c9a3ef3d5c7b926986581c4c1d39a375850445bb245cd3148f405fecbd478956bc5ba41a9f870e57f0272cb9461092aeefac1fe2d6bebf241b503b6de459cf5cbcd5f51323266081b2829ff792d0fc6d16de787b289c80c53175c503b3a30139d604201962218c2fdf505cec43e8b60d78175807452e25e38da4d0feb5e58451b6f8b31e84b58a936bc3185a26fd34b4af9e2f91c371df82ec9d9c02b7030be6836eb8a8bc2cea132f1af242c7ab715340d357a72c4186fcf49a37635cc64a3806c985ec5e68b78f3893b606cf22bb8b87281517cbca79f11521c45ac20fbf3921e6a59a3f495f915ebed40d7578db983b060b86c9578098e7c08368717ececc93f91f9927211bd1605c05bbd75a79084188b4eae5e18f73083ce71325d775900e0e98dc1d63ee004aa3b4762bacb0000a49ec13819e6b9fdebc0e9b226d7ad96de436ed14f6256778091fb8b4b76f286f1adbd2084cc3bba93632390888da574c6cb06b57056bbae805c09f07269467938885fec222641592959fc7d4ab7ea30c38761df4ed2b4eb1deb5ca3a80ffb7d01099dee45858cfb43f689fb7d74e9d5446d80c15c35547e320ef22d2dae08902827caa7fb260ea1b9a2fa03d61eb73185aa0e8270524ea96a9915fb38e45450f5c963e8fad874ebd97ab97103a11502834a40c9432a8dab76a6e44f96349f7144a0f015fc19f309a370f8f19b3e37e80042589fd0c565d18b9aee3ca6f13cd8d6e69f57a26cde6061420ea79171c56a53a4e2281f8496a6e5fe7607733052ebf04c8267cb2215e95c8900e6d2dee3243e853f036b9acf72c532af68b27c5dbad5f07bd572652b2a2998c0f944ced049e8cac509840217893172e3a8d1d0caaae73a8b6dbd5ebb6452cef6c2ff81000d9134055b3431aa90ff7ac570a180043f06c64db4ef9ffeed0ccad946360c390868f6806fea3455eda5392a2f8117fe9131a860dd15e123b49dcefc008c85c33313536a52c4e1facca71249ae36724629c8c91bdc91bef605d3066c91048c2d2731a6f9255fae586845981f47b844ef7374c991f22de7427a49b6e246572201ff102fa03a429b229dfeb6f5e7c8b996170aff884603c8851e1886104590dc14d6263ef1d4520e3790d1a14b12a43a7b6c04ee1b77818a773d827ec941471cc56e0e0524756670c49d82d9cd5605d74bfe27f3abb83307e4401d0947d853d95c9218f5c7ed4caacde18dff2fcd7f737fb88d8b84715ad61ac545f9e70155772f61eaca8bc4ea61e7cc2d640dcdfdd70c792a038214ae0340c70cb3c6db4f5bb25cb72e95db86d5f15520243e96fee8b9cd6aa84934582979a5096e3e4cbae5b1cf0acff900602c61b8816430c6b121d90cd3f0d6ac5f3ae54aa526a3827bd0be44fba2fba259ff3bfa3d52065bc03839baf55253b1951abc1ad8a3e25b0e3ac499700b6a6c1ec46e9c6a2894384d533104421174129097cb3081227dcad648256428b6270275cbd2e13ff37104ba4bd37dd1a3d84d6bc0949309eaec4c21a4b98721d70b92a3e51d3bfe92e214afd4c62fe94aba3c81344026ae2a3f358533e491df9a901178238ab2616a9f00d5b6bad89b2e219b60c24cd6e87c238890ded32a74dfe5a4f96267dbba06842db4be4ea0be9c2de6ed8d7c910a31b6cde3b781280494d59cdd6f71810bb525b0a7dbaf0b78b18356c1969d86536afa7d59e600dfead3274b7e1b0bf90dcd17c41c9ab856d4cb7d6a05ab76ee23a6559ee221325184fd9a3ddf63c15b44f750e8ba48e28013b0f439008a63f10218f6d52a29365fad505505bc6d4120c01d2c04bfe676f568b1d021b2740d89a3a2b1f910f5d9998cd985e22046ce571458929ffdd67c206f0189390528930
The bordered list style supports an icon which you can have appear by adding an image with the file name article.(svg|png|jpg|jpeg) to your theme’s Assets folder.
Bordered list
View code bc6ec3b8e1af428e341306e4163c07f8dfd47612267fd7236fe85150d34039476c10f511fa36ffcf694b6fc15680ba1aa69ceda56ce7bff2418a7421db67d2b294b04e80729730b730bbc705bb1324951474644caccb267bd17c341e8a191b250cacc18d1a1032d562c0ecb82f2f6a994e8b52e6d1837fb2daf01aff4a514a30a9d90cb89ebb2db8a841171e8e7965cb364ac26de4f292f16d2b943c8ff8a1e91a6026617dce5cda7fb02cfac83c718162fe08740847d4c687f2d4195ec138b5289ef93fd266dc6bc5939526972dd9bb3d2654a6548b1c514386f1cad6853ed8bfada5e519c89a4d9ca066b62c38e817fc51bba498b93b603e3b62097f680816aeeaab2f4f0da55456ddbbcfd38c1e6feeefc006c7d78c2b08b18e34435136752ee3b3a3c97bd91535296bd882b037252ef013f823a0f5fafdee131c47061d7b44baf3cdcfcdc2aa93672ff624fd80eee59db0375f3e118de01c25bb3c0aa5913721ae7cd5e677a3728b97bf254ade55dff606de364e0300f7f4114fb03df70d213c757c560b5eb75ef388f336d53a23b956cee2be684a76bced859f8c308f9052dead5882316b5ffeb302cf67f20deeaae2fbf4c6f749e373b44e985f26185579945a3dee27e72d7d1bc34abdf2edcf28c761dcf1c6f92562b7f6449356236445e118a811c059e6976343b59260038e877740d95f35768a8a3cc302183b862c2969ead2bd7a6ecce54cec5d04cb4347e29b22e4c725056b6374d42071dd1edff1bd9f608e3cf8c3e87320b4b8bdd4cf2c36f38f93f4caf34d8e95104b4c2a8b21b7dd37b486bb496644e1f9c1f262fd8c24f4430d172a673af34dec4e862a5e3ebe8be5116b5a8e9015faca4ef4d6c64ab2e583d48454329c6992f4bf0957539b41e9d10eae1d7e2d5cb65faf6a881d9c5e1c8fe5c428c56f397123d60c672b2db95d8960016aaf675fef0f59aa705b2317f682b907a821546098b4b223367a6652ce8090e0c6aa38ed82c91555c662fc139b2e3554f2c31114b4e329c67be70b5980066698209ccd542e3083160aaf8a0db99b05a79e7d5cb0ac12b5fd04f4bc5e4882690420f0501cb8cd5ca79e97323f1771285b9d83dd47567f5a46fe8d512893caa113826a5ddbdd3962a534152e4780926c3a5f86bb0586ec179f4b3c1e94e8385611b3caa0258a440838fdc2c42d5306540bdc070ae188c3843973b227e84f907367e4d9872576590d13082d961a757d52eb2400c9c354c0ce34f1be3980069d86878d30d62244ef520f63133d50e82f71a57b62d1bcb1c10032a9efdbbc0ddb9f58a790d4d21a0177427cbbb0f469b5cb5e05c52e418c984af13a3a644a8f330df05fc528913cee1f3b7f94df2a6035d58a54a0d71b3995519fa383b771b9f55ce6c9df771f83cb4be0e3300284068489677a437d0d43ac881883909044e1a67e58364ea63a089531d065fb7183d4eda36a6e9f57c35af069d5f2d9dd73a21e0f3037b395d3b78e3088f05490d7315e5565139f677873915fb6ed02da3fcbcd1da8b2f4e1e2dcb5e8ffa26858c54cf35beb8bc35de8a261cd78faad7f3d0a723e344793d64f72851e9fb96e84adc29760128bac48e2d1036833513e0f43761ced5aaa48b0bafd713efa4caefe5a4e6e8ddaaf38984257920fe5f3522835d5bb0d05286912e78901dd13eec8c747a643ee71e1bc9ae1b070115f67288369827cf1fe0d2df7060846d4af3e7188e401e90a42a1349a66da0654af7598e04e8920665b9722950ef1c98fdf4ebfdfee5f97212db3ba4f00c3f45c118c7adde4856a435d85bb15b66fa75f8c5326356c8665970962d92dbb8354e39eef5ac244c39509462794f3377f621e270836c44a4c4fef06e644a73a4fba42762b68445a58eba9afa442bb15f9c1210f0b49c90122000533195cd5349d9358c34b9947ae1f26dd22a407665fe32c94f74291be622c4702ec93e7ae7e1d828a5580bbac2e8feae0afc189a51a33d4fad93785ab6f2b783577f12d697c2f2d7e9166d998cfae4c9a3db6be12631b2df0c0d6349602cc5560b6c6c89d4d639c7576243be4c2318aef47c9b54173549ef2ff48d124abfc4fe4986c11facda460e81419a442d1b17c618a58316e2ce43d6aa36dee3bdd6010c680ddcb7b35a74e1fe3db995881a477ff66bb716685887bde2b1853eda6653a47839b80b4ff587a9213220d02f0ca3f97d966c9444bb0130f94c26c3e3f35eaa7b03e10827634bd2f15eb41440e0d68f8fe4d231f8d04dcca4bfabbfc42ec7ab3aa3791233afa47fef5b056dd55a76b35266cd2d7fe7e24e29cf452614f001aa930d2a173ef93e9bd16ec89c0b122f401e0b0b4cdf7650c7745c6ab5b6ae33031b3b1fc760216240842ea21fc94b66749d75145f46009e82821d61ca9f3dda4b96f1e5c40eac64fcbed2505323d4dbc1fd3dcaf7c2facb00558fe3e09fb83f1ac762f74e2ad7000bf7921c1f22ee0f14d9cc091946c0a03e9c8319e927c18a070eac4623a240efd16b308c29b77c7a34332c75b4c04818ee49074adb1437064b805cd0cb10802ac2ea5c262251ee52de67ebdaa567cd5adcd23f4c80f09debc4d22e024504c76970b2359d09e426e8c2b6812f8205749a118b23ed4444b043060fafc08ac70835857908a710214d87366b93fb4f9ed3d8d7732039bfbd4615099d552298b44ce2d615a0b52dd69bf122cda755da40952b36dcdd41af769ee639c1f84ef9e19fc4cd1a058dfd0a593b2a84dee82d7d8183a70d86184f12e1f48e1f187592441dc40d8256d27c8aec9a93a8e8283df1734986c2b744f1b1edbb7000a669cbeb9c958bb30861acc6aa64ff2bc3c10630b6792fe93c2497fb7ca5265615b2042fe176e8eec09720aaf9aee96b8ec4b673232044c121f713b06bbae1ca3ed121055dae6140fac9cff3443c5bb1f206768a7eb6735c25f49999b6a9c10a0cccf565f93392879e3d727236a121129750165709254035ac132445b55b96841153a9354e4d8c5311e2173e2fa9c3a7b8bac27ec76933d66150f871c36a171b22cd73c0c3c6c68bf2f823aaee9ca03173b248d5867410001bd02dd804ac0cb6c483792e1b6775daae653c583257633020898b70e367d4ce33edbdde56ea323f35a740efbd5aa6c76022067b590f8879409535c9b842cad2fb534e8c1e84e99c1011e5c9b9184cc72f824c7443ec1f03d1743d95a3b489a097a7b74b852f146f03f98e38da9bb4280d8c15f2401930889fe9f28e307ad57a55e6575ea9af568b77c51e940730b8205bdef5ed53e265eecaa4a396d5d5928b6ced1c074b73005c2149d64b4113155b5c38922832a5353a87495d4ca54002c8f5f7e9e7bc48f6fd11dd452c3c3a3fc22e947f9df99d9580698e6226da02c1d62256b76cd15f2b4b94511a24707ed788b014f57284ea1561d1d3edc9e309ea30abaa4365cc77232b0d866a6f056ef3d88d67a6af2a3aaca60860f8ccb5dbb7d8957c1fc2131ca9155ab594e80d46b5d11d93efc50b45e6aff8b15965ec358fa0c13973fbe24b3be932657cce09604d6aa8f267c381f2af49af82a3e3470c0854f5864fc3a744659c7682ec1e8b7a27e9e165a7dd31d3686565baa10daca063a9705701102ec1f8ed6b44a1d0483c53a1a26905adfe870a9fcf72285f49a95a2c727c3900ddd33f01ec863f93f4a5250b0b33b9bf1ca60de6ee544e81d6372897a09c71a8aaaca16f3efe971ac512c37999f05264b252de414c187b15b3d38b4258b59e71c31ffa97779e64715562cd53ecf65f410753294f651488597e4b71211b5ec344e053aa08baeb6d087277415d08f5f5414c65175613e281b7b06be6d16b808d4f1e5fde5fdf1d83f01dc551373554cfaf317962ec0e8a0db3cad40d2f692283a2ccb7cae7da5767ac4625b54939a6fb95c3fa8b5efabc44236c6368d4c05c80180753685062cb0b24024536eba6326fa59026e3015d442c4afc4c17565cc707d4d25a3d03a316ec703947be3c75fa4871d5216863f7709fe3209ac071ce723896083869fe7bfd3d412d8a03bbb4ce40d189fbc5d388bc5f333ccefb646d0bf3839c4a388c7fc11fba43779d518d635888fc7facb9894d9de040be435a5a5f66334d396bc2e97b23524177db498fb7e5057363f45f98c8429f77326b5c7fcf707a78fb47acfca29ea01925909d7f044585132a9cee747a9e24b9b0ac796b0e85a7121d637942a35a666b2c1a5e01ba3ac1b385b39a34ebe131dacd05b1541a11e1f2b612a7048c4a7e4302baa1e997a85476a2a3a33f46c1a9246ba3c8800d9fde721f4dfa59e86140b83b46a8177c707260a9532ffac8cf1344052fef79cf1b4447d58d30c553377448c18411483d586c1c8547ad5375c8f4251e6ed259de45d019daffc7a86249b57c9d54e44c6f26ac7415303677d749e7054a641c6f2f41406e8e5d5341b1083bdf98e9b880249c08cd406d4c1deeee6a3b9e04efbb173a9f5f9903eea41d83d11a0ea2f7c2bea0cda189ed1ab015a29a65d22a66d0d90d384272e5856873f65587aec91519ac5153971b41e45b4e4aafa6f52c2ed76470635676d39aa33743a12c56dc1f7bc6e
Because each of the styles above are already built in to our themes, there’s no need to copy the micro-template. You can simply select the style you wish to use from the Article list style setting.
Custom styles
Bullet list with icons replacing bullets
View code 8d48ff2609bc67f71adaa538d8a31becb46f7aed3a88c07fa9433f16d7e2b01d5f880eca1f3fa6b22119cdd121b2801e07951402e4385d14315f86384a7a463f4fd28323025f47d81636fa8b0ecd3aa03c8d2f0b0f16a6b82efeddd9f79fc1559462ab92609f54363c4591758494172e084a06b4e21747d4ba29877e15e86668732859b39556a1d97dfa2442f0639f87e4deb82553b67ff8ddfe9bc956d6e3a45530fd1ec08c49ec4550132ca5697b03b649cf10450d9cd63ce6eac0ed1f6f34fc389b3387bd8a322715c5adc42a8da520f9da1fb385bd5b931297818266360701c8d51feb9be7c6803b2de154d102569ac8269396356d1e23b6d05f2d8b1ed5b2a6e6a3d73bdc94efd86e4c19b6d292d9a726b2181f951e1bdbb915f05ce0e6564fa63c3b23787e1839b362e75da444f1719c3d8c13200759c3b988280f1fe6a1d3a2b4e004cde4d4926e2855138d049786d32ba03f4aff1f1d9c26b51b889ab9147cf0965efdb9e7477dfafa4407b1674fc34094578179e8af1658b991a5ff1c7013164a3eee32db69e2e070b20d68c903858ab60f7f0d21f1022d06143afffa31813575836c508128709dd48ed169253db1b23934dd695753d4358c14614fd4dcb14b0604214e2ba2c1955085e2ce81a674aed3f98ca3352cf273b50cd09822f7fe965788bd8c81740eb0229c3e43683b160c0a8603e7744ff7d847108e5cb47eb7f96b82083f5e8584049f3da4527b471a2891401f3d375fcb2d0148b6b665cad2a0ded916701ce2b7237f1e8f04ab8455bc3d49e07d2e66473d9f5453bd1b200db894602365e34613691d4456990ea9dc0b7910c5753105b4b4962600a66172442f6c56c4e6a2b6cd13ce465d4a79b32e43c6f7b5fc17307b5048bd7af5cf1f485a0dbb3db64fb28a6a66d430dd8cd1b2620e8b726a8c0c64ee5b730e8a4fb0b4b6179e10bcea4a20c21dc2ffb00a3e4be1e312170e8dd4609dafea4bbd8edf4ce7be39d31c7c9b76df16910926286d7655a3a42455e30fbb59d871c994fc231b2f6cdc3871557de9a47747081ae344c2c76178cf74e6fbc08742b2c98707a4c4900b3ee3a4de66a1a738bda9d9bac0603d0ff0356fdb3886caf232b0433f345b0b5a2f65361e8449df8edc3ee260eb6905052be654c8629d77eda51b578ac77818781cb98f4b13aba5ad7c55d7f0361cd81df2a28d23cfa858c82082857b1f17634e37958a405ad10c26c670fb8e2d27f8c035ca5c576dd6f4410d986a880571abd53ad783676ca0c53c1248381126097d773bd0d82cffc701792238c0e378eb507242557bd5d8b93456633dde47a946d2070b048a1feee86c1fc4a981b7b900df2bde987711cef030c17c9d27e7c758cc727c189bb15281d1a44e04d4f26c8031e32f0083b59d2b1d507a63fee1e0ceaf9b34aa7e8f7883d067b4d73fa2fd5fdc5a12bfd497ab08eb778577793a2e64dd2e4e1d8179bc225948a5b72d8b79343b003fee70bdf4bb3d59fe27837c30b2f61d7b03af3a01e1719ea67f8fa5da168cbb9fd7e7c38116b509b5a71783443586e9f864d58684346084a53396f071db465a1e4365a76fd7b3525cf0a1faa9b9f8e01e242ed5bbd5d0290fea2f56708e0d9197234816e28156ce03044cb467f9d788c6bd04af4b4425093d836749c2e0c7a8f8def031d21a2ea561f480aa5d9499aea23ef78078ae4cfe50b99921a54647fce7e5383ef1c866116939e0b5788e0dd7c15c87c66764b86889f2f60856d90bdf774adb8688bffb2fac009e0e61e700955987a59821080d340c5964b9fac7ea38b3e17080e5b3a9c3284a704d94e50af5c8488cc9f078270d208fd57db7c5e3cf0657f592f10f6740e3672df666984aa4ed28bd9d7ec6538efca2251c005d55c56647de4e6afcd001b580f30c38ddf81955e7ba9ef0b8f9dfdac0d2955592e9b1191c97068f06a0ae27385aa92dcb5d1232e29b1ba9ca1e241a5db86a55efa2450ceb6dc1359fdd98771ba742eff51e3a5d0178beb3d0c533ab0f4c78674ec2758b63281cf72cf69b3f902e147cca7e2637da65dd59a3b3e5a627bea0117505f9427d7cf15e2fc8cd3f707cf67dbf9beb09c89f93b9a3502d06e464b229d304ff7378a3974745c04508654badc24395e203b5a8f85cc655b121265d6e696fc4e997c861fd7e10b6b5fc215efb824c06e16847cd4643fc50f5b8eb3c816006f404b73b0e8791d221ed0123fe2dfd528717445a700694d3f00b3b072fea3e57dae32c84c5e2c3c1e858326d9dfd76816675124dac14ddffd344c51daadaeba530ada4e00dda388823a67f6acbfeaf61bf74d42fa73dd63203e2f3860c2ab5879372d4aea3e0a9bb1f5dd8ba953049bf1ec3b48c4a16e21c9c7e42b450c3295495313fd0a82966e2a45e3b498849bf995898eb7c4b8c333cc07e96dca0146c98a801dbed94bd15491cbae7cfd454d53a8594e5b586d7939b81655cb08ec56623d1f364837582b7411c74a422998e9af21b95cf6e9c5a43fbe1fc6f6331e691d575d44cac27f7d30d69109f034a112b9bea6755668970a7e71a5bb0285becac4af5ff19822f580a33aac33042dba3ea26a34cd3139bc324843a413e60f251936f9f7f5fe1a20592366a1a38506731a3142819a7eb9a994a3c0fb05e680f44f7a54761234ec452f27d23c91299ed2d49d3b87164b0e14fd600e93eea470eb555c0bae51824746b211a08fd8769c85abbd1b9cfea441365c11ef857f13122fab5a802d6bdd697d0a0e845e5654dd3f066c6e136afaf9b7fe62e90f65c21ffc6c086883c53f54d61136a48f82c380a377ca3ac82b61b776a58abd23c589354fd29765ce518db6a3286d5513af2c1c873789516349edef4211a24d6c8696b4bef15fddf7b8ef34b00e2a5e7249aea38da00a057486bffc6ca69a184a3fd8a8fc61197b4ff06ca1406598fabca390beb2a542b262314740ece5032f02ce7dedefdba2449635e5c839e9109667d7df4d96d4fff24a1860773230d06c066b01ef854165cebae486179d4788050fee24d385413fd7370f7d3d91ea3e8736c863322d9780acb74341f9140c5bc3b16fe52723f9822de78d7014b41e7edf6ed65a3595d989ba82d44aa03a49ffd958f7004ee543512b5dbab702b6eaf6f80846932384c2afe3fa5d38b422e81f73d81db6f1062f57a5029cc733d6914f7b8d813736ba78ff10d8a98e220c5b8e245cc411927a773325eb0354cf96713967b68f43582200dc63f0b86fe2fb3ba3097ac25150534f3b13f1317929c3f9c16a1b390f7a64db0fcb3edf04d87a81c30fa7c142dcceace1e99c87a5cf9ecf94495019890f39691d11ba217afc17ec0925c61db432b7bc7eaa4fce8968e3de430251c6d88f0c9ac107c37ff1a1fbb370421638d3809136a3924501944bae00e23394554e2197b4b8be6fa028fde1385ee975db514cd73c3b1f0121a3a1ee3b55662134988c8d16d945b95bd1156ed356fb394536ae68a59af7d95b6c9b713b7db2e26777e350e2bdbba692b5df9e48621b9b8742f781a074b2cd8b47f285acfa1868852d1973dc36b7e79cbb320da6db0bf88592f466d0c4149ea15ef9feaf22778d5efd6c53782f4da9d5a0fc4a3bb186010833d4fe133819e7ec338061872f8e6a365fa4f339c8bc465c4018a1b3390a9bcb4b02f5c2c6ab61956f13a7534b56856e2d46ef8a29cf31e66517e0c61e2040e2605dfd598b718265740df6fd22623a4e8e6379a70fe4c4062ccdbfc9f101aa15e7d58ddcfe784ed5a6f5e0d89606cb30d8c0c2fdcf43affe3e9970b4fe1af76e573442e3787e61cb432d5a96bec488f1f246d6cc6d446b6e8534c89d6cf07d6e688f1466cca0bda1946386036c22b37bd20b67c93e218a485205eb82382bc7a671eb0a728bb9293e11a3068a22a5871b8e12863be67025fa5c87c24f6ceae4169e66e175f25b63c9da2c9489f7663d70d656452cb791f5793ed11c891db221965c332e99fc28ac7ac2ab109b878234292ec88d079ec196e9cfba30eb961d26071ca7526a16c1f9e9138ca98c27cf097349b88df5bb1ce825563b08f34b42e893e87077e6505d9a4d8893295d72c8a4017fecdc9e57812df5626a577e7149c7cd6656e3b316be926ec8a94929908d93e88944de987d908b323c2fff72c45457771f11095dd72b3aa22be967fb716f7790d511829fd583a05e35d97d378c65efbdf11b8637d745736730065d6a518ec783d07c6c11290f388807b26a10574bfa3d619c01f7de0a3c97e10e7e3755279bf63bc210c2e6bfa97d1313d0937377da6b7abb84a30277d975d5e465371ec05c4225bc3be1dea80d18340a4c557e1caf0461edb637f201b66c857f7cac9624988c88068cca18ec52560dfb72f720ddae41edaea531d393d2faf707ee01d2af5d276c21003d8e6c9a797d993f24e9b0ab46b1ce927e6cca529aacead1af6a7263b8c74d72a46b03f45133021a6bd24161c93e6f37214f69395f182ed97cd9373063519fccf7ae6657dc97f483476e1e4f739e11be5d9addd7a7d9b173af0bbed5f26fd0cad13ab4ba05e2e8e9637e33ef16e0c38900aac8025ddbd566341af53623be9be20380f21c16f0f7beebb402a1ab2fb1b47562fb6bfdcadd4c1e3076253d5f4f5a974ab2fa4a0df45ef03f371f6ac80282bcdb713a2ca0f77c8f2433c6cdaa5b1208de84772e7ba159e5534cd5348e6cf7b0be9378b64528db2a909a43bc1ca2242e223ca3f747c0960f86022ca5b300691c815cc900f34c03c724eebeb62e915255536dfe15ecb0588f812caf18b70eb3e11351d85dd53992cdf0a4d58e4e5f6a1684605e3db687591e71e2f38ee3dcc415e50adbeb1924e2114a16ade41de59fa4cce472a3e0875986551c4cacee13afa21311170cbb993cc3580e0c89def6c2806f341cf7b909d8b15042d756d8d0e8ce82ef9074ec134fa4f360ea1fb75675bb4d7afc17b68a80ad8df2b4c4ed81131d53a7ac4090a8d2658d3746d258640ce6472a5cc0f3c09c08d04eaaadee1c3527aaa84ab2382160ed6eaeadc3c3fa8a10b72777059c0cfa5639bc8e8af1fe2
Bullet list with larger list items
View code ea0843977558d53f62d0c49397f60bf52f812ca3b6ba8d76eb038c26286ada69b8b38c4879dd268525af3bb8ceaa27ad3e871b553259a5f8e7aeed4b384a697623f8d3a280d94089dc75f432d9f1f3e06f108075a6651cf5ff9a56be13c9702a1686c8a836b8fe8be5370f8689b6e999428e0fbe37ab260e6c96446d62cbb86a64c329808a15fbb569b6a899508e8d86df3ba9a85b14a152383ed8552edd7626382c4e3b8a56564434ada939cc696328581b83aa3f681b55a3a68204b551c92562d345a8eaf1c8a5fbed080eb1645ff5f5eaa70be66b0621d0c730769f7910ef30a23c1dfbe436165f03392ca55d35501d5c50bcfc3eda85db4e9e3e666a22b6fb0102c4c1839ef87f4e76d03892994616d3d04aa9fb4369a3ee68dfbab781b15b1ae9d16c4427c9a891dd6a0c5aa91386777fd4f197ae29aee5fe40ffdeb2fdfc72dd9b888c26610e15cc4cb26263419c918ed30ee869f0cb4466debec501dba97477199fa1001b40b4ed89ee61d0c6642335c9fb0a1986988253292b68c7952be9748e54c7db20ed34a19c7cb7555cc0d49e8267acea8d907bebf7ab0f68f133ec89ac6516ba0801b6a08ef6701eeecea45dc5f31f139f7577e9a3dda4dacd87f28419ca7a226d2426ebc9d8e7f4fe32b90ca6fd20bac71b91d2070ab0867262cb50a7858241b4bb744a6f5224f4b63b9d7f90617aaa2c03149ad3fbe0aacda38332528e1fca76d7784d0fa95b1cc2224d39ac79650e6c6c4456dc891b8209cc110dced96b19484fd9c0f283a543d830c5e749a701d8758c3b05b59b01b393d5210e54b669f59663b3ae151ab431fe65b7b3e4cc2368d114cd1bc48d7b243f1738a1233f4854b37ed1c213e8042bfaf7dfeb13af4324a29ee440e61140d58c6620ad7a389243a5dda97884705f63f1b3f46a98958be747fc161a8709b18b25fc410b61cc00544c8899b62eb458b240e1e4d8e23dcb062c1426bb9b0b6cf66c487aaad48cc21f32505e64d4a7854d511cd6e6441eb97bd02234cc28dfb12d1365039ff6356c9c473a8a2886b06594485e02eac2b8ff694fdcb9458330e0636456d0893f79769a7817c8a004578c731037f1ffcff994743d894a94435fef6dbf7153f26ab7bc5bf9618b6e543ade8fee164ac41059208a8e0fbe105dfb2b1dd0c221f2363c686ad056e2fbaa1221cbb82b1a34cb8b69feea9c3624955df9badcfbd99d2a806cbfe5ef393925cdfc75675f4fbff68f2d0ad0f1368aeb202a03eef466f18ef95812a5183279cd506d9494f0c04867d2e8c163d0b35d74ae7851ad0d164298aa366cbb2841fd56293a1101c2e487c5382a5bb0f2469c3410f9218943860aee0d88235fdd59be952d4cdbc66ddb468d9d0fe3539fa5eeb59279ca3dc6b0418239c3a4a5c60424bfc06263173a2dd0af2f3c44d05c4e3a61561396f1303b2803ce10e55752c64abbcc5988bf12a7cdf16addaf7947cd520400e39c4a8cca50501bb910e7ebe3034712f2c2bc33573165118e9cb64325ffa64a4d3b8ca9e0f13bd9b4a1469eaa086fca4fd694fb248f55bf31be46b9c9c45f4af81c4cea68ad544dfd73975c080598eb118de582835e19ba2c92dce732509bea73534336f9ac1ead726aecd2b65317e543f2ac26d23e9bac783b01c27d31deb974ec1458a65780f577f2ae846e30b96fe77cf9c0ab431884caf239c8d87f435679534a82e3580b5b75ac8bdbe5a40f410e411a8a36df39cbe476d38ab97e9e398989e1b480e8f4f2c584335365a2fb774cec026726e7260195e2606adf19d85884ba84f61f11c71ff9b5f7debc969feffe2ba3b7651587d8be1e10fc436ea0307eeaa33d136fd0a2b79b1a4457c19095829bc562e4ea1f32820812fb187ebe4d620d389737ca778213212dfcd6ab2e4a8e01fbc5e67b1226bd102a946c17764e433c9c3fc7d0c4dc5b8307ef1e51bb79bcf564588c0ff5dc2d66066492461d31f00ed0c53e39bf4d37fde9e203ea453df895ca57686c0d57e36954dd8fc0aaed6da73cb3ca327464b42d9b29ba61ad6bcf249438edf7b953102595450fd91157d0d1dff864105c76ddbfa0ddeb7c8405ac4b882f02fadf73e8e6c8e41990a69f83cf72eeb8f75e216fe25cd8ea27d31055d4e0e293ad700754efc7430bebf5434827ad35e04f624d5c5ffc9dd77eac7331d013cc009c2e5f427db3fe3f203ce71a843cf6cd218747602ba5a8f8742c7fe0050396dbc78bcd269c7c1186f8a88962a7bd424c3d7f741f5f1abf2469f1856d53011022b80e35ed4fa942e24184e54b192caf9ad982d6c142e037f6110672fd48cbd5a69d5f5b266b658bf1c7f0a529fd0e9ca803a728e6d13c6b51733f214d6172a9d86026b1e5d5169d12a173762eee9d7a1ae5a40c89113cdcd336b5e23dc153d9777c2a12528e94f29d2ecf309f405ab13a6ac7f7865f7506a303fbfa00518aab5656bc4fa660c8639e9161c1467f090a24dfba3e0f34c75e95317820e518f13e01cd049a53972c8b2dc2c21aec66393a6c92e7d9b9e3f66e77ae9a6d3103742f5346d59e182c3cddb8a2c3d085d598588b2015d07273da4aa843aae7d25dbad99a8fa10fb7a4503156c534efa3c1f9df048f18242b8f3902e227839a004d027923b58524314b534270c88c4979344f4277286d8aa90f67f0f8416801fc3a550fe788c5e544ee691b7bc7ad4e436e7b8afe3dff31db2036468e3aea2f35b4bbd3facf173ab0174c025fb8fc674bb813e45bdfa0fab9f7f6a096e78349775c79bfc5eacd049ee4c027fcb9f69e89cef337bc4d3604901ecd3187190df4880023fa708275d594268f514eda12a6aba447c9a513175e85f038565b4472029a041a2f6a9d24896712c83aec33259687f848efd5f1f0fc319a3db060c000acaef4a53356c18fb76f09102c8b24e7fbc05757767992a7de11dd65f65d04377034661f6f14624a579e07df780b02093a35ecf82527bcf3eeae88621e9bb203d77559f6bb22d674890863e31ea8036a8c5bfffbecc000d453d1d51edfc4a08135858aa77abac638c2f32911d9827c6c1803010abe1b2d5b35ea7679f61dcdd88c2a6bd891aa8e18a6509edcb32ed949ae13148a3e39ae981661a7f167bad5b0b910a745067edbfb8a9796bb3465fcad4c7be6efcc61bc71f0547276a918822ffa2445a9596d9b6899d17ab4cd4c0504d28faabe2e3d36b635ac12a472db345962105b8c4712f05a34661272a59737a06274db3680f5476686009d050984be1f1e034777ee060f8eb5a54c4919ac491ac4368aa61db367462005acc12afc1e9530ade737f13be2aebce18cea257dfcaebcaaaad7683eb54c46e4a4cc2127e92983faa0f536b6dfbde0564e80b7a4783f5a17db04ca9fe7c5b4012b00c5c30e5d12d7218382f93ee3ddb3f5904c7edc40fd4b137b03d0359327ca7af70a3b3467c2e4dc3e8182ed72ea0bae81b31fa1b83a9d33fd96a4a61f8743faef956bb7313abce27462af43c6c25963ad99858da28b3f66c37cb868e87c0dc93bc4692e8635d93bcf113611b8cac999bd1f1960ebc310969a7484113e26df9813a84218550536e3c6145a7041df9d02df28272f9fd72c4caf7d09f5f7593ee96a48a4bb0fd337ad3e551ede653da0ab0ff13e8fa84621c04fc5b93365db93fc3006411ec1feb52c3c02ca96fc26bbbd93de907672281944d55c2b8dc17393ea545d7ca34c0c978737e9b174d066a6af080f8545509d5a619add01fd5ec8c9ad172458dd67f0800c957e1b662432ff7d38ca720680190b2afb3b4a906c7697aef78e0334020fe87212d43dd3777a7debc86944818a4020ca574373b1f22ad0e0b460f996c1ce2e9de7ab08e9e1f02725df3f8d18139e11cbcd0a6a4cf364d12e9dafeae64a1f8afe6ddd24c332502b26c8351f1e561e0da8350f620b77ae8e9019f446e26c7d517970467ac4914b4b1f629cce37275f09ba76fe6f6b90c71fcc9a4c52a08c541e38006d1213cc01ccfd34fe75ea4579b9cd4849220640d21f83066704a4c570225a54858e01a541c903e382e9042571a1da52cad8959deb03dc5f03d7e99642926b7420dbd3591109a5bc387d0e4dd45906e9c8d12d92e73a800195c6f3640c5d19a91eea0cc27bc0e8a230c0951c9b17a2810c00681a721fe81c2f0f5cc5ccca33e2429393bdfc46e7960dedaa36f5dac5dc006cf6239ee281e2b217f500c9770bfc3814237091b1e9b6abbce0ff5b3fa5c83d0c56205d89f66f75c5498af0f8edd06c52b6d24460ea276ff2b4c9ac9eaacb9299d6963736854acf4065bc74f19442855e6160cbd091265cd7d071a85e80f8b86c679da4740a24f6856d5fe9293655ab5be58b1d96758df1a974e7bb91936c1dacd5aad6d63ddfd21f9eebc4b2da6eac7b3a1fde48caf2274ca247a02f58dab621f77457980d0bcdf49a00db069fd0c6fd3f6214b5dad7d5e67ad1add4f3b20b52d7c13f3c2e2cd9092d52e658432d5d3e86ef03ac6013e9c3bd54a0d1c9add54d2d11c3423e4b7728d5f89e4243af8a5b451238a4dc0267f1b480a1c94b026eb4ac372c9f88c5ab06177351498ebf4a21dfc26221cc375d9f4723e7c3c9d076ea7708d3181259f56e7b2d25a6fcf2481d49054008badf8dc8816a4823ed679a93be70a133b55413763266d8e2906a3a31f775a7f3760c6fa3bb3054797e3016cee794f12246f6614f69a7abb8aa6f51d5fbb41940b334a6132e0862ed949753a6b4d2aa3e0a64ece25a233426aba9c0aefbc2e618646db97702005396d6bbb7e9553190829c6d80c3b8e6d1948f03ba1bac717147a37b61818a2d373592c117dccb0c92737024b9cf7001ce4366a6664303acd641b8beb6261012940aaa41b75339a1d2d98dcd9902b17a582a8222628722905f320dbd6dfdeb450bd15456a1d42d635bbcf7c8a1a182d66e26c844d266f2a2509a203fd4d825282c626c10637dfa5cafe1c3419011cf024f6a40d5964fe72d8198ca309fadfd460602042962ba28ff03cb5adae5711374ec7d7fa678440a6308eefca6d8f0c7db57b35849740dda71c2ccd5c72aa18f1358a65cd3f399d5575fd8a577965ea85cb4f6bf9b6375b774a4fd45608c4d286c26bd177a8bbbabe835d478578cb03aa91393a6f16afbef0fecb4e7e88bc767b23d383bb313229b126d58d6126079db6d2d63e61539bccea3725728902c8bd45d567ab9584d64aa5652c9e3379aaac4f9f714701b72f3603f908ee517d941b764e97740b3f776b54ca3fc1f2aae3d6313301b3a73e927db0a7a52f2ce0463f731956b4f00a5fe10993790a4eb8d533b4475cb250ff669532a654479a7794ce0ea92455ec38a30fa7e4cab1ea3c46580e0e0d90cffa31c20e3dcda710888e4b551c8c928f9
Bordered list with larger list items
View code 680338258bca6eb14048bcc0f85d7812fc1682e0c4d0518602b1e41476c89bb6c4ef83c85697b692d17e9fa01965a2fb296cf2a157d2a8d3607185f3667f1bb63fdfd9dddf9728f69edb6b5eaa36412804d066d2645de839151c93d23d1cb467a9298d5dce6ed03acfdd0edac4407d0855e4a1ce1000d51a704deb174a3f21e367bfa5f50dd8e10f71ce9480953005b46deb5aae274529c08cda8d382982da25a47a8555ae22b2abacb9463e5d90a8c0118fb899b2ad288a3585613a19a18d35b6afe2a632057084bec921c1b49609085191846f0de6d0c3d23792580407a129ed6bcccf69ecf876a1073da78776d55f3c7b0e4ea5fcaf0f90e17538fb58b47deb329d69f8041ff81896dff6653a3bcff23b29242379debc519c368c7cfa8b4c01aba9cfc0d174ee103bd0ce1e9f06b3fefd68ef6b7d4c6eb04ac80dd516590700c36e35239f7ba94953541373ec28d794de5f0d118f6d8a8f06b5b6b2f3dc36656ef3bd60639941f1a97c830876c00ec6849773947e95450a0cdf253100f554c50c1f10b151b1695988b0cf9a4ea5cba1c4cd733af2d4a6e42f4f2a80ae75ab0a45cecad9d7c49e08d1c6ebbb827788f239f5e3d9626ca96f9f3b86b8037e2bbe4d42fd618974e19e381baabb0861a9a5e7bbe5110eaf879ba4f1e1f48d2cf690cec25f3af2ff9fdcf3a912e1722d1217e5f7c2eeb41b936374167cd948f955565d845be8242229bbaed27e2b17663226177b9df342fe13fcc2fd0be0fe8775885957b07236d941bc96bca246d0510a1fdccb24d2762a26c76675377a1b3b0ce74212fc90804df98cc23a7d43af956e9ea2b357f57ec069d50aac3a439afc1be5daf62a1fa15886c8e09fef6ab767a2d886f34dd445f733cd258a7e9bb0197fb400f25e9cc5625ebd1216741c09e87312c03a01ca1db9aaab569b7ce76db3915adc7b1be9ed86af861d4b4a751dce20fea874578b5c107a93083bdbbd9c60f78472cbbc3c5cdb056a5d0cbd332935c23114f1e7514d352eef9c532114f18f6fa25de3f4251990019c028f0adbdeb085744d413be805bfe75c61ba0232d9fc25508e68786eaadd826d731b2a7dd8260558be7d11f66f1f1382cdd96fd92c5f3f53027c2a99aad45538d60e6a07261597f44697f6aff0e4caf94b3eefe8379ad6f725fd272e6e03afe976d2857b6820b96906a94a9ebcde838b0ee0ce95c044d372f69fc83cdf15791610a7a281555b2076f1e80bf5780eaff33a6182391a933ec3cef109b169a755724c1ad10c8116e18fc4927c241976487151239808cdbebfa5391b090daffdbe3ff41760aaf74e9912ca024b27ed22b6707af4f1f405eea83f0a3fcab90d0a9fe50e554450e1a8b6b96c3e3a80c8ccecdfe18b1c2f92a67b0e0929a64d1f96d8248f86f21aa892eff4a5868029aec44fc31e35ad8878cbee605ccdb11ca21183f74bac7d9b1febe4b4260fb5b97ede6b15ceb586c09dac186a869c77aa18753c977279eff5bd71cc08314ce96e82db8dcc824f58dd9f981f2bb4b97f95fd346802b673840a1573637dc5ce2366243621dd712a4773c36e7750b132cab9ac21bb1040c031a5513937f4e694ab2922534e5747dcddf3ee73142f500107a3edf3398071ff814730261d077b4285ff415fdf729cadb56bba3c56f406446b3b27f4947aea9d6b7f1d88f46ade1b52a9584dac41f11902cf1925d507f63354333f333b5d57b0126948e8cab35b85c46a7e1afe76833515d37e792c2d7a1d82302b5e7f3fb5e37d927cf9797998d2d6f32de07446a4e1dcd9287d82bdd43999253868b0dc5487db82568860a2365a71f57a922d9e2db99dd335cc2b5969945d6d14e85436f5fa3cd99b32ff82d7347c3e1148ade036c8e82736ac63d17b8f12e96bada0ede5209917d29111381e6286f3a8cd8453e8c2a5a172193e29862f1408b7b449adadf97011f7c8986937428065a9d9aa383d3c83118ec2487c3c8c0e9417f09f9aecca5fd9830288f2a5699bceabc737ed45d0c0ca5383c0bacb2b03c7aee7022626363ae97e7374c2f49c49780b572d2733ca833c79be8ea16cc11a3e05df7be7ab2e38c91eaeb2a9e10ff562c9ceff514a0dff7df2b0eff08e511eef85a9d7b7e417a1c9bac55295d90faa6cde8198303f3a20a6840d61ddb76719daab71fd1dd6f287bdbf9b15452bcc812be014223240fd15ea37dcc9c66e16b3512ef5278ec0483aa0050849ac977bc5bb82d90e37e01c6c6a14f7ea019b14b9bfa7832dd398d79425994b3baba29139dee051e25ce43179f667171a783c5205d0cd5e7ae444d0b1ed6b687eecd2bdd3cfb2f2c39c4f2dbe483b081a3baaa35bc62d73a8bea2ee61005b1d5e109d93210b7c3715349e99c8de8279bd062dd310ee38b35a94af37919b24148ec1d94034c9fdfc8e7f305076801ba048853b33fd6ee8848f0785ccf9047c88e60d4483bd14227955d85aa0c96f3783d2914a67f3dcd92f786e0bb89b8dfac2cce06d6494d33937a98e386892549e0bf5c25e36a584e3097ef3d626e61f7a57a7e58bdc4f6706e68ea3e9dbfae3aff2368a31e461d95100b8be41edabda7a943f5fc4652cdb0ddba5d141b5bad9a075234c9c2a39f603a296a6863f5af09edd93a756c56c1b51def5a7c8d5174cfd49ada6e1903b00c9c69815a3bf467b0fd3b214fa52f23494948705b3f61a09ec63e364d574d3aecc8787f76014791cfa4a5992061f92b0ed1b793c817f9f8bf65b8ba13384567ea1affdbbfe82f06fe964836cef59f752bff7fbbe81cb1532bfeec5faec5426692bb50527030ea31cda70d25bb5b1899565ed1ab882df7e2e92ec5d989aef65c0d45a285e9fd4f38e325f45d4fdf83d5cd9a0da616b7066848bcac4b23c19e7ac7da48084101415274d461a363544292a35efd3ae56088770dba02abec4911afc8d2f6f1c0159032d2c01fa7dd51c92d664b07511d7927c062cd7d5f4ff512d37c0109de73f960f6fd312e2f78a6234137215eb60471192d97ac73ffec71e91479ff23a6ae001a087ea05082f3387d4f2d970d7647fdc7adb1ae0ee1c0b967c202e990d1cdcaadd5f773be9ac57522de880ae525e57a216b30d44d91f374c98a086d7686475bd36a403b1b4705a1e906a0ce86633e7aa8033bc0d98a237ac67147d418cff6e7d3c1082906040d300657667ab951aaa84e0b9cafc70b4509ec672172fed2a6a6d48b5753532d072b1ea5358163e18ca88757fd161db1eb57ff54696e0a515f22901f29c1136f2f5ef02bf7bfa55b70a00a62dfcafee0152cfa247eb8ac1f05589ffa116d32686624f807984abfff068d84e7ce2729827e4f384e099c49d24d84e8c9d3b3e417f2262963b7f357dcaaf3e7b46d12ad900763bc8e39b52004269a1ab319f7afdff48546679dc39b5af7b23c35fddae2509dfc3b3ed77c4c6aba55019ffeb9e074875c7542d16c7324fb62b40bf17d8ee0cee92dcdaf0450bcd196a753baea67a6b4d0ac93151751cd40b1e7f68066f10472c6618f48b6b07dedbe9dc4e53d8beb31505f5ebb4e739e79b0c5aac57ee93a9336c8c2fc39b4e8d889fbb8dae3d91ecc3ba785f9ed5abba6abacc2c5a4e15
Bordered list with larger list items and excerpts
View code a0e45830419e9895f8b98b51bab0e62f4813a4f72a29fddd7d41189ec0230d3bd0ba81a325b10d2fd75dedd311d48df40cac52b44bb8731a6829bea44162b0b60b635fb13dbbbc599d09ac5036d65f6f8b541074ed902b2ab19ee218e75b252ed607cdc03c86d90fb98620b7ef26732bfc3d473c6b09127883c4c9f1876079bfe946a1de07e2107c514f8aeb1d4aef2006b100c4cc3cdc6d40e391fa93f92740bc3cf491da31d5ee968da77071dfa2d1940aba18f9937f00057f36ee6d94dbfe0402e8ccf62f62a8f437ae553a126c7dc5803666d31d372f8dad3bf86cf83a4c31a052c4f7f8c268a17f92c330cb74e5e63c2cdcdd58b9388d2a92c80aa18a7bfea9ee3760391852635a7ae7b9752104ed4fe5b96c18de9959cf20ff24af17ce49c2bddfb1ae5bf942258a006312bbc5d46a4a6b2478a87cf11e2f40224add4a025176824e4321db21a954660a67b74cc91b3900fa897dc00547f270f2aa13eb95831d130387cca761de6cf0fc49bdd453be09a88611a2f7a714e9de8c712fd64de4830757e6ec870bed4f79975ec28ca683f04757ce9e05b49017bf31c0fa6a350d38aa09d8720a9cea2396cfb4a20a9cf844c9628b3ca87bd94bea18a67a04f3de296d7e5fe70b68be22efa4c3169fdd321dfea3b749a754b5c63ae078060670cc867ad5fa8c6f71888646028e5aa548d31eeec4a5427d976848961b43bd14ec31d17f3189c34db3211ed41a9946b92906b2f6f373268daadf57373b8bbf73ab13ac396d66bdc851101f8c21fc3d09b4769285db69efcbe7bc6f303b8229ae480dbdb3be106d02497c8b5a38c8d767819b3c23c48cf54e0b3d216309bee097124e6b0f177a5a20a98817e81c2da3b1ccd742b68c85aa3d6196ad16459611412c80eb1cbdc2ae0dab109cab6d27d310301dc2e5760c381ab5f8572271d64ebff20a162f867800c676f04b812215a36c293fed054c62d40797840837764260c68a579bcd7169efdf091d509e7aa803870c9253787b0770059c214459bb390ff8877942f708c0767c6aac3a2e9c316183a6ef0982a0f224d146f4c74557383398adc6263a91735b188c9a658e1e8530a80ef25faf3d0c44c2d0ae113cf3b8a22bcd6c3d816ee71978798f9ec9d9978ca9c435d39da4b4e893a1686356561da0a7fe17b5747aa7420b4de0b225617c1d0524dc40a88a73fc5f19a34809b4c19b0f8b8c16a61f07e8f37ee2e2d3f2418e4ce91f4157f94813f0ddc1c24939ddd558d35e6ae48200157e6d180cf69bfd71be5aebf8539fa14c887485181e6502012243401ab3b9b3b7ff37a3f815d6b2f079c2c5e25b868d25f23883dab2b36c03c134ccdabe01a4ca5fa77e9366d289035e058974ffa06a2d5f9ef40ab9947543add8faf1de0840513d657a6f885a73612da6e0730243055cfa129e987063cd380b2a69e70223e3bb2dda9b4d0bdef2829a92f45672914541ba496af8bf2d00a8c723000a7ea0bcb2b4684aaeab871cebd2ba357b8716d4c9409d2af1f67cd414a62a11866ddf18426a29d250246e5dd3252ea23c6abd1dde39d5f5d9cef26fc4a462f36cbc3e214a278f7cc054a63682aa5cfffa9266d06cf8db6d3256859d43e03c56a8c461a10fc8f6aca20c464b8a483baed7722c244e066dfebb18094b1dfc0682fab1318a9547f49791a5b5929ca9210e8de72f4c15e4eb663abd00986dd44b09f9092d40282614e6320819ab2ca30cf22ce42c9bac887031bfd3ee39bfd2c90dc10ceee5dd7bf4b2e859187de9fbbb730a9a10defeac31d10242fe0a8faff3f9c5f1804cb909c2001e1138f6ab272657903fb75a252ae7185acd5bf3dd7e1a475f4af9af7608c80f1ffa32f0fba8967db580d833785509ff74bcd070dc4184359ad52a4e352ed8893c6b8c2188bc2fdc6e43d4d372c9ad74879931eff59449d05fc3c77fd907d698b91471558fbbcb952209815e60fe8b1fe3827d2e9eac348bdc5929f800588964e2fed8187f13d64d42ce30cf9707fc78683db3012183791d49e4e9731ffd31e9fb69397751b2927fda93f2ec89974300483f1f1de707356a3b03df70ca261e678bde54b93160251adf22f5a27cf0a4b5e068ac4341fa6b1e8c62834d00c2fca26ab9878a31eab66033f08e943bdff365b40ccdbdccc22b21a1d6162fdcf0971bb3b9a6da5fce115bcf719a2a2c46f7a71b2406451e1666a45e247250cdd862018f3df3ecdaade6046e898f5d64e42b1b122f874211c46c2e9f863e3da0f0bea268ad65456bff76f121ba9257e32a5170e139829d44f87ceb83bce8c79f635a178de343b1e778e79fb19a21669b9d1071bc6e7482904401ee86146ade3b35f67931328daa963e85a59083a10c9125f02c110012d95b7ca5af07b196314474ed76ac9710ad76cabbdbda07a980c6ef98e8bfba6ec41efc8400af9db7b16374854d1e9c14e71f522ed48aae3d99e0a5a0e303e5368fb23fe6d6a62707193caf05b89d3ef279bb87bf17104b06048579479b9dc4324540ecf5818670bd58f8d6ab202f0ecd9922b9f78931b43504b196c7055675b29cd920f68e74db3d55e9a2460bd072498a77429d9947153bb35cef1fae3c46819f97cee176a0e595ef5b5add9696d1f4fe80eae4836d09b299939be2b3295297c4e731802f5ba31f5d39950df89d3f87b7f176f74466f63cdd302c17c99d2f73d26c8e46a31d2890ee6b54117c1b12fb9c57a3ab51e54e30b0ec3a6fde77c0be41ab564d1e4580a8493d48c0dd4836e96f8d35993380509bf7cdea00efa23ed3370c18d58f9491d8002d3305bbe57869995f057a21632c60074695251b78ff7ec89c3788d3797398a5ee43671aab97edfedc473a34a2e88d01ae3f83eb6c3be84e2b948f7dd0e1ccdbb8defb9aa38d929dc1b1fa71bed523fbc88b7a7ae58fc7869bf0bd7231787950d127f918f8f790a710a881b8ff04e60d8a656814030fbcd46856c44348aae8bc7e65288136f6dad9ffabb19abbaba6b68438a385a36b9f49afffbe2086de8904f2518f0df0e79a5fdb2fd99f6efbcd5506ca57b2d298c9b7902688e9c94cb253713c403b6e2b26a2c993ac967ef973381785fb22a997df99799b90d9dd2eaa306320704cacab674e5a74e437c5a70c834e8221362c0ecd1e9da95a4feb361d1b27d501e3232dd5323ffa682144f2e9726b5648d2367b9d99867bdf10663d665c0d6137090c8b357689cf87784a17830279b09eaa2cfae2e2db1a5452d47c8aec90eb2e1c364e6e8ffb46c5db44bd9295d45a952ff132e2bca36f39a369ce6e2cfa893d27fc031ebbe51a3f0028fab85cc3e08eb48bc6a14686500fb21112a6d6e5eb180735de2095357a04c7f87d22fb540c68292067a76557235ee6685c54e676f9b8dbd4e60d04e8063597191c8fe8ef8dde4da66b5407944d915608a9ee68d6a1421a847f370c1855f642b5fdab96349f7b70998e798ed46dbeebf80bd32f6891717ccab5364e8415dfc25aefaf4a67ec84e17fb86c96a8abcf14f718bc00d2055370e0ab2be7822d48eed41fc9392946b7aeeba8da24ef9d672ba6a74150a93a2ba0f5297d98be5e0e6d2b9af7bf04f7c29c61ee62885f87576d3a366b050528b9e706535909fdc66b3429d2eeb922d71c478267454881a5089291b7ab786fb914cf75aed0fecb1c8aa103be514d7f74d2c66c74f00ef29125f4f17dda4233932d3fedc6a7a019549d62dec02ac1e6b05888964333bdf24ed3b571a24d7fe63b208536ae4003081a5227d6609179de58d06c6a6184a5e5e5fe42eb4ba91ea38486a67ebbdd7c0df5917be3a57d698032ff9308d1e20881888174c833a6608b1faa19ef7b309d78661dbb01e557bd9f0eff06a30807662d13646b8b9ba7876a407d23dbddc9b2f40a77b30055726d042071161253c01191e4fd844eacb9d4803f74cbeae0ec5db347b4a19f77b060810491278b48589398351e2aba3c1b8f190d8d7b20350977f27950e1f6f1c778a12c3cc85cc5bdf303b91849e920a2425395740b46220297d299245c1bfbc8dca9df60bdbacd6152b7d9a5d7734820b01c9a4e9c1b17035cea66ed92c585cca7e87e2378f2270443f4289a3c46e65d41f65f58d740dc57c55ec3dde7eb554ca2e3fcc7d168f3068a0fdd96b77da297f7dfe32b62feec58a61fbea20445ffc3b1cc432508d0a30ce2eeb83a0cce19a63003af2cd1aaabff5f4460b3ebdbee13c95dc9c53e62cfe3cb81363230ab19025383bb1ba9d984415f8e3312876b8f4513455becd47a42e69b0e9eda3ea5b7641df8e7f739f62410601b0737da1d17c4e9b75d5b853f6288051cae472da77cad8c7bc8d3e3585ba61d434669d6a1abe9d71a17a1f55738bb4561874bbca8762361d979cd1167a995a3c1630be22d0ffca5886091875d027c11affdb6bc514df1471c4c092f52964f32369fd50ab33a9d31ca4053cf698c9ac43bb358c8551375766d2b7cc168d0743fea6d5bba985bb0818a1c9b6def87754723dfb2ea78513d0d221579bf87911b3af9e98ca1e19b9163604f7234b3dc232294e315e6622241bbc4e2d36464e5a5e0fffdb953617ca5a1138e2ee326d5f598419a
List groups
Built using our List group element, these are perfect for use on an off-white background and work well for smaller screen sizes.
Bordered list group
View code d1d3046698851c1e927f5458eaf77a9a4f4419e04b12f34c8b8379aad16fbd37d6a03ac257170bcc3fb34dd246f3a2b07126d28854b10cc47dbecb1cefbbc7b96c707fa2f2f003761349521be082b1427c39c277bf4f3c055e3205eeba35615557bb5d3692820f71a31f197eae1dd5d1ccc68833862a0a1b9cccae0863f739953a25bf597a304b7f5bcad579424d44cb6e533c1a7633d6e820d82fcaa5148d628d822360c78e6d5a4e40e8c6d910f3e62679d672e33172d5d2c2209adcd920376cec6bc8a28d67fa149ceb49bc54a9d8c1fda3e4f9604c4b3995998a9628dfe22a2487569e78c50bb64527035c1a47578f55ec38cdbf59ff3af6d37af354631faea07499730b654a468abd1413e7efbd1165c327b0d7a20dfaf2426d05fe62c0722142ea5319c1e0418f254ca79817c4634d34d015659e51f7af5376117a93fc3a28ebc8db1949f90ff48ea6849ecdf39f05825fb11d3a44eb306964df9bf111ea96341749ed490ca28eb780fe3f39fc980392d73ed3f7fcb373e24c333e70a774a9459572deff1e8003ffedc372b60ea4460af5ad0368c4d6eadd870871a45f99ad8e82f73c6eddc76c24c36430788f8bcfbd17a50264598321b98a51f79addcdfa8c2d3e232203019d10b41a63b2bec8495ded99c851ac09b9701eb3fb95505d0b8cc3957231457c663681308ec6d738436253a1ac814750a7e094dc2be6be087b42bb49fbc40e139b06d926eb8cc80f8a541ba03d23f442bda6b268e05fda5243e26fe967814167d1df625d6e7be81c6fcf6b9500340f37808a7c9d658aa287eab96b29ec612e762414c4e6a328056c2e692c06318ff89d34a1da503824fc26b84e9e18783f3e49d6cc38e6e005fe700a9c3a3b7c09540ce4259114a522a39121d5c53f786295e46d6ec5b7f6897703bc729b3a470f34a96599f1a85c564a92850f8bc5c498563f648f953a32c2189ec5f1baf918a14f43b01d1fb535306d6518df1e71a3207b7f3247c4578d5383677feb3dde67e7c8d91d9d7e7b71cd10da374d8458794a9dfd94243c2c910749bea1b5a8f7dcf580ff60a00145fb90064327613bb26dbd41ad6076c31e70ce9ef4b6b3ebd786d0a0522ea59782f5f9aec74c8d1c003603a13e92f097c060e1f3219d8a1cd7b860598b32c85a263f1cb56acf2992103e104dc252059f8b7a743fac0e14df5427c0b36e76a63c5af4fdfaccb2194df67a8ac04b01e712b0df83333ac9b09320e56efac8307d3dac0a0f116eb175925b3168e27f9c4712712da2d179d9acc8debcd404177d3ae0bc1cbf1bfe327724f6462ef1133c15a2404233f41b3ee66c7979570b7dcc116f636065c767b4920f72d191b9081755875cc12d9a3b03a6cfe761ec0d1836481d2098382b3da1c262a5ab4ba002b8b090911a3876345a4a9edf3d3bce532cf4208e09bab2c957d48910b652f3bc4bcf45d2fc020a1a22de4557f701cbf6083437dcc773782ea85e4d9052267c8296ac02a1cc163f6d30f0bae06ba05f622232e3be8e9e35dc0237e1377152bcdc6bba1df4f54c2fbab42976de09611d610c8748b282c87b53d154ea16e8ec13921eb781b157ee40687a35d338b63483c845bf1bf3cdabbc7ecc3b5b63b0860e7b0b2d863a41fd186d917d4ca22ba0b407e5ba119a98c0d119c78b7ad05464abbfca9321e911495624d66395860722478fa10d52874ecd7e01f46be25407ff9d519b91b2d67f13ceebc04365f0d53bf6ab37fbf81d866e3b5ce79787f9d5c4bc21d92ee6c648dbf346b22ffc9a3a4d83d9964b8a57d9a499fc2262ddff65716eeeb29c0579256bf0914cab0b0ff9068fafddf704417fea937a22e21a7173f3d622f6296896b58bc69a7311305908ebe7ea77b43f1d366410e42e0c4216d5a37f093e5faec5edbb2864fc5c0f26c0fb94b8e2452f240193235ccc88a534173fc332a44bb2b3d92331bd67c626cf245e1e065ead7c788ad1c2c9316d91f690421d524e5364983fecf1da34fe8af05fccd00079662f904624616990fbee8c34bb381f0f050f67f062c27ca924d337cc367d684b90b06506e7924ab5cce7548e37e853b2b51d03a81df72b5b8fe58d47b31369214eb68bed6f55aca752a40573060dc12c0ac43ce7de53501eaaf6237f4c5d48f61717e1390cb68fde287d44319c5f0c03a7b12dfe0de9790ce5f6a43f8be28c2867cec99d522419abe2269989491d484b5f9a4745e937766f28da699e04907685452ceb93fd51e0a0ee30427f5530dbc9659af1a1be0f5c535ba90a94bc31ae84c3098fdca8f915f143670fc54b7aeb98a7c86ac966ec37e673cb2934a5b4071d7abc70b2d61f301feb1fc916055b15f48dadf289a20f7b7c8266dc13d1a425c4862be68fc0c1dbe3b764f2557dcf3703c9508e3ecad30246e5ace43d942874b7b27301c80a9c7b0825083745518d12c997f6e09b4e75221a27088da7480054f6ec2ef8a62ac7414c5c80ee07852eade3cafbc4e078d407b7cb597e60e87a5e8356feac65ea27ef185621df44d04bf577f452f8e5ec007a315f3aa15bc054e7305a5f49fac05ee50973f25d5945c070d7eef64878930d388c18105ea887a32b69eaf737068ce2ab33e9a8709e89ce931d4f7d422a844b4bbf44213ec3f064e1073a6959d73b49800c118157b2561df1110e1c989d06c01056be36d48e9efc19ec535d5188fbba959cc807bd9167466f6af592b57a5e9c70eae070f44448d7d0c85f8434fbc28aadc96fa0202b4c4638d3de8afe6e20a1ab5c4f4f5d01faa691a74b104dc92f9cc3bc436d63a704e0a07dc2b1fedc6f1da3097cc4fdc3313fe40336fec6a2f096d16456e2715d7b2fef205db9f7a869f9b5f86685eb78b6d61521a5e2ddd1b5329ec9229b90f16253c346cf8428cf512ddab665c76a4757730764931546b835726b220d554a1cf7dfb831fbfcedbe6af3377c5dc2eec19a6a9b1a457b96741dfc4c7af52518ca6b2826331447fa99a17509159799904eda5056f2ed455cdd2aa55071f6b9ed9762a6eb0dd933550e1aeb8844396b3713b6bb1b8b18b196977e7a6a7ed168c0605c154120392844687af62461b50c262540e2bcde88caaf1449ee855dc3e73d986a232dd66b4f3c75f688b9229ee95b6759d7b75ceccc3fd76051ebf1302cfd75e717eb623ad10c1c21c47630d8f7199dc627a1958e146a01d3a5a99eb4dd2bc660ea4bec02951af3f4b8329260a53d694e4bd9d53c5f538b77d494f23e8a57fdf12f3f816018e85481081004eaf1d754075349daaca65f53af654b96b08be48ef30888549b715966546949d88555f66ca0f87ab10ee3d7b2f1fc1c4dde28b866b3d97eb6bb3317beffb0fabb9f73ad47f252a7a90af50f9162234045dc11bf4f5e656106af0d1925286cbff8794fd8f81df422aa2e8de095d96efc66935f86a6f568b6c01bcbdeba254a751f9538f8afa1316fec6d479d15be35831c186081fc9d834f139de6346d51fda4aae15db06d64c217501582638ef1479383f643e66894ce53c121fac5e3ebb162b463f3feea3f26c09f5a92d0739439e9e8cbb50c10a1400be93f8eadf97ce481400f024bf5967fbd667c9486d91c37df0d3dabeed987011ffa13c4e7eb0ea85597f44ac358528fafe9d06b7ad4cd00c0e7f207bedfd298ee6a3b43e199de4be8114fdb25cff276b69ffb610f61fa70d97909ba1b83a139e7a199ab4b34a9a82830ab03209bbd9777f6bbddd5041035aef1a8e5d8e8855ee127774c2d7dca0a1b78b09b2734caeaf3425605f3f391b682f3f7dc06de90f3ddab41da53490c49b13a98563317c2aba6599633a4ec6e4097a91cc3158719d1c2278eeafe5afb03c510080a34f71af9b442f36869981238c1b45273dc4899f51d29ccf3282e3ed6f071971a618d4e5751a0a542974256e35524bcba838ca6f32f3df36c6ecc9c9099ba078827b182a453c51266d1ff81d4edd90b7b32ee2e5da585cb4af0922a2a5724270b53bda0f31adb6a67c4283403858827a29cea4e098180736aabad2b89d122d951fda66f773c989b797c63b04bf95552130848e47a16d51de118455cec62370a0217adf0749a6665ec3ae37601fbc9198d387530f6d916b93b0a2bd70b084a25ee4f1dccdbc0dcfbc085ff7c8db35ef8dec81c0f3bb34203fd2d63a1419b6b9a7148a04b7eeff3ed9c3d0966d2059fc4fe0193be195ba0fafb54e6463c54abb62cdd46f95e2dd4e7fa510bbb055d0d755a83cb7b7f4db5ff8c367c3b72c3f600c64d6f6cc967eb5de34a012f05de5ac4f87ac0e36809e5c215fa76237f9adc6dd60c97e98b57dda090611135de4f97aa7ea439bfac6db76b4b7443c0b0e5cb606bb98f49a6115b79fbd328bd667501f03ea511325276f2781fff19ea8da2111f7ec681380ab931575341f885ae2cdcc11b6e70de8307882e44f31e659187e0d4eac786434be32d50588a940872d1b0285fe09f4503b6a279a470845a4698d04a4c5274d6e639b6b1696e8a664da56500c274ce17d80f34afae6422a3c7b176ec82100531e7acf27d1b082df45b1a290651a2417e1e493f77dc67e1a812d40fe15ca7d83995667803abf0b0fa4f2412d7d9b92f56c3caba64a699a567af486d3886bbb775f9355c5c79882970597dd8630bf8e1f56aaa15b55942e495aeae3046d0b0350be97a85e5b251f1fcc733b28afcbaae0ab5e9f06938eb92e46cd49098fd36ac00a231c5a498660d195ba22a2fec5eb7002be8ecb51c4ca6e21b98f0f3489fc9458baf9e4dc7d9a986f9f611d80ba55267a0a45918569d975a96a004818e243d3880d84dc465f25a58e4a8e4b213c74efc5e117d15770020b7fcafa9583f86d79cd9494aebf2338e81fc
Cards
Built using our Card element, these occupy more space but are useful for capturing attention.
Cards with excerpt
View code d8fa0c5450e7fdb82b98a968deffb0d55e1cd36db9d54a8ea94afc8746b3d09d3f3ca2e51e42d45308f39ead9a25f68f4554a4d82ef8798f2c295aff2c41e6accd982964e177030c24dd5a08dd2d1ab4c11df8d1bc05c1d6ab42279e6c214a2526b078386192f4c83754929387f0a6c67135e62a3e98417c1b1a3d31df6bbafec414c554f9205dcf1d19728b67b18c1924d90e7ae20fb780c178eed5376cb92b6af4563e7d0dfc575c12c684590eed5743c945e1e47807be54f228dfccb637f2ccfe423fbc583e848108887950728f381d252fd210933c468d32585bc4265fcadf37965ba0f44e19327a30ed0f703f009b0aae93a818bcff14beb40ca51f0833c1582092aef46750d479c26e0c0a39ff29db117914345b8602c5523c3a033e05e31585a9f22e5df698c4fa0d6613cd27851a5f0e06037fedebca18b631e23328d613191c13e7dd1dc7e6d8f3dad6b11182c8ee959e197c09593aeade7b96d29f454475f7f2055f918a4f98ca28dbc86a7bbf651c14612548a101d062388a9becc124cd9f5b6688eb7e3592c671ca45002cf8585d98acd5de579f5bce9ed0e8044d912062e2d90c6466a45e4e6d2d7819ee59e71dfd2db81e520f629b0623a33601093faa754a77855557d0618eea27321bf8cfd75239e3126f998edc057856c1eaaeae7ce44d97aedbf199e7df08e2d098f3d1026ea9202f52f8d5620173efd9bf18968d944ef82b0da4940691b1d04e2e88873c68fcf512ecaea629d35b56271fecbb2328bcb297149a9cde22fe60ae39f79f37338e1a522155366be5f8cfff2bea2586cf9844a80e6d45b9caa1765c636f7daad0ea22e44407e09754a2d4821e5abd2fa4844f6c43a976e58d1a306d4dd62e559192110919fddfa08b9aefe4efc43d486f36ad983d8d7ad0fc208572e2125cd707f73edbf0d08b2b3eaa169b543bb15733409d3bdc7722762f7481cad73aaec699c27c4a453bb2d8f1ec1a38bb95e413d455b86510c51df931bcd6cea2c1df8758ab971559045ab22757909eb9b6f2cfd331346c62013383d4376155dae6a040bdc1c618a44d21baed6ff4b60e54d27837fe9c18ff58fdda3bf7f24dc2242a6ebd5cc1e50782c18dca1361cefd8e249976a5bc180db82f4060ac7bc1f78da7390821f1fca5ff32120fbf1a16eb351fa3e807faef239cb3025058414e67ec61c4556694551db448c549d51f392acbb6a1f3759266c5958493777e1cda9cf9a4ccba0a902b7f03e9c0b3ddaad5e2fb45f2b2aa0c4b7fd14e2fa36d171a793d9a5db66b37c59cb5512cb6ee48da079682f874b089ccf8c8043db159547b6b67543abb3337ba2c3d86daf396d218fda827f531c2e5593d96a8ed5c6f09ae8f77ecc615ff38253ba2231bbe3233a359788b43005be7a23d8a4e54572580af0b13f8c82c4453029e9057bb9a43a380a719485b4ed85989147c007e0ca3361a61f8e1356c10d66ddc480f4bcdfb3113c7938f6ee595ba093351a3e98d467ce98964a83bf54e1a73fc72462eb6eee1df0b9ea954ad218a359f3483df6bb1ffa77b9dcc8e92ee386e136dd0cbd6751f0e94475c516279e28e398f9f6f4e51864b4bea08949b27d6bb85a2cbcef81e563d175cfed20a55cd4a1bc52139d3e1b031a46412d2035e9d4ef543b13c1d478ca9feda84127b274f60c4617f828461c5ca3b8dcd4a6eb4658bc7ac6bd807964707dfe22cefc76258834d5a3b031e9e4030787f33b5720ef5c3df9065b7066db9f60135d01b6fc4540ed7e50200dbace53f2baa3cfabb8a18dffa48f0d403742702f1c8a6e4218dcbfa5d979d958a37c21dca37f30481a409bef38a7cd5d79160b1d0b0869ae632676af7693c0ea9278318a545101c1a3e907acc586c7d326819bbd14643a7ac52689ecfd2a9c91230e55c75cb95d5bd743941e4675f93f8c89c081a1e430f8f6a161fcf1c861795373218ebf1c948db23c3016b38201243e6390f394f93a64f91bc4539b69f2f36f62ce037dbd3bd6383d71208963a77b71f48f398f07d31f37fe2ea81225b73a3a05825c797bf875d70cdbddbb57b8b4c465b70a17b12ff959570c71631af6b613436d81a74d3150251d7f5c199beabacf0bebdfb8f8d3eb58a2a99b9d5687f0a0bbfaccc976ca1c70d338f16c97826a2fdd2a5d346e0afa1bc4ef8915c4e810fe3f42cd514adccc5a89a53b47c3ab0daca6fabb71392bc3c098741acdc2e2c3943c9e12269a03acc26daa26c733c4ffb04e27e7dd496414e1098922a837148cdbaea94cae3a53653c30044ad53bff3ce2c285f53bf2a32815bcc82a248d319bd454d99a2b4d4b10f22fffff76352a10331e5f9aff90c495bf6e24fda060655ff3796b4bbae092a4d7bade9198b31e86928b5f44820e54625bca0b04791f28c2a4d00940e74e9c4a7912ad95a82190339a5cf23f7b494bc827c62a458532f1351ae925db6b3b41a742f0b081a30d1206b1c9a031f8ea45b0b252c5c19d3e810ade196064169cd186282643a388a2461cbee606bd272ef1094c3963126c531f625d2df01db3ed1f66e6843ec48b6060b4e507240ed3cb68efb39adeb268f5217ea302630e330ddbfff59224c715cea96c320012a64a765b827708229ffce81aa520a1a277d2d92886a036122dc05b75b789a2bcb8c86fc630d1aba595730b0cd551729a337a3f96581620a154c2c19a0dc3fa20ae9f14c41242ba6c3422b07b148ff56d1f3214eb0be76d08ab42f77eb473012ea406a705c75a9c6821b4fda7b38761d502f55360452ec0173d09f9a8e77f3501536985241a3d6829466dc241248a2e70eb4f9585ad64206d76be686b28a05fe34e2fdce14a5e0ae2487ff51ead7777e5ebfb247d7f3e42a403f169a016e398ffd275737ad222440cffefa7e3f0c3fb4a05eebe6a1326ab6ba05984e80b132a52d4bd9eace27e85022628d488a3f77ea313e06a0e78c642badabe7d2dc056bb908308471d8eba9c37f9921586ee86cb9945191b79492e3df250511c5c8af54f055
Cards as links
View code 1bea411d73bf8d48d3b56f5b19498a181953efcdce2b95b60118e5e353662632f83c3b6d91c197441cf2ed5861f10e30c58bef2b5dba646a29aedf2104587c4684f0d42b4b777891bfbd8bbe406c1f8a250a4554b6854f008acdb7558fef40076a11451b60b6b96ac970f9c7036fe2b3b7974004c2607b433d9b684a1c22f3faf12a40252e2fe260b935744e80c94bc38f5883aacfb8ad4ef47ab618deb6ad08c56cafff01a285228ede3086176708996153ff900b375fcca88b496240b87c9c24de8b2af8ad658b4a7ae0f50721b34e8de836aa5b16147ac29da38dcb9e5f6c249e02e964c84b94489bc04445014d81bd3d45a33c2e6abf7d3ac649458e4f157ac6b3d2cdbeb748c364d10e8e2dc3d12775cef834f06d5a080c3f9a67d94f55b1f535a1e85c884fdc7201bf2a47dcb7313aa223bef24578480e9ecaedb02c4054facc3c14380b6c9101e76d1444f32ec171e7de727f1fc65985b4d18848ad8f6998fc0e22df1389d3c280b9233de9995befa0fea8e365644b18e91ab371928bf09cbca7074c2adc431b4140824b766ee2a0d216ac0d9fe1996673d48993941d106ca84d7fb59362545e413db8da401a93b7ba33c7f5c3df23b0607846b0769816b733c6c1e01125e7270abacfe8a82d54c100a5fa78368d0c55ec293e17876c8e4ca4bbd55d93ba15191e2c83ab81eb7fc3d8d1236b2de2a6b588acf9b308229dc64d0a71b7a2e032837767ee6f6f9628b46b548509860f557e9f2847753c06c86fa2cca6192f4aace526e1a2e481d271c36c84ac4d89c7455856d684291c7f78fea681906f1b131e507f250a470e5a793be3d0d9857a0fd3133d1a439197160b061755b52c4bfb6ffd0c9d55f0667a2deeb2e9f62cdb1c402a57a2565a38d6d1d1a1ffacdc24e86d439f5003060107a30270b8e5c6909b709d91ecd1a4ea198c6cb0269f9132323322b29a7ee15b81d6ef60c206086a358465b69f04a159bb4bd1afc52e707cd23d37bca76623c633a9ec3343b078db81a181ada2440658eac484404ec10a8497f734732abc7efbdba262325be2bff4a9fab290a2dfa9ff6a7eafffffe1220f0e8c5c5496817711d09bfcbc90f599841c5c3bb4db3b75f84e16dd54e3953a42ab28fa05bbb00a64c7c18ad000f5d3ea715636a16f85d395e3d98abc561385dc7c0d1860186e710a4d44babfc5277f4a660fa7ba648966f10c4007f8bb78e0a676b04143d696ffba03e2016e0080a0131774ec395d622e96c0271e30d5b49dfa6232f353e49e5186a6dc60637d75b9dc2e878e80fb0072b2129de54104fa62dc94b30c2476d9d625d49f9a5c90b0e89ced39eb407a42ecc9f5e32ca88d31691ddee22baac03a63e2b8cd97c43a017804149d91c789e0434331a276a6116c369471833c0073442ca7aff4ee459ff1fd2e325a4e1f4b00f79a9f4fc7da50060ed22b0221d19427da94e72f0fbb094296f14fab6df2dcee48e575b6fd3bc844732464c43b64c3c94b22427a1472b99f0ff17696f44010b4a8fdf117c7be895d9713c9c34c250044f04737ed21dd12ddea93020b55a5bad469609a32d347c34646904adbe4a6ed78077a138ea156498048587ec3bbe1440035958a80caf9db33b0ae9da2c4aa44e624289ea3d9bae2c3425e40839e43079b5b9a2c449527e7a168aa2a5bbc453f97ff0532a3cad507e18c15b6120f66a1bb98356b43548cc3bd76b70529b1af27730735add5ffa2b17f71f2af1ff02ad33ac1219b596ba28cda750c3b8d0c880400d1cd09eba27d05a5551506b0668cf568ae3a210dd258e0a1af12e0570bba08f60dcc407ee9cf5b61b880872c78511eef932d8372b74d01fd1c3d2227ae9d6fac69d680176e099cc8be8922e00c6bf53506a1e778ae5827f6855dd9e015b297caff6e5ce347e6e9f120a94245e5888f803ae27a3bbea23e52e5f5c73c1044261b8a21a29fe32a8a0d2faec24e60ccf5300554a0f4ba8efdea0c89c347b63fbee8799240966b36ddb82cf422e5054b36ddc5521aff76722c7f1d83d0ddeecd82105efe17f4d70e0c44641be240f56d1cd2606234feff822a7caa3ee4f78ec3c5dc48bef52f1f2ea6b146ad11d141c49de1da2a6fe7fa48b071ca6cec89da4d35c27ff02f864e4523c1d326165651c01e19ed206d84a79f559d1b002022e20457db5ff6157315cd8e2c4429b831d5340873f09c30aa29a180f1ae68ba0a20f15ad7d8a8fd7966c1e38a84c135529cae19a9f049abf8bd304dbaaf4b46bb566c23b12bd7b011714f1e8e363fd9bd47c9e6113cec3112685c3d66916d68f528cf70a6456fc738a753d0aa56e297e3e5a550dc049acfc1bff6ed77355be98d1250f97c7ec466ec1291a80edec2d5e547d317b95273fc812dbf3b4a3fbd78bb1dca355e8e44d4b288657305e745159bf33391529d5450bc8fee4ca8cdd42675bfe6d59ebccc52c4124d551b9083cec15323b597e0c650ceaed4bfffff0191d56f5501ecd86b6152d32a139677f3a1578e6d8f060236286af4d91854d94c89f5ad6042fb6bb38072fba4180485342ffa09eaedfa208be57d569d76b78459438dfd50bc2c1f51cc9a7098a349a0877005a3bc94ad1c6ed1798e7e211578a61f7b3dafdb787bdce59ea08fcda0f5098aa84de146c3876fe67897595e4376bfa236d3878000d41c483b210aa45f076dc0c7a3326d9ac37a962344e29fb5229928eef1f3b79da3078bf679a9c5df46f4f02cddfc27490eacd57bb94b06ec96afcd467cab26f0949fe94b2702686a5a35c474f9d446adc5d0806756b8777cbbf48db86e07b5d56c669da0515c811bbfd2a7fc4c1fd57dbc06485d491aec5c89c9e7496717096a0d34060c707915206d1fae6e2b7b70784c0b48124cf24e51ee7c457fecd137a1219946ca52cc9d71335bad0131555a37b8bd755bd8e4c9409a746735bcf87342ddae50be75de71ab6d266439db3cbd34c26fbdd2192d63fa55dff0c45c12bbd1cde41afa8ca26d1a759036e433351dd18388c7c60510b2834418e5ba6b0c5fb1bfe5e7d73eef0e6958aaaa15dd900570fbe65c0803d6dda240557009b8404fec3a09604fa1c68e7b54f66367b9a555db0794670a50bdd0a09d4cd575df5a210db053f9a4f69a0a4a4e5ac19fb074c5291e9ee725dc73e4a4f3ba9ff257151671c1b603dfd4978b6b43d8075e5f5ed6a9f5ae9d7737d7b23fd44a80f3e23a21ad2161705a5813060b44c1fadf09f35c5f1640d246dc11f2ad7d04b250fbdb28a2452c3af0c9e7479ff67f1601bc14be4ddac0b6bc52126ccf1f9b069f84c447f7ab1c972d7aa0f7c47f4e0a48b74e50f2e7f5a7e329b42d8ac160bed0af6211b78df7dbe0d4fffcd902cf26d7eb43c346723257972bc1bf2c52cd55001f78c2c52b82e76a330c1e191d753d74d8f7726bc964eb3ce518facd97728761523e979e5f0e6d3e51c7762b00ad03881b9b7506bfc03ab7916d802951c0d294891062660b80366a89629dddc61ed0f8ebe4e1e296e3a6e96e31d8182fcf5589b5700ebeaf04dfc15a8b0427841a0d506aa17cea13be45749c39df658094f630b6e2615698069d811d724a09baa4a65419d1416871deffca0766cfb6508cc95f6409117c01c49e779f9102c7c40aa0250e47da6e2b57a4d7b12b8c39d43b9374f210a6ef74e08ca5c1b9c002a49f3249c2f45b4280326d29da637c0efd0b2f92648d747bda081f7b99e60161f151f1a90413ae7498b3297079ae6159ce8d60e682098fd40fdedfeb1ac1bb85b51b07462eafc1772ab029884ea32792b37581d9df45ec95133a72d8fe9fae5686e55cf024cb1a37b7f92d3e659c2e4702c1b696e0725affda29652d747f6c432a0ce70b1ddd0950e213f54cac1ba74163e52f302e8290fa36fb0bc3025087acf17b59c0e61d9a29675cc9d802a66cf4f47a555546ff3d86723c59d5ba7d2ff66447871f41d4b86c2f87dd6280bfd3e0570cde0ee78c9e0063af8df2c4de245356ee72881ae01ddd60c7f3
Toggles
Interactive toggle sections can be used to present short articles or excerpts.
Toggles with excerpt
View code a28ebf7af69f2ea9bc4ec5993d05e6b5a361cd0277d0256223ecd907c1f7905ad4b43b69385d4a606b15016a466dee69b97376b4f84ef618d5b0680b6439d72fa35ef2397124ddafcf7601ab493e7247b61fabf3026517944fff82b2f540a577a07dfb05a1e5e5977d429ed2999b37d62beda06f918b661018f84f52844d521f95e544b26f82100f76b8ebb867f6eabcf49ac038c099b23f6c0fb4ed4b3e2ed4ada9d500831f3e58b2de1a0f19bf296e9e6dee3a319c5acbf23f63a5a302f409a609d4ed927cfadb0b3e3713a61e91bf91ff8993be45c50f8b3361e15ce6543a86f3ba53fd00b19590b8d0de9561cac13307568c8ea6d0c446da015b7faa7ac1d0d0ac56daf30392d4a7b7ccee4a355e1838b499fad8d80e1f453204c409478ea686ca0b0a18940bd45bdb350a0d8d26cd7c65ca9bc2014c0bdd43a66b94cc49235acadf30e78130ba991936e176ec5964f315743482c02f2ea44323665abc0ec014b93c4000a980810655afb83e0f29bd3a1d5040f1f2b006f6a933bcfd8791b6c2df56febf83e7c902edeea2c0a9e54073118612a412ae1733b9bb6465974cc1a73470ce5c2b96907851c5bb804c77a9583c7dc0602ddf3f104deeb4ea3f39e85524a9bf57a335985f8d8c737566f581fa5a608e1191d5c495582a7471a47f92af317c70d28ff65a7091d2e3f2a95eac7a8ffc6662343171dcc2553bf3de8f86c7a69c99d9f7c5ae864bbd6883f202e1bce0a179dfc26a8bbacdc138f0f8dded752a815fe80bf0df65bede91b16fbd7429d8a53ccb96e0dc810c50ce7eaf3622dd6b1b3f588fd5dc25d172ee9ae48bdb97cac542b7e855febe621764997ce556a6130d236ba6e40a90e515ad22c98f1c63d69f3960251aed030126d71bb70c84be82abd83cb80ae4edc428c90b5a809f77fecb1e30c82667449cddbac7f682a4ecddc0b3e2bb1ccbd7afb40043ca9c668b360d0f71420adcd65bca55d1a551be58b5e2d9fe17b5984c7ac026e34197c29d81574fdd7086f5053a7d06b8f816acb529393d75def06a5dd5fc6849be69a20cca8d3d73fb113e7d698e056780bf7104398a10cf8f1e9e2b308be36b592f7ede49cce6db1ae980bc625c8426133eb1480ce1c32f4e4bad453a38ebeda30a06104560adf4b92bd31b311b44d009153efea8a0b4320ef1dc241578b828b89f5a73b571ce3d0ef44340b4d735a90363928801f323e3f250787fba4c6703cecaeca51567c7c8b7c4b5f11d88bdee5c64139e26c2236a8a8dc3896bbaa65e891880dd29df2f3cd31e86ec882e5b8e508c92b96911f92429511a233b74e0871ff0382947e13214f6ebad69daaae8cd6e977e1e23bde115bb91d2d86eab7d46fd03907cd1a2a5e7c496b159e0566c637e3ac81651b41c52fc80d2e2673df40e9db6e7e004bd466eae7f0179ebb2b2464999c6efe28137026c99b4a64d926b5d4d2d4b13152c7b10ba6f54b041a8ff4bdcade37ec03e919778293e0188fc00557dc08e609226692fcbdd747b960ccdc7694c3c7905869efb59242ad227ee17fd9f59cff357d6a6b3ec912d8a99b32fb4e5769991c9b396561c9d69a17d560d01ce619f4c87dd43ed0b6078459deb1dd675771bfd815aa8e7cd558c58f2bb8bbc29036702dee0e44d766468940419deb4f00113e2834443c7c88afe0306d0badf8cd2faa1c575871229b327b4386c555f94d8aea5209ba58fc3d497f54d3d4e1f0dc2d29d938be2bc447082814f7108a96f3b8a4cad1f191199547d8307b9bb3116e903c0517121a701315a95c081344c5e65b51bc2d4459e727b50137bf9f22bcf7dbc0762601af93b4e8db28947e38e062b01c6d6a24ddff70995354f685b747a4952d31557ef1cd485f164507f497b215d6669c0e6790155e15717928a0347a86edf34ed774b19e31b65ffe83699d47049393cbb880675a63f90305bb9202c7102f7cf9cd3fcb5d873fc6ed4dec31d12bf3516c10a5abffce44bfdf9207a70378b6ae9d04506e2a4a66f2e4d4500ea4a838529f7e7eda9b2bdeb451ba9e9856c19489ade42547fbdc9b570d3196ac88f370aa239391a37ba7046eea88e2ee27db469025d7f635688a75587afcade47a869ef791ea21044a8fa1914858221dae76c9cf637843204dbb9ccc99a1e76249241eea2c4a97456b1bae61799fe800c97943d77c365145a5cc1b556dde163849e065e4ecd306b2298cd98adf524dc34450193bbb5674433ee229b6bf4a8e55e120c53a1e527fc5a4a9a215692e3c2d3ffaf9cca22fdf046c3a55358180788e5244b51770e2f1922cb6332011f798b00901cd4975e7f469fe7d6884bb8b55d952c665e4ccc65a207d648ab89a520694bd58e3c9f422dcab8630ef064b509380c239535083731044c19596acee598a4eac95ade3168551c7bff4a35de3213cc364b8d9ca1f4e713189101814ddfebbe4af7aae59ad2514aeba76c248c3b1575722ae2c0bc367fc45762271d46a743c751712d8be7a59738770a89e0767e6da904e4b3ba9d18680d3ffcd9088dffdba565bc75a8b8f3226fa0db2f1361d00f532fa70a95c6ab6f12627b5898aadb2a2a916d817071d49ddb1ce4436266d387ef2a228a23fa4b2ec7aa720e8a15499afe792e1325b5bae78f13c5151ccf19a637da54d71ff6ee5cdf1c99118fdc99e803f8e95db64d752e7dcca53e933f513dfc9cbffa9fc089113f1123898c3765ee93ea7c8293c731f0dedfe8773656996d2df286b3d1cf1decd020b2e2f09c92da6fbfdbfa125caa049f2e592fdb8575f1684877adb9dd1eaad6f5cba545a69ba6ddb5c7f1f4ead05dd50a045c048d94d624c31f9128041348cfe60c462612154e6279b6418fa9b3cb6adfa65a2ddf7db2c84054d61c4c90926aae6ae4729844b3756392ccadd536afba8b5fbb08b0745a1806ad0049e0f16b9a4be8e3b9a6713e15a25e21a8259a43d2643b44132c11303b6b49f59b84872e150759420761d1b77e8f632ac22000c98a2e65d7edca84567c5a4d4040032879f116e4f65c3407f4b7fada01e46065c292e19623e940df6860c49abfc4b63229626c1322855833c09cc89c64f5b831b04ecb2aa31d535fb9bce5b9798147207bccbfe7c65ce04a71b289ab4b82dd6861c2ace11ed74b9017a79157dea8376ebf9aff7ab622d1a21c8c500d2c5380218e7825237ff1a46cf5d75453acec1a9e30ae5717e586de6f7626631389f15706dea165308518967ec92fad0b44bffa92e2de8e146d0874a33846e0954eb3e6e3b52addf4d6be90cbb6297668c9ec356e4ee07153d3493a01dfd6b2c290eedd43d45d93c97a083e0e446439b8e5c3327601b272bbba98266d00937aff1c95b56cb48bb87058f058f3da87222e95c6894fb4ad4c228be6cb6c6534c6700c7a2b7df416d1b278f43bb76592e4481684dd27a33d508974e5e4db27d7fc9c4849443fe5f0191284b9d5f8b8514bd2b5bb6cae701b237dfcb6260007d006b340533affe4b49c3b832221f2ba1a6710479ec68d6c9e418a6b01430055a82a367a24a9bdcf943be2f006415dfbe5fef357a85d826793fc2bcf8b76d239a1493a98c594b68de4b19fef8d4f87b1e41a8c49e60235979f08879e5cf87d12d89dcea2a742019059ebd57658cbf1e52bdd50c5f9edfb2470f8a7d932f3ecfdce20f5e61f04454c88e6dac83b91195b1f2f5ad35c9bea4ed398683e0d6b632a59708d0ab823e188599c40abfda33cf6dfbd6a04d5e0021c69791bdc0bd6e34768d78e3fe915e99ff0b819a8e868175930a6e74a0a0c729950c5729d31a9f46dd64bfc58244837f4fe0ad46d6f4db422f367260ae1343eff6f73b6e4bbb6a3c154666c743bff3634c779ae14c95ad198fb9cdc58cf5bc8d54033fabc33c01cc0c935e7b0c94ececcab15faf84223107959f438c793aa00c7a1cc6560739ba60690da0469ecb80b5d8d5996a87a661cdc21c5e89e7f21d4c24a5a15aa576fc44bcb6963a0232501f29167de63f1f828cb5895075690e695cb99eb69c62c212c93714aadc41969434ea72615a3792a5015e601730c59c2f3f15a5303e0b2558d5974b2d8869d93840c6e5adc94675f384460c816717cc9ba89fddae2aaafc45e5380d1bd3994fccbcfb822f2c997474c7c0e24f2ea34d125dd27802f356a35beaa93a8a6181e9655b6e0f8948ac5a885dfaed32936ece615a2faee4c9cfac6f34230870716bf0bd09858ed060a36df1abd633325f8a09006fd8c825889fd2ae82fb609b7c13abea9add62cf3ef33cfc35bae62b7088d5f30644f3f907aa6436a29d9c8d9b02afed80348201a7a880e66d46fdc34c3bc310fa03551e02cc10972fd25b011cfd8ef4dbbe255c9b615eeded339248547271cba3bb1c603732d5a5d6658109e6a619660e8773319c16ae5211f99b4de9240ce91dd451f1eb7aba8fbec9c6b57a7a05212b5acc1edcbfc4065067a6bb45589ade9479ab9c00cc3d8b2d2714eb32d87e65a1e73097c9e10238d465b81964256adc09a4ccb374cfb6f82383d64ea912229f2ca9333ef79bc1a66ecb20533b8d0f529b846758de30f3a265af327f2e7b89b9b5fef3fc7844a46c3fbb495e38234dd6cb109a853559a889a7c30f08bc9f189f5850879fc18bafa8df06f4a12a4420e88d406c55ccfcdc3fbe98dd373f19e3f11e6ef015f3400e594d6e929fc1e4a9a10e47ecff1aa97e740915ccb0d977ba465af185dc0315a21d148c59aef5e25b2b21332dfa94f9fa7b8089fdf7a8c6bfc6defe6ff97278200ea96c3dd9638b6b21b6661647fec3cfb6ef13e0d139abcfc02d78301d4fa3618232c9ac5c8a61ebca0d5b1114266a0e3c681374079dcb2a32b72a8489e5c89c0665d70ef7520ec35e10bd5d51e96dfffdfdadb6217526afbb162e2c9c3ba5ae23fd64ee0e651dfcb2dd9cbc1f7ff3a96d1c54c8990177c13e4549909dc5db130dbf7dad54f5797d9b7d5e437994bb6b91029f01ccfb32a5a44a62baeb88579526b00ba4bb35bc3e4aa35451d958ae290ad315b112fb6343177e7855e510a76d656c4184175f540562499aa4c81390f0014b755550a081dc111a9ebcff1069507faa5b0399fa9f83acf44c525db606a0e80b321c66d10e0ef28324ce53caab1e8a8755f0124d1017995a31388ddcf23af33b58e15fe744765b16b1bc2b39616eb5de6b80353eb39a3fd2ab57118f0255b85657e922edd92ecc2e0866c452e6d98d3629a0cf173aef72a9736138b935b453698c770fb87682c15733ce3569853bd55fe6177dad98d69076bfdf20913c30f0cb66273605d8a0400e33fef7594d607956e1eee8e93f96699a5945db4e0f0a79202d7acec66ebce26d634397ca9a3f420e6c2db23c5368acabba03f072cad509c6b4eb409187e3f9d2e4cd9f25b7a42495d167c0c5a3a1b58ec0fecc8c37b89c6ed3db04bee8d5658426b5501e05be678220bb4f64a5e73f1b916a93917722a6c5fd58968a38d6696b9005ba08a62c1fda1f5faad80239a3990467b5503efc651d8a6f797049168e65592f19ced6d170e228fc56bf302116c7ddb1a6b961e23a5741d96006e87d048a70cf22dfd5e56b4a7a7bff5f7d6a8eb93bbaf6497e6ea997342343550eb2318cf520e7e89e2ddf291022220f2b26bc16651d15d30af01e80ffed6de28a35614b366055b65ca56c8a0c969ada5793525cb7eff1fe5c4bd7548d9ac7904125810e8caacc8f52ec57ec97b7ccbbdb19028107688919f33bba8135c6a4ac8da44ef6e5afae2de7ec9592cfd02f714d9720635e35626995b06d5d9f433438244e7961d3d3aa6f0b17630682a5126c1019716a273a4bc5e92ca2e8687b365e39e0503223f670b15c1b73df7ca5e8594f1897ec4800cf19809ffeb136a3bdd8a484b0c2979713e16e794b18c2adf78478c7c6a5f24bc3e5c5486d703e399e66b74eaf533be840dc4cab9a0f2e206c1d7f277254c7282c670d20164a6003b8fa47d674a01e5db2bae9f37df0b0765436a10f032daf088e7137d175c13eb7582544417c1d56ad279d786f9ee678e8b6102844286090bfbc786896461277ed2829cdeaaeb5d96cfb38c251848617c09df47eb4efb872cedfb9331a2f307d252a5909ea751ee92037872ccdd47041e71a64c816c68f8b68261f1697040742437713b68b3f7b2786c1e3daf78018e080e649ec628f9baacdb124d84c92cb0d972b901de8c1b3700a36694f6600ff030afde3f
This pattern uses our Collapse extension to manage the collapsed and expanded states and can be modified to act as an accordion using the parent option described on that extension’s page.
Article list patterns can be used to replace default article lists in your theme or added to any page in a position of your choosing.
To replace built-in article lists with a custom micro-template:
-
Select the Custom template option in the Article list style setting in the Article lists setting group.
-
Copy-and-paste an existing pattern micro-template, or one you’ve created yourself, into the footer template (
footer.hbs).
Custom article lists are generated using our Navigation extension which supports options that you can configure using data-attributes.
To create a custom article list anywhere in your help center:
-
Initialize the Navigation extension using an HTML hook like the one below:
<div data-element="navigation" data-properties='[ "id", "name", "title", "body", "html_url", "position", "promoted", "draft", "section_id", "category_id", "created_at", "updated_at" ]' data-template="articles" data-template-data='{}'> </div> -
Copy-and-paste an existing pattern micro-template, or one you’ve created yourself, into the footer template (
footer.hbs).
In the example above, the Navigation extension is looking for a micro-template with the ID articles. You can have multiple different article lists on the same page by adding hooks with different micro-template references.
