Simple lists
The following patterns represent simple vertical navigation list styles that you can use to present categories, sections, articles or other help center objects.
Bold when active
View code b6f9800fd7f9a166a60e8553a605c16dc6d73339a85575fe3bf1d7b835f7fbbe74c9474b75077b413bc8ddbf554b1f7ed59fd932e4b06797518912ed650a15176f837c17d7d1366209377e05389d5e714034000818583387ae76a4c9c7bba0e4afd59ff5151ea4662f96aeee40b7bb69a3c8fc4efa10faa042cb4215dcc5312a83973fed52db7d694f596fd294b6fe7162fa97f8632248ff32a6697025aa7828fdc12ddf928d2bed154090d3df5748983deac8b542fbd082707a0db7855583b2cd90c909c0d5c93262f5ad9fd2811368353ed4301898e6443a5981558b5f9fe4d16bb5a468c76d4c1d3c8a362b5eed321f9f3e7329496182211dc394e1273300adb4366f83cec664b62c7fe5c64403aa632fbb6df18ce1fbf26bac813d59f9d6ae8902e7b92aade832632d699d191ef3ba0d8d8a29b3bb59d6ddc05b4c7501814c21cb490973650acff5ead28f4a2df82684d55811b4f1d888e777830598a56997b6f10807af78daff3084abc95358c70f85ca4255fd921fbbe323697e1193002957162c41466b61daeba41e62d541c5b77fbc85bcfe302af4e9e4c4c4ed76be447c7fb4650438a05c13357ccc33f571e9e89ba94d59844e0cf10eca4bb4dbc5a24a804fe55ad2fffcc1a55c852f9c68aaa454382f0b662a58ebf7760c76bec217148bf04788411858095f2e6ed24574bcea892ce444485e021cae7146746b42fa5af758a74ab1d8eb523e1142c5f15adc3b2de411e882fec99dc5e47a49a65acc176d6d97958985e9f759a68f60c78f1f3c42fda8473664463804cf60e5630a951d276866012382f2f4ae49cf1fe327ccee94efd8b849a43e5c99c7f36973808b5df2d0d67d065b702b65635ab938e50f4b3493bfcb223e67f8b3dcadc5c4362a1bf087ed2d5f8834d0ad4fe18e7e5a76356c5415ade642165624173e11636561d98a2cb03609b25b6d350b2af986912f4ae7f9cd9fbfef7a17750c8595cf2035bb24a67076c92cea1d9f6a9cedc4c5e08a02d92dd97616f98aed589d6590249c0b0afb8658ab3f13f46bfdd76f422c0e1e43990368f6a81d278a17ac5bb706bed56fc26654a438b60b57a227653ec2a22a9fedc0fbf34b3d820cd3d39e504b
Other styles can be applied using utilities. For example, use text-primary to apply the primary color to active items.
Rounded background highlight when active
View code 854578202698826772e3f7f62101614e8782556cf32dffec2a8929670fd1ae49e9f4eea17b8f10375b059430f4aeb23281b907cc37984073fbe0e2e6f7700afd2ef8d12c0840592ec02177d7f0288d64feefac1e306376f548c0791351c1c84aef7f117eef4e0b1637b7bc5a9a589385e8462883d9e9a8ea8d292a0f65fa61d4ce1717409909e158482f9dcb54050bb73bfd82f68314dee1a40e18d532f55ec736ef788d5ca9fbf377fec7700ba564dccf57c21287cf27d22ba156547f5f86183a3d4608349954bd3029a60e4e59e265246fa583954868698f77fe45ef2fdac3f171269037a65b2c3e44a6ec11971fc79c072654c214db53cf74655c530f2ffbbb37c9f6c0d32edf6441b73cfbfc2c1cbfb1c3b0b74ea3d0f3ca9e9180275ffda15bcd97d0875eff67ec9a2334f0ff058c957bc3da27388ecb161f34c310bcce3767dabb18688b97366eced5d514742692b13a81db2de04db18802b9b5c28ba764deba00b02e98b42002af22c585728061d4869dc063cc5bce0724d2914db1de3be5652200d214f89e7fd7683a9ea5c11af2f3e728ea6a3a8bc75abd43f3aa7dda759cfae173e939b73cb1e9833afbdbfa6863573d7d2b6200d7aa65504a29c6e89e9a652b7616acab4419966cddc086b07cb5bd07eb51d68dc29541f42d5d4e478f761f84e5bed9d80905e4df648c9e5fd0254087421af193b3da439aab39d42bbf6da9b0b981fa868ff6d4f93b908ec968c46b6ffc26f8901579937f8c178abecc6ef99366dcb56748408971f6d8a57deafdf9b59844bbf0ea31b02d5723f634b0af02e13008937c855b0241586a520a744fa4c5264a2b2c2cec0698c82aa4b9e8eb9eb70b3cfdf3f0d4fadc7af5d83fd96d618321853fb5e35ccb0c1977767b72e8d47537231c1356d10247258ac58fc9632f7ac9d7db8788f362cdb7001f93b3a7c113c8e8b5feca781de551bff1ba8780dafb26f594663a48bba269927b42f30ce78335c6c131f1b934787ebaa96221dff7d4a02d55bfb7a08bc3dc309fc5caab43927c73aea0ca1d2297ee49e5bb0cd68732e47a16e889c525f474338e11129db3a2b295f1d3b86e458445e15e6736909958d1bafdf56dc1507ad117e3b85faa92714878f0365ac48cbcfa3c65
Pill-style when active
View code b062d1d5fb210f4429121b0ee3edab64a9e5db4cc28d0e1eaa504fa6317a6cb6561a6420d2cc3e5392e943739bd61e434062fc0622c0be5e8150432e584479382348c64c0c1b400ae645ad60386b640598246f1ccd5dba14a8088fcbeafd5234e57e8a474e084799d9e0b8c7c03f16b076f885d8b90552b15340420845b983f300634a34c158129451b33ecb4e1897660c1137b551ae20e3fd55732fc6e0192437b0da68d506c216f294483027c72bd5885639592a1f49a723072fb361aa5824827d981daac6afa84696f3e7d06b6ff204e5cd3da465f3a80a77c3dc127344b8e6665a69412065446ccb2a217f9f6a56416dd1e476c04ab448155c041c107964d0c27b5c6cdc22bcecaaec398f540987cc4c5c1471bb04f0710dc4a71b1b1dd778804f69b47b8c7e147e7bfcc7ceb6c638feb03e6a27e4311d511d4f18c32a3a2d9a52bd9d88819b9a25848e9d3c7810e1dc03e7a8b54f14cf80cdf2cc18fd42f7d878e8a35c84e124124a4ca82ab5f7daf73353d39ea81da04c9cf3b0cf9e2e68225e9195da3fc8263e2c6b864855f3dae54a4ac57b54b5eb7dc9519e4640dc02a7f391433c26eada4c34784e6a2e0056d14413156f331fc15611bf7168593a0de6b3f3ecc24eb9b238f680b1484e019b9cedaaed3659a110e5e03f82cbe72ab7e25ca5f162dc3b7fe30f28a845d78dccb63866dbd87c4e9091d0351c2de0140a951e4ca9db957dce4c9b97eaf2f40fb8ea09c8aaaa80469401e6e7452f692ec5fddbbd40c0578e75ecd793f6b0cbe3288f96e422e66d108235cade43b3b8e5f668fbc67f0c9978ab66dfbe539fcdf11d12966159379a9fceeaaa5ede5fcc45cbde55841724511066167f9f94096dc20fbbc6265d8e09a06d069dce71fbfd9de3e1cd2f618cbd961da98dd9495bf56f8fd4f36ef5bfeb2bad4e4566ebbbf4598298796bee48ba33ca5ef11cea57e9f56bfa5226048ac3d08021cd3bfd811417b509254a3d14d0c528d5da9d6c1212eff79d2d45be6acdc6ed1660c1d6a1d58574497615e314036865025ee2fb9fc2212e9054dcae7c02ac0971e4e69117f74a70b62438c3f1d2bd69e01b1aa06d16a947f87ad2b9ad8ea1abc914e8983b52dc298d0e575ec0c00adf4409436767a70c
Use .bg-primary and .text-primary-inverse on active items for a pill-style navigation.
Background highlight when active
View code c1f24ef704c2e2331fe498d924ee9c7755589d5ff7f0f4a4892657502eb91b32cf102180777c8499792b3383fe6c444fbd0ca667b8e0d7b7f84455ebb67f7c4bd0a6bc625ba99639309355fd63695a5593422780a7a55d48fcf3aeda8f4ebdc69ebc567da1f38c256a1888c3e4804573178c09b09363a4024c223519b9f337057d11e02890c203debed46997776e71cebcccdd7810bed7dca07f75279144750d71ff0f63e777e6f60f36bf2f3808fd63dbc8c7f47a7de26ea31c67bdf516d2ea4c5fb1a34f038623be4791972fec4f28a7c513f471a7c8074226e56d90f8bde05a2a5093b61969d4d668bc0455eb35a36acddadd36fe11e4c6a292a0aa4079d9648efefeab0c4017d28aa8df1387e4c0ff775652a8d98bce65fb4ef42bac210d25bdf3ef1edbda6800f56a291b5b40b02f8aba61b40cfe3b793fda79169577be8a594a884d0ca9bf992e0409d09fd050295932bdf6322e075eed1646b7fd8c5708eacae8dba3989474ccbccedc04e201a6d5f79ad9e32239a44ed59ad2a02edcd598ff5c6d33f7e5363d18b0fed6cabade4d8f208fc9b8458498a127103b0dc05df91ddf1e725a59480250806e8ac5a58441a90c886b3fdd341c3472aef70b54252e07d2ec787ed9c3d864546d953d60ac5eadf66ecdf2b9ec2a2e234163ccf6aed35150985eb6bd662f6735fe7aff644ae23429ddf6e77658b94d5836670495e38746f15cc5dfd7ff16dd78eb2e10efa4f9dc4238e31f938c796af9511d1ef198fc5791f1ba9e4650206dcdb16555df39a3264835f200c1aeb6889a2f7092b9c29f7d66b78b16fdf3f15d320bc616d6e25a1ca12302f51ea2c97c75cebad1281f4b1974a1731634c5e7ce6deff068c0fcadd15a16537e92ae8e4adf14f742434ddd79133f8adb35a68101436388317a9682b43e1886ea9ad1c8ff6884f2e5afb62c96de09572517cc8d1e59f3bf252946f576c90483bd327d1c3febbe999521072f7fa0935d0ccc09d7d72ce822f155e3dd026446456665efcf2a538830fec8b612dafce8c218f5240416d1f3917efd4a9b7997cedea9271cd83fbdda873f68e880d0219144657208da82fa51f192bc395640873998b9e51d254b0de96c124a4220f2a9bea4a5312e43f7078ef7d09fd0eb03f3c45bf5fb7232360461d49155
Background highlight with left border when active
View code c00c94c5f85bdb7693c3b7f936c3f3af1d0c4e6600f5be9fef8254c343032e500c371931fac150e73a396f9d2fa0fb5438835ac2e1000eab1bb4c2642c71215eb7986e52fbce3709e591cdac515d5cccb17d7c27bf2024df3cf93989b9ac266e0ac2f7a7d90f42a0d321c1e227423bfbb8c17fd9afbf0311800e2e3f78fdd9f3d0c3a30a4be751eb5ead89756bb98338cf7af53687d9a140d5fd758935d2c9b320fe4e34d3a8559f7ca65f1d885de9400411f33cc610525f87b96465dc1f51540b17e41988a0667cc2f61f96e919cdea91d52ea4aaeb06938a92c36304cd70a763f1df796e785cf49c274a8b41e188ba46a2f00f02361e4d52df9835124127022b740df374092cc19aa9e9ced19fa9bad450d2fde3e0b7a637c88a8d38844bc8d90b10a85e1bd3b47c7e5e511aa02395694db801710ea562860781797b9cde53d4c8bd01802b0bd3eeb4c6395737216b61f8252629b5123b861abd66415dc86a5ed0bf1014c14800840e910ce0926875ca21e2ea31cde56537ebdcd1136932a25050f86b412fe5126c90c0baafd817ea3b32c2db4bd853fc3ef24b6062fbe255432ccded5656781ba743873614ed652975f88539eb4848764eb6c336ea9f267c583caf6dda09d991018be7fe2149d399e1b893a2234b9bda08d931b24d0eacfb49825eadb51fe31fb20458745e3e6fcf5e2aea19a6fd174087f98a5ef73c062f0c8205618b38f4dda6ecbcd9e94dc5e23d88840803565d2beca51091873f89ffa6ec89ae7f032a9c174301826c5f15647af721cf6886c921a2c5ed2c52e71add3fe76237e90a7265475857168c64ee69bdd5e509dc805801214ff746954c8ffe1397c28bcb056c172ee4f94a441b0433d80ba81386f3310a77ffef96b19bdb118cb482f059350bf633dc5e49b83e8bf62a17e1bd9c2d0a40ebf6e6ea80ca83da56ed372d0ea1c04767a2616104b5feb9af7c0af73dcdf4bd70cf5e1760c4741182c0c4c5a5b443380e0a2790f352469913de25f018bc12d09477eed6c8d661aeb89dc193dc1415e5bbd972bc615a54c2abec83649f38823b0e9a3af51b7954bc0a175027d3c10ff459303d602ee58491efeb70d8201f6e9f9ccfbfb890608fc007b35ef96348e761327065f6e5b25c5d701945f72aa16def16d988b6caf51472
Primary background highlight with right border when active
View code ac1171b252d89709cddede459963be27cab985e8f8acb5e9ccad86a429d49a6ec8458a305379664801903623c2be56f501f0f88563e59afa4e58f6143bd3bc298233e67715eb715d8fc6281db7bbe675f6f0ac4ffa6866255b16ecd6aa3c0b1318276c763703b7709f761a8c32f3c7e2083b5026a34a8b949f21cc9a4bccfb625441b931d1cf182a215be82b226b4203fb18d9e443140810aedee7416bd08b7d0795361e302e4300730d3f04e124964d4ca310f9cecde2860785cd8b6d1bd10c467d2e35436a5d9ea69f55d830d839e53b2f7971afb3e29d8226d2c2ff06f717d932100b6f3d63d3ad4182c18969e81b95a7831da127bfe45d69e3f77527932f0496710e5deb0fcf4166415d29ae657a42a1f22e5615ef8effeb4c2537a53add79a8c6ef8c2e8fdf525cc26b6a02ecb9e6a7a9c2c86ce4a2a62440eab84d64592816fa1e38cc3212b11041973b5cb14c71c6ea60fe214e6d62b0cd83663b06446d333500016f5b3d8e6005388d0aebcb94c544684e0049ae7386d5e3d73cbf0600cea2ad54c1b579642f7b27a9fc560ce7c0db8f60b07fb7e34a8fd26424651d223fdef80f578888214f8bd1d1cb3131a23e5367671bac6dec1311f99229935c07db2dd31a0ce70f4d1b41dd987435948c34eaa5d9ac99db73af0b50adba540b652dcfe57c248709616cd879a42487d60888e96242fabb9d90f932f51ef3128d2bea9736335a05d5ab74a97c171bb431f60253760a3eda1e4c9b6a4bcdfd51321bd6e067ee235e8fcf2aaa181a47b7a1e3c2525a58248b9c5f7e7bc42d02960ed8dfd07aae0e3a260182cc157cf667a4de052b584a15bdcaf2432c2bf67171adb369e1713cb93ec65332721893ca98021d549988ee8c78a525492640aeeb2d9956eec2c70f04c0a89483becde1d9e940296fdfe919b86d547a32301016a6d2e1d0429e9258259c830e1cee7eeaa946e097093c53652a3bf8aa323108ebf914f67695e907b1c87ff869cfb7a7996edbd4cd6f1e731a23fb76df839b79328aeefed01339e940c331fa5122d37fe3c0f47b9c5d477795ef8629b732a0a8159544e81db4411c14ac33f60204842ee2d9128e49620bc6516fae0c92fd5afcf6d941180c1afe7c73ee2f687825a9c7123b3800a805ea734bee13c6c3c6bafb0f2e0af08cb59c7c1f6e5db434139ab9529ed8679482ddc6ae5cfb471278706f880ccc3c2496183fac033ff68bc5ff95e79c4da09e4a92b9008d0ed34360342ecdcf7f97ca0155e99b438706e8e0053cff81972f8dce1c44ebaab14c9cc8a82596f9c12263e13e7bcfd2c8457ecb0ed1e9e62e5d5bfeaeb5c6427fc3a17563e0b34d0e9cea2adb7ddbfafde75b0e914c211eed683d7a50851cd1955beaad3b4a0944557aaf0143ef88d22e74cd8dd08d656ebd2c647c41be17df30bf556fb74a925c20dc50a968c0ab8c3751f18f5c940658735b757523b865b18851c6f2782b9561930932413547a112c60127629e06aeb0a2d9fa2580e968d36f2d4cb4686631f20a8d448c54f92bb7411ea261fdf2fe90aff713a4ea84e6094fd17eb381085b3b6507b5259997bacdead1bae550bb461f2ff2d839cc54e74adb75aa82f9e89c9cfed3
These list styles can be used within a sidebar, against the background of the page or within other elements like cards.
Pill-style directly on background
View code 519a615de7ba2cffafa6db4d3c943b0f8a65c561c3eefb58aba2d9e8ce77f5245562f31e74a07fb37b710e9a4fd130f78590956f098cb5a91fc2a3dc941c73e86808116344680c52c5ea94aaa7ef2503a71fa8bdf93b7242ea1f8f52bbd03a7bec5677295536aa0d090f94ca255ee7a8a209898654431186664b81a12be0e6a87ac467db064317d563a39fceffc8e12943d22f0f198051b874ae5b5e12645bb087021672a449ab4edd6ab4a5a4deda76d5ace1838f17160a75c315aa02af73c49eccde63dee205641ca8c3e2f10942f96c233ebad67b2ed544e6caabea2b82e43a4e9033b9f57a4d6abbaa757d8fe2b81a29076ce84b1c36f5263aa118f7eb6520f2b2003ce7a2d21bdcb08de6c370c2a6d15e7e85fde02ecf18c2835aaf61d5ad68bb26d454a4b4154db73a9f740821f76164b44abce85c198aed8a553dc61edd5ec19badb56ce8dacc7f457c5fe3f19802bbb41dc4057917b937c02ec4a6be4d336232e999434ba3505bd33fcc2f672aca30803055d4766b2dc1d1156c2a2e124f0ed7826c219fcae0229084f33da8f8730ff88e7025cf8e10f835bf8ae51177b500ec07033c99a87996a82f9e4c96723560f66c7981d2036461c4f42579c58c2e6ee5b6fc5a99121d667de1f7a0841e6ae202c9187fbdb83e5767ae901f34d35dfe7db7e8267d8e4378a4d86f6806e3c580ecda5eb36211196f0bc411ff22459034f813e2dc78972a3c1161cd7259c04722c6ad936da89015c35289af1b16eceabe42e40d5932cb0185e071be8ec115e0e14e6720563f010b3460b7491e00cafc43229414c3626c9a89c1c3bd02b3c487d3ac1507dab68744cad3070a85650a002f45ae3dde95c9bf8d13b66304fe8cbf24de14efb487759f461260f65bd0f67230027a9067595c307ee33738220c3a3f6d78a0dbb63222e5fb6a80b2475cbd6a3fbb9ca9216d3c61fb93946c1292761cf5e3a3a5262c6b82998e585006e58576a6e28c9000911c4cdd716b50536ba190f2c0f9a5eabed09d9902a9aecdfe9ede9437654aba3439f7faf27ecaf797a588f1b8c92b4f1ac90567f379baabd2696b7c30dc50e7a7299d0f7cc075c7ac40002aa1964be229472648381179edae812f63799da19cea96f24e080743c7c1
Background highlight when active within card
View code 9f01f32bac5baa209e9c1397919601f25c29e89860d3d25dc600da16d2e649cbe7a86548cdcdc46471ca009d5b05e46c51450be92841b3901b1ffbb5c95fc9e3d0d68fdeb3fe358069ed0f935aecf3a2744338751aed3415bef7aa98ddd8c598bedc234f6b8a8a13e6e968d581b28df3bec61bb2b8106ab8a0a84d6b1714cb787c77ea9504087737052971e34f80faa5150d6f101eb433741c190f2de7a84c6e5ce71ed073666ecad9e353943c015821c261ade2c664cb4e5ab86e37b0ff182e77f6fddeb0b5ed1c6988bcb4b1be693be0fa1b5da5ccab9d60cdc7c2be646c6160b62dfa069b8801a31ee6565c18f01d7df5a2b52fa822094d4d12af36f41cf7b3d01f1c60997015b990ee12115c55b253d7c8bf430eb6af2b1b59bffa15ce017dc2210207ead4a901e26fe241da4d007077cc32d0fe04b6ddf90694f7c4a8c72ca9f52d218be7a28ce4b0a3ade5f948c062569652d362bd9af4268f939f37b0b75123a7f0945cc02e7011e9ff4ef6d0540af796f806d98ba32fc0317e11b2a3141bdb30fe22e8eacb42fdec01a8afc0553a73872d6538c0bd50822fde4fc092786f776a862528269324547546bcb925e0acb9efcdf713585a4a91e859b13d52a1b867e35bcd224d815a56a72cea705a5d261d0956b3607e5886cb8cdcd60850357d8664b9e94d3d9e4973857f973c3e1acd63e424f369adcfb703b5ae5aa60d1d307ecd9e1fc126ed86944ac96dc7bed41b7fc2e6bcaa950c64be694a3e34b7e92278c0f737836f2ed32367002992d74c2ee429de7aac924e311f1878bbef2a6419060f3098fa17770873ce6843e21f1a7a31b0c79a1c72033190ab8f4092c59243b451d93842dad2c4796f1becb2890434088cd5c31bd0e78c082d26efece2e22e62e94122c44ff766d33d785bfc1e73dcaae50494df318d81861eb16fd36d4b48059739f160a080c834381e31e24cf6bbde60a3da8de1b439f7a98c606ccf3e86ca7c3a74bb8e2b61467b086a2b16ed265d7456fed53093a66ef5be08d1eba8e9bb9d35117fb633abad0c35f9f8bac909bb1550d7c9b9719cf8fa1d1b63ebc9b5b9248cfdfa2f3fea855b71dce5ce6b78337639dd4a480ba41fbca70c8ea79413edea38b0859caa3ba5dd87dac0b0
Multi-level and interactive lists
Sections displayed with category headings
View code c89b3170c3ba7d65c05d335ee1ec55b97fca46fccdf00d3488cda8da7d70cf8ccaf83f9f3a10eecc458366f8bfee5a535debdc2d0d8b54a49f2f67afdb60ed95903fe72d269f49e18f3e710b9f194a8cc641937e98357c7d00798d55f588c0076beb389f027ea188bc23d158b23fe82327408f00c6a663967df355a0398b6799e00e3a826a6499d1623742fb1a7065a8ec63d060e9883bcca9131a5357ac832452fb4bcc4db178c1f8459997e9dad944123070b6a27ae531a1015f0e8d9cf9fbf20f0d8ff03c410f6f1533add487d96fd67dcc4893d212db7a66c46276a1a963c4283441fb4f353398882fc392321663902c992530a12773157ab07495b7ce8b5c32c421a76d39f1fc12a592efe1bcad98f024c8d30fc1f4aba707604a4d7d7650dd5ecfcb0687ce05fc8a9dfa3abec8d725edc0f2dd6fdca12d60c723e220f2271c77dafcb9b0651c1ff27b6a518b11afd3a0c31a45f0c7f1d8876384809f5792ad47458ccdc0a59f5a498f7022195daf35a55d5e0b65f467f20328539439a92b494b369ddb100394b2ae33d211b16a5d7fcc7dab42b52a771b748e8d5ad5bcee72bb31cce925807611e3bb7d2bf994d7f6fbca3647ede7441aa922e0e519bcfeb39e9307f69c371c4a6ed5579ff94737f6484bdc61c3b6eccec0fb058a6a23a8fc0ce5943a0e69c2fd3802afc9b9c46e450f9a1b38c1f4bc8e38f819135cb0aa4c6ebfeb381120cdffb5c1fed8c549d6897bdfbef639a0cdd6c108e6901877d889b7f635a7aea52a3dac67ecbe4fd40b59883e127a8018da054fce0ed6b844a16116af20d282a2f41ca8496e1127ef07811bea397c8dc0793f87d010f6f312af4b5bca01833d0c8cf311f7044d02e0ae27cd4ce9e1b06255deed7d3183e8fbc0e28a512fe528b5476d80e5137c9eb44af1a2b7107c2efad779c56fae64a9ab3c3721855d4c23c1d3c2c59228f7b04aa6aafa53d1fa250a6378372ef381ee1136068c21defac5145ff7660deb3a408ea0826b57e423b640a210798ed218c6ea0354cf157fb15fb7c71f41e27d74c185a21f0d98cef7bc9f61b2028038f7321249f235666e5e08dc36e58cdb0ac4f96d3296c9d3b8bcee2e0a4a2b3249dd4eb1919aa19020fc03ee0a237e56be6cdcbea25dba516e6273047730dafa2c223e268ebc053ccecf69379842225bc0167d48329e974f126017d8794ad38c9963805f2487162eeb72d776c80c4ef179a7a52f385bd368d1b9403c017eb0d99c0ccf88e22888d498442a5ec813afb3c1f8b1775e7a708e8b8277730fa1820d920919ac58c47a0d82bd26a44b37badcb03b6c14bf830af20751a000a4bb8a03c0e80c27c862a8be8bea55a8c53a094c6c307559d101befa8f29bb419e693b5bd9224f1059019d4573fe27970fb45cbd1a314eb2561fde90f982c177562e897ff647bd933727fb08b3172bd00e7e1bdbd7723d09692b6c7bb91be7e135444b01eecdbed9b64f0341ce79461d1a9ee968eb2911ea7e3bc74c739bbbf33c7adeabd37014eeabf122c33e451b82a351e89018be9e94d51f84fd427c238948caa1a8f3dfd8de1f9c5a29cf01e404f7780601782b818a4ddaa8862cd55df895460af71555629f55cc9fc17a9702f1c51e50d8e90cdb0f1e587b1f94792d61c3d76239957935190b8e7bac190b2f2d18bab9bb2092c17c852a83997ce8e8ac1924f6ac24ff76f40f653d050a437f264cfa6831f2c92f87c30c608fd6fba2c4c940bbebd60ac5f87e6bbebc4a375134fa979e053da84472827bd7e4ffca9fdfd5684dfeec6a9fd4af8f2af428659433e4fb431fcca3acd83c453043201d2d1cec4443c96a3565b88dd8342591221727f4eec87fb21fb903fd46b9eb78010a2a77b85fcfded0c6f40d9e21fc5079bb4c2eca35f911ecdd6850cc0154ce00e5ca19b8a0146bc0e2e8edcb81bb77a64f4c24f1e909425d36f6e86909bb310baf1af001fd453ae98a6a80f0fd6c7dcfec2f92b1f5d53de3e152
Responsive category list
View code 11c86779e54b6e589b89cefe72538418530b9e2507a7a1bd9e9e13cf4e62aad5e679a14303725c03c292b0c4617543c32c666bc7b4f5e0d2b50f9c9fe9d009e0acd547e5fb5e8744a2b45358b3e572f3307eda4efabade4ed4446c431f6f5c728636bcbf87855281ff62673928bff9601b1e3fd318fc61208fa01ac330cf9127dd2b40a395e5832b111818066a0f262ef86c59c9ab702ffdff74d02f30f7351454caa0210ca66284935415b482aa5e0e530911ec9242f86e748b5b5c0989aede82d0121784be5f6a54aa7a5c3a8be59ee560d049327eabd327c0e66e263f4b7ba3581acc91120e76d940766023775f872c158291ccb0fe5b46a22bc64e340e077103c0689666990f1e5d5179a516ff67d3c87cebfe06279aef326e3f4847c112da661087286e1d49c4a4df9b2a905fdfc06e8ecaf8110a51db5a8ac40800b61db789daf91f47214f9c11273fb1d1bbfb663108587c104bf1cc44fedebfeef0d867676532023889c98d753fbe79047d381bfe9e92b6c3848cfb5a5e47481814308991c8b8b306c57867c58019480710733155bfd194810ef003b285109880980937327c0a7eea9f4f95327e5251173c5443e321d5b8ab28cec06ebd26a428ff1e4c919344a83fb5424c320f5bfe0bda129aabe28e14101cbfeaa2453d878d7b6ea1cffac849a7435e25e570be77306f1d0a33c5d06e656e455466c8d58c124f1da102654328d057e3e6a75f65d20430d6c4caaa149741da5703de0ad709032278dfa6d47fc06140a83f8740f42619b2f23a5e1f7e3c70a3eecee6be47a48f9fdc121f658b7823922ccb071fa3b5b17dc0d8a291d0c70b16058ff819e4f0f09a70d882c2b7c6ab2373a6879055146421f6b365516b185b93adf725cbc783cdc9e04000320b8e84e005a0725325d6fa05743dde6f8f709ea410ab6b1aa0c73e400cae64296f5e33c8b5d1b1343dbb4077b662be8bb81fba198bbe86bf689a9b327dcb1f1f16377a51fd3bd5c0052ee855ae08b7c885f2110b837bd64ef17c289fd7c6619f7810b4015017065403539f7c618e9cd6e4cda673f0e8b803d0a2285d93fa3dd87e31e920ecd3d572ff6df920d5541007cae7d707b3556ef1e6eef38533b37f56c1e74d27f6407ed730b02818a5cddf4f7d199249fbf8ac1dbde66cfe6abd58023d02ebadd3eb952a6912dade831cd904f3ece45b0830bba291843ea873303f9f8023ed25a86b2ba90b8ff479b028da3d656376365296434e57b815605883ef38d67b158380895d26460f47326b88f9e0e7f2b61ad22e05a3b925602b85717ca658894e92052b0350fb75c9012fc7d641bdfe1076dd7d00d76899ae86da32bc2dcb1b8127133c0bb8262a3ca6ccd6408e0e0355f5346d307399467352d0c63b49e53e16c575d77b0dc448d60f0ed423da96d8356be0c8cb8d19b489319aecc9ac5d67ae35e8122b093080618494534bc98468b243e53e4074e3107c8ba173a6c991778fbd58fae3546ae3acdabf4e3639e01c87cb169bca68fcdb95e783bcb101f5510d2eb59018ba0fc32400df3e9ef944c479a7b5b1c641f6df8d02e02f1e0f6a181fcf82394fccf9aa9f6669d687b7744ccb79d8d65934bbb9501275da3274cda486ea9f32a9517c756df6a41cd5fe40b3df138cb5e6ee0642f094387d8ae64d30e002d4a9da28a2dc3c3d028263a6faf8e7f1812b7889d7c968e7a73baadc080e4fdbb3b6d4d1839f8de1424b7781ee19e966923afcd512c5a26a05a01b840009b274a341e677216e2ce5aba430da4bd67bce672c5dd05d705911e3772ba0e3947e8cb70c03dade9e29318f0ffc26cb45f31c9efc5ebcd4e81913769e7690a5e5ee1402470c96cb63cf29111f83252abe97f4891303459d8e92b5d3d7ceeba534adb3dd6117a006e2f2508a7a6eceed3ae0357dfcc14c1c808d6d6b98182bf006384310ac984a0fe2bd573d8c7f3944784f6ee13cb943489b391eb76e8833652c640a297b381a48be162896487861bb6dbc759a6e70fecf7d26676e1f79667f1cdb3f172b4f8ef188083be0607ee9ed32b27325bc58d53fa79efa768a1632fe6be0523f8ed61804f708094068cb375f8126299480e784cc1dadd1689a0f3d23c98fa3636dab0662b31f7f128a59614f5c47e7000b33d2ebd2a2206842ed2992bc62f0d741eeaed36d4a2333884fce10ef3768462bc0fc7cd117d984b1c46adf6a42f2849ad31f0d3c1f205d9fdc13d3e5556e95f73d577d5f5be1a3b1a4f49e7919bb44d101ab6e8a33c758ea0f4a6f8747f55a5481d728315a3b8822eac950fc7f4894f875702d24014a6b7531b0f14ab115121a4ef3f1a9b311d34d1f7499415b813a01b0d4170dc3906c0af6ecffb1038cb6386f4044d9250fb9de15987b1240bd94098eaaabb7bf2e88557db45c6bc41aa976eb5eae8da73bf13ceb302b6aa096e90e9fa945bec3c7ec270e859cd43a4c195d9ea3ab6cfe2e4fbb0c025ec623c902db909c0ce279faf9b591612891a03860d6174dcc9e51df472b5230d11ae2251780cffc5aa476e08466664d4bc3434a89e7badce5aa2d0ab3dc20eeb1a90f72280b009c8e90cbc39ee34e21ba16337d5312c0b853bafc5f4eb2ab11b4093fb7c2f5d64f09b00f6968179f032f33d8620c1af661f4c0768153009d932ef6071e36ce34d4fa38c825299b408bfbf8e1472abd0fc2c2fe955d6768d4cf31092449195dd96729999392020353d24f1d53e72d651c8c6b17403227106b7856f3f34989cd5330ededb84524de689dacb1a6aa16f9a5009fb79082ff7b712d1f29b9e3b5d2118366f2fc9e8932e732a6c8825b54c94c985b73fc6a26bf056524957c75f899b2baa6dbb8e27d419e9d0f29599666f2a8d34fcffdaed9b32494106c14db75ff6c1c96c3e491cd6213d4dc7a2f599b4917da296fcd899e8902d89aa2cec6afb006031fba6aa3de39e6249ae0427de8f5f53f78604b635068e19b0731bf884bb941e9882b7b11e1ac037f80fddc5f51e9e599b9955c8f45d48a6cce80ffea7541b340b607cf9917f2cfc2f04b83a2a442f55d727ac5868c8094dd486ec69cf8e42b02f1092b5bab73179d41467726904dedd495374c069d3f011835737cd5a81478d8a75ed762d8784a1a8dba61d75960b82c8f1d392a51839f415a67af30b37ee4b5924820abdd9563265beb8c31df36ba651c04ac4bacdf979b6b4eafcbe3a0710be1b7654ba728931e8030491375ed0a0544ae1960f6c7923d4a602f62a245dcc267a74acaec6014c9ae701bd8f0652c0d8d816940a4e2a690773f931a7fcc5ad459e05994dcd96ea45fd28ae7c4e0ac880d071bdfc4de31706576795cc109da2f8715a6b4493a73a6386c825c38fd9fb58255da047860d8e756154aaac743d0c8cf88879047
Responsive section list
View code 08cabbec33846a7985d2f46defef1bf7bf0e625f4956f072a44c200565b66d0e5f045e16a784ddd7f1d13cd87f4302a4dc347813f78e37743868b6a53f56a653b8ba9beae29551184453c491a10aef6ce9e1266869e6bc83b7a95450d7cb7cb6bf572e2fddbe2ab1b0ef92ee519cbfef1842a220f3953c39915c55a64ad487b05360ec3a6e157de96b976dc93513ff2a9ed1640e4e7cb7ba3d93d0af92737554177bedbe9396f3c982b8cac66ddc66ad5cbfd1bff3890da97dc2ec7b183fa879c65294f18603556707107f17ed0e26ee4ec1d6e4de36f72187b6018cc679f55038021c1b768a33528992b390bdb0584ebf66e63094fe43ccf21540927f3b1af1a4d1157fef10f69870e9b309d4595163c8a33296e3584710fba4d0f3c1a9fce0ed41e17233190adb9fd059f7b0664c465b3141f87a7cde314d4c9d67debae0f896113f52bfd38998ef7c9f3d86bc56a2fe95960612ea8e213e1cdb0bab5cbe02711c6deaaaa609de72f368ed1a0743b24c500406a4ac0a790bc1a663d7f801232dafa72b11e6c8c726bf5ec95f99b8827e8a16729d81f1a3374ad662da964e76d4c4224d313b52d74c6608aaa25b4e01c7bb693d1f59fe3367cdb548c6a87db008a85039eb5cfb3a2b0d4d5c4686b0a69f5874ff6ab12face4855159df5eb535f52bac54a0f5b4aee55e07ec842186c747c584c16634da581f8cf504cfd4f3565a2cf2eef499666e46b12c300505bbdc7f8be654280c6312b39938e11edc7125d17339e776c9d96e1e8173974a48c8e9527d5e72a841373a7a7fd69f534077391f314d4d6d3fb5494cd52df92a31dab9349bbeeef1edc07bac7ee1edf95abdabdcff2219f7d9085170e832b6dcc36730a714f5e962209b9bca42d1b74500477b69e97455a8c933748a024b8772114e82496ce5eaff8a67d0cae7ab983ab7178ff7a89b41216596fd5686814a0dfdc90f86ffece361605481d9c9cc1a6a6ad3e95139d25810435f233fae1fea4f6097f4a443dd141f46e569a64d9313298e06867546e6047d75dc390b851d2eadc899d53823bdb896422b66be3ff2be58e6d74104a0afb2830713ffad648b8e3d90e9dc1e2ee853ea34898dc316d33e62ca70c284a8a7dc8cad46fbe31cfdc8353fb3f8223de42643e9853ee771cf5a83c6adb6660e828ef2a4fa424d9dbd3e7e5dd47edf07239051ad956c80cbafc66c628e9df90c90974d3df26a29d25a4f99d155ecf6ad657b281ed9d44b9485eb0da594eae26042581decb5df468d16a4c4730be57a0203894daac019514f965e354e9dcd006ed7be61ff5236c552361b64f7d96554ed4b0078ae74c888722bab14737d527268f024457e929257cdf0f876ac243b6cb850f68cd2f9b36bc946e56026e62111b9912530329cddb5a3b8c6fc9e1c3e736b54e89c9b80eb164486f87cab44cb64657ab130d83e914d651bfa65982704761ac3c85768d12db7987f5392a7c2426a7797de0eb68ab3ec90e49da0188d16311b16e2c6331e81149dfc56bd033d48d1d42cc412cc0a2655297ca1656d08af760a10e783111a96267c3aa5ccbe3e0dcd0fda4c64918b395e16f66afc7107dea691800c6257d2f20bb77603225f119f3ac377b407f4094e732a71ac95925e07a1e70af25e7c9e05daa7779f9b2960855c2ed3a106eec81e37b0f557428622be1980c3abdb78de9f616ba370f33bcf351403a91636dfd40e1bcf14448a293a7a791787c4fc98a4ddf4806cdc5df1fc4c47e4e559aca439f51bf3393947f56199853d28c86ef3702ee1ed63e4380ff54079daacf72566b0e9eb89b40ad3eb2caa9d449e7a745c58ff67a174a097f00c3e0248400cd5c08e517a3fe8e2ccc8c45a6ea3823705499bb9421336f394416adadcab766130c25922543f47a791bf53a3a09e51615f5733735127f14ca4c455fd2c950837da9ef4862be4b233e419db69b910298967f9eae9f875abd994a275cacab147acb1aaa3b6ed95fed62fca6100ab580a7bf702541c312eea61c7a6af08656e6a0a42e7a47d649eff31d0e702a71dbb7f538a3256d2e39535232ceb358065cf235f53bb1b9462d12f1e570665b7d016b74e78046b8e3d7e3d963f031c95e997b62430ebb81f07a0ff07e717855c835400aaa17b97d85b2caee4b60639e5285b28702abcf612f6f87033071565f38f05f6bd7231c3ac99f54140c6e1a3464dc40522d9060162b1153e1bef9519ed4ed6bc65bb650666e23b69fa423bf38482437339c5d2926dd46ba45e58cc35f89e95a7dc3a8b8f085a3f6ace7f272fb9ec6c832c9343e6e7439a288daff4ae1ec3749736a57ecf776c0fe3c57bc2cb7959c6d897530e29f2af1d7756249eb0a14d461792805366c223d69466434fc24f306607cd321f2420459b650988e5f8b0e6853acdff229107f01a6cfdc0244a219f82017f8cdf0df8e778a5489531a56a84674a5da25598d9a88fb36099dc39e021258b22dd7138bbb0effd500de835dae8a86d88831d511611617e1423bd1627ec27c33f92aaf16bcff2549742d173f133f6f35606968fe122a410104a6468becbadc38a7f1d830e4b88d39c9f829a29ee0eed09c24b997a4ca43b3d30a97ca5aac5cb4d88d22afd5774ea44931390095c51526482c5d256079a114fee0e9324f1abb993583c36f745800a56de180512daedc1b5370730eeb41822f5b5a432d1ef580b72d30e7bdf3e763d4d80fcd505b944f77c02d540a62000dc08379ae6a2051436f3eb05e73026b2711a5dc14bb71f1172aabc691218a3cef401d471d616b3b24f4b8f9bd1855289b965897362b21942b8c7bb16100b7910e5004df76be4bd444f773946e2efad980600cb4d1ff89008198c3001c9115f9778532eaa5b054b76ffda43be5e63d43c7f8a36bdb8a67b89f8de7b894bd11c224af79e85f0f1575ec09ad1b728af0b18c0ce2183a17fed8417a7fa62b25079290bc85c1eb4b2d13745725297ddf97cb6e4449deda8d94f6147f1373460b2d1be157f609b4867c610cc7239766ac7b7b32c5cbd0716c012aadde9ed32f713e126e89bf971b659e06a72ada97ddf723fd551c983bca51144d61ab080ed28d976f413f9f55d4601f6d3cf14ee8ae49253d0c7ca79e34aca1293b6c3069bb07ae60097cdea6815646962a7ce395c2ed67b36fdef17ac64fe0ab522bd79cf2021fb5d21b75fceaa947323bd7dc71c797154feddae1b41d179fb3a4097cb81cb5b5505f57eb8066134f5a82a8fe1ea0c77555a374bfe181114493112b05e12f263d05779dc271d517f02bac55998214a800f4edb5cf9fb1d117af41ba3ecbafe0dc61500262ec38575b8e1c7a4b3e577a7484c4125ac27ab5e7dd4b1e40ad6510cc3920aaae27fc2c9f6aa50b7c1d8d712974001f3aa65757809d8dcb141248221ec969307c84a97707cfb5ad314880e017cf16018b6a865fc0c1fccbbd5f0b40be69aded4da65ab20dc46347d7412f0e874c9577a6342ee5f1221d517e78f233f8d191830169dbe59f899eef4dae35baf227d2f000e8079ca0f2872923e01fc963cfec42a17ddc916d6c9434b3de4e70bc2f2bda6b2fe6115fef817fe83246ebfdc426c81d7cff49ba1238f90bc1dd1e2d13df4d7e8ff6f20bf0f852b058160794d4b4ebf9181f8dd507ec7ba54414e74dd64dcaca84d71566439e9e75b2b0678e72282644ae9db6a560cfa23e39e38052d9bd4a1142d84bf1b15bcb864b59936135df912848103c4eb1f716f5e4a4e3304379089b26961ac48e42f3c363d710e3733ba93e3cdeb20d14eb550d51969e5d3ac820933d805bc55ef66563d28210e49f283a67241092abe0633caf96d4f547ec6df071514649ba6cec05b65a02c5064310ea7dd73f57011718792c315110e082a7e6fadfacd6d616305c2b1d591ca82fc665dd90dd5e2c9d52f08de29e40d850cbe82ec258462ceb3c77bca213fda80c3c3b0edf2c7c1ccaa202a23d37a76f7f34eb3804f5354d22baf99b8a9ed6b2621bf2de6a8ebcb20f9a6cd20d38a89f9495b4d0284c3e3306d7c2ddec23f5684acbe8a684542a57953767a324982d34467f5d1d9982aade509d782d888fce62703dad44af6976afe98840dfeeb93f12e22bbc864b8bf7ba4c7fe66a14ea6fcb3e1565204941fd9feeb5026637fd5906dc9b5218bd516b31606c898c5a9846eff666a3f3281e57163cf2fda7d9937c6d1a0c26720df9f6d325feec5df1b54710e40283ca282485ed76ef53491a03715f16415c11745fb126c23af1a6f1a7a4ca55e59fafe0afd5760d043dfe4d6d97adecd3d04623ee5ae584ae1e02ba42c106bbcf32ef0900b201e9fb98da92a4ce113b93adb258ef9de639b4d0caf30fc0ab27751c5a7f1453db6d123461b7a3e462e20683ae450909ece4be64041b53ad1c64209cfdaa162ab8fb81fd83cb271bea1bbd0bd151e8aaaeb75fa59f9354e65de984841be1bf2b2f25afe1ba6bb227b38681a361b6ee69d25c9e4a8a32e44ae7e8059d79381135da53e7112176650160e87d2508ee15428ffba3c4050a85a5bccdc2f5f203b3d91c534b8fa996bcd22209db51b563652a73a5143774c53310342f8b1b7fb9679a9f3cf268d7a85b6d353b3a0dc521ebd9be9b5547ecc0fa6cd79b1d373462b141b841cbfba21bcfdf845c395c38383abf3fb346eb0319d3527e364511e43af750eed9bf5a8e93ef2660716028cf2e6b69ae8cb3343d5498d749c6069e274a2707c34ec00b0b68b51abd29797a2706a7aefe96641223da8d5bc8831421d5411ae97d893dcb43c207da7f5312a8ddcc2a5f1d8a08803da932ecf1ad933759d5c22b30f776254375ec943e9d473e1b94619364bb188f808b0f32ca3ae7ab12aadd077c7859be326145279d30def423c0087529ddad73af41e77717865d0cfb98c73c92f87ab8ece29dacafe895f32482b231d912457d2f33e214933d1b41513990443bd9c290d113697c5cd49cfe447e7923f25fc5fde7445119cf6525f0c9b99ab92a2d2311bebafa4819f35657438608ea78b83afc249177fe2640aa1a2467696dcd1eb8e8aa8dcd56cf3872fa3657a4a942bebe37b49c7bf2f2e327bce5ee0ab73d12619bfe614aa836628436a7a2a259d931f5160db66e3fcdc414a683f9b787271bd20e84b94f6d7f4876058c933f75ea5e201b4b51b0a49bc7888f9da3b8df2d051969e9ec41e74ee758aa42a4fe58fe5f3570c87c7cdd0d49f60c1b29460a5b92aa54ff361020c794c9e5bd0e36d1dc16b89be13d21c180ca2a7b851cd46bf16eb9c4989f469da303af1738572b79f67e12dec569ad4901be515461d14784a
Responsive article list
View code ade4fde22918c0a627b635c0a42952bf7efa0c04a9616f8186e9a24c2b3752f9d633fb893988de1619435d0f31f5766f4a0cae82d1ff186c45b5214d1f3224db59b10bbab5c0cd2dde09c1c01596922ebe01fabd2b2e2a8b4b6397102637a5b9775b50fad0b91e25ba7dd8d2640cb615d5fc2b804bf6d8a0cb70ce2d77a978f46f74c02f4d798861625518a54628db48ec9ed9a94cd4e22b6f8f659203aad6d7bf265b0cd623f8c1ecca22cbc276e0740429a1e22c01b606952b82bbf9b7f93f316b79c5a40362e975f82b5c528b79c1658cb0b24b718cfa5ccf87c2115aa4aa9f9a9417f70c19594cfb07497a3c381b892be714f5fc556574c214998ad8d09732ee4df5c9d6c2234330c971188229a7d970fb4b595b704ac76c2f6b7e6f3d8b4b30d7a30755bfa14ece6450088197a60ac7a146f67888450c3cb5c438c189297f1bea4846129785a889ca6128fc0295bee7a486ef146db98b0266b0608a410b97c1109ff256afe05a8b42a347c00649651eed2875c78f6902b986b926e2b7bc5ee3817d2bf7200c1c3c34ab716a4433d10e0a069f045bd5b4092fda67a439db29187caca478bdfc5a997749f92056cad3ac1aeebc3784381a953e3c5b8a3309e93870e30835fba18cd1cbc8f7cc589c6b1a7a342c6b54f0c7ddacb531c5dc8e752ec23e6a1e36d9680e2b9d23f9071500cf27745a70fa94c18b0cfc87f87d9230e931234364f30f0cdf03a547a3ef1e3ef75146d25a9a34b446ed9a6e72f8171c4f1ce272a7bedffcd94b16a0e7c3b2887779b9b452394f0263fab3bd4027aa49cf14fa389dbdfb288ac006cbf7b5d30e31ef248f8c40195736a6dc7c64d986154f0f5e20ac2e049f5d8bfdf67c8e1ed21eb9c0f410e3ee9726992e80fc9f9dc7679d9e3f25c2f6238571fb58f2e8e28f708b8f57dd1b0189272635a0d0e56f5677eeb6ded363f1ce323bb5e741542659ceac5e784759673256617db01a90c3304c4afaefe1041bd739961d92a467267fb3faddf828cab2ace89d454f5dab2cafd3949618f12a06e162aed7959d05560041a454edc7ad8bb429eaaf2c6aa6f757e68c03d1b5b274d9e539f673f5121e6e9f0a8e013e3d4aacdb2b854200cf29c4339cb663c9b65615b2de55b8a7c2bb9dee6b689c8e452101e2d6d236b5e9b9e3af5a186d75b67ceede136b42d686658d64c979f82bb26ebed5d47f60d5808c396915211a6047f291a8d89d9105ce832fdb65a5f68933cecb1e12704cb6fffd7558288a3df1b0482f2ad3207c8ece30dfbd06b95f4e99d866f66f9988fdfc4c500de45ccd0b4c9f7507b8a5f4cf1f37dcf1df0b1b2a01bbaed1d22697ea05bded766a8592c220e4880507fb44cc5ffcbe166c4ff26ee3b49643ef4a86657df14384638f515a0498cb2a9639a1c286b14c72243c6e18869205577dfbfdf5b6f57eae7a344a5963bd2d9147fad9fe387c884bd2b2bcfddff484d6221f669f589ab738c119c7062621c51087fd94b2681b35ed0dea0c1a7f4a7856b8c4696de22752454387117f8391564d5797a0ede399fee10699549bd5bd1256be17591a9c7ae597cdf4c92159736be6d3c5728aaaee161adcbc3ad93525b6a7fffa5e6309d5fbbce8956ab73ec0beeb7b47cde301f20228e800ddba7dc8d33772b3d395b324bf1322b4ef1f5750f62c9dcbf148a1a5bee9b3c91274087a830f660a1596e57f4899ad58070541478be8038c62a201ebcc195ea79abf02129b7120e467e30a022e92dba8c30a2da74b041259c91a4af0ba6075152ff91034113af581c27e02d94dd37c2bbd7583748fee460e3a0365a3fdd015dc715d979e069cf5986c9e0a6c246feeb42bbe32f62b80e7b178fc3d9fccf48bf7db4794d9d9021fab3588c80cfa5560e40fc04839194fff36b06985edcd6647ef7873fff02d23e334c8e43403f49fbcef45bca2627433c5314c4e660f9a7c94ac5d631b61af0f1ce3dacfe66add48034f2a50f6fc6603b7d883039cd77b1ce7a7575d839f7dd8b2994d41343b9d63135e0872f31c7de15473609b8c5585125c33eb6a1d6e02a2c52d6005e1d51327075f2aab2db4bf7019b561c6b9f9dd9df2ddc591340d624c66cce6060fb7295e0603376811c025ecbb41c25729f089219d5fdb042b75caa1a9c6790198168849ffd195be26193cbdb257cf739cc1185c4ee989be30c43c4020b13b11db88c61bebfb32fc574135bce9df9b523115f99e8dd384bf5605a5b89cd8642600c18cfbaa6f371c87345244761523b413b1b1cc8cf4a48ac42838881a6ab43b1ea027f0c2db6721e06b16481f9d70a30f7bda38fb44feb677eba5bcb34f5d7701a5c54d9f8419cc07c1d651baa8ba08732fd6aebd641b1a5ea0305880a30b67e62cfd3177bbdaeb664dde09b280f096fec61d6c0979843a23982125b3f1f60a64a5a2305df4125662e01f303a1a960560d53c8b32bfaf8f15f65356c531abab7ef35d2b184a137bf88181ac0f7764c055cdcddfb9e6d50ea054a76d91cc777606dd37e12280970044bd7e05a5640c79006da80b76abcc9e5d85084816a356536ce5f852494874bc0876dd3bdf3735083f8011be890d345bf43921e3ea37371c3077591948506183e6eafcaa4cb97c1c704be10c52c4c339dc3c0d5af9065ae8a761acb81ce7738e4b0dd8e4896b9b7016e93a9362c5e3600702023b02faf85ed895a3722eb862cb1cc555c5d06651c7153c34134272744a763a85e8c110b9e1d19a574134cb4696273dfac36b0277c87232bb50a3e837438197255ae5206481e3f4f13190a52adb2547846ce156534ce4ab96ffc738918ea35fd59afba9a961d4787d18a018d692b0c22790e8655489eaed05dbe3988270efbed837db35388625122d2b8ff88816dc92e479ff33b5cdb3203eeb005588f9609eebe395adf11e77358253fb68a235fa0d954d0cf6018143682d44b73a66caa14e0dd9c294e409477ff80d720d3fbc709e0927b04c466576053ea1db6e7721899d4babb5718cba8e59054ebb69cf5c75ad4d47d8a63f5bfafff9fd19174eccb52a02ecb387b1330c0a71eaed935a6cd1d519bd22650b6a047bbc0113153335966229520470ff6979ac30107b565b9ea8696dbf139df40534b8dc1b3351c2e925435b0a20af34d92eddde9040691fbb59dc12299dd685d84f70f2cd93d455d8a1dbcade6f1bb0a558bea88653f2001878381c3e8a241053b07782a0af6d49904aafb6cd774f8c648e59522f1015425830bb63d7dca15e2d215aee9d843d4ab2146b0d56b21f3f2fe3bc76c9e1042d8eeb846b029d33c0a337b8b2f5bc90c695f24779c92c2f680d8d6f0fa9be5f9fc663c511e68531eb4977a59de5faaab633616e8a7636db81e21ce849e65b89a1e966abfcda7921332957dc6746af508970d84a7706f06335e87f7c11a0252d7e9b7a5839a2d446808e34fa26e7224f57e572a1f6a32e80db4f5cec3444c24982a583191e16001e922d18554db23c16b10e054a19fece97987c1d17ca00f29706c41faeed30c3c63e242dd694c638185edc4ec26753d81c4189fec2c62713e7d28b5a73cb8e3b015be402b70e1910605879fd2900b1c37f8c891f56c2b98c4b061caffdc6529f1dea36822357d6b3a03d603f1353cb5992492a208fc10b17c98f0ed26b062fc2551d72150f1b0a3562a0af1ffe6d46c2ba7cef257fca63deac5d4192c929615e49941169ab24d4bb95571cfb9304308126f09ac56e3a6821baa4e2bfa02ecea6600d423ec5666727e43d7ae085d3f7201d33bf03fc280499e694f09a595939761b9e1d98c9e9380ae303bf69a8b5186801f1a78ff031c677e0d4cda7d82039d1abedcc58c03e1db0d861683878b638c93a6fcc7f8a9ca29d82dfe813633c0abc6371d79e10ccf01d8fefdb037298c19abb91c2c0a01fe083678b31ed0cd8ba0757f06937cb2205f5e02fcdc65a8d3fccc86edde82e2503c5411eafaff0949cf2f6b291577f009483220594dd6835a276c139d15b7463840cb2ac2593ab62d9222e04fd9b0edee69b2a95321396e7a90dce93372d447355e6825c06636999edb8b539ce7b4bbd60ff2f314db447c1fc02e95d68f754219d7ca4a0fc2ca8202b9c06cad4a6f950ec8d3329d7cf8e8c34b8ad9236718403d48ada1ceed78933d59c8e9820f8ccf7f773cc2220fef25974b5d59fb176878c68c4ad7a6ce92add89396c7e98c9a59abb645b952f60ade587bec86c0cf86f27a8257237293d80ff5f453a26388a8c3d8af846914c50701acac880b705cb3d0b9dbebdbe47628bc8d58bbb3dfd351b39c014dce2d7a28741f14cf83e1abd4a43a25b02c27763d8a10d6ecc89dfd3221f263583eafdae77848b0402e03b18e74ffdef2e767758a85fc8925f678031fee97df4d6a2a110831d25f5e3b45b834bea3d9fd6d985a10857f556694918005dc4138178a098f34340f5acfa7ad258a2d6f8185767902522548162981098f53a05446f220bb15beb93736067ecaebd75664f1394af74878ca82709a064e278edc1307d5c29730a5c5ac80e7f483932823c100731dbb08dbe0d9f4b2c08f3cbf7257f8ca67024a809355e9af2a52fbef9d038c71efef36787f7353640a9fa87d8d4d88de6d550909a6900b1e855197487e34bb7ab510cea366bfd572956b832d2fdec059c374e3c01c23a2b97ee8bedf320497b9d1a909f959a3b6694d9a848b4a1f0cad2cf93311844be1db7d78fe089f85dc6f01a7c4b9ba1bb8aaca752c9b246f08e78d3e6395e467c02e94e345e594fc8757f51b3b9fbebf53f4e1f01dee8c998423678fd5bca18919eeb2f29b650bb637105c02b1b8405ca775f0e869edfce86aad571310db3ab370eff5e2f10c47ca32f0d14a6b4e2b3522756747a00c2c2e865d996d8b873914fb0157dfb855d6167a477b7c79ca57274b80b192c7df6b4b0b309bbe2acdacc3c2d8092eafb60e6c189bafe1866054a754c1d613c4e32577d592eef8fe2c9bf0c126ae78c46d523428e4cf8e51cbb94343d3cfea2342ef1b270cc3fe5d0734388887f1d3e4c34d6b2ea8c1f19760e633e433c9bfa467c980d7659756f94a39cf5ef1c927698d87bacecf1dc6b395738a85fecfd395cc7c6a24f53faca67f394fa418ad4cc03306d97addfbd4ffe64fd8e61f0eeb0cb0cca1ae188382e43ac2edc70ccbe2bf5b940b282869ed8688fb0aac1172001af240a712b96dedb75cabe6c5f0c652effdb797fcc06d06ce38288b4480e4845e9e4932f88bfb3b8efc40521c5b8859145e83c2b33a1f68773b4b9fd679e32173be02545cf2ee316ef3262bd760a3a8c1ee86387df7b3da5fa34a97e6af1d5e2bfe7d05b06fe8ed21af39a2a03142a2ca5ee33a6e0b704016a6150b7c18594315cafa8faab5067cb7bb811756e15ffd440887f050621b3e38e80647f962810a4c8d945c030e1fbfba1ca96430daa873b68faa1d4bde3d35627053bbce7921d1b76d7e3696e5faa27813ba3a44570eb6f3dadf072e5723eeb422204341184ea234e521e43971755018d9511ffc6524f1da78e344ae2ba27b867d7ba13516b18017223f7ebc19c05855b80267d61688fef41b337120c187c316a4bca04226351deec8bd4dfc91b4fa751d51b046b7ead8a04e2a63957961153d398b2ec9000e8786b2cb46c0dfdd38f78907d0c0fc931139269f404bd001c649685394cb5dc58e16e655743db2b47f3abd12c0ebd656a9d375e8325e4b98682b9c7abdb3bed1cfc7809f704e8c44273ce46c9355eed97e7330f22b252752eb5eb05521693e8771025d4ca311be584f4e615b3bdba299d7901bfee634a4abece2ce15a8fcd75b41649e54cba576f753af815c985695feb373c09659642862de0be84b92b3c556341e51151dc20b41b227671547b6c3a1bb28d4374374ba01d0c3cc25c4eb395c3609fbb027c7d8503eba2cdfc340aaba067760bed25de0f01b3f0c9570faa38c86edf027d95bfa5cb47f70928ecbec8bea4626d483aebfcdc27a52fb8ca0cb2d85df1b584b98cbc1563edf8dee2c8cd62116a675d385138ca3906ff09a354877589ba987fe3416bfb92140d2dcf8d3d17852d62c5895a6bb91b41ab6dcdb5bdb528c3de52616f6c84939340116079a0ad55e6abe15a55dbc3a09256ffdd3bc8fcac3c67716434b8f59c816ea3589ce45ac91f3d3a3b21edc5f7a2ff2d91c7345b76507e6141944b1dc29d3ce1c577b6c24e15344e5abffa4382fcd11a0c8e0198bba0e71736f64abb0238e3edffcedfe045b79ff515627026f75384c45a8e576542e2fad9636a9c57d5309ba810998504366be272edd118d1442289fe5c0d0bacaf80d8855e7b64b9d879403a7677545ecef9a05c962912d4f9dfc3543be49309c95c38acbc9453d7a2bc7dfdd45523d7593b1de96c440d2faa780bbf9f1ebd44f6f0534c49df4ea77681504161877430280c043369877b9db14152d71873e2c033c5bf709c1ed7659e7f484b22a1a4e0558f9c6bb92f87a2327493e23ef935cf3f0b36e2071d30f8c3877f89ffba9da44e490da195b8dc9e58e1cedd6b7e0f35fed0704d1b4ec1efbedded8e555b83aa756e6c1e26c49a59422a5ef3cc14d66e94168ad4e357f1f2d3d2a6af13530e2e84ebb1562b00d3799280e11f5f814072614554552225696fcb603428b2402203c331d40979b3beca76e56bd975cd1eac8b6a0deee08c5f45b40e4cabbc5e9ef81654e925bf2c4bf17adf7322697911869c35e38da8722fd99c205af17b3d9e67392b28a880c56ec2786624131c429c559582dc6375b459e3269bb3e222007ec67d5be97853495c51366c0b9152b3bae7e82892761d1ff6e2dbc470150086c908b14416f7d61c90b49db1eb079f2d9af9fd5039b1bdba0cb0cfdec1a7b77d7909765832e4c9a38e3e4eb5ef725aa3388dc8e836a67dfae8f8fc7e78d69b5dae5461738ca8beb4d56e60c33b6089a5456c52da3858d0e77060d86db6ef9339ef96b38f95ab9a81c6769283c00172925c3f4245daa9f562b2d3ebc992d346571ec6c3c08da33f99fc017d000cf355455a123c0176f96a4b499b2e6e5d7100857003d384eb2c9ac9c8ff254807f7e450d8929f67817cee541515172ea85537f15eda28827088da03d45a24d51ee0778f24b9f5aec3a6dbfdc3790d0ab91dbfca58d3b40ec24f8215001a32fe1b7d37e8d846f2e1d1825ba3ffa131c28f10898144a9368f32c85d0672b3dbdf4ec5f382e1c1325cd564dd18ccaf18cf2605e61c7064d6a5792d4c83a859840b3f762226e9f7eac0d6b3bfcb9df04d8f52071d9a58b5a100128641be170f3671a7f5ef9ae30fbb8c4022f28e6721568c21833751988baf4241b93211127f1bbc04628c804b925d4bd7767c7d9b000413eaff53224fd04ec3a1af389a0a600f67d11c93f25c65509abf4608ca6bb87d88c83dd0ca709302147838a6375f37eda340ab464f10088e6c1d1eb5d99760bf1af74711675d759a7b697a4073babd67624458d7bd5bd937c6e329a96d32107ceca934f2522c7ba1143821e7cf0415f155fe52446f0da33ddd7ab77bd3143be36d97a031db22fb2d2441738d0698f24272be69fed0a71d46d716e7727ec756cd8239515a8431b1310d813554ecf4d041e5fbea9c206b856791082a60c8dc64cc8149c8a82d10d0980231595ee7dd2baefdbf78fc99cb6cfe6cfc2f9d52571c2646a662092df0fa1060ebac7331bcf710692d009d348daaa886e33bfbd994f60462d661a02f34ea8837bb8241c7d3d465bf9aec286cc775a2d386f670324c4b7ae2126e440fb72cf11be7ff1a2ec47a825daac6c97cf83d780701e4e9bc02f8a7cca5234f8ab37f74072549d6923b07065ad2367a42908e8fc14d4f95f3ddf321dc12e31b63dbabfb28100afa3d7975c47adaf40522deead0c673b0d62ee0c478d5536ad63993b61294c8f6f516ada488a954005677f3ab7a654635bbed8f42abc1b6d8a28cad74d481e6461a34e0b0c1b05e3016aae33f8387a6247f788f3c2551928fc003b2f664bb4daafad51edff5372500731ea91cd6963377da2948a2136fbc20ea281cccd431bdc8ad5e08965ce7642e1cda9186686c47d872ab6991375e1d3c8f935ba0d3af1c7993102b47a6eed6b59965125dc20fa58c6866b0676b0302c96e2bbfe7407f08b9dbd851825293e9a4635c8cbd36faf83e6bc48ca40e9e02f1c93f5149ba45dadc7b8e9153398b1322f73b9aff3b06add8c5a1083deb44da86eeb11fc086bdcc82129244e2377f384f9ad93044ba2d290e09a2c532414311b8beac624611d9d7e73fa0386c83e7b2a157a1c92ee82eb8cabfe056c7f09a1448710e40a08a9fbd2082ee1d7dff40b3a4946eece1fa896d0307e31f02c09a425f700bde446bd2e77204fa33bb734209967421030965548a9817d65602bd097867f6f55079b5dc4ede5e94cb23299ca137d8817cdd684fa516ebc04053a8cc8495ced44729093ec17dbf605969cd6d2a61ebe856fe449962952d24bd154e03b1d8baa7faaa8f5028fdefa3750c943225b0a667025374a1b321f076cb9d56e4f6de8039e6dbc737e0b63dd9f520f9153e9a319f3cc646f17f408a14575d55e92c6f1622b9c0b4e3d60370a3d8775e86ee516dd26e771bdca019639d6cac71ddd2857423d79fc01d64bb483925d6cd55423d6b809aab8e2290beabff58dbb2b5701fcb0e43ce6c4f25436d0d11114bc8b662a28a71255c335c0de84f2d78c5480ff3de536ff192971a7d7949e3a7392eb17cb6b82c84d6726645282038dbdc382ba66d5141f3c4fecae0c44126785f7998ed2c20b7a7739a5b1569f23e1059c57cff2a1c2ebc3a4bb2402dc33a02ed9617d9eb3c039b82aa8fc2fe5aff673488ef6b312ded17486b05aa3235a8fdf889ba6fe0acf296716368003215376b5a83b1813d019527f86eff0b37227c3d2542700282e1efcc38a533161281fabcd4eef68b45e63e844d405c48bf9510b4931f6e57d1ae907dce41250abfcc7518bf1dc4a5aa9442451e5d0e74dfcf9652942f5c6f3b282530ed62bac461364ae59df7dd3af2cd75ebc36fd9ab2e6ed22ea7ba3cf2ab01f2c4b77e6fe8dcb1c74eef6bc6f1fde14a64b1769a782dc297d573e0b3315eea63e4f8ff60bdecc489084659f91b4f39fba3eae0b86e3eb33c5c2a3805160ea5424bcb9050ce3194aa00fcf8f92a8eabb79c22b35292906905f6c65edea3ebfb84225d33ef225abd0815b0549d55391e768ade1689323fc5f348d8c8464af19c125a86a8a6696fd3255213bd909efc9739e35338ff94cb3180105060c97c9bda82c17673dc6abeb73e747b48e7cec74484f7b3d51c9c9702ebea266a2ea30523929ea9e267c9c7fa88e5b765924735c4e2d74d792cd6f171dddde60ed14b93b81256d4070c666c6b8691848cf45b5dbed6fd88fc40bc462840543c0053104a432f5af562a45bb4946550ddba930be6e9c52a4e17626a4f37a7dc826cb1ecece72d8be7b16db9819b342f307257ae74c057412f93c3c23b245c2e404da4634b9fdf2af926df78b136606fa3c3d75649a221194b01b00fc4e5272713bbdc69cc28d777a7901d2525da847cee632aefe7c9f0dbf58ae9a886153f3a51095bbf3f8f36f44a540fa866d9227d8e8224f67f10f4dab6b2538745b2128d80b41cb8d26b671889c59c2ca8237de28e1af52a5f7182230ec5a05d5a8a949bc1b1c5fd356aac25807487eeec2e7654d4e76c7807808c2108fc9906bc5d187287d8ff1727e600f152cff57ac5baf9b3c1eb03d75fedbf2588637e22def118f3647cea673dc46b3bc4d26dd5e9db76da91a9be9edfc258c2008b1266aeb09dfd74c7d31d330f670b59af76adbe492da4d045861b602b63b2cb40077fa0ddde39c449d58a082a03dadc8d9fb8c527adba189d9addab2e3c61966324e513e50182fca3e0f6223e77d459d62579d0e9da208ed9ac87c6e17f4c634afce3fd28852bb98a3f602aca2085d21fd3b4e6250356079074ad3fae7911ed230b93d9d8ebc3bf5dda27a633ea835b592060c7cb99048900e0a37eee68dc9f34fd72f1cb8034889eac879e2112f39b66b5ab046c2878b5c90c168c08d5c59876fde1c1769e099555079f8c34eea60596982606b7d28fe42be109513d5c3d04b1ab3bb7d02bf2e429d74d5178dd813cfdfa36cb1ca2267c555618a3ec30a40c8343ff3fc6b709aeeb99a4a0c7aab96bf4518f4b1d8f72dc1e2ad6677422f5723260ac2e138cfb3b20cd49aaa1eb276b95b5d06a68b6a19da8654094c00286c3224ff641315608763583a30735aa56d3bab8529ea81e5a18cb1b483d67f4b3c58fb63eaacb7ce8d55e38839f372ad55d85a1497808bb3631dc127c4f04b76498cdf620453248656d6f49bd5176acfbe0d0275b1b53027d34cde8bb6528897abb65230c7e401fb1ee600ae8555dc4d47fae6fd93954b399b533084784ac39c3a6c35a09faaf245af307f2cb49a6fe06edbc86e5dee2b46bb1a01a430063113cc141eda7b3d69382534de71ea76e080002166f5747a3bfd6c83e86370d2cb6e38db03789437e78eda0fbd283919b68cb1bdfbee10f096a80a7aa8c1b2258c1393af85357cab407d9aa86071291332bcc0b8fc7f27b8aa3d0898dad52354e151980f155
Responsive article list
View code 16d2410533f0fe1f7e3316d5bfc8d66798f37fbd8012628c64a67b29d4b67f401e32fb6ba402c57fc26c2478ae2deec6396e4931f9cfa38848a0e712039457ddd619c63eebd20632dbf061a09150460616f95d15e6ad095b46c194abf775d977e718ea8524baf0919ecd44a63bb045746cb265cf960945e9d131e78ee26ba8f8bc7d700e16c926e926682f5bcbf47e8acd450c7372bd6c05bb8edd064a9c9f44daffd7bfb4db992d2b29dd4126feaaf52868a1e6a2e7f6641224bd1f5a70682bb8044eca3b32b59d5332311ae94fc2a49097d9b0a3ccf89f15fc560365180634d76100a4b24d76ad035c93842cadce6b79ac52ccab22b657cd560c3b55864577ad20805dc6518be3472ca8698d0707cb915e554a6f1fe4b5681b4a51520edd496aa05ffe65c7b2e4054e996928b86c506d9abf003d8bfa52a7422775676c42d0d8fe4eae91ef6f83bc128881332dfa5a14380c50c4bfd572b61bcba1b8c76750523cb91b51b789343a4dd0ce92252e8c2e4478a614f175906d0ca07acdd6ea48daa984879e7fcbb6eb7cc188b35c26cf44f5e05dd5a8b61159eaa6b469b8b97a1599efb2694d87ffc3249d685e3d0326efe9257d8efbcbe0d504e2ed29f35036f4d4f435ad293982249945a9f1dbbda7123cd333bca55bfd5a0eccff6f360585ec0cbb0070c95c04edc43fc56edf7353fdbbd4403f378c9d34c5a2c7a520c0708eab20112360e4e43ea86fe37a2ea23f2f1c7ec66091b870a76b23ca80bee91dfd2604afe0ba74008f2f36565d0a6c45b8413fb7faab18d704618d5f53184e946559ee6ca0264fd9f622eb9b872dddedd3ac465dcdfb7989d3257c2f889cc9a6f732aa625e1eecb8b71f108283a932411a66324629b9640346101acbd02163625c66063986595206c7eb84a12f34933122409c90c0f59b4c5a155ceb5bf2457cab9693e19f1582990e0ec1efb37df83a55149fcf8b962271f231f4c3a4eb772bf8f44a21397a13ec1327e1d0ff625f629fa218fe8e29f39f02e0493a7085b125d3c513600ab6df8d06ace9272ce82abc3f28bdddd170f502df70fbaea50b45244455c9832125006f58dacef281086c83ecee2567172966341b4e4a865a20e4b81901d83a198d7661c8acd2e367443d384353b37053f915741c760134f27652c58f5bc07c5c086eb26832cfcc2a7f32cdb2a5d41d59b60079ab93775125ed375b12d2c3e424e1c2f45de0ee951569771e49f3836a13961da17af0bc6079246b5de42e363bc66cd6ca47cb27a5857f9a08bc1e36ddf87bec15b2ea60a0ba00e15bedcd1e7f67f53736e6ed5d1d4a4346d479085d586f997db635be7a86e7e6a6272c6c019139b2eea8f241300fd108801d91c7d281edeffafb658202c63cb8fe83c0ba61a7d7be7abe0866011041d29fe6aeaa7a4ebdaef880376734d78e425a8b564759be622ceb29c27f5aeebeabd71895b3de73dc7d1a87edaad46e9653ee9ae20d070c4ceef5467504b225d12b22aa3700509c649ab64ce7011425f7fbc0978811a07af6a8feecdc006bb16756665eb744f3fbcf0dd7d23af60ab3e3946beed49b2b134202ae2d5e5030d9273f1a07d48c5736c460d25772e51b65e43f681dd8a208422ad28aa889cd4e7fbd90e42b2a9741bd2441e4379162246bbbaa8e89ce731b4241f854a48c7c8837c4ab1fdc29d1f43b44b3f4f5e1dcf67d70bd18b84808a17184d5b73501ec99cd9951c8d9ed0c066e0010034fed1c97c8fb36251396923567d303d6779991dbc54f11ddef23937b2a0b3d8fa7c6aa8e44ffc10772e0c4ceb1082e51b115859e31a48d32d1b9af0ff259bd5dcc8d92a3aed6581c72189f90466457f02f5742a0f288c8c186e89b84f636e4e6c80be80827386613daa40501f6f522eff7cd22b2e4031997d2d9b46ee8111c243f520ccc2d6822587c74613f78da348fb17f5aa2c527167a088420cea87566e388da0e840bd4f831b9099246be30a629e444023074e16f11d29ba367cc81fdb91d70060193f784d6f119a2571edb3314447c92849e6152409c43c43550833106ed475620056a1df85dea0ff5a91cb0d6b845dbe983b5e26418637030ccd585837f0871e9ff1d3ec17c9f763186ac27b963217fca50613e4acaea384d5f918ba7eed9735493cb41dd0f61e641d7515b4808789b339f350d43affd007cc67c024296ee4b9e54931ffaeabefa2040581390b17c398dc25a62bb9423da924f504136359c1d56be52dcc4353852ceb3492077ecbf7cb1f62ab7a72110eea58e9296142d0fed6a16f9541e144e43f2c15b3be4e1d177745c162775d301dbc7832dd02b9721831ed6c7489cc09d6cd0b494a99fc34cdc7e07effaa36fd4439f5c9035b093ead701d61c178fff9d9719ee3b1f9d306549149accae3fa9ce89192e89061c72c6df30f0d99ed032d3feb2306b4fd42c62998d1423d23eef71166794e54e0b328125c3eba7efb4fde18a9a17f266b4c94315acac1cbf74de6f1f1c78b982d16449bee1d9e8b9f6655860acc0d3ab0d1ef790ea9d180c9eac4607001e7c0adee51e58a35e7650c72b9a8036c4087b600f1127b7ba5420adc046bc94f53766ef029e8eec8caed42f976a646faf4f6ab50364d40f3e0682f3f3b0dc28d002baace17e7cf340d0464b024976abdf73810849164549468b7b1786ca3dff34a0556b9661ea3310b286f3f20dbd3b050503e37464bfcd3aaff6d14029eba85813852ba59c9f2d17b7a27bf045f0b2cd5306b86c3d66c1d8be6a5777a4b18fd604a5e1ff56dcc7c7bf3037d321ab36905470bc067aecddc7ad78e8dc7810104f997711acd399918ab3013081987e96bb6b00a76c44a3428351db3abb479d13c215050fdf91a1c819eecd25d043d17e8030d2378927dc314347a8cb9e562abe89be23f3d23ec4c44ebf7513b50ec893d2f2196231e10a090b18dbebb47decac4e372078034ce60288b1c986e4755e88b407b3433071c0e7944bd54ea70de2f7e52a4089d0a91966ee7c8c21386980c33ae4331dea54b1f3566ce13e2f13bc4c45291056f4ee1a59d1ba259bcb4cfe0ed2b687316699918303a23b06c6d4517bc37166e1bfefaf4c6809650c060974866b442c25f54a9d8a956c08c7399228ef273b8a30a95237ac2d8738cfbb0c511a5728155b8228ea4572539d7d7637488fbd9688deb0c19df361dc1d1332bfe4f76f514df80a15a500ec6c3792e50c948bf149e179953cd93738bca89f4e0fe06f05f75e66504c378de96ec0eb8a268b29426b11dc5e82e7a0e14ab575a61611329ed8bbbd9201f6cad816a07d7417ecaa4f6d279e0346e3e6a3323a18102069738982b3fee9ace33bfb3ed4e87b7fd7d02c772106e4ed47adac930bfbe2d53aaeb395792452384f4b6dcbae13d9e03549cb218ae01ca83c7292de361380bae82103474235e5980f69dec7038bfae968764a921050e9ed632ffd0a33c2363bece243378a4983f23485e98a8f281bd58e66fd0a42dc851abe586fb1d9e930b9ff8a85a52820e02382e4585694ff24a6f77e93f893ac78e84fb82820d62cf6bf65f40ee8b9be80acd96f0b337894a099f06bd1268db04a98d99f0a0c461b8da6c94d0bb16945c9b67bfd4a2bb85cf4650abbf816440912212ff0cd22aa537730bd11e18ab6721b27e6cdf6df3537f4d5f13dd6b74157deb27fe15c93f435eded8a1d2a0223596eb5b2440e2ac0414e86dda13ed8d0f60342ba73dca09662f5c8c38aadcd5584b11c5709ecb8467de8910e4dc4ba9b7c24cc62b9d9ac18b0bacbe51c31f34801251012a2508827be71442464c63dae12ce2fadc4c5f185ea37ab23de4dc3205ed2b298ceba69a76303e7c894064b12a05bdc600f553f6c719d9658b60ee33bd314135ef54745b205d50f8340b40e9d2a9b06163c5175d5b9212d87b8782dae060fa4ba7c8b1a4ce35a70f02bfa54e0b2561c5c5e5ce0745f2c5bd2228dbd7219b2cfa7cd42687569c4e5412f3c07ddfb84afa5e6adbef29a971bd074a88430937190d5fc792426247ee4cc1cca715d5013d209508ae0ca7f7562c5940cc5efe5b30190797f89ca2ce26749bee3c62acdae054787cbe6187044a304fc358820be25d899e75e85a38fa967213aca484b0bb194641b495b4f58ad492f44f5a7753ebbb3a04e0edb9f2bcadfea9bae4c95e458ea34ebf0d4fff746599fa013d609835ba47b5f61ef26b8b7ac0bafe10103a2f858bcbbdce555fab0caa2db019149830dffe89095db42c844720df0193a9e35cb375a828162bc7423f98e584914e6a205b549650ae60d5781308aa07df30052bc7411f7cd0a5f8417bdf1fa0dc10c9d2b65f6d5b80842e91b416381da8deebda63502c5b4f7cf94cb3d2909b687db834bf80ca4080003e54dca2a387436ef06ed38d1007ac8e560d4906a546c7c3f33eb5ddc948d1cf2caf240036274ded2459c5461b534e00470cab9faf99bd4c61bee6df32e3e6f16eb82a43f6e4bee9382caca4a381cdea250487afe2f704025d2db389f47da60c2a9885441e9d870aa141db3fca172ef1aeb502f9d584949ec83d4752c85719515a5462846f95632d817666c7fbe9824660f3fbd7086a998169fa9ca44ed70ac237ab92a70442a4fb5a24b3cc455eea47c663d24eeb92eaa4a93dea4bc1dd70a7f4f112d8501ad9439356b4f0b047b9643dd145410c66661d4763546a8a0a054c04175d83d9ae6f7803cced514c5b20d457c6f9c78cf43a84dfd6f9d0d6da82ed91d64cf543b46f2fe5da441006e0581ef5eb21bc907de86574afa2ebd5a0359e30d369b81ad3f5b079a344213e1b19649ca875ef692a1a7ff614c443d4b5cc53aa177fdc2bc11aabfc2a29c7a2e0b3079996b8b8a833268fdea6671722b8674d79ce9cf4c4bfafbbdce3aafe8c58d3522f9fd651dcdc23b1dbdd3d8d3f92a0ac202520284567a4fc4e1e58f1a422ffb4f7f02ab075b679e462a31f0b9262f0b9bebeaa9544e1c99af4dd6ec1aab2a98724fad74f894bff7d3444c2e10aa53e889091cf5bee3201ea9a5d864a9078795a138b9cd2acb9e69c8c794c897a6c8bf27ad89f71cc6c66b337dcb10ea7ac1ff2270d52f090ec6070d298015d396bf17239fe97e37242d8e1162e57b5dc2928f94f3895d855488d86a880be26fc63d4664763d908e3cea6413f4f308d539c16c56ceceda391d5a67875f2b34df8da058f173f2b2fd6152356a991b30fe3befb007d8c0ac7efc242729b58386731b8e7e2367e27ecf806747198413044fa8a3c7c69b5bb2dca53ff6e837fcf8ff4eabc1d11d2f1c2ec18a1f15d21e4621bb78e74ace5209e06695e81a19684e2a44f8755f74de2692066983b94ec7329acc936e698ae08fd2dbcd050c0da9140e1c778d81434cf7f66adab34eb88358cb7f20af5bd0f8d2f4cf1f2adde59de2fd95bc5346a069ab0563d6b36c067777cbe3cf713d5f2fd049343f447b38a81c8d7660d242685b76f5f3a65ba4ee7039f7c6eefd9a145929c1c38ced93bac46667fff0f4f87cad59186db1519918d2fef8bed4518ae2206cf9aa69e744a17efc3c79da0699250cdb24900df1e376c58c7766c8d3279d1e53df46134db13f1ffd4b35cf6706e7a913551205c426ecd5940c5acc8be67d8dda5783c1d2fa5b8246bdde1e66790f98055a21b0c764e986c66713484253db7da32065fa2f53095a3ad9fce7b6f2fb40d63094e76d42ebbd2116ecf19317181cc997716efdb8e4b71314b1a9ab069e163f9b987d491be8a51d2de93bec78233a9ce6875a5e0a67401db735977f62d70cd6c375bc17ba45c13b7f2e82c5a9388ed56f9cf702ef43f5525e17e2c3ad6c3383983ebd8fbbf1fa2b94f8df2706ae142fcf2876c7dc936035ce1b366f8923ec7c5152af87a2152a3d478348fcef6f77a4a2c5df543c8fc23bde22b1100247b3
These navigation menus can support any number of subsections.
All of our themes come with a several vertical navigation menu options built in, which you can display on the Category, Section and Article pages. Because they’re built using our micro-templating system, you can also add them anywhere else in your help center.
You can display vertical navigation menus in the sidebar of the Category, Section and Articles pages using the Sidebar setting associated with each of those pages.
Our themes offer several built-in styles, typically including menus that display a combination of categories, sections and articles in responsive layouts. Each page is configured independently, providing a tremendous amount of flexibility.
To replace an existing vertical navigation menu in the Category, Section and/or Article sidebars with a custom pattern:
-
Select “Custom template” from the Sidebar setting of the page you’re updating.
-
Copy-and-paste your selected pattern micro-template into the bottom of the
footer.hbstemplate.
Vertical navigation menus are powered by our Navigation extension and can therefore be used anywhere in the help center.
To display vertical navigation menus outside of the Category, Section and/or Article page sidebars:
-
Copy the HTML hook below into the position where you’d like the vertical navigation to appear.
<div data-element="navigation" data-template="sidebar-navigation"></div> -
Copy-and-paste your selected pattern micro-template into the bottom of the
footer.hbstemplate.
