Vertical navigation

Vertical navigation menus can be added and configured using theme settings or used anywhere in your help center.

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.

85c03d07da2ff5db5743e6330bc918d19b971f2b2ccf46a3347cd8f9cf43ba97ccd48227417ebc47372fae4277abfa573f9807a4f7e402997801a3e08f76a9fd724296756a9e0bc6f42660932d583a5f6ba1a0ede702af6edab63401db0bc103120c83a665aaf8477d0d07f2bc3d2c6cd6a53ea6eb19a882cc3bf3517e2b139d5d704489a9b716bb5701a9a5325a327f0e7f568bb50b9c7f1acdf2e4ba51ac7a847d6b6dd8185400704cc995b2b6ad3c71acef3f4d77f755c604ee63848cac50bbe40263f97135e36802e56c7608800db7861fe1a9b2f687df33c273a280c0d2ece6c7f3e39b8060b3b4c258eb6962c4034dab8f550de3bff7b0c831b28b58bff88c5a57685c2ab11030a121168a3cf35f21f3e409aaa48267754c7658cbd32807e8bcd9222a46d81011264b4444937fde7798e55e978c6e39a605d2a4be0eb7a2eb89e4a06c53ad1f639c83de4cce4b569d8a0b59719551322ef6bfb08ac529bdc04393d3b9f8cba1e3aa8efb2fa49f1660ab9038bdff10c06576beaa820135a71eb399f4e067b2763402c034026c83fa32df21114dd577ba7cb1c5a327ae820a94c6835c643a845bcd4d486d87520422052cdaf5a539a1a8c86e402376f5991640ef835771c5eb5dd8e056d2f997007fe0677be4a072051aeb184dff82041f747f8e625ae5dd04912329d6ec83ca049f41f440772ccb8d44064e0f8566a9fc431728ef8dd6f1a8c2095048b4d9a226a99c8735f263a278f9e31acbeabb1e2809ef295f04e1b14a8b2950f35ee88966cab9dd515de236224d916f3fca8560cd58e9d94673d34b642068a23484ecce5cc322f21ace9827d3c6a2b82d1d48c4be7869388be387f863e02f0f9924516a4731245a51eb58d552b8d02710a16b561383f063532f57212037b08d881e95a96a4fcee2832e6a25ef1d70059062604c4e0da1624faf7e0a35721599e313cd57e48ade3342ebde8d5e99d28ae56c357d43faa1241e21155e2325b1619a93a121693ed80d24f4335472b7dca1995004f8d9dba35204431e5e3e469d829b67929ec76c5976d32b3062123e85eccfef04d0734c3e15f94bb0bda5688f666c3b41e9e3eed08db678b4789d78d481803e0c4039

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
3472d826e72916f919ce7ffec3c68dece246f8067060548b12c3fb9922c91e7878e205513a073e7e6bde0f5caa0bb201ce4723380f72376019f49fd4c632e12c3ee4fffffe8991de93449019eb0324f9741c78a0cbb886860a2bc7f4ab7ad40ec571c78bc430b62f89de7a17086966ab17d58e9e6e038ef90283707aecc114d8db023275f516b855644e98a9ea4a686704a276c712262168352eaa21d28d1069da75b4e3c0614828e781a74aabd700b86b5bb99f87de9541b0c9382955e12e4f9b9ac18c36876c33b7783442733d42f97e34a5c5f3508e345c6797a41b5e9e843bea3c75ea8e17daefbadda965916842de6711ff9e970697558e82af3f00e704167c44dee73da7492efdff2b18cb94d86a7770b6923cd6bf80e3e3c8071cf32094b474865747018f33b45948884ff0351680dee71bc42dd9d7b143a13d19ddc794a0b9ec12a9f57cbd50787f260803bc8a4eefd3efd2b84e9775118f98b1bd82bbf61ba31ec5b55a1269c67a7ed915f6dcbfea268807fe9d3433b69acf7889c9f470a929ea56cd98c434cc9e0990616da87c5af6ec7a764ca5bfa9397ac69f006f506701b928b5112b92cf843872625a95b17a245bf303a28b73bf05e787c5dad555db332c0c4a73aa30193ccddb9f45a4d09ab375b4ee518e06ae3ef72067424af76a3f32194c49be0c6f066ac8b3db37939b13f8dd828bc177fff53cbdbb744a3e667d73cdd25dcbeb0e06a5de1ba5af6aee4aff2de052f47b4e25d1de7f4312df25d01be2bc21ce6cc21d55adc784a3b6125c88611949248ba0208b1c1b04f1416bfc80d577846b277440b4c924c62a04e567e1946baae04740578603cb676dd7ce8366d6abc7eccb78bc347dc78e794658eab77f95345c07888c35b917bd766809992dbf22b1b1df725ba64a3b0109f326228ae21f14cbc77d16bdb392c13bb6acf41552670da7f65f52381d34b6dadb0d565d006200003093c696cdb70c30e5611b0c423c20c94b3590b5e5c83df94a5ca5e04d0587e44620ecff43759b1677818445ed9e78234a7faaa95dc0934690350c8028150e3eb664cccf4514590be573dd041a942ba35ca413be92964c690cdbf2f038a8dcc948d1d310575c19739a63a8c118c61b613a20ee3a01a8b2
Pill-style when active
View code
4fd12bda54a6b006205d927cdffd4481f8a5b11dba2694b865f88a84d3c566b7931d1288087f60134016d534fa2b4a05831eff50f274ae9ef4441e14c31b1079b5cd159dae78dd7e5902c82a5a268d3975a0af12a74b260de7730a50dd2a8bd9b679615112915a2bf395981a7107e6aa27f97cfbd9e112d0c799141881c06cb7243867eef7c9e81c3f003527c3f5306e716b07b4a8fce9e415e75c7beaa0c7313acbc0570c5c1f06982ff612e37b0aeb527a5b7de3761b9f4a53f97b49df686cf3d5a4d413f5b43239ab1d960900c4c7d16a2148740b89ec64375c208812b4ac95e19cb3dae6b787ac18eddb35d487300033a976ce85fe4846f75ef331befbcf2d1b1fe514cd30f740990a474f23fbb9f786a21a77c4e040a20cb46c4f1c357960161d2751bd07a1b07f77fdcdec4a048582f134f555b5587178ae65472e0772083470c054f8924cdeaf1b2f004b9fbbf484aaf5e0d15a5922d482cd4ccbab5b7c44d3a2212efb9981f08bae4439288c82699cc63bedd313c6baa27279122fc30c8f6e043d823a2cbdff991135a9cb0e76018116db444a1f118d503b89b9bb8f1a9b476aee351792873d23663d4c8015891f7c6c9a3756dd5343843003ee1f5ef259b4c5c484e5484b7e41736fea916b93a07887fc014ef48ae759634068a9ab92d851c2a5febf9e620ee1aabb8af801ec34be4dd7beaa486e48b024e22528e61fc63672dcfb399ebe85a72db145c7b70190f42fbc989c52b88df04786a1c91fff795f09e138d1561b3c141911f2392ffc6ad8263a0113deb67400ceb59537288c2d77e2a590a2b69c81c93f43f3595ad54a70d7d264b227e9d24e950d9db3bcea1fc50e3d59843502ff5c4cbc4bc2130d2125d6b1fa2f0602ac5717ce22d03eb49df5baad94c2a9729db6825d888ff4221ce009b8699a3844a4f6e77832dc7bc55f717cdb538d7ce03030edf8d7bdbf073a862df281770231d07f9bac21d047a5b0b2cf22c499f2b2661ff9fd8d4ccba3bf6e9d2e2fbfb0441c7f12011015146219f13830b726cd860c093ea4d08749d93ce7e9b9923d44fd91a519a215051a5a488bc52eab972a9353158fe2b84da83928c6bc8c6293577d926f6c953646d8ed4d19cfdf29d4daa99895c3d9e00526

Use .bg-primary and .text-primary-inverse on active items for a pill-style navigation.

Background highlight when active
View code
3dcf511723a4de6b45f0fbf2ae4472ca3d43086aed414b6b4947193edbfd2fe09658b531c27448311e94d20ad25664b946c7ea49a16274775e7791586db29e0a384c74120d5607a68a5c4473c59b4aa6405d61d2c9ab2ad81a410301f23bbd97e39ca440b3bc33eba17595a6c6e79c25bb7b01d72f6f0377b7cc1662f4087bbea62e755e5a12187452f5e2e00095f12175ae0261f78393c4e1a52019a4094c1c4bfdc15353c5130a6a463dc4e6157374025cb791bc3f59fd54f9a45eba0b4846bbf9eccc862537df5b1601ddcba29cb991c3dd59fb31ac6aeee3c5d4690048bb30cc75bb1c945e4b5d14ce44b0aacf2394ad6d9e6db9334dc99a2a6dd11736b45ccbcdaf61a8f01d3b6e44a90cf71f3a519e54c4a67024b84ead577a0c173d0d0c3e80416b6424dbbf4707c2fda6b1a253f1e50bb92b8806db90f60fcf32f4699556d173ffb19954c4f18519bf2e96517607ee85154ec4c53c8d6e8a0485e545ec1b24c85157534b36c62944716337a90d343081ce84890a6b255c58cace0dbca86e14f9310355f30de7e787cc6816c7dfbabf6fb063622d2bd4972968e7fab2e4d64b394b88f50b6a0e2b64594d95930d3d6c24df9329b3a34914e89e4da22087bc44d1e580ba5ac694a98882ccb08d02e9613af5789900a332cecfe5a61ffa049c4efddd66c2617b332da093fcd4618bfb27d868b9d1db94eb0b59c58c7e200b0edb2abe1746a37cad54b83f94293f0fa3dd1091858c6dd3170bc88a3013f647af18f7c487a33c66d5e85ae81a0f05c11cebf7f56b6f774c0c46e97edca565d6d6385e9ea6a4cfc810ddcf65fc083af50ac603b554f33b1f6d1147d9e6ee919ad1ed0b3f0d4433a8c962240eb8c09b39a63a9700d086cb204b86a63cb758aa0e81453ba97b14b3a42fde2e7ed718d8f92876e635cc32a4f49cf5d7adfb747c542ddb9c947f22545ef35164ee3234fcc5fe416f7c2ec249d504e952a833444787a25afdd0d578330656de47a4fd46704c09ec3b7b3abdaba2a9024a31508422a83e89652384abc30a881dc9d44fcbf27e01d74c509e003fabf51fd70ced3ae2ca149ca61a850189f0f43300d5d3fea61dd02b11b9053284fdbe39df81f7fc7c02cf93eebddd1e605e6abb3537be774fe86c3d1f4e74adaf34f038c76ac64be8
Background highlight with left border when active
View code
a66c920605f43eec70eec8f5555aace9dc2d5f3cf13492cc4b1873022442b65787dc3a4b37ca966adbe00084e7dfe084636f964496e41c20282736092e7a3ea7ead441d99d7b1829b2cf1c43f0b4cc6eebf440c70302687fa84d3e075a60415b8ed265f301c696bc3ec89c508c5ed1e6f6ec308d99dc831c2df5f1071f4c254f9d093ce05c690473b2496b89505dbf0a98ecb6fedb9012b7f72b6ef31b0b53762db8a441cbc956a6e7107b9db60f8fee545bf6200a34d733f107deac3756e800bec5b6e071f04ef2531c45d649e5f40e2a9f52da8c118baf7d766b86b0d3dcc57576ac9393bf7a185725dfc3de5d6aa82eae9e682ba56f40e77bfe7aaf9d984b3225692218aa5d8eb08fbd7f3ce25cf4f24db86b799295026792883658bbe6b1d96d365fb59f6068c3482fee9fa88a8ea486015b3ae4293696086d8c2c34b8a6af3e9be7f8b42de8211931b5981a063467fd443ffb1ec43a2f01d80836ba18a168c52f0e5d54587f15ad7baf9249b2f0eb27d1ace997624bb4d8764b092b83b726cd1f7d59139f2c4513c8945ab67426e7a69d8d7ef7a8965e859bfd36e569250c084cd21ceeec4389f4e0110d12cbd31fbf1cfb48e844a2b6c4d85837f2ba63747557de008634aa3e2bcdeaf9a130c819821be2205e51de2676b65731bd862f4fda610f893aca00f57a2b92c056f82f6f266bda81b8f866e8bd2d6059c1a5674b5c34df0678855b083f7f6db58599b7692ca72c814ce3d16b7c79f9b766e1256e0b158b77563cc48666cc9d8b25570190418b13e95e0f646efa453fd60a95d5a49064f84e8e5094e52d067b03d68d135b64170f49c5469a08850e6c800103357e970d4eb2ff8f5a873b5c8bbc911d6bea32f48e09589f91565ab4ce1b13ba0c70fdb1ea49914ebbbcda09cf5341d261e0f515a7c0b22a5ddc50d8311d9bf2dcb7c397777c2700e832f2b405c499df9dd3bf85b4d231aff931a8075730b23d11a10af173ce8174b03e348f5dcebe105e745de5435bbab94ad30dc20b916c4505e42bc706f5674e8e6c3b8aa5b6dd7c18c5484954777dc0105237afd7fcbd734cda682ad3eb27726a57f85c1d07030b1a17242850790be913bc4e2ec6331ca0479c5f85e455c95888181bc779d74500c25a9804ba4eced115c062735d5d5e0739
Primary background highlight with right border when active
View code
566eeaf36335773b18048497007c8476a343e865a49b4bb3be7d8cc8459f4b780cb678071011f55afdeafac147151c8d6b2992b112835988a6e77cd87ca597035f354f4f23ab819359f12592ea97b24d02dd85a2220d042a4ec95b862c121e95fb69bd88533ad9193222ab7f8a6efd16238b03cb388b6eef450024dfb99db0e2f4be128308eecb05f7fa317e6427c25f0e5c47e760740dbeff84161f4f2c32902bc2899811489aedacddbed8d330421056a32a06440acf2b00543bcb11a600fcd418ea90e01d40a149a6d8c1dc592abb85d5a4dfc918f49e60e8b512e243b5203e0e26cacc61f2f7f31319f5aeaba747cd61daebe5c869382ab87ddf60b15bbb034c72d21b46af17b4494f7f1c46a0652b33e175e8b6a83a80d4e95c38b35efecb96ff708f46f022686ecc5e3d51c77c4a357fb23a3234e5f4e3518f9955239baa0cee4f74850e6573dcd56d9486e3b8b76abb5322443571b952ca5952407b7ddd68bb6675bad873b292298687a3ed6e33db54798091b43102ebb8cfc304d1078ba1af4f63f550d8f86276937f827671a3027b528d5b0ea75e3178c2375909f612ce00ba6035fef955e17a840bd3b691af4d20b99c1319c0e6283ac17462dad7aa9ba5796817176973cbf0da3852bf28c31780a07d0ade2d2dbfc80fa8e8d3908b0f45a382d999d10b0cbc1585a5dea5fcc0781ab6f22e6035c6ae6cb886f3b7fed91c5407c209a2c250966ac20a8b828299e8a670575cbdf495f81fefe3cfe5818cbb4564a93e65cacb235619e6efba4b70c4ed0d3a932b6d54b36359a8baf3c753c0425e5f4c5ab59da2bac2a0027c52ab7265b782036bc513da16ab3a2462e31b501258bac67e59d0f49dcd89b3b0f2531341e9d35c34be096b9c8711073b2fb127cd4f3a4939d83260e39ea74774e2186c119c59e54ef9f1367962feb1572045ce12d40b2840353ae666ae6334628410267a1565c9e3ca7ec39372c029456ba7a1a6516c48d0bd89413ef1554e5ddfd7e8c39b4505d21e9fb904adce9178b0ff7ee32a8e43f6ed1e28cd882419c7a4548dd46317ca3801b9751b248cd16deb51c40a44c6ba692cc67b71477177e3135598332c55153b5926a72a7aac9748bc4e6873af38789143e8a402bdee35a938e3c2458c652dced170dcf2aa4492de8c2a85ab80f7a311dbb09b77cd803df3e8b5a3d1c3323f437efa33288b66a1dc9031a23c31874722cce082db857fac01e92d3243c0b115a74f82a351c0d4848697eccd8d8a447061ee3a2f0191d4f579f9cf79d375eb6ae2adddf29e223e5b18fe4a24bb4108a85f830cc693677babf1de0134cfe731763eea2d43180ac0d11c883eee992fc0aa62b8b324979aa3442c92896bad0ba96a2998c98bbce72e5ae7786066d15a4e63935f84761aff1f466b249c30d231e04b79d431b4d937a82f48f0e5a9364f5dc09a77f50b186bd0ca412dacd8b09a36127314e9574bbc46ee458a8079e1fce5cdd42dfb5be826f242cdd2cdfcab1c8f8541245f3eb941f36a5f012a7a49e9f375b1beca3ae9aca42179d69d2c9fd1257765304ad4b56e75ee85f36e9109b79492cf7e78c1dfd2086ba19fe469895bdba202ee7b1f08cf3761db

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
936d1c563b0ddbbf24e504125c72bbe5d9b47789d0688cbc34c2fe6a8cbc4fa985d6ddab83604a1c84c6bce49d543d9b6ebcfe5ba4ce73e0d06c7fca90da3e0b8ed2b74f369fd91908b36886d4ff8630dfbf539288459044135f557ce20818a969d35514318866c5185f6568a8df8d5deb078e95fe7fb4f18f443c6552bfa64d91048992638a1df04dfd58a2a91baa46b59c0893f3d31d29b018abe83c560249eae8b00f39e344639fcadad32a9829b1fe30b5cac4782c7fce38cd80882da1ead989837ab70d32b32d076811eb884ce5c3bc73fbd5a82f1ccfd17d3145f5bd3921d346b3848934ead597b4a84bec5189d70d7a3a65acdfcaea3c04fe20409c4e0f5b9bd051c985a0c7cb2497a28bb2d02214060db43494b5504eabdb1a4febf6a7610560394079888f8c58594af1688fa5ca86058b73c4a8e404019093c471047e98576ef44bb5fc5de8ad6bc4a72262892f60950d25704382f59aa7aea922a5bd88000d6c92fcb0efe344e1ae24033a103649e3374509cc2667f966fe65375702047c3934c44b6215a13ad9fc75ab05e4b64d76a78798de328eb4a167724a3732a34299f98aaa4832af645c99095a00508be5c8526141f0cae4788e00d8db718a431570b49d6d9b7e19dec59f8d065d52c2bfad4e75a0cf444089c1b09f6379840deef91c9e7124c7facf512a6b57040cbc21a628fdc7e8c1a9a1d94ebb218ee36dbd159a4f90372adbfd2c7aebb23cb1f7da0526349834db98b3db344e8d618eb3afdc13b46b631e95121e4231eba21c9b5d4e863120d8ecddce6174f62885fc0460950cd03d5dba15255d278878a7eb80f48ba39c8e4e1094b1519d32e02faa3c9d41a5c62a5b94e45723953c076460d0d849aad6063b6e64c01c31de1a05ce00e2f786701f6f98931a1e450e6a534fdbf45817e8200af21d007c0564a26668cb7298a92f20889fbd95bdf1952ad8b00d2f911a3d35836412d270dd1dbc4aae79e88b10b49eaa8ba9b5e2e65f574b0699050be10d2cfb1a4ea517d61eeed903303e180fa994cd9b652b773d55ebf5183cf1358bed6517c5bf3296b74ec109005b6afdbc29182929604dfe3a2f008444e98c369dd5b365f0390b979c0bbdbc85c71b17b6c0f33fc597f14baea09965
Background highlight when active within card
View code
847b7f49077cf1a982009352ed0338c01401aa800362e1a9a4c8d9b7bdaff975b00aea5278b17244aa9cb563f676556a359fafac0f5c3846bc30040ec7f0360cf227dfc937a850ec63c57084df24d0ed5f49bcae6a45a3643d036e4831b32c68c5dd56aaee419616818ac48f0479d6ee32a635860d4a8a83d89575c11970acd41240d0e91948e7334d6e41add06a7c040f7b2583d863dc7c38848d4ae4fd221f0022705a379b188cff6b37f51728b8f5010e7971c6113905dd7e777342758347e32b7a10297e5f49a267ec5cb4e9e0b7abb1ade15df7318f9c1681b171c0cca9dc56e7ec6679369c6f55415490809511a15edcadd0e6460c3457729846867b359398edd9452e0b6032583b8dbd4c1775ec133c417d9d998e9d68b4f3f942379198edf55582eb88634806060afaf9c233db9917f8a676030e860a2927e7b56221ddd8cdb74705e21668bbe2c8abaf8338e77c8c468d2667770e4e9129e71e7b08c41a3cde90e4b50869109f09e5702af1685c5d14dcb7b6822994737b4aadc9a8edb5589bb92406059072a763bea18dedff66dedc50410494ba8ec5a71c7e5b7622bc63636dc3784b9d99acc6798b6634978c42060b9009979467cba3b326d22cfb6546f7e18e7a461d2250978999e1c24c4ac66eb81e596cd502615b58eea7d719b1827585c3c990618921788f321faec6dcff06c3d54eec6bed2fd7f016ec896aea401adfaf1a2de396bf3eea75dd1e73dc8b21fe3e1bbc08208ed187868de7e3451d38061abec675066acdd2b6734f8be65d15a301553908b57cc93bea89b58db6c4dde23173b097e0e84e07d94a50e1234fd5bbbca2dc9f02b9e9f1193b57cb727853099b688765e05c2eafd5252f305f6d7a092b33424dfe341ffa131810916ade2b5d4ae3846ef1a6a50151026056b446e78a62c24b14f17acbcb8a459119dd4b46a1473d682e47689a9e5eb7c2d2393179d4872fe7b71cd3c3ef78e239182e875b38bd7e5d506acfb97ff3599ce994fe96d87401a5ff762b98b3f3cbae8b1412cbd36e01efb0df410a24822b12fe69fea2cafcfa6532d429c9b5bc6372c7dabd8e87ddb18b566706aed0c08dee16ee515a30f5b42d42e78203523abc978f100c9471739416e8235f2af2adbcca

Multi-level and interactive lists

Sections displayed with category headings
View code
65d4322b24f0a85800acb2dc2a62c946fff52f9f33fe024665e7a3f0f8b1ae5e30df5c3ccf185e7393b8791de808d78b6bfdd30025fb08fa0291f3fc7302fcabbf47a8bf7ee684229ee6cdf46e5e75711b30ee5bb2ec773ab44f952755e2516c7a7961c2d1e750e79ba707f5eaac4e6b79fce03ed8bf4deaba4e8396e6cc5f9dce2dd10eed1732eec2aae1fafe5ef2daa0a7b6235c1a23857d41619f01f91f013a246bef3b776711624260a94604b53b2c6ec79df805f403b312c68a176b29fb69f262c41b84d8816a7ba129d63c0f6217b15ac100f355ee8c352a6fe1cfcc2d9eab39d472810ecb867da4bf097c333b9936075133f6a1fa56f25fe9d2c2be167d92d851bdbe7285649c54e3748f782ce3d9fe9a368ef5ad27b58b01811aafa7edba4ee007f865c44673389b87a4e6db0ef7f0866134f4fb661f201725b1da73082f5414da89186be7a7ecb031cb7f55910e71ead85c94b6a929aed00c88fbe838b181524df3f5b7f1dbcaa16fa1e7a82dbab03e009f09bd7187e6a4ff1acd4c0dd52c3e5fb4a0089c06fb6018c9840acf5d03962e9551d8ca1389f2b38765b7e03fadcbdb27afbb3be29cb03d49e0debeed3b65c5cca4da9a80df40e63baa7cd7bf42a3d98401f22d1b47cef2e88ff39c147b2674371de80b366949ee11356f0f4ab7a4f5c1e8ff63e761fe19d9c76ab1a70f49f83ee1528a32049cc49adf2ded5cd398a273967fe017911ca88788153d92c7a6743b3f7423c26436b911600ec807751ecfcb51be23f98f90505464d7d0e8ab279833f25dfd5ffb98619a0906aa877617f938aef03fe060cac895b17e50b225e87248980dd902620c3b0a18e4824006a2c712d9e0bc1d8e76f5e52bfe73c5d4e3b14285ecebe4543383ee907f824b45bee722f9452767a3b55a4aa74346c2534355ef25cf4c988efa3a5ad27216559e5a3b21f267036d12dca924a2449af9119e39cd79ae0da3c64b9504867033343b77f92ad11ebad58fedddc1eb616e7bd0cbe5f54b6605d45b14c18828db70608f3f3d6f011a6b743b97a749a3862e53101cc117dc0f436a383516c4dad9cc90e86cf95538235a04d535fd76e68e35a64ef440e5b9e045e788d92dcf0cbc7707403c93925de3f3a1f53eab33a4475b2c10eec47400ecd0d4bf0213c8712f2b15394696c592a1f9af7227d519dc1ccdaca481d6c397d5dbd67ee3094e1db2c77232adc7ba9ee3c6cb7be4f6c7c787700646d2073a5fdb08cceddef5c659db565f39b845b0be2bf1e7e047fbcccfbc00f21c2b3c87c964bc42cbb521a551df0a9712f826749388dbe2d21364d9c4817862298462431504541904289888da421d0939b2f9f15c905e0479ef1464970af25a789a6805adcfdc400cd97a40148e67af099bb5af6bfc35ae28705620be7ac7cb37a0eec4b3d246a1495c93c7e150ecabf36bda5627df5d512da2a193b79987f0cf58241c3881bcf301da9d651b82594c74ad631c3526a96832beed0a35e3b89066ec311f026a8b8d2857242ddd541da675bc57c1267a25902f17e518731263b6aca96340d16463b01891a312a26a34002a1308e5392b986e9dedfc17cff76672e01e7bb0d59eaf325edc4a9fd89fb251ebb11ff0242eb7041901b143a4d507cccd7c28ede571acfe411d75a4a2c64ae3fe47b5924b29dcea6e42044f9d1b346c2a6c4e99f3c65a5bd879200966fccc58409617106b3676d84fec9776ae184e14314d3bd781038a2c6702932d20aeffbdeac8e5f04eafbd98db79d857917dba95f6229bb5d9f3820eefd7f992899cafcd8b5ff3253f92ecbbee085fab720a013165c2d54ab86c28f7de83a75697248f866203cd4c16daba78ccc5a0e6448f72bb335b3f73eb76b77747cc3f725621dd774494eb1f8f697ca3767fb3d164b19fd512b7e1eac60c61647568c860e60d49104a80be7d80dd7f22e14ee0d839c56768eff937e36a57dc4ff1ea61598e27b8eaaa8d9e46a62331d236754375fc6b
Responsive category list
View code
b7a22b1402b64ad8ebfc170f4a75cf9663b85770a6a70462715bb176a20ba8e930f6e33332ccf47b03bc144df7def1c865426e8dc35d00fba5763658ba686d16ad3ab52fee9f98ffcbd3778b5a4b7692f160353eedfdfff7d8f26ca8a2de21674959d50c7411c036564ad4ad5e6fd01c4238b9041e4847a7170626eaa6a0d9a3015d2314d9169b1de2d15392b9367024f1d0c0441dfa57d88d7d9b5c5eca6f7008e3d8486281137a557ac3520ddcf6247d7273829a4a2cca08da3dfcccd87b419a211a932cce936206cc79a100720cf8ea5fe5518dcad3ccdc8e60adb912968a7b638a1d8b4773f7d547175ced4abb20e10a2d198ef6831dd3a14fbed0087e68334dd7ca95559cd315b241679fefa5f77ddddcd51a09d8d3c0a9d6b12bff5b70f78f4f73db5d099d114adc91212612ef1191739cef042d6960c7f55197eb3e049e5338dde329c5a496d028caea148acd002e5f457b98034277c90459caabc05f97c51bdf258bbc2082676c9c381ffdec90a62909537c960277cd1d50aabf5592cbfcba40ec627d7f46d156f7d55af4063772fa462160d2e7d5fdc0f6aaa517cc86119ce5cc4b4315b9fa4a882761ef04bf16f8183c8fa111ed814d713b451c1d6189a3787a364f2e4add7df59a770e72d870ec7ce9f3b9906f9bebc5e22c4de791ca27a7f6332e588fe5c07fe076a24d8e43f7201380d237674c0623684dce567445d9e9639ba6432b87fd84c75e5de3741f156e446c43791e4b5fc2d860725e91556a1c91aeb29047c6408791f3be1ba529e672fd8acaddf088eaff9b29c49a902ae6c4193d65d4496abe8511f25802c600f229e47149587f59ce365257804c78977a71c1136ace67bd7c974a4f73ea89752a76e67f758544a1180be5b8cc8598810e600491891e3bcda87433c7f8f7a956431f6b6d865483f4e7c41dd026bb6f6634f9a531823f40bb037571a159b159b6c531f7acd68f30dedaf609b804602f9ed02afed8233d62ab80824e531b9550723c16436a72b2ee909f6979ce9530a5a9786b1ee7308c0bd2a4b3ab288e643f13f9226978cdb16d7b8700486c48acf2874e4e089bfcdcad8dae16ac0d1ba0b0b109b3096d81010ac77ad32752d251a723402d090c3368896a0719e24da17cfdd1b4eae625c992e38c043533181b2989fbae3166d9eb085262022c4e9709002c580a8b927b3662afadfd346f58aa94baa0351c85c18e091bde9369d92b1b647929b5555ef6447691e36c9b825de3916a593026d2767764e44d3756d604c730f7c71c383ba55754f13c7ebeccad29f31d785b0006002600d7b2e71a09cb13b5c8fe3d1f0ddbd3c76ddede5e189f614873b07cf45947b6fe9ad4e1a876a2a74b262fdd722f8654816f35003872610104e57700af385ab88437e6658fe047ee0d21c17d2f80956a901258ee2b866e364abdb303140020651bad833c10f5b0eab114b694cf7342ce91dc7eba574dc84c3aaab0e73f2e95a3c08f2d065e7d79276ad349299cdbc3e6bd64d3c83f81e7b91a55f19fbae7f24baa02fe0bdf7995fc2b4f9a7aa43ed5233517f39704ba690bc286040402022f7ad0132a7d7513d3ca7fc130598a06422531265c1492fd894ec9a99e8f8d2f5baa55f9f9afe7af3911dbc3935a0bc27b6c73027c63118e50e548524ae7e9a044012689ae025e29c7471fe83e476d2b721fe048083499aade7778be3c4fa90d65341024b4372a16529da946dd7069fe11c214e022d480c8f0c65c22bb92def3b750ce7d550f5d2208c6839e4b73de433a1d9dc746da73cfd19590156dae548cf1d8bc30c6716b8dbfd56bb90e80064369294d4bac6ebdf19e30e80aa2dd8b5e5b00190a6f43d941189c88aeb9df814afbf6f56f6254893df17503f5798610572ba21a43502e798d98019cbd064819c0482f199092995980c4f56bf203643dc38497257f8910067326df63741c32a19d5a3263ef6a21ab768e38c985446e3257db5a05a067048e29090a08dca491e545c66b5e6049d11e37de177faf1126b9419fbc8ba655dde4957f0f2c82569f1fece6027bf4ecff1811c61c3707270d562734504e2d9890c01373ceefd4c53a92130218b77008b00384dc89d5c7b91a67cef0ac726f961ac5b8a3c936a5bc42c211f0d55d92fdd465bff368f49a76698d97d20a66d6f2b95db1e52ac41ccbbede504d152d51039d6d0f963b04fa7ef96cdc9674d0f7700074b63541edd24673282548e8b20164a52c829cdccf77b8156933b2a0677412353b6692bad0f0af1fabbc936424395e2e932cb62e0157836ec400df0f33fb061bc78c52b1f69396f03ef119339fdd79e5f513cf58590c8656adf45d0243411fc04fef3157f8ad61191544a52b83db4cf417dafcd6e3d83c222a00c178a8bc79b1ab90c20f840e3c0aa4d45afbe1cfea84b51d0a63831b35033891cdeb76b5ce69d3fd6cd3b443e00c18e52bcfe53bd55793483d3a95408687ad77e35cd70e92d1c32fa0a8fbf11ff4d9745c1025e48135121bd4f8f286117aaf8194108e6c05180e8e7876349ac6e636e011253e0bb5c5c9c6f9dfe377169320cca1402425888a6ff54fe31e6016673c417cc50b3a2b4ca554f8fb0c5c69ba84ba044add868c1f2173216e8d73d7819fe5456a21bbea4648a62d14fa96db04578b704d8a2ce2c8dad0ef7c88062966c50f5f9f1122b5e0205b58122b235c703367b9c92be252ef704b9d45ab1f7863446807989fe69b7b935d01f7b9de87cbb20d67bdcef180bc076770cb02ea6d37d61c37a65a0c1e86ac18a542afca51d51293c86d82df0880a2732065d726634e181dc4a431201b8c520b5d6d6154d62fbf4381ecc4e41adaf0b960a839e29ff4aafe998aad1fe8ee628b44b9000deb202affd79653d8ba0d5a36a1037bd7d575f8f7cf5b9a98691478f39bc7ef507fb8ee5014432f301aa7de39d5e4ed63d9d7dda013e64513a6f370af1ef7b0a09f54aca44c7bedd9e051a3d0b1470851c66f940695fd13de04a0e4d8ea6bc6d28391e8799aa313b09c20e4723b41d05257d590da85fd086cfa07fbe1b3bcd2cd35b47accda67b703915b5c215dde28f614bd11f53700d36f7caf220c34c6926c680be8ac539d1c995fd712be700e7090260ea84fb6c4d66ed4107c409dff2608a87256db7baee510fedb7a962f49936559217b8cbc0feffe75fb8af80c8c2faed2bf0936018f42ca22200dd03051326e3ed7e8a8c6e7f20023381a901c49201d860a18d74d98c1de01b245abd8d97a56acebe01da0150c61d1b4d005e51cda43d817986cb006f33448114bbf11c19f6b65ccf133a92a535c6e250d0163de9f8fa9a48c0e1c9d4e22b4c46df9061339594bf13d387931a9dc8fd3eecc2fbcda395db92fb12550628938a3b76e0be74b
Responsive section list
View code
2432096c72b990bd9418075c25aa87be6c924a67b85a69bc7c9ceedd64421d6fd31dc349e6b00e10c7680054b28a0c4dd391d6117118c9145a11f7e3791a9b7f2ffa3efc6d31b8322b94aa9eb2214a5dcb632e9008f8c32d6ab3b2c8a053ba0b59f964e3c42d08f9ef27962ac56ae2c22843e2bb89530399f375b06cf46d4bb2965aa0f65a56c8882768a5c8130a6c13481277f96b99e33b3a20fd6513090d277d11b1cea642f20f223df028c1a58bfae030c5e53047eef4cca0c100c0a7588ed277446a71c8b2f895b701a79c91d2e5f75a4665db3a973affaa98c55da8eb1c1d1110ecc07c50b7a942176779b9fd36f8cbd2f1ff911b02b77b58a054931ad55d4c9b71777d59aab49e35c7e6c1455d201c4b71acdb769d27e9d1772074a640b553ce450101e64179d0556eafc33af9d0f4430c70c813d18bfa2080e552d3e34d8e996503917b2605942c6693451c6ff73a8b19672ce541417eef1620acd0bb31aa66dcd5eaec1b7fe7c5220014a69380e0d0cf6c2353ee5708dd98e23856a29aa278fd5626f9007590f8238c9e24ef2829f5f689cbf5c42f522e37fe4634772a61eb36ba4213cc3492640b1bf62a5f151ca3018aaad39e619c0d328d9c00bf60b346740288003314420355823742e9fb928c0000aee551169c6c7a9b9f9af131799c2dffed2c4832f9daa7543d9cac60c4b6c5b9098705c53a5d9c5ac53dfec1e1a4fc87d8ce89e0a7d8879e00b61ab63d9376a4310fa7d85ecc98066f9f2d2fc38dedfe662638feb48dd63286abe894203e9b3676dda57e31755fa8cb3d3b7f0871c77febf5c537a9e48d132eee584793e99fdc178adb80bfc9e2d1152c7f69f7c49bb655cd77613ac89e551233693f8d3892177be5aea4dcab16af28f54bba8a780e6d1304734655a5c8ea3546f50e271ad2aaa2ae1fde13af035fe0fd89e635eeb67b24a92f4847f874407a0b9307f8c307516cadd7c2dcd92334ea96e0158f18b946723450c0b0f0a24c51affc0d86afe1f0f88c6a6c7dca6db93c87aabdd98b924ac5583613b77e4fc2f8945f386c2ff8d922e04aee01b5cb3922cbbe3576c5b84105d11ee1764e60bec336b21bd996b5a9ae1ee56d2b48d218fc17c4a23382b55842901c37fcc92fec907683d5bfc191332621053fdda1822a64aa658de7d2eaa1a3ecc04776674a4518203a871f5032e6d6d3813280f8fe640ecbc639dcb0267b2cb9fd8d8e8543a6ade5870b9ba0341643255e71a620ff4fe4988967f37114b499a15e043037cd0d004b5dc92160305b60908371f36877a6252270170db59e1fa908fea3046167ffbd121c815fae0b32503d3488960e907c5e503a8463849b2ac2117c56a1c3bf1ddb89773ac978216e24e3e05fa245abc62b2decf38ef63ba78bdf53020fc926e2f8804655da4de21be5f63e9f75b56ea75d069d9630fac2ec5168402d0ae1993adb46f26cda93e1642c26351ae548bfa51fa142347ea42d1a86f73f905596e8726c593ef56e1898c4d94e34b7dd46bceaa6418b38d68ad910d898e41128fa2c0ad327504b2484ac060dcc1efe0d3b3aa45adde2fcc7116a5828ff04ce4195a874cb44001402918e94774d202ec1014fcc7b75c0b76249270d5d2a1d88f1a08242a4cca1533f22b9e243bb69463677b72f1e57e630bb07102324db249e2d8c32785d923c0fff72cfe37c06ba57717887baa4bf9738a1699b02c3daeb2e124d27632758827b1a54f6131d82f66db1e782e19c23692d350f1b1714b13ea70e2c5967caadfcd5695592e49a9ae3d73ec771218936004836499ad1a632d8969a9e8256fa8607b759079b0107a9f1b69cff26955e89e6dd9548c90202f06da71b7f94df469623708f0df94f344e2cc24965340234a6826ce74ffd3d7f1127e3632bd5fc90745fbe416465b19ab63f8fa5f4fae4b9b0c45bbb435608c34eae7fde8163433125ccc5e6549f136a5b8733e9105e7c0e93d15e6c515d50752bd3ca735094495b77dae8545e6a76a08c618096d63e6172b8bd3a2627c735a12f65694e66493ddfe5b0326cedef9d4233c305383c762e7705030aa1444cc0d6a3ab42dca5a72c8739feee75ad6f5e0a2428a42c8b3ffdd67c76171f670ed1d1b744f33be47e7ec8614b34b99459b6f506bf82663b5cb46e48f8ed06bd79ffacfbb098d3a742590efe2d48d89122ee049bac695041fe66738a3fd00c191ad754179f07454b5816e7fad5e49554e760497ecef22adf2941792220c8bc84a7604341dc2f1453e28d970badf34c1f6e066f2416c1a7ad678ca73b20c962e21593aa10127892d4ae45e6a414cb792c63e78b15fb9f5e19a41f9a0ee0bdbfa6f62027e28bb0a5039a2f1015d6f5d0f70744d400a660e227583fe316d86d466fbf52d8f21536cd0f47ce89c5e2c782fd9c696f28287275ad9d9d430260b6848a880e2a316b6b27acc78c19cd44a11f0731dbc69ab4233e3b0206de3a9dd4815e9928b60fa5c4741c4b95f2e9d78a18b6fbed90fa187fa876bc9b9f48734c462d76f8040c1f9fec41f53ff416ad5800d9129f4ded144396d92f88cdf16044ccf7b8898a6c215b0f42ade274c0413ba57b7c1c2f24642ef7d2778cdd15538b3353d6f91fe3ab4dac6708439a0bd7571329493c7cdb134d3782e5f46c826f6a65472db8e9174295ea31839eb50b4cc05d2e7f2e216b7cd5ec32385f773b809f38976b9b0f6cd7fac51d166f5e6bba8c3e02c6dc4b1afe3a3284f9963fdbadf8aaa429d810b1d513b471c4667350681bc10aa651edfeb720d19488204f5cadf1661a6f0c62ba3ad874a231cbcc28eece46515c332395f595a88b266a1105dc5bc0cd85101bcffab36488882d66f3e945bd275658f052dcc9ab449e0d5e8357f238dcf95edd12905165f67feda92b6480524be3c15bf5957dedabeabfbd8d0244afa658650219c116d80b99a316b044b8c2a36cf071b2b8e4cb7378887d914842b5c78431b3f6db218439ccdb2848ca65522d487d3f787cebf4a8747494563f1cf0a895e0407f66acb16be7696ba59b2bdba3fc3ecb344cf914b819590f0d9c97206d2aa9eb7ed272d03104e1196f90658c67be99aedcd17f5eb6a2374ba0e254546ac2609d810da34081e1bd1ca573b53f2b6b38494bb209b615f0c8f3a683ac72c3ccd826e191d53c51e1bf78c8e1f67b6e7e686b79291707c8d58549da4330ddce5d9955dcef319718cef61ba3c65c388996fb2238dbafd873433a7220e704f10481a3a63960ac594b5cf82c1c6e39d3f37ac26ad1695e471556830c8426567a133bdade0ecadd1d30a1367a54acd737b9a09bbd2dd30dc6e19d2b77c96a716959dcb057be44347437bde8b147ea15e7b7c56f93d3837fb4feefbe1f36f91851b95f2848a09f26b6257d6cffd3958b2027c6fdd3a9cb5de3c15760ee0effc6e0dcab282a34c5cfb5a7830c48e559502c790ea5a5d695a451213b1cd483e06302831f00c0055445c02210e029064a328380caccc51af275232a8517a0199809d93514991b6ad849951efd7f98947fae4986b7f39db36ed9e2ba5d805ff14a925bbae661e7c120f55ea07b474a90fcb69623c44ac460ea429b06a8fe0ae1d56bd902b16d2234331163faa72327b9da17eda0cf0ab65da0cd70d2346eb6bc3ba86ed14d9317e1bd84734a4563e37602099ef1a7bcef176ba1f81f4ec1e06f5531f95d8f354d07b4e520ca26db05bf1cafa15b1de164de8f5d3f8f694eff42b8b73794218e715878aad38176217d0e7bf60708210060ce25bc47b051dfcdf732c0ded3df1fed1a32268ff7beaf1b64a3697f76df4bdf939a18d57335ae219add9937f2b606e7b68fc5c10fbfc9f17c25ed79c32ade5b5f0eadb2c478bec59003883aa11daff14114cbe8d50fc17e9a470c10144fa5179264785ac1f4f81130d787531a60aa661523dbad0478a1337b94e33eaf6f5a437288f9427f4bdad24b93032c5822d964b6b21998e45c5edb8cb529797e5027ef1e750259362f859c944ce56d68b18365dd455b68eee77295d0bf8161be14cce5ee2a1a701e5fb5869fc55c9f06ddcf81fd6fd6f1c7594935e6059625cf584d3c52aa55961d100309b95119e7cc6729f3a8535dad939b996d3e9cbd18433082a74724cb2c90cc7a4e01d28cb1c1b9b9ec7ee92e207d48341d8b382570450d1f1e9b33d9d248ef69f3040dffc25089877f44260a38dbc63d1a280bbb210c7166f92918c7dceb31008c24b0f2917f72181834072bdd16bd7c29eb9051db9999db7f0c616989dcf66f428110f5cfc51b1dca173c1d67dd7c5773d352a6bfc5e907e0c5f626745a6fbcf1bdd6512b9537bfe18f5379521d87b4cd5133d9d48bb1111370a064b9deca2168140f60637cb83b8d4193cacf8b2a5ace4b30cefcb1a421ece9311b23a19bf8d91e7b28e4121247e593f6d3aaa411ae9ca07d419786af4036b22b3895b993e1d7c845367949742ff7b309bb922038ec8eaf36f568e96f72cb6d836486fd304067740cd07be020fae9a3606a7938331ecf7cb12832d44741fe44cd48d19767acb7b369baced2eecb93878a8403e150a36957f788805023d3c5387b0ef7696c81d0404aef56b42de56304133f3df90c0defafca3e9178ef88628c9eee69d4642a352b99f642f69a2ab0c3966de456b74c9132915f3839f18f9dd21cc2714c10a0432a61f72ce3a306ced9eb55002aabef13b8bd2971c9eb2cdbc3b6f93b0f9f95d057f2e6189fd67fd2553b98465a151a21ef02916efcf90a41c3ba94d476e8e8a56812c3e086560f8f5312113e5aceda71d8cf31a87b94e221c149e56f8be282853375398cf810945d9efc33cc117acc26937ff547b1750a31b3e4b6896b3d8ff3ff9e6db53dc9bcfbfd7e2b0823efb8c2f065876a0b1f0774b8989abe1911f8b2d398511d8074cf60bfca7d58448dd7d220f2b91547bbb900e5e140c38baf039a5328da176503f4c859e3090c5e0dd0b22fe34654498c604684f90d7aa8cef2b34055c54cd3e53434c37e7f992238d86f9f5fb237217f89837bb62d71c04b97b36977d41936c930cf745335bdd8191e8b203b6126bd2ecbbac56a8829e794b2a5395bd66a4bba7245dd3824ad89856f3921808bb63d7398f95a3450a5be232aa670ee772fbf68385a05b3cf94b60eeeff7fcee9a9bfb39882e1b02bc7a7120bee04e5042a19bda64bb8365b35879a352883f91903979e5d501719bb8485bebdee961cf9dedd46f76677cbef28b1134115c277c4ae4c12b015baf588527ec8fd98220cfbed6214637b04f09d30d4ea641282e45d2f4eb3902572e234992561c0f93f8c
Responsive article list
View code
1379cd2e027044c18aced2fc71ff4408beda9557368f97612ede6ffeb9481b9b1ef0551efa7351ffbe7679483415915065d44516187e5216f096a40ed35ddb6cfbab8184f9c7fb92d7cbd66209c4677fcd67c367cc3e31f9b570a1fb03a6dad733ea225d42ca372856419e8b1bd09f8ab233cdb8db2270aa0e888f9813d3d50a53c5733437cc3f4432defbf300c2fcc770246ca67f8ae349de778265ddcd9f0981c837aaa2b20d78b772aa8187f5ffb21bb03dedcb1b46f18217a17030fc36bc462268b3d5047815c79ab784319fd0ffbc6e93b8879628c804eef19fc1ae330c0442840ec3c05c8b4f86a7e92c5635342ebb1f7b541731c194674dcc0c5234437df843e1decf49fac9744ea6e232e2bbaf15c5e91eef4b4d421f8cf2f92e6ffc4adee5a3a176b06529c9e04dea5c1d9dbc0f6e9bbb40bf6252ff72eedfd8dee8c81e9c68c7d004c6df15cde0441a62f721c6a7ade900aa17b300882de2e32cd5de79fc948de453a94db5e5b36c12b5e8b066ff006e41539c67384f72965d08e88c9219787b845774239ea03bfc54b322f1331ed84fa31d164e44f165ca88df551651ab97ef339579612a97ce2384ecd927cde7064b3b002dc6b17dff3672762079ffaee6ef3a7260dc8412fc4936a7c35c9fdb6d5c2fa7235f0d96c84ee431c6572d44fd97771c63f9a876a043bbe8657dbbafa9a76db3749efd67fa2712f9a2c2f8b0459ee9a39a9206f83ac2a500bb3e13a715f91ebf53f8d1c848ee6d5ccfd0a0e3fe44e50f4ed70fe5630ce32199673bcf4b4593514cf8741e16b0c40da57746fd1ab489f1aa43ac282467d2bd14a08cdd63fa985b5634d08bb175d49154abcbbc0a447dd5322ce62245117ead371a6674b447da8f738da5df3e17170d05a7a2555a947dfbffd47a081fbb3cae7eb0ba233e7457d9ed0510be738615837b4086ac2134d40f0ee4aa8ac662271961d178d586e761fca2654ead0e49cc85ca06ca4708ab64264e899bbaa62c7f16c170465397d8f1f0cb6c00720b5d48e68871d7b861db2f98fd644fb7f545d3f2352a04b5c0d804e9550b9bc54be03af1b37f54ac94e2aec6bf172256cd863f3a2b095898e91b8f7f1a17e840c4dea7af9160f441ad1dcbd44f2204976b361aea6637523095645f8d97b89ba0a26c16e440d2c1e3978d300a960b67adac7461c3c773c6ea3505745e14c0a32d4f10757b4c763062972b1fe9408996a55db99f03f5d8c1b2281bdcef7acb460476ecca46c38861798278fdc4da8cd7ed9ba3c2ad933d1b7c654b6d16c3f2291c09c37eed54fcce1f6b802cc07deee07755d92f7e2ed3347a243b0ff9bbb635291666f9c2ddfa9ced508a52038c299f767867c5959981dd5dc7be63ca81d50295840b52036eb2e0925d72be71ee74bf88669d388d46e3f8ea30d2c9ca4bcb0aa89fc8c6c9e725897b14233034ef5416b4b4fbac2f7cdc06d1354f874d77d380c382321f4bf9bcc11bd63ec82b59a9c685c45916de33bbea8ae4527b75784bab7e06946289a5973d08c514b9928c391353a5a3f57cd5f544951d84243dc709d4f403af5efc3d312504fd1574c7a358406e9935c7f219a774c35dcd1168626cdd7dc53e2df4256cfd66202be4bc3f2192f4303db0aac916218f178019e1c3ef607aaa46f724c51f68a15cfe2387b1320a8edb85461f9a0dd171bffbe480f9ff03af24a12027a5ea234a8edeeda158d6c772d98dcddc066af04e3a5bc3ad43a6801153381370f4893e35832a7bb4eea64e97d009103803e92990c18fbb2d3d3abd6b2fcad2eae81d49403174d9670d0b2173100905a945f16854251f30b2909281322340f5caaea5a286c75db91be6cc397e10f597cea2e2eb13778faebc3045e08bde7959d9751a174000a3ff7e2543253830ea20e06d93ceadf766a1ad8748072af391b3ea96c80e2874c80755cc69b6666bf225dd61b3c74419194dfdb9a513ed86e49957255da3a16778ac695d6f996ea16a8e552b0722f8d3eb0c5adfdb3a672ddb93c85d04a41b149d14883a0793ccd9bb629b54117455d665c31c7719885ffd6ecda86805f936f9f40f80b8e6452348af05b74277f9b00279bf2aedfaf8f370f38765f8b584fada51c58ddc81139623b94b615726cd6b52986c6d457f2f1df28315ffee050f3d1074cb40b9a88440f75521514883b26766a85c64cfa78188658c1a42f3c39e28cbefbed591ae983f7a864e3123f1b6ab5aa5fe172ad3d27cde711814635cb9db2dbc6f837f89c8f7557ba915145d9ad80650e1a92c8b417ae572706a838bd2cfbff0ab9ba0977194741354137dc69375cb6e4801b951ff905b687186c31ac459791351ceff4f920e00639e22278e16cede8ef4d6adea50b2424587fb6d3a23164cad6e6e3b69199fab0b04610366ac81e8f1e1fd4cb100dce8d6ce78fdfe5610a66c1b545897be22e185656ee65982da57dbe04f536cbed48b283b6cfacf242e72b6bb69fad934412c58d057124f3352ad4d8e7209ef2e98523bb9cdab6571ee5425b4e50c13311b56f308456af21da27e792a36c4e3ed682651ba103a4246d9ff7e63105293e783a92c36a7b08c98ed258617133e400ebf827134fd2e977212c5a630b8eaba39b21549c2162c6aa60e70b277f918519078f08bab6c3dc8ceedbc975369e087d09c905fa97304a1a0a39f9c1f44e7bf8a75968833df4ec417836463541976d0961a134adce2d979dce049584fc478d899a8ec34b993722f57edf109194da937a94871e140b324cd02f2cf1ba6ff128a2ed3738762073953d5f95530310c6217e34097c0e15fba1b8471f76257b39c1a1b49f22513846c3a34007f2a8341c584059ccfe86c2c60281fa1b42c4b0da5f5cae78bba5917adb49b8178d1073ad0e5eaf47b0c63fd0e2167a3f33dec7da059a24d18d8e346e1a0a640afdb9fa467ff135947fcae0cab6d3ad2b61a55ee957e866a79d69c405fc006d259dd903d91eac9ba755097552208a41dd7880b9f6d9e9d993c604f8989221585d1f77c5f5b8368a197c1fa759c4540d5258b8391612c7ddbacdaf481aa85b89bf547d066a9a0a2f600303fb02fecdc1469ab066e6086c1dc605e55de288dd1b900a48dd3049df70a85e545f63e246779e275ae57da769ea85d19d21b0f1c8571e0f20e1623a5d27294d814a40239c86a616154c0567527b80b8eadc39c242c0327f00123565f848c0dfb4557d99a532ca35e990a1f530be2d61a6a222c815c511876b93be03389634671b4e479cd7a03365c885854a1c606d3526123ea66f278042c405fbc611cbd5c7c22ae6adc1eb71d91643827f00336542f7208e19ef36d034d3705541148a0e15f66f98bb156e620d253ba04960a4228235a8c2490b5755924ebc831d9513fad71e5011ca89340c8ebfc794e5939580c37cf0723e7b65154c0695fb4c63dc36400e60768e192c2c6a99fdb95d3f107ea1c2d72a790ab6eddd49adc58340bb7c654f49b114003ff9acae7cfb9b423de84587edd20e8908261f0bdaf3266ffe2cf5a272885c3ffb372930f7897d565bd23f889e7ae5abaca5812b52b1b08da1694d61edd61f37aa5b4a1965f665626efa313a739903c636ec82454917e5773c806344e81142141bd69048f799987db1e599076bad1eb381745f92f5a46334830ba38ddb9964c8504610adb5eaf7e5a6b1f8c34e18abd38816aea242d76bd2bc5b58c88b4c11410adbc769ed08385ff15780f24a00fcd6cb75d18bdb2832f4cb9da8c46a61184741760002c2e0e82c748c42c554cfe03046bc7b414a0ff317f3350f63cc69106c26a2fa86bbeaff43837b5305f9e3e17284a740bbbee4cbb7fb10e0ac8a1b7fce4773302292874b5bfbe2817cd9e95f7ab0a29baa01642d59b1d41a4d54347d2ad3ba25d2d32f506b860bc0b4185e6b1e93df6bbf5fdb2bdb22630573ff2e037c6523fcb85a1c68925010e2194a9eb2becb1865bc07769e99457e4df288f25bd56556c96f8c6f3263f38a14cb345c68c3711dd11620809ba3f44e2d8de1bc4b6696728daf2a025387df248763501a93fa5d3af6603a5edf205d4c8592a421bc7d92e8eab346f6ed6ecdcf88e6cecfaef7d3109a4b3ad4f638fe879ed6d6759d9a753432da966c7e56c7cde3941f5fd2d150d256b449fff3c8d7707b0bcace7436df36c1bb3feffb272df42e1e2ecd93160844d641d26ea2ba58f8716857fc4dcb15eeb9578a657005e4f9691b9bfead36f7385cdb420f9ab78935d16284c98e71d1c687c21fd176cdc924542307dda8f8b1aad7d02fa362ead567ca00eb711fe17d03e26e6529ccdcf86d8b84901d7e08e02569c362d0dd55aa8cb026944b1995ff87e7fb5f853ff31174a750b0c2646a8ef33790bb06e87ca72c1a255c09e929e6776a2be110ed9093a885167bec16f039eef2988f3df26787baba814105ba80bfc44484ed454439f36d2a8719b464966f45d6b9e27bcb4046ddb36f642c02570046dd5b938bdac04df6ce87a1987ac798bec60cd4806d6337300927530502e709752014471e4f1e6128007468165e5fc8fcc77051e5d2046dc23ff342f768224b92c3d3b6820302123e0d823ffad91c7eeddb815a52c28fa46f7e83a9dc16b442247c30eaf394281d5f4140cf717e7673690092619faef94c9786f8edf0b8c9703f8dda8571fea1ba0fbd91463ebb8158071a5364ab4a17e6a140d23ddb95ffbac15fbfb103b12924ac33e5593229249a000cf1e27d17f2f2578961b8189e01ddded1eb35d3f10d9d3c2ee95832deb7d6c5acf255f1cbcc8e16b90d57d3b237a145443e48103654d67a4434a2b0fee21fb4d7324729bb78ec19ba19c606c7a43b799600f4da49a2ba38e118e5463e8d9620e3b32b0a320b2968befe31ff3c3cee9fb84f85b811a4c8c2037fb5af316aa25660bffaecc3dfc26b3882e30755ab7b4f0a66ed8202b421cd038d13d4d1a7c09a8e90c87d58cba01b3c879f07090ef730660dedc289bddbfda5bd1baf7f663c158944b459027806935f4a3854ee16f6923f13c38ac4a43d7aaf24ee2de2f01f81f9d87f4de869174619be81280fcf10af7c5d8fb104073c4e6ea329f9c7c60f020b42813c9712a8e6d9287c2c5e8661ddd4e22e369296feafb8f5729826f605dfe8b29661b7cce7025ed9bda49c1b7a13916ff746f06589cdf9ed0d858ba4cca58dce220403a4007973ec3c4fa240ef2fe133997078fed88f49a6fecdce4583e060d609524e5d9d9dadf4ccd5df09a02e0e2c6f6f5e40fc86fa9a369824676498908239ebf44c19ffec36f8f2933c9dcaece4f2fbfbefa8f1c8927ecd9e211af29a23199ecf6d5ab4b9d149258ad0cb40169779c9eb6c91c8bfd982a9e6a32e170b49db4b536caccf00aa192b8b419a54f0f50a19db29c6ced1ecfcfdc4cbb5eb524ef5e86e40288a2ad0096a397d595917061d2b8dda16d4948b8b9b012f424cb87f11a06e5c95688c70b29ed2ee45600dc458a61e662cf87ccdb4249a6724a71077ff9186cac7ceaff15c56efbe7edad8125d7e23bf66d560eace4b25a78c31d5a59a03513776b63b41b8276341765a502078e9857cc464ed42b04ea9e0cd9e10507220e2ab96936a20ca249d1b41921eeabcd51bc590dfc2f7dd7f1499425520b89c8b4224661614a8838bc54d80339c774f7819e3017240f0ff1f69ef4418d3132273b8bd23976885dbcf2d8a3a79713dc13bff297ff87e3d0bdd210494cfde8376c1925815c3d340358b401a8dc7a86010c67d4a354e2d9759c30cdd6cda021a34469cb7b6bc173e07b0890f0766b92676c70b1812d5a281913cd8dede219410d2b1288040d2e0f394fb13f33693c1b6f5fb93047ba20b8edb97c9035e3f3eb485f754cca374c0231164825bc842cdce44ee671ce04280f5251e2babc36f75a2d2c9ef6accd5577a4e799a794d6e5994483a94035aa027ecbba7defb0e2276a75b310d1aa25d14272d9aa0449d3af772258b95fbdd61d8b3087069c9830ed97da1447bee8ad2bc393a17e55913ea48a4b9fdefdac2ec8e3a2cf05a5f1953d2e8bffab3cf9e840aa983b409b245d68d06f783fff5813ed3c80675e6d6a45e768484eac1cb2640c6714d8575cac8da79ad974619c8da6ff9f2e774c4f41e11f10759acd11b1b03fdf568e577eac784f9ecdd06c480ec23b4462cfac52604dbd87ce33a3b25f1d4d8fde347252958acfaa52bbeaa0e3ecf6eea643ae80de09860e4e5454ac4e0d455bd0412a1efdd6b21c358de17b616f816f20480e6511c049b3cedcfc2dcf021030590948ff952ff1428bd66689235f0eb13df1dd8c196ff6be9ebb0072bb7e4c9efad858ef790fb2f8cc191914096612f0759195bdca74a6769cc0d2fa44241bf212dcb1b9c36bebbecc9a599a93a2e9acac857587b4dc7f3545e378888a64ed246117c22973f8c5bf0af0855e8a05ff4e83ec813a56aa2e86d8fd5bdde59b5e857eb3cf796ee7ee8a6ee4c94a0ed01da6ca7f244a13bd293e882ec602206369717e44dbbe97d895436d8e953a911f3aefa93b847546f57ec9cb5f3f7823b01cd66ac96a75b880e0d863177c9484803fe04e464c7768091339b98e4e50274b31e1e2ab75a7d056324376c1674ba3170ac2d7b27178fd269b7c6d600e6fbf14927735f771a669f902c1913157c15075d1b1f13933e5858101324826268a9329c12c627f698ddadc83ddc6e9830e3544f9c0d68b1472cdd520586e191084821807ce0ab08aa56c0a72ce3356f4bc49d2fd4d236ae665835de33ee66b3c047c851c81225ec7f0f5ae5c8cf239c48e850f84a69ffbb9c32e0a7ecb4d2fa4451dcbb6835fad082401976b92b1c604ab58e2848a482d8204d77524d749b25e8bec937a0f8ce85eb14ad277007c6dd82ad86f630ac200e27b6a12e3ab4a10eabb277990d3fd6abc52eb78c2ce8d6e66a167a1238d7c458875e171789eefc319050e52c0d1c3d1cdaba6acf45d26175a9b9a55fe39a41395fe36006ad69d58d880b90aa4beda6d3ca1a45e74310b2c751321095457e0fdb87820258332722790e12b1d4f95bb22c29e3bc9ba08a7a052d41192ea9a6c4d5d04decd1f81671ead9f24196c9cb24196f8156faea6968fd9f57ebdcb59e513688b81bae2e748b0d24e56a1776991f3a70e00582dae2b18754906cbe766baea3ec2dc4cd8447a4d5630eef0ea97dbb2fc0ed6fa93f4075b9496414ead00f9631c56e81f2774ebd22255558ee909c118674877daa3cc0dc264954cf2e5e9bab2812c1dbdd63a9f8202f36f6dab030bb143fefaf3af10d6ebcba8fbc58c45c9678a200941d707539343e12f442b540a384dc6289331cee16c3efa497fb392e7597d84a27e0a682e3987012ffe3edb10d26b736d2c40f6782c15921a51402ce50306f87eb58f81d590cf4981d8543e6338ed4e81b4883f8c16486734bf160190eb4ae8ebaf11ab6e669c7283ce42a590655bdc954e813a6c81085359fdd9f07da6f83de88ea50061eb28af8a1266dec2fcfa9fffb1e2f739835b303a030058642363251579c807a29d862f8c7362e96a41b211763bfd3ea2cf98e6647c277eca17d3ee14b2410fdcff2a07eef0ef0e1da01e5a56e5410ae5f5d615eab9a44725591d684f645789b673f2dc114f1cb578a4aa1a36758638e47718b1e10d9723ea820ec851e372bac57fb9dc3c85aff4eba0575127bc0266ad7589812163f14046c8d10310963eea479c65db61ed9312c8b706a5e53cfca3a10daf104603781d0f69f922259a45eb606c2d61b9ff778f2e2b16f14a453e581aa4611edaec55fcb5652ec07271317916b904d268867748159e6f6715c24c3eb6c08712d9543e07c9c7d8bab5c74c0679d1416009383908401ae2d85632184bbb8b2fb5f554a193a3edf8dcf617226e58b15387a4bc5d8d8c7ffa0d805991469543b52df8829e728b22492a3f9987f99ecbcafb5c7304502cf45c445646f581b09b040d05166759798527cda097a3341694c32271aee34e5c31b660baf58f74904d581dab0de736445cc17186d49796602bad9b36d198446901b44e9e884d5d81327791521841ffb9b70134bb789f432c8c8cccfb4560b5e9c6467b1c9b67e97ecad1481923d50ccee9484d828702594e4c541de20c7b8c6040244c5bdaf64a64470be78f85f9209f92e20c9c09569d20e7603a099225fee487507820f06808c7feb5483109d3af0ad7d5201aa6d72962df6c67e3976840109ada5a0e0ff35b6223ee30eb2c0b6fd93696831df1a44cecf49468d76c0f3b581477e94b96c00ee8f07c798616e11fa9e61069891924feae5ac0c49ea19abd05b15e177326925d54d4057f5e0446614f28aa2e4c9453a2ee1a4494515ac2498d309d54ce57d39035e7f259654e3f5939ff4d92c0732f1f73ae6126953fc98b3e1465d127cb300a1feb76e455ba854867a03c4c57e5055a7bd7a9f4639e0baa523caa790698d4e3883b2e4341202429049bc465cd55d687515413b71f8df1f656933b5a0a7a75fe7d15df973168deee62829d03bd9fdaffa5cdd4f9c0f0a6bfb9959aa9dc637119bc882978ebc624c7cd7c7ed715db0a19b4de8ea2a90bbfcaf06a826d8f228a63b621e24871f88cc90840e52885df8155ca83458092e02655179fd7edceeb21cf6018006a58cc0f246488f343fc7c13b7b1a137cbca0e2f0197db0cf0cebe99422ff6bf6af6803dc06cdc6f0b96839176611f20ca48deb966e0c29829af92e54d688d343942310d726ff44020fe9146605cba99656f5859e77850db1223f72713ceaeb992dcb78a7fa3659058a3054472e60c1a4bd2e453adf0106c4b46aaae1a494e941c0ecaebdf732fc470866598e1a646a6b16304f7662d9e2d4dcbe13191fcd4794a2ea4292a2f201e2d27ac2ebf61207f77a65361380fd45234db012e39a0caecc3b4dd299c54504cd08edd840826acdc1388ea57b014f62f9bfa49fdae001b62cf0488623f02e590b14ab4a50047f1fc02c058891fd3aec36b5274981ea574966850be9072b37868f96457977026c84cf85ff4489a304d4ebe762514ef38ef43ea8b7d76cda8418e851b1142fe1d48895f0c8983969742dce4de3c24f161611e6d1be26effac036851a46e7697e506304f265c535ad29385c088d36170d03af8dfa868c19485e18ac99d8c3023cf3381fdf194e7fd47ba426fbceb3dbe6899eec678de2398d14373cb6b12436aba48cea11b300957154c66c879b150667c014d29a5b9b746b0c499065209936921335de74cbe1a03bec551561fec1d2479743569138d303b9bb12b394766867457088fbcd2c90ce5aa9f6ece8089d029364a8f5d84ac49e13b81f5797e75416b19424c5f1483e974b0aea09b530669261826955b41de0807d020a79c6d3ea1ed83379193c99f4f16928bed211f9c5e8812f3bd742cfa1e722ed21392e52f9098a677be51464fc84add273e9ee4003e0b2578c9dbfded8a306bec2be023bcbc8c26857d2d4406b84826e9596ee96cedbaab62c155ce8eec1ede0850cb277137add13bab14a152ee365ea0bf732ef24aab8b3f1e1863cbdee7eeb4209777edf602ff038350a4e17fa386dbfe7c7640fcc35da00b6008310f82fce17c06a797c7968943f0c25feac0cf2106886019aa384f753f504663b216274287c4a06a73143d06f3ef823245e3991b1d16b81d1d574df7e2092d79c288409eac9cb105362576c76203a88f5603071ddf987b473a65e087f4e74619d145e0e73630ef9d1aef5319f85581b7a20ef1e3fdae88dc4ef77b4fc016211e1767d78f5028366a1d65005a0ca0d883188067fbbe1535694950d5eed54e7bf01a875987ebb12bc7665bbcc57ef599f08528a6a0a11f9ec39d5972da13887af3e1c0eec467547d41f7c4ed9e796fe047fccdf36c2f8894c0e25bb2f81298186b5b9f02be16745f98b0fa88493b62f47252b7964dd3eff3df5222ad4830e9a6fdae5bbad616ef08c4d06fe8a1e695aa6ae85ecf82e8ae24b6ec3326a91a8fe9039f42a7fa1a2a565b7bebf337b33d54a74b9c288af9593110b1a82ae9f0a23f03e7da3ade8866e33562e4286372cbe0851f372d4f6c2feb4085d9ced34cdd081b230751e7dd40424bf7fd921cfa7237f71b6a2e0918434a7b5c283108297f46c965f6d469bda687582913079926fd210bf966b8909caae06e3243069d2982b8f7bc8158e97d5491f13e903ca38f2107a7c7e84ebdaf590539d8c700a340be4039dfd0d0e968158847cc80b048e4e692a9121a24e2eaec93efd4848ee44131035d45a06f41f3ab53ade96825b67b4ba62fa9bf1964817b6bf963b353e7772ee65a6624bbe0a80f493bb668badf3296d9d36f00b524c277c78411ae2b955c8e13db1955787aff3383180690ba7d3a10b1df57255a384d61643b888f0dd4ac0e9b980edaa9bf0aa05070b04f48a2e7ccb944e810e99e37e6852c5ec55f3ca9c5d48cdb20a7c02ff7bc7e9cc96621a75b232caebb31a9b528831f1447db79e77ef83cd09d72c8ad10d26d76347bd5082d5cccb07b51e15f4c2ea42041ec6a03f8d553898162f22a4b42a2723f1145c6f8b814d7095140d893f01e1a9d18fcb258ed8301d9e62272152a30184758f778c6e9d131491a30783e8b3e25323a677a87616a91bb079b22e7
Responsive article list
View code
a66bb555d17fdda76c7dc6c5b61d1c37a87057fe74944b65ec4bd59a1aab6c80a8328c72b43248b31cc21d265505bc9026fc5a735a0e7429d6d518d73db3eb750d9c14402c55e41b5cef214fc37266b91d5b16e1d07b786b1b84418a7b4aca4ca8e19f589bef3487268b6bdf7aa28da627ad885236bfe3653fc169e2b6a8a30e644f5eaa09291cca2ee096e32e4a0ee2dabdd5a47689af42967fc3118bed184ddea5b1c42d3d28cc4d06b1a5adeed069bbd089f021edb6ae6649d4895df268895ccba75bc52afd20aefb3f357c8d9ceff6abb71d4c227484a17c935300070d2b41e40e106923e9bd7e08c880a0deaa8785795f1f72f0da23f4a4300dc7aeb0e2299c765f2fc16a50af6e5d10ce96831088a3f5cf8fdd35f5698843978588a0b780c93008a561f2ce2b61d7fe6cb76b2f64fcf519c7ba601485a20afafab73a93f3b3747d4a034a69eb69c6bd5ce6a390afd544ad405475a6df1c11bdefd88ace61bfaa2d2e8ff2c54ec9f1b5261199e925ed9e8140e14359e4f4a7bacb8034a3993011330fb9a2765abad67b8b28d8df0d04d1ce6c29124a48529346e9c2b63b5a011d5f6d5980b2742b5e65902a4444b015e4ef1083c315a8760f58f38f328d7f9de9a96bdbc4a705414512273a6fae03bf4829a2eab6632541cdd203b572a8a46bc37d3ecdc752948d48bd04dcba251fe2837cdb74486b010d32d75fe90709300ce0c1a5ba737d1235e18ab254ada6f9426e1a756fd5ba4c22e345cb9cd6246e1e26d8169a1512a5e7b80dd14d9fd8cbc28e169d62388fce8b523029baa96fe674e9e7aad9255490d2cba80ce6f3c6deea68581184e02ba274c3e09e781e53292199faed00419115e0a3bc5e057078924aeab4c4a1651fd0dc03dcb89378b3991c83185b29f4d972463892d8583e523275ab9c44efbceb3217a928d417782bcd3ef6d9034210cbcdb32edfa525fff86b971f8501034c817694e9b9a8a9ae41dbcc5fff352c2240dac1fa597b2ace5633d7872f25bd2a53c53a3e6bdb44217ee5cc49ccbd875ff381bf5099c212547486aff92a36a675707f79dd60035d1e750cddb6b4883c4b37a7d3f38f755925f07d06d83cf58125692d3d498d00385e8845ea639a6a9d836c7e1f60830ac77b9bb0ce6346f0f9332b71bc5a0c21b090a1d5295f84d845b3606185a748503262b1203cc81b0dd18302d870ea5103a609b36b2381f92fdcbe4bcac557c216a27b5618a2bc85d1264c8899d59309696acdfb06ce45e1d986a196e55b058b0861134957f21d2c51378bf88674e226f4eee49fbe1edacc28be3a029bc8ca62cf6f56023bca8360507577d29c2f5e9e34a82d3b3081797e2a5b7b9b757ed3f8df12da34ff73aec54277ee24906edce55e6a5f3abe9d6b18db0035ec93d95d02e4216243ae6d5a4310c525c78157f47c1233c4b98976e3b5c20e652cdc11eec64c83bab76c511a860aace67a4ef34205031da4f4dce87fe9aa216f3ba05b039da0af4fbc38cc73a418f945b3a172c57742f4d0bb976d058f2920e6fe0b125fb57408a66b4c966450b62678d1b88b23cdc2f4b348e8916082fac705b418536102470086ef0bdb8ae06788280fb96b845f4293024825065b8d3dc8a3112c34b6b9b13d2da98e954f76da89e88b50ff702d627f0d03ad25da99077fdba1c4783a54ede653f0b72d57a0e5f151e2c670bc6e4894d8f98e35116c71b3eb012b6a1fb8d3e8397e7761fb0b628f1a86a9ec3811f82cc9b7e63ffcbea3f1bcc424129b95dd9cb1cf9c2c5879b3279ae125b01e63764a382bdc08eb78047167b02c35f3fd5d2f783f0b5fe444308a7f85ace5a39a77affd33e0ea295c59cea6943213c60435b4c41753cee6fbc9f8e189ab64d312e8d793e831aeb062e9429bf974c875ff4df5957ed5a9e5ef3d57ea9b005f29ef83e03101fd19420347f78c64e29a0f9bea4d9bfa09cd6afc64eabe35af7b64a68fa3da59cc436525bf28b9a15c39b2b9ae24cea2ee750f4c9ff7d5276042f99150b5a10eb7a81895f6188c5179e5bfd4a1e5fb4eca3e6eed605c764258bcc86900ce6c63c6fbf5e652565237a7f63c2eef5f5c2422cb80c18243f599b5960e57f30d870a056012fc6873a2a82dc85a62412de4db7595794fa96d313cdfdb36b993b80f816f34b24f9d3e0ccc505f2dd5342032e38b183110f0cd5ef06f13f67b220c93b4cb1f669a24846c262f466ae39efd4bbed60fc67a11c0a48ebc064e5c99a72c9592a7f4e0ea7d7bf84b1843fa524e274a601663fe2e6c532ea1c5a7551f2eb3d0e8dc97f5492f52c059971c6c41259fe8032ae1e9b8b7918123bfc5b55b9dfca769d98c829aeb2c4068c8ec344ace47c980c415ddd629b504d214aeb6465188fa6d745ce743125580c2984d75ad14b7fbdc0ff87df1d9eeb6208d4600e2145133ed4d8c562c59e4358dd76fee475112545b762027e64514dd5c6aee303c631f40d57c784d7781220b73c1dbc01bd1bacd3dad013058df870a7b6663b1688d89d080b3bed87f6ceff6e7f600754f9e35c4e3b0b69edb5ff1aff5d0fa7826585235668172f96b40168794ab4e5444def03aa5d4527f8173f9f0f4c8676e126f94663e46566740a0565d37be2ecd687376675035034bfef6267d21b0de361188ceb192054a72ecfd396de85731bc3e11b08e01024e3b3b8a8b03e710abaa17bab5adf9425fb7902de55b41f9920226dba052f534d85b08996f57f3e78048f610f8b5a7aebc4b12413a3c993fa22e9678b23523935c94e7ac49293eec428dcffc6c37c28b6305ef3a9a805be0afd06c860f6fc24af5754f9bd9b57b309ec25f8cf8df0d5ce9290d175be0727f22467d1f119b4e0eba18e1efd4ff321bcbb96e19971631ec15a5d399cfb7fc43714fd5514095acfa1b3096583ce6b076693f5f6f369d47cbf3f5f1b344a263be9e1d297839c91ceebdc03a127d2f138c74757b7bc1c3623f37098417c4fe5f76f6034f50310e5670a1e05327d4a51089fc5873eed716249bac7de7ed2f6b06d6a3cde3d7e886adaf3f1a1fa1dbc5fa4a866987ebc3265497f0cb92dfe31698a90eb89534152175cd8ca200ca4ca7babaef86d1d58de19c207feb13ab26c968c83b380c5e30f3b7c36a5b2c24a54eff59666f9a2dd57dbc03cb264948251deedcff4aefd3299e3593e135abacd3cf4c6cef99bf063c11723be75cc3d25b4a7338092ff4b306a0049a5da019fb8bcebd1dddde300839891f6d135c84c234b09553e92be158339ef88a7b4d2d55f74ddeba0d10286045a4792819c9d9cc19a7b30dbaf72c32ea4e1f1f44e89bed8fc02ed5e5bb53b9911b0b196fa0b6a2f0c1669e1407c8830264fb39e63c828efe271302150a924b9c453935ea6cfa34c144ff5e625c92a6aa3f78fc2baf37c06f6744ce6d45547770e7ce59ed0e2d88cc08e5242233df296c1dd535348d83bebbdbece3a3f763632cb728ce7944b05b4f51f6903d12601466a3a19335b1608db0492d5e87d6f72c0ec6185526672e6994e8ac37c778cadd962f7c15af7ef59c70d7f0c2378a4d994b17f1cb44a3e51cc3d631bdfac0d725e5b16c43df76b1af77c2a60e9a8e5f758cb2abf8df81e671d845dea3e31f550540e8d41d2a4f5b249f79fd1a8ecb292990da118fd48702aeda0ee23317d487f94e067435c2d11556f9caaf7cf6659fa25d76f8ebee6b759377e1ea610deda5ae46ca09462e457b75115193a2d7b76eafcee2c44fad086c92f2906753e744d99fd91e3174dfffd9e9c045785a3955cd88029130595b4243e9122e2541348bacf28339927dad78810d9ddce655fba44e52ed23b42afcc3bbc20d612c590d375f80c6b464be0101a302181d5e84362f8f4f410903c883b32a39920713c9e7ab0b9c470a15236419d7d1798fd1352e34d67bb1f6cfc5084f85a30aeef4a147d1cf1200cd3bb2ff05b73274e47e5644fe69855dc6aae59a67eb07f26cc23114c07adbddf8950229ad335790b0dec18cd59172449ee6e9332dc7521df3ffa8d1c1f0fba9545d6029a7fc44fa1ba9d40060b11a82b718bd42253635a43692bc5099b4386e938111d6c45e1622de9e254ca8b8494a539b1b9deda783bed4e725dad11e3aeab283518714f90a5dc63bcaabf8ba4299cc968803c40acd66bdca45b2e926b1bcd0c4cb33412c9c27f91d5a31e5cb152f904ad9bad530a32ab81223a613d2599fd4c3624f1f492c0d9d091e2bbff9f11cfbea2eb035ef67789a60e9e5aadd2ff44d20e8c42e9f8efadab16b54be5e50f2c9564b3489049b50db46106585d1b14e36a16acdeea998b9e9b5fbbb9288cd0ee2dd208d468f11d5b42900654798b412c9f9f6e6bc7d6cb7526ea1a79528ecae357010e96724fddd8304fcc02cd78308e168281684972ff1cde15e4dce9f102a384acaca9d95b2b1a9721edd5775193e6a4e03b4225a8c85d1fa330be41aee014886ea1689364186e67ab6505ec7a3f7a1aa5ec1f8a081a608808deb08378b55f7addccf6a642658cf8e2af1c986cded8514574d5188221cfa5d4b9f5f94910ed531ffd027ea39b89353e35ef0529adff6d37fe4140bb83cf979c6a53526ed44ce3da438b685c493d28c66e8ff2bd2e1ba7d7fd743b405e038a609cb1c7aef7353c7b0fe05a4b222f9087e7d7b39468640cba69854cfa79edc4d81dfd25727af3c21a99b93ccc90874fbd88b26bb0dd10511f0f3c817e904896f0cf0244c3d0811f2744d9589959d9017ca5cab675184eb627c30991e677968cdf656652686b3dd2a092720098de9284d330388adae4bd5b28b8704a688d4aab762e6b2a405d94be22b83e132cdbbd486679f218be3908776111cd1597c8b84e08414086e88d268a90d8dd35c7d869fe47a23e1b8d0e0ecd64e51f80cc2762d81b2fd80f610c23b449bdadfdc401e82ac5336e18760c9cd2aa816745db456cf564d18d9d3e00096c6f72eafe163b751461fd448445d581cd876ac91e936b833c0c5b873209e0cf641fca29efd863ab74756877ac05d4c9ece17143e974f3332d23e9ab36c54d3c58a258cbcac10cf66fbc4a00e830c0815be878448b6ae449df1aebdf5f4a36386ce0b04178cc7d9c71d1cc357fcbfa308e6eb8fa76bb60fbe4dd86a2b16db2b8581c32528a3f9a78fd11c3e4e4750d1b32e173ec5346a8ca514ebb031133577d974777187795bd81857695fa144ae7898af178924afdd8899d07f0ff38dedbb8accc7a2c328d523ed3f0189d59878ac2f05fe6cd9d20f109cd44cda07b732cf9b97c5053c4d0b2bb41c18935f11afd90d02ca661429f465838fa0af49a8631ff171b31b7e85b9ad2dc124b95090610519c6149aa44d1324327b6532cf8ca6fadfc21072498054e47881f3ef8ba6a9a11c644a5af23b29d8e6efadf39d11cfbada2d4db69ea5bdcee52c56f064616c9368308c60fa37431f5c8d1683cc67968df03fa4f7afcd89d3fbff2507cf116c9783f115db5323063258890cfbf45e9687eaa82eacd87e8a5873ab4f187af4fcd11925112e22ef53e8ee67e0c981b97377b2ab4be74766c2e3207ea06c15545274898de353c2c5a4f6ca088d88d03acb4cc97df10edf7f1e16fb26889ab7e2364e253abb9e4f8fe0f5be6ac3e5945f8e3e30f1521f05ff4243356f233b38503cfcee899f101a522e1b577ba40b5aa738aec24f7f69c3838c38362b8b7b43b4120ba24893ee48b0789e51aa2653d467990415fbd09bdb3931a48723569b09fd52993972009f498e73d8f7eb7c52606a12b398dc35a7ffd0e0cae00006d12f2f452bc85bea99800a5098692ae417acdeb4af93e2d7d6a77e9e16245feec8db33d551d378a765356c7eecf1baf9efd2f38a8d74f6120049e5d6245ab5f0bad4386f3718e0d9e42b7562a9090d5ba5738edb6fd3cef7fd530221bcb3e6e5bf87189f1539

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:

  1. Select “Custom template” from the Sidebar setting of the page you’re updating.

  2. Copy-and-paste your selected pattern micro-template into the bottom of the footer.hbs template.

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:

  1. 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>
    
  2. Copy-and-paste your selected pattern micro-template into the bottom of the footer.hbs template.

Related patterns