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 da741fa84e7f3faa9c3da1c0326628fd1cc3447c41d1e029c93fdaaf65f0fae2abfdc816e439499d05c6ba4621951dcd40421d09b35d0a405fb129dd876a29e2c5d800a1ccfd6a21d73046ce0e4d0e659cfa2457f9d8fcc58a2e61072b102078fe6d44fe3cd32688329e531f4c61fcb3f88bb05d3a7caa491e0c216aadd327d44e419a201549d0f68f16c6ce5acc907c60b3cc0810b1674129a25fc30695712f6539f30e18bf74580aa0c731000599929363714d8f2544e794f83da489deee1ae44eb18a8518ae0f04b934a9861750145c2f4b587daa00900b4dc3e66d6dcb35e262c367513cabe08888d6a5f830e3b135932e04dd35fa21636db95470a658ca189b75f30122dc13a39283e02ade03c9e420a66da4113f84ba1c9dad1c64686a732bba5d7cbcbf91dfd469ab6bbd23c072097ea45aef53ff7a8f25c98b4d41ecec972c5fb91ca7e63c74be7a5962b5735edd65ff8b11a8536396364dcb13f80f40bfa69b6fc5ceacf3e3826cd23d961e2217e2ff8966aa845cc0c1f39c1cf4f70ad8fc0d348a05440fa9330ba26ca8ebbff9974a9469da98864c29c38bb0be89a63c2af176440b0e4634bdee1601d87cd2e72e1d569d221e4c5eee7dc9bec2de267a1a71e713420f27a3ec842881b9bc76f856f888cef9d08e2bc1ddda7db3e5ffad90f0cf33e65e8df2f75e1950c47f4e72c88f4823ac970e5b885368b4651cfabd48c715537b3469e39a66385865b11907b831d54ba324a103ed29a526144cc1b7dc6a1aaabf6590b0d172f94cf373f3a5868c4137b39cb71259f80748af3a18b247393660f7efb627964e9810e8d3f97e028c51d6e96e13fea1b9aadaa65ed0a5c21371a725d88a30012add0bd1838f71660e1f59333fd14889c28ebba8268d2437c6485416c6c2785ca5fb7a734d7dc995c26bb873a46926b77fa1ac4caf86653e1845e89b2f1bc0630990b312013936c5d8efefc7e1dc98025cef85ef971ccdd07444eadcc0bc7a90f7c5d640b00fdc678410df08b9288697e5be9e9f8cb754747d68cc53bf1fe17e8f81dbce92f7355a29cacd8913b00b013fa57bace0ca8f2c75dbb672478ff1fc1cef2ba49f45bc9c817cab3248541f6ed03f57bed647c89d52ab2389756228cdf44f530f9ab7626f985438362195276a77a8361966f06df8d8bea31d69ee055ec5262e18ed70c3ef11322bdb436239b4a4aacf80bfae781a9b2140169c2f66ec29cf852bbe3b2d53b98abf71af1bfd52c0699052dd1823a6ac936628cd3160f5dc27bd5a32c2806cbdf0fe057696ff76eb1f3c2406c23f8b02080796e11767001d2362e81ead642a5fa973249e68d469b977a00bbc2c2aa14818f072d154725075c2cabdf9bc772a5d3102d9c92621318bab76ec92b85b5eb7d611ff90f6358a74b7448e8785af35a65eb580c9419b0d3da6cc2ab7ab03b370332c4c92714f45eb6d932e24df2351f6c8a013eeb227a66b27177cfa3a0093ecc0550bc576c647d8158b802ee9c75e765c260b6c9861c634568e492d96f033fa94181689dcec46e022d8cfd1d28790c89fe336fb2794d8340d2d973310bcee2143880bfb1b006faaf3017d6bff7c3a92f59a4aab88172925a98fcb95bfcea5616868daf2fa17952374ed4eb21b2a011e957c07bb9d25133a74ddb7c9a3ebb26a93ad936165d2fb78bfd24f89cc02624d569faa6d7fb21a92056784138b54b06f0820d7b79b4b4a420f5b8e75f582cd43615b4b70c09d15849c18844dd5bccdf3d687e7a53bfe1a0b885f840c8970e8ce81ac21a95f6f656f7fbb653c9b2f071ba2b1c526e4c3123e2b01452c96ad44bc8fe4831c3a3d65fcb7fa5f5f3ec5c7f43b90883ff1ef8df6b761459300ce2d241e6647cf9b908d51ab815179de25980f500f31e86ea3fdce5d01091d40521de06185a3dcc878dc23f6f597212060d4e6b0ed9c7fc9c034794a85e56f252a4c473aa1d055561d56d68f4e291599d89ddf87f0239f28883266b5f756c893bf61f3bb2ff177063245f6a2f71dfec2120aa5ef5d7811bc2fc4ee3e59b429f5cf8c792371222919cfc888f1901ee969825eb7eb93ee17454ac2a08fc9130ac297c580523b273f68293e9190b1e3aed83eae1993fe3864a757e1acba60a91b6a5f54ba7d87fd23b051b126d132f5ff8bfb2dd1a090ff3cfcac3aa23284566b14a77c54ec6ef4c0685b9c88ff27c9a726c0cdb711ba7c290aba2f10137f60897669949b206b9246b9a7789047c4d26ee3de7bd58e849352acdd610e2810a72e40b525eaa7673a1424f267f115e2ca2118ddbbfd039d10deb305f9e401b73f3010783eeaccf5e91af674943ac8081cac32988c830bd12836babdced8c48eae03873ad99f856dd1c4808d046736452015378d484719943f6aeef6f4c8712a6d00cb73bfc1d6c3d57fb73dad38fbfb43f69e36b237f8f1c488f48fde50a1f8bdeb78ff56ffb3c7619a36fbe2024575b8f9841da2807333dfe640024c08525fce35e241bd572aa250595c8a62eedb7be2662ae7ee91cce9793d705ae389d770073c4f6264e6474a2623a87173c3f3380d3b59c51bc65fecb18a03d68e0e9f312438209e83e3e1d522c1a3c6912a71a8f8a21efcf1881e4ed725f143161491f5bbcca66db39a09db9b07bd0b657da6a1c58a27135e5effa00f3a81b335f15868804d0fbcd6d6fbb694ca8b89492b3dd4b2f3b34ac8ba3f922c5bd5a917bce6684680b85798043c7b411493e623759bac9620f0b57cd96268ef781d8e00563592e3d72c06fcb533973acadda8db2c0f3e68a5585796878a11106340400663bd10ce8407e69b0a93b168f63ec8bf9eaa47259fd0b8ebfe5e5b03eeeb67798d7e301ba00a48c21b834204887697039b152c014ea852fd04319124584b8c29ecca2b44dd2f1cba6678511f759388cd2155f7ffb378b480e6b398e377734f9f770dca86b282b0dab93487a3740c2af956bb302226804fe6bf768b02f72cd2d8af35c0efdf97ef5be0e9a1da70873ad9eff7f3b3b4f5af9932af21d112a4680b2bf057c1e2ff846ad727a1e7c36debeecae40e4c9e81dc62d8221c86fe6e0dffbf14ba6882a3f29a68d6994f09853f56b3e407a3ce2fcd0dd1b8633a4c5333096524586d57b1643c832106bda007dfbff8a03b6ca11c025b977e81b5cb3085f2ea78659622f2d2fd9f6888b3803a03e014a9ecccee7f2e969d75b17ffd9a0050896db2c7f3f7f146f67bdc49c38445c59054521862443548ca747881d8ecae859c62d3e0c1d167972f139622d51ee1fbcf2d3b3d648045ef0ea8d58131a0e1173337c1186d08a5a9eba55a9886ec784174c4aa496c594604cd04ebac1c9dac66b161a780df84304c5e3946ac79e86230c425f4df0c3e55848744110c2fff2ecf4652c856d9143588003534697f347e2f4b48032dbc97a716ba69f161090dd0ac53c40d1a5e1167388875a56c2117f4da58eb525f066f0a6e078da4a0ba0b7ba815557e89248d555786a5f2850ee31538912ef6b0f0c9b4a9b3361073dc2a7b922a7cb3c30ee94b867462b71b976d28ddc66da26a235c53b222ae715b6814d4b890792ca0b947277e00804f6de2954308dccde04d6536ce9125769a1ae651763c890b1f9fefd3f79e8c70655e0c3cf5e917d8612373e482be52637dfc276b2c74964de34a58c2d918a32b4252d26cd256458824e0c8e0c6cddd83cd701d2f439ab75ac79cc7323cfa13dc2f3ff5abc22edfd256bec7
Unstyled list
View code 83e39d2724d0feb5d16763a9c69c69e940f5c267a26426170ab9b44f15b716b0e97779904c3a94de6d32a97c8ffed87465a69350dc42d3e6dd045b5ceec7de829b2d8e9e49262344209e620c4ef759e3678a267f92694bc77f671c0ae0f9a5164c0b92268cac0e2e37981e0068f5fae1670a8debf98a5df0bb70103013f89ea5fcee376164c5baa90d2d035a8ee4cada9d9e0be6a378260ccf127f4da1894b03eccdc1c5df687fae89840e3e86679705838fe0a0ca692a1fe6f0d4dff4c210fd855bbb6fc93a6865cccb239e1d4f5f0f2daa42878fc15c9fbb3c3d97031a4ed7fbc8fe1617ae1aed121cc1de557eec9722bd17ada036fa9ce3c6b0885f49581f718c13a3b84a1d5967088e835be261c8fd640c352e84a27fbcbd38e9e3c4da92f80927229b8168576cdee923527b6cc27585b48ba8a5d4f1679817585f4a3f3bcac83f13dfd6f7b1c4804ffac5316f37a150b168b84e52c9d6a8836accbdeed036ab00049c32afa6d166f71be99a2c0180ba84a18a0f045743c7ad066d79405a299746e65fcc851d84e2e1c6ba23ef946a226c7086f871ffce1ac0e21cf71a42bbe934d2b393778fbef3b437c951df2f838e5d9674639bf2588dc45fcfcf19194bb9c9853e0fc4ee1334dfb9931b60e9e9da133cdd3e03736624f673d96bcfb519ec56f4fea7bb0585f27d3980d08cebe884a7eb8a79ef39c7467b845bb828f805cadd55f9d5796007f88b211accbe7a7d58766f8aff23d97eaf92db5d12564ce10b613ccb73497651b39655cdc67200b3c26f9f5c610a1adb2bc8e0c4821d6faabf0bca6603e95613e502e804952fe9a07f9b99fccb7e394779ecdd97f2dd3a83459fb4c0290aa436cfb0fc12ebb3aeab5a1ef54a3d517ead4642c75fe9c8c5ae023ebd9d63f57db5a66d1b9b214b227ecd8d7de2e23c16fbfd7f1dbf7a14b371434b729695b3d61d80a449be4cf492d970c872dcbc5a84a33e5086865acf0a7ba7bffa2eece03dbdda9e8f362c36400c394c43c84e848453a8100843c90e69a1527347c82ae34e35494a78c706287a91d663c7a3153eda39153c4a2177cbbaf2922fd171beac5d58be7faeb6d4656ef40cc12209f7b12a38d1c6288af6800bacca9c66192ac0a62659d9f3c91b6b350a00e1743570091215448ccf7e53d70f989268e5a776723830ce0a026f5d57b237af8ae5762e1db05ad27b1e22bc0ec9c95c2f7fb125dcaa41be408f4dd1bb2ebe862fb3e85eb6c093ca9767037641708b093708fd790c69877561960e93cb90bcf00a26bec9581bee663509b788bff6e5e3ed6dd6fe9387a8e424599dab9d23c2b92176bc97ce3c87de6d03ca19b6ac15243b6a5b64ec20fb5c7c9e366fe09adf9789b382f37e16cba79930a2de97184b4df447ba4412a9ea47fc5a2da41e8dbbee2ac6c19a8d76cce904d0d3a9ff5119ded1253a4cee46c008203b7c63a1bc6b480d4e67be1171068c2dcc02398bb28baf141402c572ce148a4e9fafba0539a37a3c22ebae9d0a6824871dcbe1b488b5cef675cc40a2b5f8a5435c886ee1069551208b3a2147061033bb9570f15bfe3244365b8a5c8eac3fd3cbe92689c1afde14491f18e8b8961363cf9602432c90b0b33abdd7363ceba4bfae0798b858f80ab17012a963bce7e192a33e06cf3354920ed36c0fbd5c0614cef9b724b6d60a6a76912fd0ff2e3bfbfa3bb9247215eb11bb718ba86a6b4a986d9e1d231419b86e836a7bd2059b57c88a12b033f3a9103fd805dc0039de98abb34b15bb0196e03ea0d42c19e1059af39b53c69527e49443a6bef11e68a0ecfa2c4b150a836e433a9e6b67d6d8643de9dd9c1174bba662e431dce7f726b008a2788aba334f6fb073c67110633064b1668ed5cc57f1eaa31b85a0d63f27160862939f3ad887ea38f71346164907ecc0cafbc9944af9c394691aac146baafb3d1e0eb777fd034e292b8363f7a31bd4d974b83c673b23b1d7f2b9f9ac3f688878ae7da366431e8bd67fa6fb19f94501f8dc47f88e647270861ac24cb89bfd22e1f29713f9319910a1134189adddbde607c4f485a2928d93cb8bdbe5e5b8e1faef382d7cb27ee14304e2d1b3c47761b45ad66020116c0e14498258082050bfb9df04da397bc9f62b92f17a1c440faf1f08a737d775d26daa017804bf8e11c4c5cff078a1f1f54420d129a31ba8a9ccf29058423ddfae46979614f2827447c902c27db05c28d16764296a635fe24d074e2de732380b47e98fddfa4d46df7d77f9a1d04345fc96c23960ba0094f63315cd5a2a891f4c05e649cfb9c35ef2543d022fa568a551af65e6c104512a32b8fe8f28b7af526c4607073c922907366a4036285ce4faf55c67704a9aedf451a9bdac0a2419a91bfb84559694998db25748d249f14e542bbaa225836fa0b9627786b5e999a6d5421c74bce86bb1517b5d8f4da855079c4b1e17d9e9fa86800da60c49c7fc22b38ecf64ed52d3c3b9fcf3dda14f12c75dde1f8d7cfab64d18dde6c43bcd4c1485e8ef8f7ac5f51b5a500c4e346e3002ea5fe6d62ed59677a4b66edfc18dee1ad475f094757d4512954d1b090f19f01fd5704ecb82890804977bdfbe90b35e0af9ec5fa0f87fb8dd45ff816e9b1aeb075b03f9dc021fd6f5e46df85d2968b78d1076e8019c8727a9e787537492896fe79258d64ccb31086cbbb2fe67dd95377a732e495a77494d960043d26ff4b56c5ca9490dcabefa75590d1a4a07b4b0f0d3755faa5b394897347676bb71ef4453d568ca7a30fed3bd87ab314c7399687e633336fb1ad82e47c572ed51f441bf38afab7ca7f6d28e4ce1fa4539225f0d3e3aaf2e1158d21d6529e232340971f47ea74263855c2623cfb7d962c47b2e0a6612855a7355765b220ef7b5a1e950774e234eedc515e85957e2a4e58ced6c9bfd14840a14e245f3cae97e0cbc3bd6c593f2f77ff8695e7451afdd72da73d7ec66279db26af7d69b17a8c7e481c5408da9df146d60fc2201d3959ef9ca73c1b67e670502ad3e60735ec35c3c66d5b6e221a38be0629e74c717b4f66da1a8e8da68f958a201d69d39ee436fa2880d88b364ec3996558a4a382e081920fbcf7e76000f26af3a43ffe68161f7dfd117951867bc236691484006e5a52c45e0ab945ec0daaff7d8aaa43f163eb6e01183ec8ebe7cfc7862dffe511c81869e619f7f1abba87bf0429fe5453b0e8a9a514d6d7d78e3b77c0429755dfeff03048267c95c37700eac92a644ff037621642d988d1e71d7201575987bf5d982bd8a5f2e784760058e0f78df2f6c64eeff23fee3c9812258cf8ba215df18e99c8becc28d253c96347e5470af01921ae520679338a933b04ddb8018e9fc40ebf3b527f78d8bf7da641dbb56236072f9e664ca8757c134e713890cc800a74878252832ed3b48d8fdbf6b931223d5c7a2b5c94a95414fde12e11700a32aac322b4208121519462751073bde554a3200fec37911376d7be275ac2c2a3f8852cb7fefb46aa6c5f7829174b2e5abe219c0360c397b2ab83c862efd281307cee7f68b886655ec1f56dea85b3dfc6a7b480ec35d303760ff3c13c72d8be49fd24358ca4faaaff4f8b8b429bcee786d75b06d641f89b60b7e9f21e226f89bb4bcb5738154fb1e8ed7e54d91069ffbf63b1712e17d4cf24150dd12ae684f2c669ed68f936175e35d46071ae87534434359a2d62cbaf4e55797680945ed4cdb208e8cc6b48963814ea2c1bfb374e9ef15d2c48d
Bordered list
View code 4335692999951c5fa0af7c2360641f62c3445fa8f076f11329e4b3aaad1b2a1f9396cdf4615cb40feb4ef0ab3cd0caae2c55795fe24dcde5199b441ff7946eedd281af70846683f4ff62453dfa96f7f33d4a18cf54c94abfccf6d9467494bf973c1b85bc9a35c57aff037b87e57f0cdfdd1c68580faabbccc1f87d025c57fcff578a7a0bee93b251333104c727e2a8b0946b9206f619f85bc8e5362439486fb62d067305565ea3de79906ea69de5d81b839cffd1d3158f5868a88380bcbc83dceaef32b190f31df38fa6b20c21a29ee4ea1bc5d4c5dfec16cd3c3d5b437a7a63efab2343b2819d981897bb81da4769ae5787386a09c372426dd60d23fa14e7f280b0171c72c8b3d6dda5a0fffdaaaf4d6ae12d46d9124e042b11a8261b4647b9c0da3524d45481a215ea972f086c5f3904f8e8c3a5508f4f7b704f999cee284eab82716a963c989d4dd0b1512fc458b66925af1e570164742ce3748eadd8fde11dacff17c32c476fd9baa1f23555c58180f9eb4ce33689e3e338a0391eb1eae4e552e2de46e86a319cb50eaf888000aec905e5b460056e81f89f2e822d1de7127571c86ac6b5c4a317411dd97fdf74c850ae248ed7f02063f7e2868470fb84673586d3da87a31a0e59578871ee055ffe0b67b66b515059fe827c29f774889421d576c85ba1cd2bc2b2d24805db0414a927508d26292ce93084723bae4830a35d7d76d51f2bca124b4f1d1b2d2e6c7f5d37e56b00235733573f13d6143e1f1dc9ce6c775f9179ab68dd69bf5e2761b33bf3f49a981583a47e09eb519d26297f63ead54e3f754e5dfc66c695f85ae1014971ad62d1416b2786ea943ee428b7b8462b363912872bee1a6bd5cd292ced9ba715b97fba341f6ba96bc1b1d3f5ba43a1e8dc3328ebad45d4019c880db4a8b84e18fa680cebb65726f50d9c436f8d5823aad6e51c0e5e285a88a9e943ebe4e7b2b71af48d97940a8d245687cd214174447056d0c8412c6b9795a0a393d617dec0d911cf1708daa68f218a4dfe57a85f5d11e52fde418f9985e9af7ddcd02b69e8431e768c16b7303936c4b132bf0ee120d891e509d94d8dca97dfc2073b178058ba4c05f88241caf2cc421a353b827e97c98830b7bcde7c94ee46eeb2b4e21c216a15cdbb1b7b9bbdb7621579c87d3ef9d66ada3709cef7a46d82a52aa49fc860767f624174aff04bca5b0160752152c189667b0935bb8e4413307eaa1455663a0d7b03f553ae4402239cc07215db3967f075fb09d066649da17195a6ff08dbf94ec20117552124915bb873d908a1519f87caa09167f52baa2cfd8d23b85b1a8e353619ca20065e68a720b6edcb183890e54cfb4befea7c3fc93b7645476438de3eba331ea8f38335a24493255889deb3372f15eab9b4f2f79ce4a26a640bed04a33767c189bf39e93fa2f7c773b5d3535358aba298437f8a8640e06de5d0eb1f42891ec6a1731a3907af5453581e26d382b03dd4659bf00089be64b92bc8580342c0ceb68edfe4542f988e58dbaaabe68bb890518743507ee5fa2a628a55de3eddbfe5c900f789c8bd0202f856c12d78720c5441807afb0b486f53e19e0de637779f7ad390e84524c9a6d0b3cfa45bb9163a7f19ac5de0c6c7b87a0759c52644fc636514ed3c4561e3dd74166be71864180324d51817af74e6aedc7d5b0543a2e3b9f8ed40656bb112b0cdd2e70f8409758b0a03d0137f34e487693ed4d69842621328d597da1354b693dab1802be0ce30eee8172391743d3d24909cc60997b9ad0af547fe48fdf693ac1b9381a9c7274114c44c4c7bfffa4147e50d9b51f022177cd428d57cba6df7e6c64dcb2793b4abfbe7e6ceaaa1bde0834dba3454ef24b1fc8e2a987c305c8a665abd747632ce1bdb28fba2a1ad60792f22cd7e125bc5337102e4e132c0d384d380a525685d7cbc7f25a36b9826daa639f876f9b24642e2ccc8d1364e6d4910244492ab0c30329bd4de5b2b73640fc2fd5c9c12648cffb2197b5795f46a1f5cbb8ff4d86db1accb7ff1ebf95314d1fd1778b4686882b22a8c7467af6bdd8ec9cdfc13b07e79ebea6293ffa74d61f1b43f012dca28d965d4dd3df67f1d9f178aecd390a8b5d35c19531a31ce70639341c72cb8c29bced59b530c5b952056f99179346da956fbde3966efbc60241c6b739c439c7bd58e27cb688bc5d5c76b18734b9d5a512e89b00ac1b1b5f31c62ad22bbb0e345f6aa740363b57096d195db94ceceff0d3f8f57a9747d40fd9cc1de9406ba61020fdfe404a27a50d0032768938cf464beff45d4e7010bc21d513d948b225fd0ef36007a89be5ebe42a93216c23273a16ced776f6a47bddf7def57692062e306371f7bec2bb82ae12013a00ece76c043da533cdd5f403317394bcdc7927bc39cd90cab0772e0d8d4112d68e5c23a78422b62365540aa156137c75cde9c08ddb2dde5049bdf2ae8f058e2a00e93b0675d9bbb518b330230e720b5151bb06364bd7f13d3621c7512b3c46b26351fe800067683401bd5d3238c6e4384d352b967d0c22da872cb1694ce064ceaee23146cd514b8a0b0016bd7ca294adb3b36c231f6345ee9c9f9be75d031967e442d4fffe5a0be6d073836c626f0bc02d40959b4db7f87b1162c4b5d658d6e764a1c9d6c0704ea014fc7fcffaa7b32f302212e369f9932f612ab548879dc0ed553400f2dbf6a3da459c846626f90f6aa88cb3b853f93b83edd2400e2821a6dfc1dd998a0621068617119a8e51209f558a82a0793694e2fece1a9ffdbe1235c5a48be431cbe0f448e616025316d4615c7666ffbbcacdc3f48e83a7e935fc7bedfc4b97ab341f7f7f7b55c981e3c4fcdb08efb767f2500a425e7e331809724f607a770eaf869a42d55f7b5d68a6c8ab274c1ce971bb74a71ae73990c606fb90879d089a6617aa15f06e01be66cb8bc245c542c7ba05c9a7ffb47b46eac932f45101f00eef8358b8dfbab1af63d9ae003b313ffeef5c88f055aecb51b2821970a5f5456983ff88ab59d9a4d7773069723321fe9c5cea674541822bafb5566a6f95867c270a7832ff62a4d0ead42287229db51d60075b3d069ae86810bf395b37daa9c85ae0750b13e38cd740c3980ebad982ffc1e646e67c81d9ed1059a4d16cb348eea08f72d007d11a727e8c75eac31c1e95ae85f02a6a85745c58511c7c52329596ddf711fedd1c1d9138432639b741c5faf8dddd34ce62808b9c2bd35e23c017e7848ec290d30019c51baae1c040e395c403d25c1bec5147d3f05ed2b7c16d084798f62fece49ee2b5b6de4b585bbc957f440326fa526177a4e294014ef1c7eab55e1c1d69bd8ead3d7c0e9e8cf21b7cdb1a448c8b6f832730c2ab531f566fa216e07727b9d40ac77ee89d2c0d6c568e2a48fe9906d5fe42e9be37b5e0120cfebb00ab2aee207b69a24940456e8d07c939188df1e694fbc59c47ba194e9cc96e7c6f2c1a4ac8819047d83167c980bf040f05cd727ae0f1aef85ab02b73080c3df7e335143ea57ba1b8fe8be82987f383edf6e9a8cb3a89dc65f3af2c57a03ed691ba37a989c1f42d019fd19ae2525b010778dd609d57c6e76c15fd252d0c26f591321c5cbc260907e30ef87653fb6982d974f00a3f84c59a23d489a69508218201191d739236d6c341cf79f23f8bac9ad6a3358e9d43cdf602885f514b73deabf36ff32a3f13bb1f352d13906639f8798fada15c554f5cc831a9c9bbeb30da14f73bcb2a1738478bd90d00adf31b4b9812881ea6b2ff600b07e87c75efc653baabb999ff23fc9cfb62606b6de60c2e798605980c1e931bef9508ec5a1845a5cb439a277a99466e5d9d133a4ad0af936885f936ae97aa7109c9543dcd1081d20ee279350bac5a960efdfb0992ee1fbe912455cca4ba109e302755a2fc5a59ef1adb4f56f6b767c2274c88baa8cfe0f9efe5cbe226172c0c644bf7c1bfb59fb48ed969cace0a48a5888a2990aedca45bb70559a22e00cabf05055e3a1892a6c36427ae632b626c8f1d6741348062aab3b0ef4a1c1f402fc5a0b4950a10adc38d8ee263a7d715c14a1b12ebc619b6d8ae5a2049fae52b709960f335d7b16d22918de7a445e807312ce5df9176a401e28070477bd59e781b355a3cc8808fe5d490c3ba06daa1079378303ea212c33cdbcf09c3716b4eed011ccf0a4e625e11308e7d33cbbe09384807532504d6d2238542e94fbe7b5ccac050b9d21c80f5b5d6971b5f1ac530176d376de2be2d24d37212df09fad04d96fb622cb98bc1ef17f3c0ad5bc2dc93b8f3ddd5696144885c790ab5bc1a4925f9ea4b62d35f7cc825bcd0900eed62c66ab84c93b714ad8f2b96ee30bab09e67b4f224f233fdc5b5dfd1de623fce9c3aabb15dba854f1c6c995bbc2ad7d4b52843c3079aa847f9ec19da050fefab565e2993a5a3fa66334bad79271ab925c612ed6b2bf4665768b20883be26d990ac1026aab54b016cc0addf39d4cacf339e650c8bdb2e082012e6d363818b49b71cc19f8cf19958e610a5672446757ca7c112acf36cd8f0f8b8826485db22f8216832b91f5b473ebb1205cc02487b1acd89f8fb211b6b91307838ab144c79c448d9c5e220253fc
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 fbeb8ed15240be2d87cf9fd62afae859f362c56c5ad0768251336bce8715d6b7c4a241103f69a4bcddbd1cc7aa91a76fa5bb66b7a71ffb8b5a8dde71dde56ad9562c7978454ebe0f89430f00035eeae14108d760ba9386be06aaed9988849b8590e0341c75e6cee1995d4bfed7b9d18a3b7c2efcb16fe396b2a6878dbc0345e561f20cec9ec237146ef9ef2ea3753abd38042a910da53d0bfde084c0f00fcd20fef726aeba781cb35f9a1c9a499a88b81ea3e68f2248f745dcc355047d8e93ed85b3d78b3fe8622a9b1b45772b3ad7ea385add3423577193bf916dbb4e238e36921f17a17b0ad349d77ea829a6dc1d1c629d962fb9afbec790cabb070d49730aa6a57f9586f5a3a2f313dbe87744b708a444526ab71d8679267b89a43c1980db82c3b007b5a9ffcbd4227dce6ce0681a10932ed76ac1d661b63603e2f95f65db03c9e448c2db5f680994cd61cb843eccc377a9b78c6f27337e48878fb7132f14f9e6c7a4671ce6b34e410e2ead870df3cfab8709cb8754af1e025acdf6b6e13ee48fafd0e56492f0a61c7a47d7366eb085aeedd29727026e12d5d66a96ba85831d55b5c86322b6e709a3710080b1df919c3bb2d08cac414575d72c642e93cffb7189b143b8ec752bb8ec0f35f81e129bc655bedbd8fe9d0820af2f3b39d4409f4b500982992ac3958c1eb1420569dcabf20517f6a51bafd5647faffb72c58d0cf720cc5b3b1ea2330adad9893cd1b8b49a261dd3b411a4b3b129dae9bce5343c7d3e024cbf01f6ad9970eb29805e5bf47313c6739362ad24b60838b8c954cee12b887de560fb0159c1634d4c9e36784dd1bcc4409420c0c64acdbaa7bb28c28d1b3534dd80b7d285d6c036c94fd0c0ec72425de16977bd6eef53d3dc91c0468eccae3e33f1cbae5ff877ab4b1a448cb051a459467351184889bf9d90acf9ae34faf75f380508b03a308d218c0dcb1875237e1011fd676bce47f0e32172628a88a097ade7c7d2b9d28f410503d0472b26af0431a4aa357fa4bb30c328860712ba43a12d3ead52a4a4b2a5a6e6536d6a9e297d251df400b56fd1073fa994eb55973be0e0094234a4ee5d44fea34542c6408e8135e12937f929929bf07b7bb2b59e9f592182bf9e1e407506653a8fb723b7542fa7aa6b98cde38a6505ee97c8f2917f369fee3423c35c14f56666af2a6995280417b67ccf204dad580f20a024203db9f0cefe409087e86ee666d281f37a4a4da862f6dcda4cb28086c3f4b469b5234609c3e97f12175c411591c1e4899a60b1bbe26900d41df0d8406f5da103e30cf5f52c963e4bf9055b1f61b288cc57fa243cafbe03360666a4f2e370c3c0ddd0d1d632ddb9e3241e4a370851d0923f962aac3dd47afcac3d2b2756e3d06a772c6997c8f6335a9b63f29acd3bb44e06ee6657e45ade35edddec9769f5b3324ce22835958dd4198375570027ace9e9b34d0d7310ae376ca9b0f97a80ffcd4b021c50b896d366e9ba03548414c0197a753b05fae72ef666cd807575513dfefa6e84f0f9310dc46a15d06ea50bbcebc6a695394380ecb68b364da65c2cc2b3dd110b2eb42598cc9156cebace42766d8f9c0ee4cc78d2142c7039ccc630ae559738abb5b12998d9985fd69d1a0da424f46d9c1e7102c1826a5846762cac1eacd7b6454c61a915646d53ec5f2e311221eba731818e123eb802c9c17d85ead7a59480253a37b06c08b8008e00e5534dbfa1921d371d6d9ab858bb06d708ae3c57be93137320e8c6f09f1726924e6ad62d3db9b06cd02d37d79cb6fe6644fd979fce792cd0c81fab035e87231ce5f4195c0593195637b291de2da5dc7b741886d0340b246727209801fc9cd265fbb11fd4c2671e0d060e72ed8db694bf609fa82827299579f332bfa615df942c22bb12c8ef3e57716830bbf31407b1d59181c34e148a31a4296dbb7c0008dd1a3cfd704cf08f1d50e634983931ffbf28c423bbdbdd4d1d20fb4cfc0983bef64116558d2e354004a06a93e645167ea19856d8779804c6a9db4996201ad00b3b6a09bc8e57d3147cc87b1b259ace06b0a3a664b8b0d2fa58c88e10cc3657c83e78f0bafb32d008edc984949c0d6993bc194acc6ecfcdbf5549fe399e3d6817a26e95cff48ef9d16930de4999d397b553fa90127a0f06bfab9ebf1c64142f16fa607b5da549c5c248172358a38b0ecb6ab3abaf7caedb19acba846397145e9c6fc7f04b411107af48b449a829193c531d7a9cf0463d8949e44a9fe9699aa9adb3f1641533f11d134dd37f71865742049569f6980ebd6799c47ae642969bfa9345243196dbffc1e6e77e1ac05ea4fa405fed6ba35388773651dc1438495a5e0ee49c20220665ce5c1c83d24c23b23b697aeb954e5483f41b20bb3e602c9e590627c9bc771b2a16d1840487778813801bba25e0752edc0efc513394ce7602cf24d72428180620aab25657bbb07eb85b68f0736affcaee4e1ae736ed0c6a55d43fa3a580b9a98446e66ba06e11ff946a4ba78245754826b93f36fbb61f425b7114adb40a372870fb7b5c24fc5987fe8096908b78646b73ff917a2d75b5e690ec059ab886c06c398a667ce611e4774d335df4d3f53d89389b987ac2b6f8b63b1383cf1e04c610c674bf702fc437f899f21ccfa04ef4da7eb7413bab4c4a63d4e10933c3168b3ef7d2dcc7fb76d7112cba4f81007c95dfc8f6ee2e18ddcf5897389bcfe019d8dca47d4f8f5017813a6735371b75fb4530a13c1d10a3a301f5021807de71e237f5acecde075fe6a7bb8ca671893c5973d411f722e3e13cf2e6406ec3a1142af5c0f67bd9121faf61f3c445b01c265efed28993e16a0d96d08a0ecb81331b784985c25f32afa690092918b77562306cc3297d67f987140165749b485d5949692f97f41c1bf3e538a36d72a739422bcdfacb0c188bf603a4582e5c26e2130e83624af9da77f3e9175fe0ecd9c820d4b6ce73c4f9f820bb370d9eeb8a2b19de8741b8aee428c815429e20202f91b33265ba17fe7593e27bf038b2fe3407e7f3aa73191fb55405e0ea60a4166a8a7512c813eb24549927d7933433b0ce5890ebbb7274e7439578ec2776d4a5d13b03f8079c5fdf75ca9b989322d9cb05beda57e0309cd3b72c0b257bf35b526318d538cb14ba7a3034061034a4ba76fc5603eb49f261ef9c5ac2f8e0fd0a191ee73f085380f18ef83bb0c615170a43c8da6cf7424994ba0f7cbeaae4e9b7011e3e2a6699700e3fa0fba12d118360545e326468fb25933ce41deaf3893bd6316ff8679a0c6c09917ac21dc6ddea028adeca9f35b054c17056ef88ef19ddd4e93d56e69315cbbdcb58f7454a4da0e38c771c36a3c41bf7c26f2e2e85fe04ddec6e756ea2dbff39e6042918348426cd2b0ec28dd207fe64c459948dab35ec4f8b710b871ecd5669bad114f3c98f353b9dc0ee44084017a1ad6ab558a4dd2a7406ee20719aefd5a7b8cc20a8ead49e059495832b139204c360aba5ef377883f8fecfff9d381a1c91c725dfbb9bd0447b81faac3dadb052a61750f46f3d2e7db4bce382ade2e68525788649f28f7a62c1d9ce00e212e352a6ae017c34e68980276c0553d242af76cb9d3f064a43b84a3a14f6ab058e99298b408a811cadf6d2814eed729e7f9e9f880de223487b5ed1cbf94d8c94b1e9a45f36a944aa151caa93611a934d6d591655a25ed82ff3f0203af398c8407c566d7aa643425bde9d2e227202cec366f73a77eeaa7d25514eb473696ca96cb4298b91c42eb31f66452d6b56f50de218bb0feb6c8e14239cc4ec0bb12d71fee82ae5abd54baad14c868a2059a5499b93bcf6df6840bd8e8273b13630d78a2b403d9d036999d8420acab038cec1dee378c03bfc98faed1743ccea392b11010683497e8df6581190c73f144dcc182f69169be63e7a4c60c918a90f4c0dfe50e650ee1c63163a8a6f040bbf2e5cb09a3fd4563c6dbcb675cb102fb4cd354632b4f0f40c8191a0547e8430760dd275a7a29ee7104fb237639455a5d7c64000e762b7de66109d1f0c2720dea358050656862e41d34c292b6943395a1030886947e5c34292f4fe21047527c6d5d1f3e2b8e48af5e60a29238f032869c8ee6b4c2e948931784ed77a2fa2017db4da952b5dc0705c181ffd4282025366711128dfbd7dfa8d8329785f4059760f9c3a7dfa0ed1d324794370daddcee3ebb3bf02ffd14d29a94aab1e7a74b43958ed7f09e1e6d5d81fcdcbe8b8b722f95aaac7bf6780e97454b09b5c35f112511d0256e1324d2d34d36e40f4a7187a08b4e84feccb220b7e281d8f7fd793fedb2f795d1a5faf6639eea232edf62395cc5103f12ac6e510ebbe54c0bc0d31cd0d65017bb2065dc060513917c70753c7bcd55e00322ca93f562fe35448c753476726954043db8076c981022c401475963ee50c16b2f13e1b971a468f65216683979be73e9213e2e666436167d4117680ffefc4e46af1df1efd9cf1852e0f1e8257a9236c45704fb9f5b4e4f18ba350d15dab9daffadf5cda6384970eacb97faf6bcd783ded8477d7d5d994fd1c343b85f56482f50d9e03a059042a621d63fdd0f1cc25b7cb5a10c439cfe51c6815572b
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 21c4b91555f454b6967fd2b590cd056d917b0681a5e20b3854ed4e8a7a3eef5fe53709a02d8e83a4d36564eefecca0a0996e0163b4f7cea2de3d7dd8ffb4a6f4e4b70fbec8218ace8629e8a148a70fbacd20f84af535eaffa292d4652c88896f03d186491cf6f2f6b99214bfdb9bf4ba258f084497d289e949c2180b1f6b7895928627b003594344d0a39041c8c2514b18fe08ad09da8fa7af2085464c6d31b10d107e6517b8dfdee039ac8de33f837d99a601a60be27baf480f9bdb5b79574b48200fc1eb466ea264581c87af03fbafa7bc1b682a1ae53fa8bfd0238ce5abe97274fc8755350165638906e55c5281bdd8df57c464f3099a7db5948add640f36c8a099b35c8371b74afd008b29ed6b51e1c7d5ab24e5020b220d53c14a149a17ebd60196f8746ae7516855cfba6376a30d049cd748b9d303b31d37f600f4c82b5fef125c4a199d5d0993eb1f03568f612ddb3ffab6cff8728d4df68249185f5863e842f8c293d29dc36d9d0a97c21f28e69e720afb787b2836f4f310218358d0ee97c4f57ab0d2e0d9b130be8889acefa27707ff2b7dc41f3812115b8364053038e73afb08d1f8948c70a0e0c5df3133ca6121c94738bed3a279788dcdd7e5f65567c4c9848e040596730eb8465d437182d2cd77bf8953c4961e62912776c30a637e92de959d5bbb0167c99e01af36af527d76fcad82c404a97fdffbdc546bfa9860b1df3df96a6f7e5312d5af01d4b7cd3537beece7e3297d8cf2ac7c4f6d8c82e7c2033895a765ad611ec959e89f04cb5d9625b1e04db562c71bc94ada7a73a91e0cafe0810e7514a1df88828e4ac02beceeaa74e18ea6912133feb5c823f48ceac2d33573804a29271ef1609075dee327eef09148052e579f29f39cb9b9913fc0d4cdba7d0f4e0c16f85285aa43ccd487ad6aeab76c4e40806902fd8424953fbe2d58b8a2a53bf63f5078ad9dd327cdb33674e7e41ae9f96bcd302e72b50a9ed33cb01273a7e6cb133e3619eee55638832b5eac9f6cdc7f3cee10d0be35b9b1ba9a6a3176ce7a67c3392200978210b08ba647b9b5bd5155f4591fca635a8742afc33ea989aeeb4a7ad603375193a7ab6259e3730dfcb10911e710f273d726cb1f5d455c4bb8c8e94389d48c8760de3ffa2dd64abab7864d537c3e861caf5375e11a5fab4f4f30328eefb1c11bbc249168d855af052c776f146597d6b4b6704e9ba269fa5654f3691dc86ee2052ac3ecb1a319dd73a836652471c57ff5237a16655c5fa5cfa2facc7fed3f3520c24e14caf7151a8c795b856df0e13f58070102250f0165d92731e9064bfe7408983159b38a6122cd3cbafa0698802b7782d3a86bb7b7032ed6706f4218ca12540d92ae9b214b0a08f83977cf2d3eef689248fad6f4562879cf16c8dc9ea5a25501577abb16ea7da3d11d05b53ae8abcee60f3b849700225aee2260995999ff943b04b0fda031214f3c29e1f5022fd513920bcd9ed557563a80dfe9c0cc379e770cd499a2a5b95b72a9341ea0ee8274d7041f920657ec4c8bdc1c15e5e68fae16e7dfb3b91d805d2c6fe0a59d84249132d2ffa3ff252d5f9e701993b4d73e45ae038e735be881a7376aff8701ddd38fd5ad3d0e42aced07057de84919b52cc1f2d809e3a9e4e3be9467f872dac253ae020f8dd39de9c1097698accb2ada2e213aa15f8121a7d1260d7e6c00a195c0021c9b2aa58c71af80784100f705b7df92dfac585c9371fb2c1ef90a30dbd0ac493b90a78814594d51b17c257d430f264f835be4d6c531190c5338a9b377efd065416e8bbfc97f3cf87d6db27fe330d8a876a7e5bbbb3607ac79d6d221da7a256c60897d53071ac638e561c5fa1ac83c9356501df82cc8c8f2043e4588ade962010bfe7820c084b188a3b165f394209c55569d8cbe4983d0e418f4c31612965473168154294cb00193625ca76516295b629590b512bba3226df26038cb37241f4ed2b8e134bb21f0f35835ff39b8e557562e896300bf9a8f85bff460a6b46aa6803bee361e8c2ad45e69a6fb34ff63bd6eccbf533e0235f23afe58c96549fcb7d2077edb3c6c1c080a66455bd6f584dad959fbfed3ae1bd56a24055c1f897086f1fc9e04228805e95aefc5616769ed4d0a71e608641e864cee376e6f5d54f8daddd8d992d3569e42486135091a442480868feb2bd6b2e1b05dcbe0e3479c1dc35c2166c2395169f0b3360f253c4f2952d222bb72e7adaa0fb1201cd412c463546068ffd5502f236cc6c9ce06908a0d5804508787a9be7678b7d48ad06e8cb58cce588bf5bc531de277fee51d75f679d9222170b0282ca3a3fd7e40020ce9bcbd85e5d75945d6248695af686fe4032977b19afc64ebb727ea27d4383214383e4a9aad6756d4317d56024a917f267d2c74001d988c884b7b08fc9389c1c6fe15ea2fef490fa1d4c7d9dd1690910984cf21d651f9cbe59b77c1c1480721a85a4ebf658d5f0b230ae3d35f816fe2650e6abae1556fdd20c1ef182b3aa1bdbb218e615d8c544fa3f393defce81e7a91e5b04122ffe93d79316651757d8394e72a8cc948e23112509a1217832ea367842f244c978ef82bcbdfeb6eabb27ea66a35f776cda759a296befec227aad3a2205db0382bc40bd93a3726e6ec9ea1f438869aa8030dd8dccfd89ec84ae3d98f273813e283875f08440e678c665d7ddc19656dd048833a93e28d58eeb7676181a33c59e78a2d5c8a1819a6ff665b8215e5e285a7b1fdf0796dd2a45b28dbe0712f773a189e118936aa3cf3b601cf4edb8e908060e97dfa4e518ab40454b06a506e878055284115db8baa17411edf57030b11ce8b8310212cf79f44fe73471db7e119fd642f127f0a9935f472b9e3608ee25021d97c8f9dbb5f9228b756728d3824a7b4768f50116f211ce0c6c7be0487554a4972d2e7dc90e35a675a5e04327fe4478cca66734f04e851e412ea26be4db332cf7a1ef5ce07e5f716202c4d1bb6538aa4d07433b13c38d5ed6676ae04c9f0a79cb4c34eeeab8173fc7cd1d105b234ca7947e0672e01909619423f67d4653642ec834d7f9f40a8dc6b475bf87bba07a2a971ebeef7d01e9f7327eaf96734d2cc7434d12182da48e38763d8026eadf8e8e8d3a75018d1e296b3fc69a92514ad027ad5cc6de5da5de1759a8e904784b83621fa286491c40d534f8c8a58f603edd412ce7bdf4edce58f5d0955d6a6c41febd75a9282216732b714a65f2558c2bed6ebdbb66dbc8f78d943db16f476d2cf4af31afb00bb1d7844153d645efb21b36bc88780c84303a009aa93eaec54083e6437ded0f69c1d6787eed89abac032abe0dac9def1340c9f9ed27d2ae4b3920a4fbc866b973fbb68034438d4b8c8985c1ac7267d81516c8361b8f8d7207a98097c4206377a6e199ee0cb7a3c7c180045b6d30e0abdc7f44dbdd9f016518dc206d1afcf5b9143b20e38517b0a8634114c69aa3f75ab456e71e9b5c35d108532c18b9b333fa877a234fd88f99f71ed52a2b018195f3c877e9ded492766ca3bec5225c810f6c4c9dcf4a2ff6a80eb3fa9a9dbbb78c1dc16b0250c06191c25c2d6a2fd90ba77a743503f3dca0713a8a07bbb2b6e0d256378a0bcf3a17cba7f39b9ebefc6336301a0653938372c20389066c8927ae7adb920c81377081feb856dc9cb568749b1a555dddd6080d27b16c779b5dcc5b21df9fc2f2f7d43ba29e0859b8a26f85ee9291891a01133c4f27f303326ca14886b215607cc16b30abc4e2c30fcc5b12a2bef2eb0883032fd8da9ee8030f91443d2aef8cfaed7627012bd9a72518d6c3094c39b57cee3a101bf4315b2e89fb339ca30e17bb2b506abf63e7c276bae3cf56f7483a9c0228ab21c47e1b36f6d903c5cc3fef42e506e92203f544f05c0b8ebece7250b4e7f15e9299e65a6a29a9e9569db6fca0d75ad742f1aade37035110699bfa36758f1375166db3c3131dae31ad64ba8a00a30dd2448a19a14c53d2bfd520e519a1bed7e62cb2754190931df5638e5fdef3b65b23929574bef5d0890302a13e3d4847a6b53688fef8bcbdcb132ef8da95edb47e16f3c1806dfa36ae3900421c090050aba426354bf8c6695bef2c03e558862178c4d3d4f246f650bf56afbd8468146e29a0aa78b223280aed336ff1273a5cfc0174123a55705a6a500ba1301470cc378b81c7a8031b87ab600e7b556f63caa61b6a0cbaa7ee8776b0a00703f34e42941c2bc33fe6d0a8567d10a02b1adad8f8441cb45a4063340749fe6d81d7d0a46bed77b858049ae26308a1958354d799a334cd7602ca81888359a929b5beeab744ba5cb34f1325a6350830e14f7de068d3bb8bf9698f97584de464aaa77804ce1f8839157b341ea23041f278e91582bbbf94fc3a408367d1b5f40586e9cde2c4d56b1f65663d344bfe7a31ea46fdda017e88c5b74b83f79b30f2eca1e8daf5a04ccec578853e1cc336a45ec5ded3a26ac3295279cbcb2d2a9345340b8764a2bbedef27eb7144e514fae74f86164af8aa24336bb790ae7bf9924a52b7dae5c96e00a418acec064d7bfea8899396a9e56b658259d82b952ea800797bbf1037a58ab3d566404fd66ee42d8f193dfa87ec8023fb368563220d4e6971e41a6fe6a9fb2b9bdd04d953cc257aedfca35c3bc32bf1c8c3b3d74b5a89ebb502b1f4ccc734fa6c149269781069b35ba1fc6a23649975b17b43c658a8d317ac4976ad0516fd207ea2fe83af0c75990d1258a60b43a033feaf810d92c3ef9246933962067a8cec2ea2b3f6f078029cbb2a0aa523fd7d72a8c319bd1cf3ed1f53b27dba952fc9f890344ae81bd3ec4965378473d790a31d0d34a75ad34453b99f20dafc989523e8598df384ce4908b67ff7a27a925efadf0a3e5ae58d09f36d3b1e2d65aeeca1a9e75f139f0f49bcf67bfbc1cdc8d9f7ae0b5d1f4db9a632f6a6534074352567f6eb90fc1731599c421563e6f55f69b9e6807cc1d30542f6b7a8d16a19c9319877d0f73d9b569ab0d293a7ddb9829789b0f2c7ebe96dfcd49493046d1e7f498c4a51fcf25e0de7203a7c5770a6765f7309e903bad921bab756f17207ef91151
Bullet list with larger list items
View code e289c7e33287418524d1fd56e46a42eea3dbe5851bc7c86fabddcb5f857981f65c04fb7b89ca93c699423de089c9e33a61e3fbfc93c61a317fddcfe03407992f93ebc757d18b6427aba88fec4ccb2995124e22fd666495d14ec8b28d8d9427dfaac049b3a982781d18e3bd8cba70c78d6d2662a6742369bc5cabbea9dfa113ee0240000d31d124baa19ce7550ce00b600d8d37df7d2d04f44d9163f8da10490e53406045434f77d068e23ccd1ee40d8143bf9dba09a3c62bb071e9965399da8c1ae1828f7b041ada67747160d7b5861a6a9fcd5d3929f03ecbef9be30104e47a62a9724c8fc95ef5e7992b6ca0e837518dbdb3398610718f248ec16e38820c2f795a50eb8467969186a8fd10ed1df9eb8fc8548b79ab8cb0d9d32ef388d32669289e89f3182fb097b6ff42b43c9d05c2a0ce29693cb916945b7dc6008788bf290d1bad7259cc0fb82a947b4361dcf02c06fc014ef5e2188a363eea6192e3493c6e167ea81ea18590f1411d09174ebdea36e3424a163006179d6b3edc8968166e8e2e1b9ee2c2b7ac0119dee038e8a7426da295466f282eaa8ea0c1da3a72a56da7f4d91ed98c9b658da97f6b93e15cc5394e1e88230a4bd0197b8021926fbf868810b321bda90c1a68ca5065bf0b7e5e1384ec04fa3b81424c3a2cf73eb6bc75ba19df45a09c0ca5874f71d42c82a0bcb4e4c6b40cd3eec9baac94fe2fa5732e91e940f6feca6034f7ac24554f0235eec8e2dd656062b6173941994dda2fdbf581554d5aba6d8b49b0a09d2589d072e1314ea37b746efccacb45b6d2bd3ea5022f5ae39a469f31338a8cabf85f09f660b345ef2de3e1c1a8fa1224bf4b4edfbe1b01cf3a31fe7196cb7668405bbae38ef2ccfaed5cd0f593e9be2b8a2ce72abefde1e4fe86b2e56b3218bdf3e23df3e65ce2b05e029dbb7831cf5b0df47d7b60b1df5659f4d23555e99ccb5693ffd1707f7f4f8590c6d50cca528ef53a094178ae52db826a94defec97a64b988c62e21da1abe4813a020a4bcbb3568d7fa0cf747a97bb17581ffef5ec4f3202608207229745885296a3656bb169a2c09286314d935a0eff5dd3080ec35c421112cec5ac7a50dc0256b203a986a4e8f7f9c2e157ae9c624acc71a1e47a95d7cd7f34b3c896f4e91c6ba09f50746876ff53732b59cee2527a199a00eac266147bb032c3cfa4e663af08113aa958901b01eed8009967026a2a77ea64d0dfce57016177a2f7f3c264e059407afd4e45b2fccfd0673b4a6a4ef82de0cb8bea6e1205a31b7a9b486a6a0c9f61475a53763a5b41c457b955cc06357ba3cf734267b3de2c2e5907a448babfe6787cf2fa2b96ece0b43dcea9fa8cb1344525db860777de5988d48f01fff0250aa69b3721432d8acaaeac67b0cd3015ecb4a4478f5e3420b378ec8b41088e9667cd0209786f0bde16840c74c6efdfb733dfdb025970335f4a59d25ee0a45aee6b8f0af35ca0645c9fa5e12374bac333fe7505a6629b77e07963fab85aa2d17d9a90759970bd3721e9566cfc3c1de32753b161b72706e6e8dca83a2e1941f97c2b3cbab3ae75fdd6758790fa3add1c5576c6cb08a30da5387af8cfead6abc9fae575195a87a46737bad984cbbc616131c949776ca36d025d4aadb12a80323ca32f713502503d84ea35e0397878c461087a23afc059db2e322574755315acc0bbe690db66c63da05446f1ed774bec0da2209e1f1adb5f8177654d2cad74bb0511a49ca526419bffc962850c599a1dd80dc1f6079f17ba4167893d5756a931d4d32e1b640cdbd28000bf3afe295f23b9aa158a4a7212e04853e2b49a0d1dbd483cc9113095ff774c184fa88f47ee0bc71249707bc4da0a8caac0a1fe512b540b7239ae033f2edea5c359134659cfce7882193e80e595cda26466ded60b2f3346c512c3a9c2fcbd20faf39e9fe2c500462e9b1194d90075b00f2633cc07f301fc207a2fc463e0b212af1a97502d4ee044c492d91b7a12890279407b685f8877fcd8264539b350ba5e9b500359a99fa659253b3e524990eb4762e7890fdf27ecc5379e049b05958ad4639bc8dd09bb45059162d5f097de3ac31546a7760b221867ccbc0f783a77037eba358f3c958b99c98dc4d43dfefbde81da53fc5688745ace0b3f2ee55573179c18910656fb1dc352c204eb534121c7a13a853ae817d99893514ab929afee1bfb5415d97f7e02a792505e231152fcfbb12d59ffce190434ec966147a14f712029cfa7a0bbedb95f092efc1860adfc4f0669fb2cc7dbfc14690b38c744de74761f46d81a25b8a5f38b1b18a6787116494b63564493a6b7546d75f89bb26577000bb45667c513432d7a45b8067149cc0072f4e1bd8514bba5786e1a93d8df3c9dc9a53c1e87c9e40a07c6c3f2a9af1dfbf32eb4490ddd8d8c535d29e2433cad77e9093944e112186d1de3619aa531def57486ca8e5fb36901bf5835887a946c98a6d28b66e2428dcd6c68b50beeb92b3546615dd6737afa3b30ffba24bcd02f4051a1d7427ec383ba43e4e09ccca3f2cf63b5b5f64bd1ee1c25ed16850fac59fcbe934558f573d223105167ccb2ae4f8aa424b28039c0de7ea8dfa3517e6d6ec04939f2a11172658f1c6f65d53d81cc1bf32c52b8a01d225e6f43133f870dad200cc261f259b7ee7449546fd3b9d86b3fa0cf2ae0af6ff1dbd42e8e44251a4bfbdb1629841f829b1a57664bc68ddab3beb0fd92398a5b8b0fda0c793204ea262879ee19fe382a650d4fe884f6c1fcf6e7d6308d65c88aecfc73d46b66cc07ca5985c2e8b8d339bc6819ff26bd6f17fc65405233b10e57dc64190d263848ff6398c520cacf676f56037cd6d5441033647cb2b8ad8353ec4495fb46ce6b227bbe669b50d387088350303ed456396c74e2c2eadfa731892c77da6870f01af6580d84799757e79225eb8741008e0c85c7cc5095d3fa45000c4670d0268bf6f03b404e06ea7c6acc58d711ff27eb358e1e6f480912f0e523049e6c184323917f4cdc22ad59ec19791be9d9c43071701b33771656edd147c0949fe65bca40cfdc76852d36b5aa6c3b3c6730cbdfd85a1b6b5d7dbc186d5ab3e0b3d9d9865d1ec7a552335a12a5b15796c44e0b3aa12885d00a7ac14549b0bf7fc56cd2d4f336dcaf906a76b556d1ebb04f957590ae24d6628a88f013718bac7f4a9831c221a2aa1cca0829f9fba07860b02c3e792db65906432ec86110559d8ce704dd5eac1f6f3c1fd9adc82f192951b718efdca35a08f3e96e270a4119b019ec6a25c9ca008f236d53d50181efad272fd502eb212a33aa3747424b345057d5e30b2e7824c76a5d4afa0a11e90f5aadc3a40f5405380b4e8e93c8210a2ea5f935d4b60e5133d5de9c5bce31a3a34f7ec34da1db9ef8326c54b2fadc6427385180a9220c69d11f5247083f8819c2fbda8d1b19bdbe9478ebb074b7cfa952adc678702060c009176deb97a1938448a4ed780c54efafc74649ae5546623a697dc8fde200363f32759ee94e56e1d55d89b6cf04d266565a99e2b7f86e0acf1b5003d4574cb0a64e35990c976afa4e104ccf46ac3f37bf442596a19aef41313e37f2ea85ef45ee0608828ce9005912f2b023627dd7175a675d415c85b6d6422c0a7ee62d344878ecabdb09a0a66df65a5f0d6354fb25d471bc500072a44531a63b6945e7da7438621e629ee6bd86133167d70e09b456b728c204e7f1338df45e840b13e2054b12417eb9926f95c84f966b0fde54c6c2b8c275f81fd5fd27bf3a875645b9b1580afb1975046883ff6b7665615d57d83956319b552e3bbb413c8595cb05437f570d3be74da17592b7461a2953a424d395b9d9b8dee4e985561676d1302ffad846f969f0d35fb37b7b0c7592c374981c0c7ba5e2b6768590041365dfcf270e4d6f66ae1de57f8011b4935ba43ecc98ed38f2ec3eaaac490b3fe7807719ccc3392297db8ab735970714050e50ab3f364b439ba7a594c3ef03def6e9f71cd2a3041c15b4a04845d31dd860d96ecdb69214c551bae91276436d013897d996d56485b78066d73f488c2c78302861cece7ddcb31c838b6014aea4b1142a540e9e836271f32bfca053af9fa4846fcf6f83da11e317e73addef1da92afa388967be49d0a2016e83a293174586587a51baa0b534e854ce650c8e8214940396036bb041c5b4cc1bd49c79e61dcd69367e6ac6f912330b9b318635eb75dafe545f4e81202f8f7b0d68ff58af32e4b27a45a923d6e6563b41be38497cb9d0ca0f9e7210c6acc84b6991fa26c4ba00d9ac3099aa9b0f98bfaaeeb0e1a4057f06787e60ca686a125479d768707aeed1004efddd9223c9a9c4c1daaeaf6100389e980d725c1ab9f84c76f64eace5e1800682cef8ee53a77ea587634fdc79554e3e215a08fec9f8cbc41336b776557117612ef628a34f1e02f12ced3d159cf7a5688a0ac401d1a062ec350c0583102ed146ebaa89f80cb30a0d2d4e9a8ae7d86b107eaec10d834bf9540ef3e7fa0b9a8cf60af6fc011cdae128d90857f8400bb36fd03964a598ad748dcc858137adeaf98a5e8bc9a247b859b974b054e228cf0308666d5f8705bba49702645c819848df14027f928147068454579b6ec10d9a452a7b2e523941456ee66870cc3dc0694ed77e23cc832820c7ba96fcdb73dd2ed9f4b4bdfe9b8e0b706f528f649e4b28cb6bd269bf4b9cab75574276e95c30156796c42cad9d455366b5d7370fd2cd2b841647457b213dfd73139f9225a0499cb558c985db1b88e2eccd47b1dde2f115f5cf8dda052371a57c10db8606f3d0f13d01ab5d9cb18f75032cbabdfb9639931e9afea3d6087b4025e44c700d4b436abc7646a7906998144d9ba065377cfb31b0201a67a1401583987f3a74361037d881f71db6774846761b6dc0a4101ee5c1f87975e4e4784bb7d62089ba518ad3e2f66a2100a305a929660011e3b59b18d0bf64dddeac7faf0ff8c20bd18f386db2a401cff05ba004393f9269b7a24f188807308f3f8909178139d4ccbef247ae7554580b9855de60a9b817be0a5e86709ae2d047ecea6784976efe05a47b25524368f250bf892d3cf1083c6a817f3d33f6aebb52f83d35a8d3263cfeb7b26bf94f7fd0d779a88f3ef81aafcc8d8432877c94e12e0f91d51d6aa699a7606e469a21ee6a5fe6ff19ab18def8ce277ef86aa782c430af6c243459b7fe3841503416be2893fe17c7c6a265c971dfcbec06094dcee631e518a10e4347a4fc9fe6c57ada66f7c50f079b6d0d6b47f227ad1c2abc23318e68dcefefe9413318383556038283b41f962a5d4d32d89f00b7071122165579a02ae4c33cc986927621be8d885495a95525b1ffcad74800ac7dba14ac88d88e832edc31f355f884997172bf8d940da02f6ba
Bordered list with larger list items
View code ba8da6373987719dbf807888d1f336abc88efc1b58f5af8f58e670ba0ff04ec77ed0f2fc61f307b24a3bbbcd9274f74171fcf9563703377929101a4385f8ed70f7e23f36a7758fd649d20a986bc56d03c858f74dc3f375a3915fc6ca2ec1f021f61d043c6e311502440c2e551aa20ee197836ca2ffee82f5c32728551df87dc8778610025c7118cc1803a4b1ba481beca01867012c6c3dcc2dd4b172859857d597e8e16f7d29366845b334aebebc0b071cd1169d8d3a1ee087ddf1021b7d7d012762d6bc1b8e9b3a146b977c8b9d5facb0f8853c03c3f1709bc5281d3a0b7ef6290e758f111f2965f541dc34f6a59b7ee3ab37238624a0404c1f75f876711a832c6ce0cdcf0979b7da1db2859ead593f446e07cfcfd2e9d2056dd4538c0617e06aad82ce371a58f9d034240c5a0fcb710d299032c7191f04eafc7eddcbef61ca04566e6b311c80d692bfe0fe10085d87ebde778f2b82e12d0ddeb11ec713a346ad246616ff09691b5aa183ce87d2900edb2f722d5a9f57879b50d03a0ca303d35ca5afd776fb8b8bcf66c1527c89c83f25c229cb118660c0a28e163e90901a0c837804936eb87a882b6316056c20f33fd4857e5bdd815a6f70294716ec84526b7b40abf8146951c8d81f68a6e2584dbfd77db5812a914bd8a774dc2500baaf6c2072207dd4626cf2578621a4f55b7975fb1051bcce034cded5db235244eaa53f4dc702fd452b2223854f08c7689adc651702f5955613732b2a43f58e48e91768d9373872cd503d9bfb73a86af48fb7ce1279ae64fdb2aa9780caee4f04ca348e5f1aeca02e2f4559db087fd6876738911d4af330fd2cb9e39e62dd1b66d8ba01f7f5356cac44ea3f0ea8bc98fb575315231b0f447f23db315f3b42d4af7db956150e05d918cbb6d35a1b7b0b2168142b2d64878b2a77715bc432cc8c2dc53d231371f7f0598c5e774e7a3ec3db40097232fcfbcdda887324d5118850c3ca530a37f59992636d9964bf7e5c06fa5ebe28a23c6a8746c0948617b5673f857b793e745ad92bc70fd98e1328c3cdf53a732ceca1e8994cdff0b5cb35c0ccbfcb03b6b405e7499e9e841695e12448ecf2604dfe00076b53eca65cc2021e8ba8f3fb9a4af6d25537a580cbcec1dc5ef3528622b856ccf2d72bafeda2f990a73fb0473e7f6e52b64260d769e1efe76680cf49543fee0cd9eaa27fc68965e018707f5747e7bf84b72a584e6bb10066b45a88339eff015ab9f7c062f6372acc198395a59a4bf6ad7099a9d2207949aca37287934b07f22aaf07075f325a6abb04a1a8fc6e9e442e22cce2af3c33ba4a16a833848b2dbb78283e7023066889213b4cab12ca23efe3c98ba97437b67e843e891cd560641a20f2b55f1b72cb5acbebbce9bbc87dbb1f8c93dfe676c2e9a1e41088fc1034838223b087f4ceb6e886619287b2b2dfb781cda1a2f7cd61fe6801f9130cee9274001bca56379eb758f12b24d1d1b38069d1756d9db1eac1408070f7ac4c1cc337e1704fdac3c8f1d4355758552576009fd8d739d4993799ef358ddeca44d11a71e0b6cf6a63f33eb7a16582d19cc646af5942c2ad10b84e49d5ce27a0d3021cf93900dceb90763e97d231c1d8d4abe0ea2ac4d6ab534eedb4024d9b156853c4cd11042c81eaab1b95e9820dda24eb7644db6b75c3c99cef955b68fb1a1c44626da4bf35b9eb85fb783cda451638da6f5ab2a4c914db3cb798ffdd4b28d54851440cac706abfba8ba1d1f05af8d305b9b9bfc8f3a0adea87b8928ed0927e6ad2c83c7cefce848f88068167e9336e44b3158754565983457d64b5388968f7e606481ce29276b8f62992c208ea41d7d6812f79df47f1d98dcf8b1fa781ef4c691a5cd63b093d0d434fa01ee0a0a82804ada3868cfa1cd1bba1f0de402155627e7495c0650434db152207a732361c237147866aab2a41fad029214a6598aaff41e34d1698dd0fe17746842be75ddc662f4b4f652c7e8321fb9f1518648e464be50f7205cc1e850233f77e43a32c04df0dd3b4fbb0535651eb2e73960f29a602be1f47b53f871c197107df239ce9f61f502da5757ae436f0581d2a2a1412c5aea07f59aa940a3d08672e60ece8a111a3744f37e890c7a42adaa9f327fe277f83cea46a4f2ffffabd1cce36509b21b876937515caffd528a3521579d8f1e47296abb0e98598e4b195bf789052029e95e51fdd355c6255dfd46eeb07114f991a61f12b6848890796cf172b3a0e4fea919b4bf079bc0374d50df63d807634e9b189337d4bdf4cc3214c29ede7438ad4baffe336e0f6f2b6c0c83b389b4f160406ff7cc2c09cefbbabef423ae712ede9c1e860b4cd2db674a2df3edcd34e21063d33e891ace2263ae44a4415419f6e45968814ac4178d6ac4dc12af09cee24e0b2df52d1f28685ebf39753ba82c9ac7c80abd7a118cc57fd87998301979142cadf06e63fcc0c3de78962acafc24029579383b8bf12d2509b7ec043465c9a83b59d85b6ec7fcad7399dba8c5d38e0073adc9f8c6d4056a72150b2542a32454f6a352cfc4fac4ec2f53c57a619b3915cf86439ffa937838d3d0ca8cb3aa41a1aa1ddf981e13d79feac6b39bd0b54681d32b354296de282f9a08f258eba7562a333a499f0db9c40497730961e9c4ec59fd6555fa00f408b4db5282898e8a4c85e9850a5b384a9de2100e6b0717ea89c120ed0cc3a3f40e1e679dafb33fe8260e9f5871b5e4afca22f1614c2d83c834085012012d63567abf77634324961271514c0c6090f7753d36563d748cdacaf750b2e739d8a88267125f2a0e257ecca26982321ecbaa2598982e98ae21ce30c0c3365004d20fab52b9549205753e8ba427024cdc6520fcfd6b6c086b236d9297098065f3b5bff7b0c773c79f8048b1527f9096c9e6261ec39194c9581104045d9808c1221eb4f00abb819b7c30a6a8eb9e9f7539ca6d1aad3cb06facc482b55f520a253e2d7448feb423b5ce4cd1b1d568a89907187b5de5591c00e9877c33e1216128596e64a9fb0e1968844444a4b3760f6deea24c6c5147ccd9550c25c0db9ff493fe9083118ef73cbb12ddeff39a3ba63f60bf9719c25829cad1991f98998229c14eeecb06f66433087cae0b84a1be8d93d921ba32f4b5839a6b51f15b895aa265fe04d57a1265ed4d9f5d4a1ad11e955f711e3f6f73871e4658c1baaea16509b23c249d90306b860ca13a6a1103afc546a91a537e5ca8a9668fd3b4b09d785a77ff319476eefabed6451e720531bc1fa031b60300924d96c36542c2aa4a546921f15ea0c937348cf5b3e47620f8a3275d9088965bf42bcb99092a4d42974dc3fa927c24cdf25405dfe009389eb0ef4e5cb070275aaf1829ca536f5e0f51d6a2781d0bb619c5b1065bf12ce940600befdbd90a5e812a7cf95f2d449fdc19ec8cfb0396facfc6c05e33988b23e759b245cc5b6d87ba3dcb332cf94e0772b2fbdcc0373e5c063bf7083dba3d974be4be19ce01fc4589640bbfcf195995ad042fa05b2fc002837b2186b656939d5b510bcdb16f44ce6f06768e5b8c8b92451b9392de29a1586965241c2d86b5d339183ee36ec971c4c3f5b805f26d8bdf5303e1c20e66f9e
Bordered list with larger list items and excerpts
View code 089d5a49374111e85b64fd7f11c1b763f51fc6a69061b35684ed5b7c45db1807d6a5eca0672f60cbebaa38e60139296f1c382f65ac15258075dc83202642f5dbfd7651432fbdaea5e92975ec4c159d774c45244533f3c77d23215b7ec1fb1e7779b61cbb1302e5ca53458342fbaaf2c649f706b7f7aac240d54680ffb06140f90454f3c293394bbf81c9aa7f8164455c23f977be6c02bb2420c756c7a30ab7200a476ba3665ad797b3f706d1f4fefad0f59919f7c06a514294da732ff5755232d40347a0c125fe6c3515dd253aa6bf1b48b7b89e919153ae91e93db0b828784f4d5df5e8b73aee35042b3c8915ddf2dad304421b5fc0606129b88426f807ab3e9017dbc1dee838053125316ab9e4ade53635e34fed8b9dacdcd1b193a336eb40226ef1ce5c58a6e0a8025b8a54e6a566e51aa049871982691ac8f1718aa21a7ff53d3851b867d21fef86aecc90dbd452f0aafd68412a61dbcee1090d5d12440cf3480ddb0b27874dddd1896f54f46306c3f8973476627c01e9bc4f1e9aa32e34abcce4829b94f22100644c33c3ae6b521dbb7e955789303c3fea04f017ec20ba49d2d020f5c2a1de299303f89d190a5452fd50a7b021632f479227439279e618915447596d0bd172514ce186de66ab0669ba5bc5b787465f4212107a206fc6cb705b4b573d5c5bf21361dcf360979685dc56804aae6b2caeadd96e80718c6aceb91c348a1ba8750a2985f039325eef623087597b9e52b06bf623f01de853e4bd4bd993e69c8992c15d1fbe6c74095258a3776c0e8a5da5a9925ca34e9ae3617d2613577a6d462b53b89c92095897eb69263da3041db202153dbb0e2f434b19dec42e649582d895ed07842126c6948ec1951f6513d62f7f9af6a7101bc7ca60292aedff5a46dbd3877032b8e3d49b455580ff6b3f8eeb984c487720bc0c6d843a56f77a7e5d3e2a345514b2ce27ff8845077e1525e2341ce9d6c6ca4ecd59f52540ad492e3fee3f15f4a468c539074dd89344be81dddd360f286bcfa9ddda0bc57525dc7b2119cd899c3c1f40e0d76b46a7aef8ea715b1ee27e00d61a54f4b7d2c3365a78b905306858710687bf56776b1262e0689bf4613a0f69586d0a65fded97210cbc518eb24c1b0df900105cc73c5eae6305f5414fb8fe704fbebf1877dc4f031394f421bcbb9d252fd180236bbfa9f77f2ac557b9677d1884e99eae795c6322350cef8803f75edae107133f186b9951d8f6e48d6f894a6aa6e9ae3fe9695b8b89717956d0c2660dbc39568363164de9f69eb506678118e66c2b52fca3a66796ae6c2241371951ad956b9c9ad451a9715b42ca2b5565d6375fc682b04027b3203b67236b80b2e2d04f6e022f630f95a910e006c531eeaf707c015f33a64a845e4a6168c497aa9055ba8d0cf640c9a75d3e2794b4a89c52c0c01e8ca200eea05834f3176c989b80a3c69207d167da0772b1c24344e0a00470a942907af1141147b88ab761b2760a9d92e971e97433ceb235363ed53452015e08f3728d5ac7a146b2a22c0c75aa3d9e28cac4d244643c494f1b4efced4dbaa16fb2903e562b52c31a2a85e95c10c0ac588615b7a6693534f3dcc45f75cf2bc0c60b332e56b8e2b0fa62fff293b71df8b516f66333dbd367c32b57b4ea8f86142b03b2093426011e38b013e94d4130f3a1ecce84fa994dd6b1a6cc049453df3b90966a8d4d03f092433a554ced0581e88c8ad39442dc16f4dd88ed67c013490e61a1c9c23c6a86843a161a79a1c9223c4c57d64c682e778be02c9c6218304a8d8272e4a67ed4258561d45be503bb331849c184e68cbf73e9327254a64e7e39f045c7926604bb06511b0e4b9649bcfe8bd44903e4c3daa7ba4375df2043aa784691ab53c318e88c354021eed01e3c6e9741eb1c8ebc2c4a189cf9e847ae5e25f656f843b0e528fecbaf055cc6fffd3191b0b62bcad1c6d7fab3eb7feb304ac5a1c44c70f3532889642ff3aa91b5c80c1862f56b0aed76ac15d4c7854b3d80346a2fc9cacb93abb4f07ce5ce5341053c2e805c64b3132872a15a3c8a7df9c22d071b8b1c3f9df40701200505a92252d074b5b2192eba6c9754eca3cc2cfd383d81c39e4a121bf7f8441faac05b75fa5d65127fe2d76075a4f13f315bea0629bcbf73cadabbc3a8a4421c98f668dd7ec7fc280196a3bde1774ab86a0c143faa077c2b11f6ebcbd84064ed5d7dc4b18b304ac03f4c95b9adedb0309aa07ed81a6de2108b4f138271c8033df89a0becb95e3d14f4ab6f320d8566ba1511224d8650fe25897b8504850b083c4d3b1fb77919e5b848043e58099dc3d1e62364f21d51a7f4a99314e17a3022393cbd290aed17f3a431bce599534f7f130d46d0af7c5069f7f565619003b42d519a897c5566eb767b2c622bcdcc7342c9003dfad85fd1bb1035a0d860609ed059a78f8cdd1706635a88baf9655c4b9b4fb5f2a1a3f8380ef881d62354b9d854fe9a30496e742b9605e7c2f4eea8d3bd3b5eb6f2d14bcaf87e17670219198e7dc2ed1a7ca7467700376f132d738b6388e14b2ff07fb1462344f4374d37f6b8f8b4a55511ede6f103d2f9e244e57dea2791f073f93e1ccf894ad013b341b58d1832210ee23b305469ab2efe2c75deb681a323f28375f3b4fd7b54af158233d1d456d98126834298689366c3bd68bae2ef01ebbe183cc05d9d961bec34801e99111f43824384c09d02128f42f6e609d2f1614c5928f4687b6b1b40b2d59e37e5f54caedf20d45e8a821d20a04761e30b90f0907919b989a72a92f961cd952b72dad05839ff8d098a55db48a1c006b73941af4c6af484a2c3ff2d6830633e85a0b9cd8ca7e4e1530869566ce0731fcb6d79e8f2832f76190103fd3628d4731bc49488c33743936e1c7d34f381881101258a83c4e3054a4fcd3de756b7cd7c9194622a2a1d0b9996e37502b62ae05395b4e349673cff69347bd5a3ac4b49e4701753116db96c47ba44e9f551824e32fce8efbc4058a78c365d2b3c6b86aa22ec2b23cb26d8285080a4fb95617054cce3ef96db307a0cb1bfab91c518fab25770a6c3283f0b03d2c2c5bc73571f200dda4dbc60970e7396999b52dcb588b5aaed32df5dad40f090a01b949c6e13be968417038b2f2084ca0f759ec39a74d40be4aa968472f98464909bf1d53be177d7e941874adc4a0244696e7f312da476eba2c587d28bab3ff60a63a480ebb7017c29fe00c18489c53b7b525b6dcda22e223d5d1e1d15a6ee128e7ef362463c326ae83954a75dc3b2b6fed35bb20d95f739e055dcfb61951d3e14e159efaecedf467019e0d0fce2826db3b94719cbf2dee5dfc6700bade3615baf1aa86f6172aed61806c22647e3048b2ea5f76d11581bb7580bdaf6047ffb86dd7cce79c526277e0a12704588f15f0775f8596b8e391d4c544e886d88625b2d6dbc3dc06163d42fc8f672600e0e5c7e2cf5ed67e3302db36abf37aebc8610daefd836c70899eb118259ca95bd51e357ce61b4d8018801cf7d8898afb6e9ba74904ff79c52ed3a9c6fa12e755c84a310826a052f738dea90316b38718d50cd4a3488175a072b5464482dfca21e0f069e78b6a91efb78ce191d187a03aabf3fecb810b6c5564febdf5ccc6d1eb51f716a2fe22088bbc544d6f122da6aecdfceaf2d3993a0fa243013addc866ba40d24c29ec6eae1ed1a3b70ea0b6dc37e78d7076246c44670950e2d56c6a80c3c629fb9a4e67bb4e41cff6e06954f9bc484ee692318ef56c5bc80ae39a7cf009ebaeceecc1d22176ebcc2d613cdbcfad623a3e07501c055816ec9e34e766a10ffc8ef9ac910ee1508dd14131d2ea14ad48194b181cf81aa25982ece0d4b1bc4a27db7567ad15e735ddc65de3a38ed3ee1b229a6936fc07bf1440ae61bde08cdfcd5df4d41f3b304f608b525f394185aa00aa1796b1c394df6ef7a8f515118e4ad8349a20ed608e5d18786735921126893917a439d7380c80acd69249e013781f4106d17a64b8c179aa0c3e2bf8e35303577810308db227e70f90a93ece256e571e17678c80fc3aed50adbe1edb8a4ae4c242761d75f081c69aa7df7a7453e29695c033022ee65b773363d88a6feee8b57ec83fdff77c6bcc8bb886d147e483007bdd46333bfec757b495a5fd576777b5c5457a6a111edd4ab8f8b3a088d5bce4a7605ec030ecf99dbed09fdac11f8a3f21f42c6c9f8c11f5cee75a712de05a80d872892bf2ebb1a6cf3d4e07802849ef30b7330d782663d2a0cfc24731fd2aafb922eeb00fdc1cfbe974e1d572d1875b759e4fb8fc5cc9b739dd0ac236c03597b8a2b2913028020eba8d68571fe6139886bb55fdd0e82792d477910bb420858bb27db7814c5309a576691299194e55de3a0cfa0f6eda00a97710bcd4e068155d1ae83f6ffe2dba8808b738d4bd2c66770a4bb2eee8ffef63ec65029be3a29e3f7a88a1ba0d0ac3a17f8751f2c67514295bae64ae29d7638263b37975e97780e9d76c89424edbe5479ed0f6041e610bcb274182ed71b084a5b856ac45310ff6b2e9cf8485adf7c316bb82fa99eb7bb5f7de583dbedf9cda1361f8d61ba680fbbb7928e299e55cc966954103048
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 60b67fe9fcc2a3e5d12158350e28e7fc22007d1ed8794487f678dbb0f4e30cd86f702d7e4a458dc994c67c3ef00d61d81086cb64f2a8a1e317cff8a17c6fb42d3bd83c7682d63287552daa28864c0905cb40a27fd5ef32a9b1e6ead8149f5d6eddce407b036792aa897a3a21d7b8318c85a4362f246b12b18558b2a51ec2fc2add5029fd5e1d1219fc1821b6d592ca0c42a9826c203923245b96b7fabc4442a8633b7ffc580a60c71ec918c90027653462fecd403bdbb040032a4fd832cdc6d94a9ede7562c2d10e9ef4610bb9ad77c890603449f501443d54ee7ab3cd9f8670d6dc7a5e130741033479ce1bae50d9298ed016791a7d960933e95a379336721d7e22186522af555c6416cbf0614baf5fe818f2088d49a2cd0e6f4f044ae2c5e3da331355a1d991b2afb94563bb74e89e451c6e586cce4f370995af6d5e0a2804333f9a1f9776d4ed611cc35583a1fa652d990ecaa5ce10982f205a2c1dfdf73729276a06207a4492a1323ce043548981deba704a7d594e950a8662da13a51c6bd82264463cd1d35261564af148eea28d841e815a8c626b92e7ba7763eae299e7b1b22242e774e121b8cd78c9711cc86b942db8c811abc33020df7769d287e7ecdd9c8ab3d9c74dc035bff234882a58b79f2eff00cc231ef490548ee1c61da483565776a8e9e22a360c2fdaa7b9528070af0790840cdbf9d1367c9e433ac4029c2e5fb136817db0d0cddd79f45c7388b99cad6addfcc7773c6f38e51d64ece6e224bc1dc18e0bc9aa119f2e53e04a2a7c68b619f9662565884912c0dd063320e8b2e1d30d50002f8410e239b559f6e20ccc46514c01237f3ed014279b9be0e4a2dfb867292077fff4e5d01631f1ec6cb020fd4378ecb516cf71e588ffac1ffec2a70df8a6fee71459addb9cd845d2f27636d86821036a7973eeb2a6264ab6a05a767488f619041aefac425ac1a197037bda88702dbd90477dcd8951a396d7f2c55ec51c5ae8ff88d67d29e1cc6bcc41a075d946d18f4bb8018f9f08b8ff86018d89c924bd7462aa31e0d12c8430d457925fa1005ba6cc3ae15d5ceb2930fe86db4388dd88120018040dff5e923c66654206b5cc76b9fc405f99c63b98504eb9ff208d506e5df2d8b3f7fa6565050372794c82309636eb3c2cc76e0bdeec76ce71e3ee014a32abd09aeeb4bbbda64cac3b7e4e5175d9bf156d84400574c178b2b32772372b7139e466ecfdc65c667344eafdb6ec862c99f6b28c25f1d9cfe1df6b8617a00322c0682e34f822c868c9898b71e7e465f7022801f2fc7fb46c3a85525cadfedd039e86ecbf161545d97f36c70289f408da4dd846a0f5f605238000f3a31eb5a341ff0eaf5bb9bdd5d5d86b32d148dc4f5c4f3b83ca6cc4e006e3e02cf51b253d93ecb897fb56d5dbb5443ada8f0d6a23f1c7c8d900268f2024f87ec3f7c4baec0c949aeec4682442fe2dad2ad2e3a1709d745d81c6b3ed420d4e5b59544bcc33d0f524ef8f8f48ec843c5e50051ae720aa5f5652b958949780855b34762c780051642b56f5b7a655e7b16bd172e1356ae96162ce96950acd4588ac8169d0a68ba63acedb408f7e4b92ad598139808612d273c977866885ad04bd620d52909ad60ceb5ac711a023a105fd56a27785ccf0954b56bd8effeae900859d74873c9871a48fd7123687065fa2c25e7c0c0fcaa5b392c6f9a07324da1999d4001e70c0f0fecf2384bfe4fef86d91c1be3436725b24538439da2dd26e6d379f3877f4d0eaca5a0fcce3e61e51eaeef7060b4b170853bfb6d017ed550d04c323f35792ba44465c99971975222af83a5b3aba91879a95e6ed9652ea2acf2390eaf57f84fd3056fb1ee8261e5ca491f8e446be3e461da0d52477b3ed5e9c21892cd5d17d0a8714ec06b9a0903484af298a6b8a6950756ae2fa3d8ed1a2b959b2e3c994f45f704d0dd1e0575ddfa19a1f413827e89869780a38704cf97d0c708d3d22c12ced58c2d27f8d0cf74e8cd344933de75d097b9d5ba1109a21c9cc61cc0317bd2f8eb58a889f5fcca5a070ea8a579e02000ccb4e4923e8d7ce54e01874b8ff665e2e0407e97c81f901b7e2d5076decb7fd36a614ac65df30420dd47da7fdd2a0cc92cb14c278e887101fd0145a42c1682b88da5013984f58b3f9bb30b3fa317c728d00d76fe10edd577ac29d27d9908572d1faf5ec454b9e8587ef5d2f8f3307e24820f57adab370d56132fafc2e1f1bc7ef369cf2d7e79dabe7bb066782dd04270461b1a1a88f7e312a5db56263fd791ddedb838dd04e4ac8fb89f146c1db8b2bd3aa5d117dd27cde73a2dd82a417181b432eeec3f5931f8bd4d722114fd7cbe5ea15d61a8a7ee6c459fc39685525e3c6c0a77c17d7c74dfbb3548c72608fe0e8feae11bf813484cc7aaa7c2cb746a08ca641875ffb5fd65622cc808a96d7b47edc303ebea11eef46615c24e23f881b5062269ebe3b6809bbdb95e3b92c16aeafc26d88867b75150d043f67dd63954f5bee9a503f0d04013469cc780672da782650fd1276a015766b009e4c90aff7f3ae2eef3b36fea626b1f85b9433daf684f566c618d38a4bb59ac3ee14d5c368093ecb3bb3ce53610ef850e04f21565f05ceb4e448d77f6f6d32012457e817d6b8b4fafd1d1c9ccc0e37a16752e750108bcf720cb541edf86228b677ac2d65527d6eafe1ec2ab0d5339892221c66825609fb3f4ddd52423d2d6ad405ac4d91fca7f32c3e4f733f7289f16768636c64fa3962e7cdab8304933ef1c356603d7895eb650327855a82fe548b455e64cab687f838b856fc1a779995cf65ad3419013f7dc26fc4cba9180b005e6511fbe6c1fd931b2b8b6dec403c7e29dbd56d8bc1d325ec481a849e829e10c096cb7b03e0ff4a306566458bad2502251bd1d64e55898e840bed5d8727f2ef4002584a1ba09eab61b1e669f4694e4edbb6df11d626fd179fc2901ec861e475d4b0dc7db40de5fc2b7dfbfc1376b3271e828e83b49389e6d8d8f48b302b441b6e8342cdb2e49137ae01d3ee71368019d76578d44b8fb0a4c1c1a921e47e0c6b3f96a635d25a2f8046bfe4b9077cde4a477a083f4f7ae01698fdf4c345daa99c68b2b8551fe7814d0a54b82d4ce6f43a65332626907d2666509e8e7fc5e79957c031cae540ac8d08d4057da6dd98876095d527c1ec60030cc5aa0b59224f82b1fd1700d8525edded58c00defdcb3c5972ae4107e94b152ffaf390e5a50bc1bfe1e226d825bb8768da3834d7492bbb61e0233478ac4017fc63ba33ddbd9c026a48803309fddebe98ba5b8bf4b066772bb6ba3bbc0615be03c9a7101070c208f9f5add8c804b143b0f8efd605843af835464579e710cf8661743092da5981c27f121bb7a7609a808023d53699b8c78316639c9d38d6f180f5faf59084d8ea9cf1706284540cc7ae281afcd11fc5ccb9b940c010378b2a49f413159fd65a63b16408005fce2af15d8601331e12c291287302bb66c61c3451c646322464b0a46bfab266796f61e2e7d9e4e6dd7ce96e2cab73bb5b9ec7c0ac2cd445324293aed4a096cc0e8de434437a482a8f261bf9ddf168a59419a5d6efa581f1f271bad506c8ed69e7a37dbdaf2ac1b083288c2aa121e6ad44b325c6f70904bc5a1e03f53cc7f92fad6b9b5f80e07b5a094c5b115e3262586633bba3258c719015546af32912ec66c24cb9e0e2501499b273880cdc6da2c38c79cbcd75589e7d7e115bddf3dfdfcd7a0b2c6bbe1a4ab75cd8e248d89ec47eae73d1209954cf982a4a52662247f85ebe941d1ba238539808804db42e190349c4573945d60268aee4b64ecc7616a91f938451ce945237641095ba293b2d2c0ff7ee5e781ead00959c70276ede91938a6f5397076a0ba31648372360512e8d8b673a9963f27e389bcae974f94195931cb33856e9b726d054190677cafa7848a43fe29308b6c9eeca81032a23f0b9e6c5e95ea6310fc2cf95b1c71fc99e1d91aa98ce8fccc71c9c0f26e0aae05b696366f7f28011bc3f11353abec85693b72d1e4200df8086e5db0158e4b8faf0097307e515d94169abc43f98db8af033c315d4fc9a0422e8f9c682967d5591d286a179a6eb6bf8bc0b4354fe817a8d1be87db631777b4940044db3de9655e9bcada05d44ae33c8b3bcecf2ea7c11acfdbb024479d9de4beb23e73b48feb1c9a2d52113b50eb3227322922ba58ef76b4e3c3a4d6c10d97fba340b9c3f2d751556b0164c5e4dd7ff0185655cbe3322891baaea22d1abb633e665984197bca378fd7a6eccf5f749bcff84ec0b2da751e86ac06fba7543e359126e49cd7ce2742cac17663d5a85c94a4323ea3cd74e2d52765470e2116b85db5f7b9d6cde0f526260ecf9c54da244515890606acdf25ce466e9dcb7b6599b5add55c3ef8e25e5cae1cc4c78f0901c4611caa7cbd54b1fb54bac03640a019cdc1a3330da9961ff4d70875ba55f6d98a817f57240b08f0ae06404fa7e058566e3407dd70227a84f726357c62d14545d7bbfc3682f560dce99fc18c79ea1eab44cadea60a3ce85d547b6f057b07fdac8b998ff288d9aac19f5f1817e8edf60fbabab9d0ba3589afd929dbd93ba382a0320428d401b0a8b4e5c27b494be9fb0198dcd9ba0f5ba17170f744f967f53faafde1651a52acea2268bec7db6bafc8eaa2a82cabc5ef8131b6ed81ce0fe85ca7a48d740f25280f78cbf6121524b9f7b668bed2736cb77f0651ac8eaf1e4bab891ece5f761ba481e90ef0b6589d217c9ed86fbd3dda460d02ca915fcb26014c402f7d327ebd26a233eb15a875dad96c2786cdd17be71427182a360c34da2f881fb0f15e1fffeaf4a1a11df5eb75ce1b32f569d34042f56a886dcbdfb8377108f4effe96
Cards
Built using our Card element, these occupy more space but are useful for capturing attention.
Cards with excerpt
View code 1de126b6a5ac4e0135ac5e8fc32d74377092c58cfdd95c38ba89ae02817fb4ae534b35a5cbeee4c86e1f1a83046caca62073699eb7c3fe9d9d4e534565105f0ce739d0efed5cd4bf384f29b4681c092d020235688540f59e6f4c2bdb973458ea491191ccd9b5cc356bb3fc5c31df4e131c0faffa7df2d6de374a57743efc4dc6d773ca1d79fb479471efd01260e577736a31fbe5cbca9324ebdaf72312b298284ddddb28638ced4fa88eb73d217f5801bbe17c8167cb0d70b2db5682f1d3664135814de82bc8b96550f8628313f74577454b15c080960c709e443decb693f346022a1f7113c42498873d035d664e8fa897b8f811df4e509a62d3880acf3ff1d7d6513a296b4211ff9aaad2a0579c4267531f0dd3441a2453142d3871597f0430b1452e8880009e6529ebd5992c2d6082805a5e9c86372bda7f45a0e311489f5857e689c870a2d2ccd2d3d8e5320eded729dc94fb176bdd23673d0e56435f6ca277540c1b60983fa2d0984267ae03e3ebeb9b5cc67e922388f6d01c3820b96cfd90d6756c09a602c60c80877b4bdc416e27210ef29dd35302161e8ec40403c714f147d5bd30caaaf05b20496a9ae6315148ca4e3e8c7681487dcfe35e60299489eac1f3bcb6b8090dce1789146ddb9b05fccd0f3ec15d5cd9687de91dfc0a42c26721ad870a2696d8c4ed25b6108fd3e8630cde088f316ef1219fd7003eca52a1858b18d60bb014170ae62a66170cb791b619048796b0dcf0188bf3ef672ebeaacfc7a55e77715809eb6f9a381c91afb641222b2ea78d58756fc33d23003a92cbea4f5acdf3a7ccb33953711734233e87437b1ce5b155ca60a83076242acadb6e6a0c2fcfa80e692f6cf59ad0af39a27ac0d3c287a8b344651af5bdc839a2563d61439c135e74ad350ebc3213fd39ad4ae1253866fa49ceedebcde457354806c4ed90e2366dae89e4cc5a50ad3cfaf8c470102b60195799926626d052deba9b80a26cb2fe70125a077a4a08e95014e9c8d25a8674f37ea63bc9a84f9115d37e400590cac89d4e9671ee8a1b48b02ec588feb35100cac78408629bf342fcf30946f499c151bf77f4bc5acfdc595d987d90f626a4388d7cadddc5acb22f0c15b7a4c9a5544d46a81d6d45d3c64dd277141504bc47898c6d1b7c8af1ec7f4ae2a1c85acb317a0faadea3d12f19864899e875ee2af305740145f3bce6a2b6cf654ac0d17bf4f20852f138d965c5dfbca8b58334f0150744b3c5f5e74c674a291b74c078c4146ee240f2f2426631fab3b8697899188e3342c98d01a7f8a68810962c21bcb2dd47ce78090dd002809fc1bf75a39d023a37ed0ddea5eba98f9a01883465758bd5ba279066b06fa8fdb5c270e07219a36c19e2c9f80028190336cacebca46c36c26f64770a5526dfdbc604e969c43a3beb7a543a23f8b8daf84d17ed0c19875fa735c2489bd0bf22297f577be0f57ffcd2af2499832fb1a1e31a46c02e4c095fbd090c8ac0988ed24b7bca12d22251217717c588590fa7e1013ee24e83158cdec314750ea23eeee1d566cca286adb52973b1734e86f8b0181aa43c1bd9471fcc38657f07100703eda7a868085e26b5e0e5ba763f46e5587896345e17f68e475d2cf458c2b43415a47a4300c05720068029fff647598356b4aa1463868c556e606d6eba47898de4fd26734fdcbf6dca7b701bb50e550437a373d45b14e576260d6c69d4080bd6c315da675141ccfa48697f665f56d567bcf54c0801a9259d73badb8bf07d9d1d672db18a0600b76b8feb295d1a97adb3bcc64bfed14159b7cee83e84ea8670cd4e6c8d1d1fb02392c097815f476a076d2bec982bea9123c9c1a54c2a722485b3da7dbe0da3bdffd78ea4a903db01c3a6fdd03032c3a74ddc965c268eef2776a180f899a9165a9520db1beb59cde3a047bbb0a938d0968ec12e6582e1502aa4ec859bb8340e079d47f133d963cee46349e94d36f5c3469b848fac130cdde4598356918a95b656a209c0a18742189b1de80a5b972b0ea32167e6f783c5b5ecbf672dd3c2c333127dd30d9d1a0f9f0bc033859008813902fa481704b5e2620b4ad4fd7603e92383ae01083d1582653bf73b9fdab319d5439f3e14660be9a8cf18fd68748d0a13e235d7e870991eff20f43b2adfe12f9054483211cd7cd7fffb719a9eb525f4289796b81c99be842be13ced301a4d85b2575dfeecf514ea8e454e4558617397036a853c73f6085544172c808044f5b9c8142daa84e56504dbd2a5a54d3a433ec26ef431fcf7dc72096349fbffc9edc62fccdb3187a937b32ccac8ef609798ddcc4747b61aa94674b1ab308e4a6a6836c84d4db252c25a14b5c0900dd65e55612b13c51638c877928ed8a0b31944410ed6c283d255fc0c69735f85e7d2c01dbc64891075997575944a167cf350ab914d8d4f07f47982848cb8343efc47299b8fc3a73ced5609cb9b24134b278423669a2c6145da75dc14bc2526233666c548fd8af62b36222726361849f3a568c0bac9f07f8da5bf24c0e70ca8c6b5e6183d01d35f6726124b75b9821fb55bdbe8b02b0491138063f4b309d957cd0b8a6727bea5cb84f0bb75eb41a78c958b9dd63a42f256345288d71fbb44d8c2379537a22ed11ebf2412735e935ee0be5626246bdce251f8a5b8f380b740f38a1f58ad0f1fcd6fe3011286ab38de0cd0bb43a25c01dfbaf46dd723bd91cb56209e301e5bce70d6adc265d5434a8f0192251f280c4d732392a92a92526db5c67e121b2f72975a01a9a2018af50cbe39363df36685ffd0338c417e0fc27a8e9a2efcd84f13c5a9fe04465e28c09e27330546e843333fa7c739bce38227399fe09020c51962ccb809cd74f0312a6bf03d8733287a408ed70d7a80fd1b530e1bf260421e6587399bc85176ddccf58daa030e85621c2dd6873bd3cb2474894a3ea71cc183d6ad123953a883fdb73937935038b64161cf04dcf0516abd04cdd9d9fab3538549fcef740a21c5bfa5060931b236d23c86d4f4f0c3b647
Cards as links
View code 434e7d8c54d51d96cfbca7e061fe210095272130f4b03cc32aa99613927a3b5daa162ad7ff09bb2c9a270516df1a48f02fc26347363c9165ce53a1a37bb3f3aed3e1c0782f74bf007addb623f708c0f702f365649f97403f23598eeaabdab7567c558c39f1a306a0ca2373b78b04bd56173dcc39d116b98729dc602147293c25c771e02186f926e86ee9cf221c3be72619a9f45c2f4c0cac0d9b8b2d27d1a264cb249c6b384349cfc61edab6a7dcb83f34d9c5f4f4b3fb7663fe395f6b23f3d13de99905afed7131539ad7afe489060a01ea451f2a4c5e05beb0dcb2ec772d88d9659ffc038e13ce930123353141f40bcddd6d6bbd57a60f6ab6a18713707449de4882cc6aea6321d55674e22a2d4366dcf4a4508e6c284297332ea1f4af5abf65f6e6a99efd5c03d59ccdf68dfaa3b868560ff4784bd8f5bb2b59ec462b7cef4d0d8e33760bfaf982ae7b3d9858d3fae16198ddf26902d29073b8552286718a9d91156c1df41efc71fa732003e67ea02a6f300f197d8be8d84d48c5fe314a4885b2974188d6f08eee0793b2b11cda64d1e0df7f152737958ee8e15861e697e56a03bee6b95ce456843870e831b6466fb24f0487cc9b2ab8d3b82bff0df0dc3c9cf416e9bfec765dff91bb6935636b2661ebfc03e074cb863bf7d3040ad58f63447c4e41791a501243f22fd9bc4e3035cccf40dfce988f4cd1892e323ef018a1ec08fdb5983d9109e5a56800c00e9c5728e7364b0bc1a5f70eb64177e2fe920f781058cfd9f0c358bf3b52de79a84db5dcc84a3a3b4bdafa6a8da33fdfea7de070984e2daf37d6b15e6418f58a163630e223f201150142f7ffd335f5726ea2f58160346ad940fd0286b162586542b8914cbd64af2e74c41ca89028af478cf92d009fef3ba0969afa27528dd548d9425b502607f48e014939d3e3d22dddee041efa371ef55071b55061045e99814fac205a232a93e6d79ebc7b3fbdfd4fce675dea774e32e7c113b73e430624b1def86a731016c6ebaf05b44fa0a2f49c6cfcad5a67a1c3193d6eb23db909b9e297e1ad5dfba8a3aea812c95ff19aefd2ee8d6f398a9b6987c45a51fa0e711d3230236d924f33b071f4986bc8503835921841e3139d403d19a238c48630ff0b7d4ac97d0b911d4c79fbc4a3b94c15b1527f079711e4442e008377cd66d777c78ccd03ffa67ade9974295a27e0332e22b1d3015ec0878e2a918b6485b985623488e77d7170c7bb57f4cf403d54e12072dbf0a69ed03edaefc02e16c5e0a790bf86ff8b40a0f16ef0ef4e1bad33ed5451b35dceb7587427491dfd326da2a04857c71287de689e25d7b8651ebef6fdd3206ef50c78e6a1b01e9d99c94fcc4880c604866f676fd5d567397b41de38bf44045fb5193b321bc113ae82de5550a3660730d607949db040e9a1ce8ac551ff6dfa127ccd7420aa187fbc2cc47627172298e2240fc0c1558ce678ec96957427bc8f579e02bcb6334db149b79bb24295166999836106c120e24e48f562e6fbd37f6552ec58fbb754bbad4366ed3a4d6683a58e6f27fe372ea30754f23bf558040104e8da42e042371354172f47894f246526345527e84c7da07972e53a64cbdc682130015aa4a9201110f6297c3c2a08086aa2369af29770cb6e125bda8305baf0098ee06901ccff78676f96374970afce4527b0e47b6a0e24e7456ec677499b66601c93c52fa52684656284ce437c1cf775636c68095562ee068b3d081b27ee6c0bacb0d35d9183fc55d5f72d1b6c45a8cf5dd34d534fa66282070172af433659dfb03a1d816257e4d28f1244487c5820bb47c744ec8d3562b27130a1a06d4d060c57d5fdbcc2b4be789c73e21dac11fdff32e9ad07fa6e754da1f67d88d1ab694f08e43835932ec561a338bbef05b20486e2787fd0edef53dfcddb877aa0763ba722d2e29d81ccac6f00b39d05ba4817bd62924cc9dcd19f754335b2b45b5679fd65c818ff1b96182a631fd7b3f8c0d738521dd923057d9957433efa8063aaf8c28045d5dd6c4272bf5a6871188822738202912a887226cbf481957f2ee632851d438158f884a82e9f890335bc6cb8dc9ad4b9a63af78456185a745bd7959d094072387c5a2b8a633093926bc7c6a7a85772b48915d942b9be2d62aaff4968fc9c67da7ef196db0d17402dee3cf831bf0072067376b47c2e285a9a3f71585950937b5fb96a2311746fd499aa2dc4cd7ad2efc155fe1860287c39f9de44425750714e17b1840468b1495d9774c61c9c4ed122a531aeeab696adc006af6be862f43ab47736bcf6e32ff1cdd616e5d6791aec718334939f9ea105b872a2d5d7ba051e9f98b1958e28facbad22df041de67c634a07f58aece69ed8f5ced537a80bc4f1efcaf181378698b8ef9dd17ba0b430ec73e36803fb17b91133b4710dcb358e733378ba27e6695c24bed27b81ee0f70a698da47929eb05636cef577a70e9efd3000e020da8c1253881d74eb17558a346f74e3f5d2e7afbb5fad57808fafa6dc75068fa97a985f226f347e2cc04504293d9bdd4aef79ddff584c7ae1aabd8c56132a09a077d0146304dd38d8432a120ec3f60aba675a764a2f2b73e402bae7bbb51fe8b6d7b16d9e804662162af063bdc3b78df372b22e2b9ad11e83bc65c388f2bfd238727865cd78ebe136fddefeb02d4314f5c24e6f26b49dc0c5776ce53a1d6d9024f757472204dcb21473bbf8cd46eb07010c7cbbd7b47fbe3d23ea4704706f2d9161d1531d6be53a9e3cf1b1c8975a344a0f6076a228236800e9a75f6b9cc6a6f69e005f26947c7c19686e36e97c58e7798a3bdac20cca7d93733b217b0618e6a263eb2613bb989b76973c9a42b6d8f6f4c22a510f6bb0b4f06847c695037c797b237ddd61c8b7fa6ea389c6d0b9af12c999cc9daf0cb598b5599811d1d9af61f271d0df5a23afbbab4c3c586a6d77e1992302eaa07502601c36966b583e41ae5337105f7257182bac54254c39de9cff3bf08b5a2f5cd349a345d2d8464e3c789e6cd27e38494d282c646230a26ae7eff4b194e768cc6c937626fb2b9c8d58cc32eea0eaed85d00cd5d0508ba0edfdc17bba5caf0fdbe4607727fb1a688fbc6b6ab29e8f85a8075e2dcb5acd1554c7716033c5abea97d139bb90b3e301120a2bd071951d78ddf3a0000734ec1dc97f85824d61ceafbdad1452e3a8db89ccdd6c630f31808b131e1f1bac4de99d55c62b00c7fd4778245bd4eba106bddd06191fe57d5e9ebfe436f17350f17c05e03c9dfc6af8057c47aa2eff8157b56b275653eee310675edac872d011108ad3c7ad7795fdaec725595674e52ce6741a239f71df1712735df737f9f64fb5d868d93fb4c22d61c5729d83ac8055aaf8ea3db25800268be102198a79fbfaf3f85fb7d74fee87662bbc36e070ca19f43e16d968acb4c60e272b60e792a37c7796ab513035664aa26fb6324a39e29c1756078686915dbd0d10201e5efa4243a663b4edd71eb9f9b15fc788ec468ddd992b51942af4cde101f232e108181a005d2bcc12b8e0151e5dfb4fbe6a75e8fbf8d96219ca251905f9ab5514677b3a28e82531ffe88ffb1250451dc95e7658f631a01e5d7532b610c10df42c478859a5f91de8aaf40f2a80d8b0e74b02f47b63cafd48e63fe81bba84d93e6310e67a3900b4c69ad438ac47e9f0266379766ab15c48a04109e54b9afb3b28f3e6236f6c207c16b196a37edc565f1e8c0bb0058cc084b219cb9a77555b535ecb9794dbf66db03d24b462b187cf5e702a2be82904acaac8d112cb980009df444f2c43f0cf326f6b0c5e792aac48e752605f05b0b3cd7772b050d0ceea0550968a5a15d1f53cd9007913a5ed77e079de5dcaf6c13e19abfd3e195e75cc84fee2fd4f3b6f2dd7b99ba516b2524f0d5ddd5d10ee31a6ed6b48a5dd50c8cb590bb346ca076aaae7d5bbe89952e46522c530ff87f75a14e6ec071dd96ff36a0c632e272f2cd29076e294a639800da9a72601083c84e11b3aa0726060ee2299
Toggles
Interactive toggle sections can be used to present short articles or excerpts.
Toggles with excerpt
View code c840c1d423e1410c86eabd74ac9d896e98d1277af3b91170ea87222ee6068eabacba92a08667802ec6fa4e22dd54565b10cef0e262299f3d0ecc9064f8c363fd298bdf14adb0a1c4720a75cd51339c149a30011f4194086753ddbf9ad1d7a653e1069d3ccac7589804414182d0387a1085415bdd7189c290b97d7ae346c9c6c4cacbf663368346737da3af9391cff51544efdbd676ea72dd66c88f232a9aa248a42dcbf1de019f630f32b2cf7f9a665f7e01b1386fe7a350d3b2fe98d4a3b8346b493800d310258770b44d609895ebd4d391bfd30848a4bbde71a07eaa8ed8bd7e9ab357551c8044f93a9ba1caf4d650b91cf87c28624e6da1da12285c64fddb2506c47c9c27a52995fc671a8c9e1a92467cd32d9177fbec27c451157b146fa080a3ad44a2576bfdef2d4e9d324e606f8c4b8d6bcc830574c886d561b0db334b0983532ee56951efda270a00d7078700399536840a34949650c8aaaf2a614a327f2997e27e8f595f6cd57ee829222852fcb44e62df4fa203bcc37ee8d279f04b9fb7679d2c1a125e0c7ec143cf4fd4880969efcd89f05318c17e0b7136e03552be9e3cae0d57d758e49cb0ed61b4bd4509eb75ebfdd83a3fd975a3b7e3a329b2a3f658a3828598d0783ada23168cb4dcd779aa7b9814d78aa8bd9489564e375415de4eedcdf9a431cf1392f0343e04b4ae5d9a8b7d4fd9e81e540798ca897297030a3218ecda292b74127a16800c58dfb91d39a2dfc78a6bef0fb7a7eb0870cbafedd2db2498839e8b2351df9c3566fd561d6b7788ec3fc0a977122d7f5d3382714b9deb790e5e457c0171b0956d536626059d2dee28ca293960c19f7d43ddef59d55009d1e8dec2c5da33b92ad028e26ab157b912867ebfc7c5279c2f7dcd2cbfe14407a85362ad33087f913b31e68a763bd7891ff341bb83031b2484aa0c1d7d4da62380439c9132324123253c41a8d9f2a810923f2510320e9eaa66616164695176e55d8ab454a55b4569e922a6dcd126aed32be70504ed1f59de7d75a74c86e8072a848f5226286e6344e967e38cf8b316d15489cc73f0ffd6117eea0cd88c20e20c2a77b25c9b0e3351da44c621051e50a30c7f64916816987a70c895e624829cc0279ab06005f6cb996103b88aab06c188b38b9fc7c8b6ebe17889f343387ce3b932ec35b21fedde029655d08517998773b5eeec8e23a6874672fd7627a7ee530918ca1b89cf2c5304ffe6c59d636e559367e6c51f5b6c4f9066631fb10755a9fbc1810816b7a3380049746d84a3191d97899951da6db62125e5877f760c78686e2870ace41aba04c34daf512d32aae599f48587da070687effcebddae8f464f02927eda36c52f41a74eedc09c84bcd702a7330dabb8ead90d88d992caeb050bd6141065b583780bae55ec680a668cda80b6e5317bd641145509a0d4639115da719023d837c2a1c6c3b4b1f2e302a2e466063c163c06be5d47634a825439f1e357aa31d8fcd8ea5a057bf95cf1ad204bc3d735d3333580fa205b0e5981bee4de5d72eb1ae556baf87dbf5e2c55fe0729d70d450e048a8789fb5b28c3553f2359b06a8fdd0b972dbd5b78085754db5d66edb4c1329af70be1675afb13eb1932fd043e407e920375e0bdeeb198bebba1412d24a29fcac848dd8e6258ea53cd3277b631e00f7c03a3979f4ade52519243ce5da82f34dc21e1c801bed62f4e5b358dbc1d9ab03928903013325eb0cff5794598115964a1fe9b19c35482ecb19bd6cd3e90fccf4eacb1d25442fba8b1a40e68983525d725c08be596d44fae433792995ba8b1fb17ac7fba8274e491a67202ad739dd01a22129744d85820f34a4b113cd867a32e4e3c55cc08ab03e96e702fef615cc325449a6906339f3e0d032a1c6f1fa0684e4c8e20edfedcf14f5af6ee9c09717a8dfb6a8316e5b7fbfb360520891e1d1b43401d8ae5a1483ba622a2c5fc5d268786e01379205da9bfd4876545b4643c70d494c49aa9f69f4f295b382019543c05c38da86d5fc74a03ea368fb124474b60bc237df4aea32bf46552c49a7b9a3da1bd0b736c66caa83c5e0258749f51fad40008b1aadfc938e79d9f2c9ab2768b77a6a07df0471a94ab9aba11670838946511bf85abc645a128b6b737878829f41b56045d0cbc9bdbf1fc2a6ac93850fb6263c0212753f572e508ba927d7f9bf45ae54f1ba73c45227d6af25026b2b7391096b72e61e182223e8b72e5dd6c1d062d9a674b38c3aa9e8cfd7522e6a4f8b290e4c4bbae64dcfdce54561af5e6aa714ec19f3f206ad7e59fd3caa25e96e825e7a7be02813119f7c8988aeef7cc7784fec8721ebd0dcd3771888a7aa4d82c894664971c8a9abfcfe668f64a2bc2d91708019ddd403e1a2b781b469c364306e06fa21cb5ee4224fa9131c90b776c1ddb10992b75a740bc0b3d08b7194d95405b80b35cb75664dab3e7f451a6cf49339c13c7c9eaa836bcd4a2fb18d3880128c4e93e05e14e0753c626337aa5bda359e30bf56669eb1c6bbb20fb0bdab505032d956732d702c919fc8fe98a564ca489189d46bfcb606a8b5b4000dd605807f9b01433ab9f73fba59672a33f06868766d06c2a97b39a34082d6d5a34a32dc22d12de9832db522dc30c2374513a984438df6eca25197e21c0293da4aa7d84e64a8d9e1ddd1f80d2e03a45595120f9eeb531401e2246bb19cd65dff3a511a5d3d94e5674caaafbc562a72d79ce5a21011d68af6d3b223ecfed14f171aa7116f27e498f9ccc53600fed3c4df0549cef7a3c81eb90ac4c3afd895a808085d8e24d55ee7de6eeb5848490ccba2e32956b8b1682d96cb6a30e53d48912983639ea5be23ce4a34ac4999b77970ebbcc44d44cf19a9b23435e6f4ec89e3c4b5995646cb049d8f5ad6aab4005926b3f6310f181d02febb81e189494e24ecaa2444e60d3bde408fb5207446884ec50b005e5530f438309eda181dd631ff1dfffe156a00591fc5b62a5890b5fab1c8aae0f0ec5034758c5e865305c74582169e166a58d5fb23a6c81a9cc8968def01993e0d24b5a4e19674c6db7b8071eaa1be6ab5537dfaac3f03f0ef02025095a513942a38b640d61bccb73ff463227e4ee455b1e0e1ade21235e0b0716b211567797a64c7cdc3b3d2fd846e5bbebe453ff95bde76d1d007876e6697af7c529e4f4457413002d1ecb58fa751be2ca57a1fd9fc00462b9587b9ff5a5753ebef480fe86b87a390d7c53f91290c80a5cd2855e3899a8b2ada9fb73505e5328f9c260b4b32acf6bf96c7df5a89661a8b8cee819778db69ebbb535baad1c1585ae50e8e70b6b898246ce8430085cb34a94e16742ce27911bec6f4be39723f5990616e798ea1d9e3e4b62058e57d8271546dd28fda29028f684ef396749ba0fb1d8b77a40014e62fca591ae00e858c0708982c3c1dd272725f935e169bad4bc8e301cdbbdc573a7eed5bcb07b68c49bb9f92f136ac3ac8caab07d10fa3786019ede858566b3da56acc796ac8b56e6d7ca8872b54695984a56c703b9051e22b4aa63b63d0a13089d78682f11affa9c87867559601b22bc8e66b49c0eba2dbfb252a43245d4888a1c75c5e7b06e5c5d78b2565bca7e384e631b3e645dc02d9e724883c74f43bce21e2a1c805d20ee4fa5b9bd273cfe6a4e2ef24b50bbc1c4c717c3092f02948d2c472e46123bcedb722eddba1732441e748a721672cb6e0a5b7dcfc913c14997ee6c61f82acb4928d46944e5b3e38fc3602ad8d6bcf2c44a99dc570a1cd41f85ac31322fd82005fbdc024a5d795e6e2d54c0ea86561c6bdc4918ebee02a41e44834373086e6e32440ff6aa0a986e479bfe5655aab116af45c75223fe9f35ce8e13709333a580aac58e5bc3dbab3f0e767242c85e34e748d1221ec732ad732ed1d68b822f7d5a0d5b63001339280aeb17a123fcd34d0a63a4ca5c800aa67f11c744464bc16bd1f1ead93f917a211133e067177e29d115b027b9675fd738b51c6dfa9c950f821ae2259100928b9f06d09cc73e13dea7cc5b2ec03137a2670b406fe6b8b2814038d94f6dbfca5f6dc4576c1f5a34a887155a76f5af3b7194fdae0b56b2f763fd5fb436810be7bc4fa8cc8253a9b95b8e30e935e83929dd65c7b6b7451229fd91f864f168347add5b97ba2106ebfd8d85006735fd16dde5626206a150f62a3d5605a731fcc242935fc2ef4262785112bcc3d4f73e8c90926abd39ee3507c6242f5388f64c417a381ceac2f9dfbbe42adb18f588265f4789b59ca5f991dbe2b5f8da8a753b5c953dbcdd2367cea737cbe1626fc3e6ed2deca78df1fd0f33b626a9c7b832f4563e001516cba5c3edf2a32a52447568e1e1dfc47bc6a551b906cda535da6dde4e3135bb02f7974e1eed5b50a3a8b5a70394d4d03e13d2208c0485e167c67724cf7d0ddf85b046413538efcb337ada5dde497273e2cfacbcc9f2366087f395c292775eb2aaa262722cf248a3f5426e43ac569b684593569c4c253e848529af2ca62576f55d841f2cf46622506f98b68ce3d07e62570fdcbc06dddc4bcb2349fd3158d98949cdb9819834c1451258b7e125adbb61d9d1fdcc3f9fd00d71200b23bd38e34650c0afee9a23e7ca00992b34b2160c9ed7b079b35d816fff3c0fcf98abfb59586f211f472fc8c2b0d976d796c8450646630752ee0d527adfa043282ee68dac4a2d686ab034a8deb9809c9d16df2e951790c612e53e5db1d7f7c613c9c729831ff00ec61563acf08ba7d1c03e4c9df71fc70484174a6f40066183e8e8c7502d7c76b83e11587e29d85bef2ab2948fda7867658505dda1125c828d525b3708b5c1102e1a7823a7fa03a26ee18ff01513e977aaa36cb2dcd3bc575cb041d3b3dfded09747295f38376acac8d22c59ddd129be82a07687189dc12b04338405c8c743f137173676b2b160868e7b41871264224e2915e121738558bedf6503ac1d682655de6e0f37be56f67999b5808da8df775fe35b8cdbd107ddaec7f5e8b4445afea869be30b8a70e3d2823ca750e1946073550ef23b6bbe83f2f3f8972c065666338aad2b1f39030036666420f135fb3ed69bb268eaa8d63d93f797677713f11de56956eca7719b4667e94a985114b0fb4e9a5d9c50368ba06d3df0f712f370b1f4884f10f70d47567f41f42ec642c6b5be45ced8e7f3c55a6795be53d9b3bcb4f1d5898da7088857f0c912f7e8936114013ee5e88ab89777b354b6c2bfe1bc356054afce0bcc0d9edbcb6636e550c620b95b3449c54ae57800add440a51f67a03928901c771912ec3c9644cb22e882cd38e42311cd00f2e30e79aedad81ae4078703a2e2303f15e633c3be412108c8a50a84e84b243ee00a7ed3a9e929654c3e40f20d1e097af5f40c5bbe2b007efdfe67617fe11f2deaa3ca2182d49e94441fac326b195df34ebb19fc2478a8e5f1b8a164d5f04595c3024317d8f1cef52861773eaed0491a98c90c2007ad0900283cdc3994111907371abb9e77f80326045d1330a75419fce1d1ea26f9bc6e9bc4dd6798138b3f0b5c879860b2dd799805c315fd8f4d2457f0da9bd82895b9392ac5726d986f4321b8676f04082d7bc9a43149f42150f70a7c3666b2774505223ef041238a63dcd3c6bc058b955a22a9769bd458211be083b257db2180a5f5c3a3413b3647ccfc9c51db41c51dc680eb6c2ed859361f24b3b4fdd10b5cdf7ec94a7f441dcfe77a00e9b2918958fe1f891996bde23525338a899e7fcfcd701ce52dd4dea5643e643cdfc5ba89323e85b590675421fd7ac582776137a75ad33f50b0f167695078dc857e90c9cb5af48942909b350d79d925d6db2d3512f8a02d5c1021f40fc53ea9738ec3641ab66396fe05cd514bfaaa1e9d040ac12151b5d7d038e354cdf1bd95a417757830eaf85fdb9f8f44b764c59d8dfc8f3f49c434ca379e22797006ee32d368d6f44d4ce1bf6429ba9668fed9660628b58a38e5cf6aeb41cdce8a9904240c2042e99f6001f8a6287a57be9d371b4cf102e61298e2c42861d1733cef93cda3951c3cf3416f99c809e9c0528db5def934e117b2f303f91075512e8afa6fa8269df73a1a33d6b9f84384ac27634872247466432a84afed163c511671917e962918d42d571010fe4c720ecf1770cae43844f5653e913d0ef1f71319bc7217172ac2e599636b986ffffc2d5dac242eb71a87a9fcff859d0147612dd32db45657c487daf8ce628afe7f8f77220d710c7
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.
