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 a3e8e23789a281d36e2484d65dcda0d80c71dd94e8b6b6fff01ef8075bdbba1d143c0845f4008fa7442f27b65f16d78eb3de2c2a2f499b5334d354ba1415a25a97aa822eb5feba247f57e227c01795af9ae3b27679558316cd00fcb960967fbe9b118e032a98cef339f5bb76edda2219639fbbec94c7caa43644c299bc53138168bcfb11493a74af89a2f81eb3c94a33ea57390393800ead16ed9032f4ace1af58d73ed3762ea76f7de7e52f0940875be79e567c176ea3471166d7b94df158f209188a470406b23da7ea849c31361b74838a1fd8111182b3dc442bf674f0a812f9ff07f5cd538d49707c0dce5396fd151675b4745a86f35c621550ccbbd26cfb619997be47dcfcf19a1124290db7ef7560d1852756af1ac969f319dea1f079231e1a82d53b7f3182605d521ba0560bbf0f397a21b4ee6f34dc55105bd3dc340ae90e91db5b6f2b4e6bb1765833e5c190826e2355f32c9033925af6ac615f9cf4fcb741fbbecf26cc7edbca2ba54ec63eb29916f65dddb598ef2028e51fe8f141d299bd17cf0917a53518f7413a2c1fa38fc37d7f090f4cfa5db2176e32f036b61f968e73a0b728e58bb8d8bcf4ab971b478ffe832d608cc44a50a88e7c48d9b044a86abd06c35b2de67dd6f76ff41f737acc29a12ce312b6410d6e83160fa37f571fd1b382a9d99e8f3722de1e7b86d6378648747c3dc277a218937dc325dd8a228ac66732a8716b1f0a07ab257b7daa5c8488f0248bc8071604ee54c90925bd66654d92c4fd4940bdc19311cf90608274c827b38ade2cc067d2c304a25a46e5a1aa70fb4962ea03f2b4c843aec8635cee80b932d3e53d393eba78b424b2fff9baddbe6619b8621c62aa38f6476e602c06cdca80503d6d23f122e3718e0e5ded583d1cb3f80529f23b487ffb01c18f68df31a87c8c8d13865223ff8e22b8690597f7cf20640a22567789a8d7d4849c7946d762de7a76b040a2dbda90971858d545d1898a4f8ef28c41894a4a81b5fea609d86c20a1f089cce0906ca9408f53c3e7b4f96cec6bcc2971400673c6341f3d4a0d79df60af2bef3e1d64a0af2d88f98bc0e6c9a1c49c6ddd40a2f719e7c85f9716d8b6295ece1ec45cd7e4067c952a
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 d69c46c3f63519e832132fbc0d2dd794f374303d70521f1383ee6ce70d24c5a8c82ac5d068cf30de47d10bb4f3a6d6bf0df5f691406a015d71454cc86e3718c13b36849b83465ef1c006253b35c1ab64a58f433f7de524341b37f90220497c9decc6bbfa81f9c015383235a9129c11ccd9146c3309b993117f1b2818336c080ea53e8761bcbfedade1e9591ff1d8b7de4b236d05c6d488fe7a3ba39e16c144aaf15d9cdff898a271620c8cea5964133989ba45be1a5eeb16f0982ef1fbc1321817c191af5af4b5e7fdb26f321d5a585f63e39570a5bc60f14744a158d464df86cdeff11c02b5ed74552c6f9d8ec9e11e64847ac1b1fb48a787a09ece4713622ca1683a48d570bce10ece058f5b096ecb020e9c92321ef3c94b2d5bfade00f13d4c8af5d4f86b2c5bb02393d0b46f782817579bf1ad3200298c196fb9ea9b792a5d7fbf22ec5f09391a1096104350324ed9aa8460d5f9ce5eab106a442f623847d8b2d772769edadeffdc2aafd8c6e1f2a90b8aaade5bec846b729fcdda13918b66972553d494dad7c1c5b8a892842d2e20e148ff2ef0fbac28815a684cc1b6e06718cc252389681888566b83ed32dbe31762d7860f9cf098e326808fa17a1f38353e82569aeb83b58b29d41205e110acc76797234c8ef91419d6564b02f941209dc13e95c2cd04d768a374a45eb65a30fd8f66c4033a7586c6bbb613338209b46cbe2e21298200af2c8997103eab7deaff763b23c7608c6688b01cc2e2c2d16c09dc3a19df63b9d9fb2fbd207aaa910e957a27c2aec21ef0eda6f5be61994d9d8e2a066eb70673176dd93211108c208a9b8bb7fc0a0cf17385f13f50e944b0a05f44b4370c09ee7c38a7ac83802bc6a93efe19a047af453522994666f037068e5974a4cac6cabae6c0e984bc8b3f09831736ff2cb57740cf6a6a04545c4e2b19655478e2a057fae2b847e038f8d2afae544d897ba9bacf0dcf643f21a77beb0290689986c47d4a860f3009ae200ddf7f0294b02e2e77ca6ffdf1a51264c9257851e593116357028d90e127acb242f18fa8d0767cbc1651f9b488dba0d559bea752483808ec321a6e45bc512364558882546f632fbe70e083b082cb99b353c1d0b8afeafc42f701e0e532b98da5ab3add
Pill-style when active
View code ba4f9f02ac9bd7b01dc196ec917c1a9b877915b97f5744aebf7dad9e19d18ebb44a14d2637c34b0dcdc1f7f153ed91993bef68af35647b5c08f7ee2eb02890392215eaae4037959795ef1a4e6c363d5144660cd29484bff757e81de3ac629cf4240a1e42dcf23210feaf2361e710c057d15c8e8428a1f47a85d3b2d5c7550ecef5f74ff74648a935c632127e29b5aebb82a4be1e348d022ee7907f65e786fdc73f34ee2d16cb9468304433eddd7035402470e3aba31930e7338c88ba9a987bc2729b6708ea6e14b22eccea325cddd42128ee65b6478b265fd7c8973990e6af2d2d3201306d08110e199b5f09f3d2910f17a1e20a008fcf2c2aa88e2e5abd4ea6841eb7cd5a9098648bfd6539bc7e668bc31a527358e9c1f1499c5b6500063da34f08426e3418abadee3d9f919ebc112201092c6c381f57f144704aaf3822683f6c1f2fc571c7348f37d5e25b11c387a13cbdc391a8485c17cbc898065e41cb41e154790d6b5183e23224928c191d7c3f64405538d58348b7ca37b2b7b47aff5c2802239a942f44078eb5faf0e3ae55501cfc45ca55fedd89fdda6e70b9e51e45bbec3f470b7001791bab09597a22784d09338711a57418883a62872d9e91fb758fbc491dbb90f27f5e14209a8813565e3cf9b42cfaef6c1fe9b25e9f54b66b6a8954c92cfe7f03a55513f431f869b3858a17dd63589c1b444ca7efd2a9f8bb2f1f27ccebbc5c398da4f51775c264e5f1fcee3af70208e2c7f4d1ae7a14f558752cecd6297dc57e9a634c63ee1e4cd36abf31ce20e21d85e3eb66e6902f4499b40e7dcffd369128c968e225ce15411eb8413207503ee70ff1c87b1fb8af142e007b088c4b244898f0d7ab7ac93f6fb72002c5a4e26a2d2373e31f208a26afd7952790fa19d11e9b15465aa9107166fadd1a92d790a4bb2778ad0f35cd66b6fa4e81db68776e7f4bfd931aa69211ea28e9307039110c644e68b020d70da78156e24676178edc546027d7af1cf6d9a3884dc2eed11000ed54b4c2a9e45d5265760031a20d0405ad37a5455e1f04c64ab666b29fd1652cd4c1b7e6c03b82be95542992b266952833ea516150039cb5d64eaa4696c4dc70e222c52c1eb94d4f112265cc6f40d1b540463a7b1e37c18e256d6a
Use .bg-primary and .text-primary-inverse on active items for a pill-style navigation.
Background highlight when active
View code 7d2f1705b89b0bf41590ea57f6ffed3ef0d4938e7a5d9a1f55953f2d9153e68d04462cb43b72249cea1ade469b8d8f9df5279846b3120609971bfda1d5406bb7a424a1190c017e482a375b42fdee7d1460a34f6230caa798aecbdf93b5cb08012da76630cd1c60d28486b51cdcbba149d75ab737626a7ed5450712588b352e7c03ce947260ef00837608cf65d990fdf651bfc0e8d0e99a6ac93a576ea95979dd3d7311449e9161af583f6f94769cc17078e99e3dcbbd2224ef6f672bb3323a226425e2abeeace63dba126b7c987832752b2628f2f4c3f406a15f799a230c8dbc607f21415edf3f2e909832182b187afae42991593d9ea25c459b6a6506d2dde1223858d2a07e8137571e502fd323075a0e7564ad3b245ca6b3c188d31767845433aae3d4f3d7b4f18990b3d218730d6eabd4442a484b3d7456a2a30aa129e7fb42a1b97c1888a8b1efeb7a6e19df8f16cdceb0ea20461a5c21404152ce0da5d5856a155f9724102956660c3a640d6a08495dbcb0bcc58930b1c3a696ef457460822dee5bae8caa42eea2a74917b1e28c04aa50b8244230f611d899c06c5a4c4c995a0c9c00df642190bcece68ff29f44a7ace5d332104d05673219a35632eaec81ebdcb87c7d0a6b063c998f3a7430c50d47c53b5b77bbebac85b74d320bc185e909a0a1690fab8b9ee05c09796af11d0f336037c645280fdc8bdabf08ec3e842a0c7fbb36199af314a427b9bb465c55494cb753a0c9e9a200c37adb06d391728f199e312843888ff9bde6104bb816d2c9c81c0a57a6d9a2d70561328a60882909a2f17ff8c559f12a5dd371e75e5771987cdccb5d553efef77f89646290e6ade35c097a9136d4d45d44c588b02bacb56de9b2f649ff4a7b08f529ee7c2439310f9d946dbdf145089a6479bbc99be6109ffc15206b05bf8b91ab60d1dff4df1b2a9097a28150693895dc2d19105825620799eeccd4e323186b0e9a7c4449a76dbd6ba890694824806c92572dee8504773a6e680cfa780fc021f21c8e36e5530f86de4e50a1e36a5bb23c913ae2c08ab84cd149e4c04e40b355d3c231a9ce141845863a15f986115251e274b4e3333b7af68cc6c16aad50d80f2995962bd9c197b3d8a1d345e72e4dc72abfeccc55c52dd86b1095587196adc780113e8a4cc3e1
Background highlight with left border when active
View code 2b9fa411fa5084d71e9906db4c684acac4d12aca894f1a112bddb38ecdf61279dad1d1f4b9450998c422c55fbe3929ecb5ef1fdfe3f3b28325d9606cbf6e7bfaf4e03c71c12fd0d4841e8f4d492ef10216517ae480f376050ee4d0e0f9db3a582c3869831c35b0f255f3134fbf294fea7b0a83e0a1a947ac367748ce3798e8acddc49c5c68ac5987293bde028c25b2ff95538bc7bfeb2d1ea1516c4e42387eeacd3e5029cbf1d73019ae8a609d2f18dc1c7daf8a3cafcf5a1426a658c642e063f86c39cf3b80d14fe7558e421fb6e6cff95d5d33db0de511fdcf1b6c902fd7376b516e04275de47e147af358918875932779785a2b05fe3613e0af1c34eabc5b7a52e245a200ee4c118648815a5d9363f665861e6383fa603aa53d0d18c50c8b38c74ad946accfbe0a9ade9616c573bf36a3fd887c5a7518e87ef86bc5581dec0aee9f3678a09900b84e4bfafae9c58570037f06910f41ce464e95756b83e8f967e46e9d37cfe9ecd8f44d7f8d9a1cd96cf0e9defd94f1d551efe9cb851f1a60416459f9c8e99860dae6d8d9c750cb8c698ca7cbc29ef4dae578d89cc393f69dfb49ddb4347bc030c78e8e9e2190eafb1548180021aee74354fa738bcff4584c7948c6008ae6bb64b8d944f73525e69af140bca914e3366e3209a13174353c02c2bc8563305deeba90992b254a3dd748325c64c550615c056d78e8cb03806a4fc81d0e9250dda688839a58d57bbfc6846d4be2f590afb78a90b9c4688e7c8e2664e5d5e4fed633f4c9ea7136975530e97e7d4c284844dd3dabc3adac788c1fe1d4d81cac0db6336c8b1f8ba4e820f18eb4ff4a0445aed025ccd897f0b5251f342c69ddabff6e8af66b86b3fd03835ff184a83c1f65ccc7a37d8eaf7889d4bd54d16f0524bb174dd5d1ae34d545767930640b67a942a5e90df77575aab1c1ab3361e231433c624726067fcc1db4d0f521deda229b93407de845d16d7cb5a699fc56db1278d959b14510c74abb5a46a690a2568e427347337e56ce854b298ae019a3938913cfefec5832e08cf5901be84ad39ff2f67ed6f682ff9594013fa5b62f8b1325917e1632743a9cb2b09cc27a143981609c5d7e256bc4b1e760d8e2825bc3f5f48e9c832acdfedcc62d4dc68a75adadd657def40c8b61d7510ba8acc98f
Primary background highlight with right border when active
View code d115151b5851b05c5d11c507dc8118eb1756f54355e83a7d053937b878fdea88dc48d186419fec4cdec200c92803cde93c2c69694f2235b56b13b4b0fd8f18bbcec733dfd0ea27f5e4e54a8bb40c63dba95e620aa725e7b09665e168d4401ce8d2ecb6c1202dc663867c3b586a9ade8d4781dd5469623dcaa3731bd5dbadc17d30c8d071776007e0b95dde296a61f24da1e4e98c528498bbae700ed2c61b841e9cda4f8306f71cc10a2d2eb3eb7e60467c87e616312cec75c60ddee21bff2ab6bc65bdf86436f4fe3d3c139f39150c992cef507c472f0a696305e1a3afa90ade75499c11f9e8650ff07f6e090768379e15b14d1988dea9f3e1e21080cbc4a64d717b2338d2cb41f1685278ef117cbd42666c07b4c74e6b361c9c6c6a72aa8248c82982f0c1614d41230b928b42a7b744d21934e2e29528aebf651d8803048d919e7f54bb43a326e63b6940bb6f76035bdac469c9cd7f5f30111dccb5358c3910c4525bcb405c93ec467525b2d48d76ab6b25919ca79d898f84f42d684ff8df790640a3de5637109e486d1a14d9e45f4a7f4a86e695613cf5a20cc7f748b549e345bf090ac32478803c49bf1fefeaab2661577b36c29394435f4f9d8ded14fc819cc75d203cc38224279521039cfb8e5f7a87a095f0f4705409fa24f3dc40f14ccb5a3aa6135ea2a43ecc89d7039ad14fedabae5f10b0d94e3c59bd185d7f7c4abd33cdf2b92fc47f84fa3fba879430dd5c9f2b13d8d7edb9187177f88a040a3c2dfc0f18d00fdb9f1f2f99b257a2cb9e1ff9b45dbe88bca1a4d4a1c5b359a4054161b1987f612c31945fcded0238a0d805e3074bd6ccf50e13ac1573c8fbb8ea510f32269d09f99001db2f0e5f99511995b15bc6c4ac3e3b6d056746b8769f69731727067dd0e457d2d963f27217f55c01b91d2b0b51404fa60177cc705377ec430117a268e7759af58f619274504ef3e752f3c3532df36123c970148d65d3b25bbe62031c8bccc4fe2bfd7a1958aa15772112256127fbd66ef01f1a152433c70d00166e28207186cfc57689b5b711f52528d7264afd1193be698a05185e6b37724c252357fa40d4f0e467b0bb7e358083324c9ac43f89d5410963e69835b8d5da6fd4deb811e6c2126a299f0f924711518753e41b6276e0e2845f647cf8beaf87086f56640f0ab9fd5bbac3b31883d00c2a37d16c8b89702946648a06eb9d40dbd8fb2661a18f4f7bb5ef4d51118b771230a3febdd7a725a5eaf7b5056f5cfab447ea2cf127c360efbcc0f6181c13c314b7489c8917e88d3d3f8c5da11eac70513419e18bc1201e8147effd3a79890b244cf297c85e75c7c44670d3f20a85e69013d6c62aaf50796838da25467de4a2b022a9b66c9b1e950b7a64b16a945a9aca452cd1cb93ca629b3b3a380857ff748e85b8f46a1e57e8b0162c2a697063193ee2925b01493e46a005f5ba62b7df2e3666c3a2a86fc5f2b304d356e55ca94458b6be4e9b8e1dabbcb7a961c70e9d92a532adfc634e74922acac40e6ef37e0798057acb9384d8fab3d16f81c2a4afadf50dc57c0ab6a5d48c00401bb42b5366af7d2baf57816bd74d57851e0187dfaae13f3530a820e4c5343c41b5a860fe5e
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 dae1b22c860350bee75df597e6bc6a9f29094b18edb30cdcbc32a5695cbad8be72cd50ed381d0e17814ce27323507fa876cd87be4f73c2b497a68b6611f7f4b43d6d77c8d5fd39e6eb63886150ff38ae279bb5df9c88c48ec931ea929c5673ef49e323f25586c695b607cc718e739f8592b971b5bc5d161f81e47cb77583b5d38051f26b4019aa785b6baa67a1492a8c9008ed90ab904ad3112a16a0c7fd7900450c6f478eb5e55aa290975fb1fb02aef9b2423a01bad6816dc9bd1d861a59315325125e9fe71ca9de8ccacab13a4782efc61ede38899bb7c869999870b7ce0d1bdb5e7d956f2d81116b563cc28ea2a055588e83192db1cc560f5334694b29f1bdd4ee410de852c332c6768d473b936c2b9ecb7c10b48947da4e76d17c022d27b1f78d9d545e83a2c431ede7a6e2420c2f25f7e862fc588e0a60a7f28b3af1c5fd7c728cb64e5139687c39954976225c9924c2e747ea89739d60cb1ba97b34a93163a51fed70a38245fafd2ccfd4ed6c191089723927fea97a4ceb9e56af5c79e9f944684be154e2abe863a3fe62fee8748008d96ce579d39dd95068f051961599b81126f7edb00ce2e265d79b2cb6371a87d0d7693c82d4a62a013723659a7bc25cdba70d3320ca0ded6e1a1d7954e0ed6dc95aac46c291765735bfb0dde69dfa45893166e08a5d31e88900912df3b72c31e4d807c260e1a522db438fa4ebadeb112bc95b7a5753212b112f6cdcfa06bb171c2f433102f8743a54af148204acc26fe6ea9859c93504db4c818baae3272528527405c4570d12f7efea119838d75f277d398184bcb9890be828d6a63c6333b74cb2b9f908602c405e6f9f7e96b1b94ecee7468a29beac93bbf3662736249b39ff93e603c118b6210c62b7acbe7f748782fbf039989e81889eec1643b0fab665c8fb450f223e4a2cb0991e4c6ac54546ca47ad8a9b00dca486a3f05161d6f26e4ffb4ebf982e4e5735cdbd62a765facb6f9c749fca287a7e5f64e77cddc6e363d929209456c5cca6cdd65c40330cec27970a9f13c27c11dbd684aebba2d6a4bb4612c916c9627df853b755629d93aaf7c4d4f269ebf75801e2983431ced5a115ce3da06dec60110ac73fa9f5595fdf68ac0e87188ff51754b50fe596e8ba
Background highlight when active within card
View code 837835b8f20cfb083207dea017ad6ebbae71114f5deba37a74371745ed405d44b62f2d2a1a53c40d57af25ecbef7951095f30c0127d42b480729495f416ca8d345f9d15ec585b0f0c55a91d2b8f565e1091acec61bfe0998e8c1f74f109b908c8803e632d792750a79f6624657aac9b2fff12688773ef48ad722b0b84b4333617e1c67a3184e98809ea9c1b7b0b573b76ea0f208cfb4e39a40ec512d6381c9097ad97062aceff0afb880e12241641da6a7bee9813219dfba8dfe92b39b1681eb480d5a7e6fad5fdeec7b2f8f4cc738ca5c0c441957b553ca2fba63fb350b1a2fa23ef736eb5965879de513f62437d857036bebcadca5bcf928473d81879cd5ba746035aeeab8dd6bcb5d3a0e98f6b5034adfd0bce8ec6c2118af4cc9b70dbf70145b14007e9ddcbdcae5f98f83a83e41b01e8997d605ef5f40b75cd012ab7e202e66712ca983f34ec908f0f4b03cbb234d796fd134b6bf66cc2910468e3f6a8de1be926998fc919c1bd61589aeb63c833f32beacd93bfac3ea232d60f96145f6e420ad9e560c18c4e77303a884fdfdb9ca98a8d3387fd52bc61bf5103ea784ed64652e4634a7753f220edbe39b77b3776ddfaaffd92de3178b8d905958e33b3623ca942e00a397d125c58ee8502bbf125ca0ba4398b7ab4c26e3a98af67877a5f7258d9501f43cc14d1f2ab284defa1dd78b9381c28f6d7f9db1270fb7974f191077e3e11b53649a3693639b53e80ba28375cd85859cf94dcca43d89c15b3b253039eff18de06ca8358ba64f0a7b1e4e7c0b64841576c41303128edaaf20cf2e4c1ce27926a0b4c3fe13a37c997fa2b8f5e6b413e5d4b90c413a2c5a8e56f58fec14b6126ed49e748d2ac92b7ba5068410dee324bce89ac50035bc60af0a88835361d1511094ed1bfe4dff5b7bbb83495614e0725510311dcc729e89ae267c6dcf8adf553f61326b2de5feb2a30227cefef3911bf2e0b62f7e05916eda0baa528c302f8d0b2533d69f0d7de9257fa2327e8edfbedd02bbc5400dbc5281aa408edb0823b8c1a548fd9aca73ad1b47a236c13a974be3d10aedd62a8537e6108eb7f8c96bf49620262edbf257be358ef00e410a1f0850108ae3052ae6a24182fa94009f8517d12e287d88667f0805bc517d
Multi-level and interactive lists
Sections displayed with category headings
View code c9af75c456df1c3f7f45c447cc2adbf4bf7dcedb355165a7b2fc8cf3b4d48f96b10747899cd55e297097dcd3f1d38b77eb66a0de10be221c86dc321b55626773825069c6af66cf2a5508f62fc364fb4ff8b51e2f3f450b1ed259cf05ec735e59991beb72c39d491a419e9ce271c3b416d91a264af67b46a8141c6ca18f2d99d731292971afeec54a157b50910e18afbcfb3eb2d808c9ff0105ececc268cbc43935df243d091b1b890ed51d0c145de55cae73f9d2da3676c981b2b1e02881fa11c4b622af81884ed2a3b453b48682738e0a8faf4602ef43b20e22c02e008765c0598b503b20e98ce016c075753ed25fd35d761c1f1158536b7cd8ce1772d3053aa907ac34e0946ad339d230d4159e20a6963a6883377c6e8c7a2a24d45f1d72e688203bb02f215165da8736e871ee33c34e944ee033574fbc87480ed55ee204b68aa0a2a72cd2f7441b0ded0221209b3829ba7ab294f70aa3128dfe0174be7275cef972e8d0da877b1a199f68998ea125dfa68946bb98b6b590628f349548861a1ec4b89a902cba7e82866a732ed72bba0a54e1fb617522fb18fbe5fa46d7117cba0b5f47e05eeef00da3c05621451cf03575206c02ffab5f77f1ab05ee6be6bd6e579a6c45ea3f9bf0ca47d9de914e9d5eb62cd5c2be3afc445b7ab1725e1c8b44007c769a8d6cfad68c02d5e7b0c69acea65174619721579540ced198ec544c725aec010667d3ff899c1e48fb68081cdab9e9837e3a342b1d3442cc1c7c8977749143e50a90d75585e88c44de9710f9776943624c523920d0a1e4ebc47eb5d88846b78b3bfc345fc5aea16553dcf975e79fff0e7188ed4970326c5729ab622d6f43e59a03a3c9ac61c322344d857d9f86365b7cf1b4ca660cc0fa961df8cf6282d56bfc462d5e146892fdfdd968da215901981b60ea47481db82d45036c798cd18add7babbe1b98ac2c8f9d1abff5ad574ee75cdced1f620213b82227d1a1ae4ed8652d6dc01a8dbf5b1509cb3e2c230d81e5fb01fda9598e03accb35ab5655abc52abf4c12dd59a953502fa4fc4a24ab21032ad7b1f3120d40383767545ee91b65d695fb0f477ad8feeb481029dee36ad504e05b8594aedf9b4af6ef240efe5bafc3c3f084d06bb399ed6b50b2263d97fac30257d79036fa4b8f4f635e84903662cf5b4483b69ec9d13bdffc1b90781f48b406c7c87625c49a5443245545c27b8a61a65a2e79eb85c2ce162a5b20ca362ccb754ce88a247efb962186ee2a88beb90cd108cd576eb418646afe6ca61d5d9da15c6dadf73fb667cb6f1f75313d1acbfcb0bb171e73bf3552da69ea172707e4720da7d9fc2a05cac36c43eda93da98977013da9c1de6a4d0a594e323a90a3cc4e14996edec910f4ce0775acbbfcad161c63adcddd2bfb62c1000f1856cef6e95cd7fe6e9242d6fb11740f7d47a3afe28927fd4887279b72a8595ac1621935d04a107fb2064fdc7d60a0529d469eeffaacbde45fbd70eec3a06e3257a68ebdd038ea773589dbd2277f3837c983d923d8eb3176f235842d0a787433974471424b60bd8477cded8b9f2b429cd3365a96e8479f6532113b2bc3ef410411739b4ef0184f345fc8f13d482481787e1d310a7d01d4f86792fbd0ff4d270d86355fa2aef3416a0aeb87a43c41e7ca2040ac1cc519d1c83d387e401441cc4ae2418b4e6c688a0f7483d444262ca7fdd5e57b976e1a9c2a3817fe97554f45b8a79be724bc301126627688ca791aca54228d110f5b08c3fc1e36e4a8c3d80dd2f39951a2ecf42444293a8bca914c36b19bfc5d5a0c42e8b7c1879feb6e018e5e35a764da21bd5a252e2f867489057affc36e74e5ec22e7377eb9d131f45178b3b8da87dc204a01c3c416d48c3ee5a1085402492f98a6c0e0bc014892caf75e1187b1329ab41fb3a98f125c4d5e07ad52a912253ee1cd7b33970470d7c05baac5ee3f4101c8d36c307d0324202fa65cecb516bf48f70d56f3ef6844eede153a80cbd2eb
Responsive category list
View code a5327483fd0d48ee276eb8f422d3ad56c1618b65c84a2ab0bd599f47d4e7a81fd08460c20fbfc2fb5e4f813317b416df471133fb8ea87f747aa68fee00cca1725e7ce9bc53dd59e83b1483ae0c997cf39c3ccf196513a1b1cf4881c1c34f1f881d7eccf2e7a950b4de6190e7f26b2b05d674f7d50f85c4a065cb45000df155f07453fa60d2b957c63912ff443fbe991ac487a5603712aa8cdedcbe002492644fc962700c8041cf2174f11cca46e8bdaf9c3a13c913c24d78db5e6f63147f6530feed02a3d4926ac4aa5fe846935532e5ba5281f248b23f3893b9b0ace484cd55292480aeb67ba4fb8903c9ce89af524e8558f000655cf1275cbd2997f1b32ea2a0f5253fe0a085e2488a23d92696dff55016fde1a29b52e1fab7657552cca0f39d9208810d4614105743c0b11c86fc9114b551145952c05d9c3e1cf887944d8316fd50d389939ad87858f77ddaa11e1cbc7504c1118ec71ae5046681104511a18a72f3cbf656f3d53d165cb9ac17c26ea4a1211ab767fb728558b25671495e24d3b4752c10221cf1ff1bb47ebc95aac4a5ad93a735d98dc87fdeea7274f33576aa1919cde7ffb6a96fc752104999e446642b0fb891065ca331acc8aa0fa8cdf710d921c93bedb3675026ecfe1042525484ae8835302415897aee3abed39f387bc092063c2014b83c5e578d943ea6b3f408209e1996bd6f488888d2772b915caafafa8927fef68440d109fa6a57f1876f079ed1ac35139a1216596b21cc7d4c447c43c28a260e1e1f5fa44f0860b5ed2f845a535bfbbd2e26f83d17ea22b3257ae650aa511fa9bf6c3ca7f3c0a130c0986021399d0cb8f5073d4d95ac8b6dbf1dc3025cd1e6a86136dbbb4d1a9ec46875a91d8aca3d9a5e2331fa029650578f8e49e162ed1901935d82fc94993006913f675b1fa64688f20419069666f50b4581b6083d880f6fe965131ad4ad0ef4c5294b2dcb9354d19e295bdaf473bd2202012967e2627349a3e409186d498d579bd1276f56687e0bb09ece2e94eb1a7cc35d13f0777ad62987d46a1eb7ab5f2320136e500abe0dd29926ec1feda19887b4f45cd253b94bf8a9e830a7c7bea163199cf2525c4dcc1a10d560f142875a26f4a730abc363a3c0bd4989de62fc0e2f525e4f862a45f8b3c16b613c14928ad082f474e51859fa3ae47f6850c7f1b49dee5f602153235c2adc0fe6c659ab9a6e7c30f3139e27dc183fcb05cf8b564c699f3f5d1fc351ad93930db571bb402eea69d372dcac2e2b9abb967b3c92e25fb0d569c55983fa1ded10d3d59cb4406b8127d8073250fd3e1f6c681700d6044073082c18aba60ccb3f379387c1a6aa5244e2c9431008c9052414ba37ad1781bb0879f3ebbc4a84f053e28b0d0dac839c3d67b3ff0c88abb06577364a6a3618a9c97c1f8da9a0392dbe93e342574d115d146f7308aa58b54cb22e391247857069797894e0db6b813c726e6634a0af78e975a709a0b59103f6c354966e68647d866189d3ae807e3314f33fa4bca73514e2793d80aec93fa06cdbfb56747a144f3760818c2bb12295cbd78fef5052c0cd908fe7b60483822b6666a634388f4f97c2c422ea926243ae6f26161ec40d311a0181bf1cdbc9b5bf6cf2ddab63a05b249eeefcdb681b354c42bfaa003700d32f4880cc37cb0ad0a18b92736675f63de352b82b3f4e8916621d33985081499c914de9c5969f2b3c055ccdeb815177cfb7debd958cbb1835c33c8bedc363f9126596ffdd3b3b1de8cc2a79d8f42eda1ce693fef9aae667b6cd81ed784e925b60d546e2500ed66e634b6d073fbecdc44263560b1de2b71994f0eda8cdd45a7e97288d99f1ccb7fe710cc186f1a7372ef75063ac7f920499e9fa256b086cb9be5ffdaaa623a07664dab39e07851139903dc0ddc88d7f036f2bfb789230d5daf8f3a1599eede94e735f861a803534a4072698efde1a982d0f84db97f407100661ec6bde0f9303f62db4b0c1481e25761b0d880313b96ae72135d967bb4486279f7a9d6f0a8a73f5aff7cf669487fed2948dbf22b3cb369f435b4f6dd0f04fb1bfa1f7a36bd00e5db3b3bc59f78abb2f05b7dfd271a7df145c2c29e1d5e5b399396970aa9e5c0785b68471703a298040e94549d90580c2696c38571fafe29911f140e535f0d5a17adfb61fd503e5a8aa0329f16ccad92c828bdba945b0eab70f343c7244da9273d887ed50077f7f4e732074f2eb421ce9b8f86b45a39d02fa165b8d79af931430d9a23cb6aa7f95e1fe5c5aed0f6b6673748cc56889861c5b9d643bafb5d808b70c551e79d56565b33865626fa18a865cbf95abf2b7ebae44531506bed1ca2d7489e4008396ff88c59efe33cd7a89b9d030796ab43eb2cefa33908740be2be23ea6b6e27e514765909eec54a1812679c996d42e2feaac866d735141e03dca763348ae893e0ce244a94a391c7336a8662ef20f1f2ee11a95aef4906b5a47726f014587f2456afbc98158b4970a4809e86218b5aa66b7ed1c59ce7d8649086aef73de01f848b7a054bb8a82873d0d9f44250e216ee1019e148479f2a5926162980c161d59877ca62ce82641296a3f6bf23d5ec249328995a76fde0df0535c27ec5a77f4f6303c537fb1fa3b920271c36f6ae119a97b058f17ae7af11fed2634069eca2df7d730b34430f8f9ee34d1ca7cfeccb87cbdf1f3aca058e238b879dd8f7d8f3de1e8c2013c9d024e3d799a281c1a453bf2f12f841c1c3507953e54a9861948b2c95b7cde51c6c2e1eb930bb4bfbdf9e31c8e3f77f4ff73753ba54ff4979eb76d04ac431fb5be4ad4db381961cbafcdf91ae4dbb99c1d1603b07ab1fb9dd608904bf4b8b6c6ef6e3b25cd8f26b7e72464b151acd098dce5dd397e0934d2a8855c8808206f9c4c452391f1f47746e1a86054cf4b26d7159686dbc98801c18e27d4c5e00119ebcd6d2bdab6116181d26a396436584ba8947cd405b5599c6f267cce3f5a9a2a10d6575d91982c5364a994dada7ca5c7466068bde72ea71b6f65465f2cfd6578b08cb172fafcdcbb083511cc55f6e5a7faa700348adca174059b5b5689cd84bd968ebe56de148251f587330723df7f64c6e17c7779b89ee3bdd69c1d670130e79f8974c06dbe36f81822154706a4837940af29c9ec4124dcc9110ecf8fbff8e1f5f6839844663c80d01efded2e81ed36e37a021da6d0bcbe2d98f95f47fc8ca434928d65ae09fc24718940ebc43d3cf3c14e0b218d2444fcf73f4fd23baf2990b0cd9f7e30b841fbb37dda4999a817a46d08f61e81ea402a7206eece34bada41c23f8ed74f7468304804019139b3f40d85979a824716a5b9018c09204e0b598b67c838c7d67c5ffbb6d7841fe13385f9c7a2afce6169bb660960421c1931a806e7b143aa2bd14b43d13f
Responsive section list
View code adc061f7ed71ed0d10948494fab404ee72d853f700eb9b4fec5f401fed3903a94feaac21fdc8029d7b8d86e06178ab40ea0028636eec4f514f7af3c1e312225a4f95ed80aba5f72408293a50e52fac04dbfefd9030776c2dd452f4df6d9158536934641581f9c89e5d32af267afe9b5e2eec75586ced358ea0949029e17ed78a4c70225ebcf510d321ab76db4aec19f9a4777f82d4faf6b45a6b9061efecbdda5de49780a51509102218ddca228962d9a1a998f88f7d170cea028b459ad433f6afe9310836c416ac6ee167385c356a990ab46f8ce7014145dc0ceb08f2594b04393c0402f54cce1e62a1ccbd0b43e17c94c146a6f22189af7ea10d395c016b5dc289b6756bf36190bf43b9eed7de8ada47efde912c28560cc2441ffc2f5eccd817c14d42007a093f7d0a377900b6c94b12e37b01835ea77f00b0fb02f2243dda79935ced7d88a1266304795273180d60335169646fa88774838bde158ccea9b5e756ff8be90025367a97dee08ce9c6b33695e7f2d3f9059ac9491436972d732cdd47391e0e9677fe22100a13196e77cb602ed7b863ca912d0b17c0c3410ea04aeb6d6f2642ff1ce15a4692d5a9b225701c840e65cd08a9118ba4b3a8eba91af8d04ce1e7f7bbbae6463ce7c87101bbe231f8ed70e07f13330aa03107e2604a6d0f8934f2c22b12c3e63093184338148a0eef561bc6c87f1f3ebaf05f5972b0f857a968c62f4329347483582fc1b49beb38447be39dbafc742d297fec54b9209ea35b8bc696c31c0ee8803e95f3ab2d8e6240c25fe76341da603b9c99921017fcb0f9f79d0cf9ff3ab5c2a7408e2ec99f73fdbf3b28b74b323b2722a072089ca09764673a60786caa396971a4f09fd6028cb45a7680f2ea7c04df1e75734a88b95e907ba381be4439df7d0bd7258ab3c2811288a5dfdf62d2ec898962cd7d89da7f4c3eaef462cf89258f939615afb9e4c134d54b6fd152a846cfe8584f083caee993433c669d43ee48f89a4e1d0ebe014972a612b2969b6de8a050430140652120f0c96212f25a0e800bbf92c40811e2ba2786989053bb4b7da3933837100bfd64558f15ce48dd1f8fd4a40f0275ee134d3990bd6d43279def68b2821bd4531b02200387edd17330415489bb1b83fe3a5b154df198f793f718475533f4848311a7369a353520690ac078b410a9db9fc8bb2aeba64fa571084dc6ad715f561559370287d299f12c775ea55b9d24922580a0cc6623601b32fa50c2d6fff830e0968c226c0f1f9122b9f11e8f77b0b5e9646323795f08a0d96b87504537d1f1e9bd67f5717e38104abc84b7c02a2344feb540caf3fc0cf9d757402480a27beba451ab00f783180af5c179c3c3f40269be85038ab3c132378e7337a2aa2e47a341fd3039c0da4350020684ebbcd766d210ce96aea23588df40b1966710cc12c5a59f7ae7b1a0970e567bbbd24d4d8b477879c01acadc79dde89f8b7bcb885e7aac3c17aac422ad46aa690c1bae52af59a35b0890e08b1ab178babe0c0a70dc6b2d3acbfd9e3f3c5b9d3adf7353afd76ba51c64bd3375cf831c53fb4ddf09b04d81b43151ae560bc7a9143584e1faaccbbd6af40f585443c099ac1fe93001c000a23cbeef0e09af6fdc2ca09b3e83bb03023403c7834833238108a0a133c0ca7caf1a08bd8e893b0fc32f9a077b40db08892aac9363c090c18344e68b54279159f6f2d95e230a76cf0c7229d22c9741dcbcfe84737017872b1dd12afb7bbee92aeae37c164b6e2ba305041ca915fd2bb7b03bc2d4c8a84e8974db80f10b979af88e6ac17e7e82d41fd5bb53214354aa6e143a1b727665c8e87084ddc9b403b64dd82e57ec7b0e67068e676f20903e3c6477ecb8e33aa5e25e8273adc40a4df07bbba81eb5a4c3227dc797e810a782c861cb311e4f875e7a5c47ef2242b99c5251bfe607ab95ee47c5f251f970f72fbe53283f78b1a913c3b5ef9390ecd4017e49864e2d4ade60655dd1ad6f5b19aec613f6b6139c789a87af43513f379b1362291edf65e6904870bf4cf023f24d2e440e445dd362bcdfad740d0fb9fc064ba61160b563f339c993710f639c5cd899dbe8e170cd9a269a78ec61c8a4080e159d4917b271369bbc5bbb25d2a667d2fe8de9fe7869eda1e93447e7e879eb7076b8ec1207ad255a0d87691bf25c55ed1d56e53c4db63bc95cd518dc7f9399380ad8bd3090e730ad8fce90d01d7f97bf4ffb28ec964ee081f731898d04553d61db39daaa47e1c0fc3434decaa111f59de31495016098a9c1317284ccc6d565d72a2ee0a370ddc50e9e599ad02a5a4c490b025cdaa54b41dfc7583afdc182ce53de707106aecbecf649d6ed7199563ba93038b6e2777b92aec7df3c1013f6c0bdce83d54608aa04acea16a25478847f161127011acff1d0228318eb3a0df77585b1ae85aab8e4f38a5b30f7aeae2df67bb78e09d8beac75b6bf30ed39ea2ec40d2bc2e79be887e27486b89f232d91ccf16d2ea566a959cb2e4a390af52f950a1ac775996b8afd68d1f9e85e0c2696dbb723d2f13e7316e560111dac830472b52ac6c0359191de43d2f2d73df406c48051498eeee9fc3b36077a4816c198a646cefdec36f836bcf77865e72058214b9f0c61cf3142988767436df0c5402c7d9865a50bcf4b5a3c43581e653904ec3b4f2f4dc7c8921c74bc96e6aef7f44791b561c849de31dcac1d2c72b7fbfbad58ad75287753115d0872b1f32a066918813b1828555a7cd592ab04f876caef320fbedc17c88d5db11829852e216dc6a71c2dcecd2e347ce3118b0f45504f88b855fea40a5d6e9b9b0531ddec69a717dea0eed3eb7001cb24fa50617d12b8af8c1f413f4a6c401fefa6547bb2b156eb4c8ce39077c46ee848a5e385beba8529b7d1eeb9fc5232eb00dbb761e82f8173afc0ab7a9eba103d302ba3d44a8da102937f6a11ef389cb070ba7eb048d5fccf8f04238666a5c28ee63579d8922694fd1df0b781938cd31f47340bb33da230b872968055037a2b069d853dbd51db6a2f893f3e35b1e8f4a2bc2bf74bad254f6f2784f73970f273e48ac33b5aa6c0e6e22ba9b869347f924a9f2b0a0113d416c72e4dffa35d9d425fd237fb227d5ef18fb06a415532518f04d38befdf923ac17dd8e840d89e6880e312af9e19d3a9fbfc633e7f5adf41b0dec5ac84df60923fc9bb0209859788ce0a80285b924685a700396117e0dcfebcd591251f3eb12d0543c7044f62b7ba2d3107b5df3f603cae313ba8ecb00015aed2bec74d224eb15fa90ea002da42ff2c92a3cb8d86c3d88b2cee46bf85dcd7acd1b5edb13ac7fd48608929f473b618c63160414cf1ffa20519fb8c0ccefa6010fe879c04ce2dc59d2d7994e95602092e92933b1a4f7cbfad1bc8f6f04057bd4cd2cb07c6ba18651888d5e3163b5a8f42fc15a9a5e7e2c65b1e33072786757cbb12d614b62b15310ec886f03d600acd7f080730ce1ff5a830fb7e7ca0c5c1873b9ed34fe34db5660a6022bede0c1e59c1e47c506c41c811deda8421afd77f0ba97eae14d929712f3d81424b6c3910c33ef8c96865d79193547e94a06752ed4f9dc105f8902ac2a862d18fd872b8c23e4251bf8d32550a7c7e49e942ec77ccbdb0d37ac4d98c0b7e9685b292af08c7f277988c3456f43995eab5113f1118fa70d1927969410530a7805664d0ccf58d8348283f8c17f9ccd2a5e72f6d725e3579863f13e82effe70bc54a03c75650a78ae629b2ed73088b2e0974cbce78c934479667b5cae0b0d39703e4844078c8968c0fa4bfe8f4f837dbba879d0f64c8936f9e7ab14b1723e6dada98449ddb7c43336399119fb39abc4f142af2c39de071a0e09b9afae05aa7bc0e537a67ed8536600bc89ed025d20ff493e6ea2b517ab505c6d8d3b07eea3e5a8cce36a956eceb3caff3ca395c6695db928abd654c57c6d92eb6824112de02cf3a418efab4088cbd0377e87a33e4c654e57ebb66f74467ad7012defdeba0f54aa558a3a10616e6855bc281465e62f756ae8145edf452f3b3f1d70ce2f66ea3db9b8dd697f944d214bc5221243a4ea99f09d96558488e87c4ebdada02ee4dd8e6f2d945ddad014198b484064ad2d31640de6d046d581ed1e9e38f7a48bbfdb877920656dda86e054c07699a0d1ee979e6f62f5a33785fbe29ab12eafa27f6b0d62513d3f54a71cc1a693abdeb5591449be451f165b32f464199631e8d1f613098657f7a2a0a52580c8f79e3a28c8fa37d92a1b24e04530759e7a99ddad19a27da45bb308052f0fcbd65b26fb9b402ebe5e35cb63aadc95ebeae732b7c31a4c72863734cd7c7799b1470bc614b0e000abc7bd5b9c50de82c8cf5ab23771fca5ee36e16f9e92873caf9f6ed359cfebb3127918bdbebbb50e29112f2c6c51ba5c250a7cf341400caaae1390849ade86a2810a105377a2d847d3e3ed05d2cb9a3d6eba0422615446ba8f08caa4a91dbb2610e3bf41942071ef4b64464b7f6fac2a6165e57577fd1cee51c39ac4109ef7f24776b2f6f50cf631f141cf66ac08a01de925ac40355a62551c8586b2c2f259e519d78700267f480e04c2303099ad78471be61c07fc2739e4f2cbdda6b961d2cc422be8b8aeff380856eb260f589bf8750c13ce09591961b20f176b97594b4c1915b1d3e554c5d1d8c17746f9c515daea8769b7160b7797cb1630903dbe7ebd2c7d0ec311b02e22e4d93451ba7d460283ef98b52704f353effc0786e3ec8df18f9cd81b75ac1255c3ed46ddefa3f005a2766aff65c7e86c066496b11b684684287e4d222283b204ea51b1cf13b6f4e307548bb120ee6e8d80fec96185b0daa2a316f2754761475922ad35312b094b22147a7a26285bb2401ab567d269823d9633644cdf569234a39c886ce08f1a03840cc7d1d5b5653d23a18e94a9833dfe50aa67b21a5dcf806735175693b8ebc9251d9c6bc8fa66a38cf61be19eca001d83c05ce7295a770b504f317243466f8f53bda81144dab27c77593839bfdf6849c42657acc740bf96d9bba520aa7f6768afd355b4d43bfd2bd80988a8380d5f7513535433644035d91734f04e9169deed2a4535c3b45036171b280d37d6d1340b0f8e6911ad976c5c7051e9bc6bcdaa6471114d831911143262bdfb1381eb97b8a6f6de52a8baa6a385bbd011c0210f3dfde0b2cf57bd9317b718b68ab8ef52ce0f4798b451fab5b92630c68fdc7057294bca2de81d3bedf0147427afb4fe61abf491a2fd20296b830120cc4485e16f013269b41cfe0000d13160604f74a0cc468617ee167ac9862db18e827d821e682a3cca2710476ed55156f532f63d57c
Responsive article list
View code 6a518e6c557e1515333a9ee6092b3902b5aa4ee51cffa8737d1fc391a84419c2ed62ff3f7a50b86671bfd37100d56d728e4338eafa6dd14a7e8e782d1b370f3f6d91141ce5809ab4ee05cb244775b3673e93f8d709cbff7b6c8d0ad33095a2a94317b57094adb611efe3b470035e9eb8b0752d3d55e0bee7e5f5bfa023b3bed25e1140b4b9f1089077f7ee36f0c5f9a9d9ee8f0b2782d6918fa73a5bb56cf7dbfacebbedfd7280dfaa0983eba9232b61515b1352a7c33c101b410a58715631a0f8a8c3685bb9734f259be1b0ef23410ad91783d3f2d84807c58fc6df512f8ee710db0545cce0328be6731cf892e7dd7ed521afa42d05e1b5e4fed5bdcdf7c21db5e736779b40e837cc39d39ebadd7746de233c59a7c8e9362a5e4a6a7d2d2eedd882c61e0208b35949441b258c42af109f233e0fee24604bd848d9f982b6538b07dd157a1b67c702fc02d619d03366fcf890f8a3a4e39a43697044efdd1a8adfc22885cfb9deddf946dc3556546f7c3330d0cb6d6f87eba58191db4de24e3fda3b326a8b2fab8e25255ff6a54ce2ccc4c51f9e98faf217d5b6b74d0f2d586071bf5c91cd59d17c9770228ec6b560754cdea28c6ca58a725edd4b97d9e5beb18046a4ced1187fea9e1941df83fd086b1c6bec480197f7f768c4e02ac4ac75a51dd00bd3012fab1f87cd0d12351a7f5f841f349de629fa7d60448a1c3392b9e570e6523f0acf32935c3bf218db05875af984e4db552cdf910e492033f6a06e4e34501ac2a59bbfc8494b9bf495e79ee6fe9baf30aa094001de3e0c08650ede1e03326dd83c30a83632892bb624dfe8335e8b49b8933018c65bafa5e850036a9bc0e80816f4fb9baa7f5b503c48e6852781b01b52c2a66798929c53fc5e0b9258aa78a2ea742be7047f19b125b3f6374f5a40b2ac52833d890a9d8bfb454b79273ae2155e3f3a97e13faa31c2685f0d77d9704bc48abe4f14ba7d1f7b0ed02cfa7200b5c452556c69ceb283a48df3f6604f87b06d4e6d6643138789f6706729e157cd0ce6c4483ddfad6953600e917ab0b440a8a95b281206f9de69add72a62266635aed458ea09c1c365804e3ddfe10cd9a84181bbd955743659bb838acf34375ebedc4f4d029458839bcd20b04d569a6d9ba18a87e3e07e995e39a87692d0814805fe0fe9584ec48fd9a9a4c7556580b5bb6b66ab45d9efe5bb88e470095c8a6e058f8f39abde0275a48a199c1b0f25cd091278752a0befc26447fba0f7556a56367e5c99415824da1df7007a968f60cebb19d4bf2ae0e91a053384cb513a9bc3a5caf10a2a11cc8b68823c90fbac9f7d2e520327eb55df664fefe00ccecad76dea6181ce6ffe5d51c22ab1038aa201f451bd0dd9ae7dd8a04a05119ef5e5b715cd1208da50265a6edd9a1cad2a9f01a3ae6ef84260e39f0d514f9de81da65b8990eccc058b7b77579de0034f7082710d9e8f23a7ac4c224de32dd3ad617555c34096a90d73005016557442969e38b6fb01d567e3c7c15864f1939e32c6cd1994fcac582e781f10c474fbf96d2f29a52cff1532635c977868acb3761ebebc58fe6c8293489c5cd1e95d3b9dcaed3ece3447ec1dbabd13304cf34c8fe6871d3bbeeb8c63677240293c79a3faceb64cd9d127d72f477ba8f338baed9280c2a66c672077b4478496f521cff102fdf3baaa8c0de4c2f228cc8927bb86bbedfaec7e9684e4c619d0ac19c3488d10103c23175eaaa40e30666669d469d5363362085b96579814a0442fa6d24f61966cf86a9d3724cb02758b6f6f857dda39ac18e67428b2053d8abe6aad3161519ae5dd3409c6e0c184a53c2066baba2f88b0a71d8d656f97364fbafd60c149358083a365a3c55cc02a083859899f29cfe04a373f58739a11c22ec396116035736ab734ee95d6540bea0b42b7fb33963e2201776d9d9624772b7f3a4f7bada7cd442c4cf990d5f213f05e8b36d3ad0b6ca28de3db798aa7ba169fca929c814990bd9009f70fec3072295867aff509f91a31a3f2635413305f6f291035557d179dd4d1bf947cebf6dde98897e6ba2099a482e972274618ee8070da29b8fa281661024cea8dee6ae66fa45eac3aba3bf7208fffdc25892655940369e5f33324dce8779a108bc996667e09137bdf6fea8fcb1f1ca84ea65907e361d9941b5905d62c90b49b7347a8af1892dd0c3d24a27d5cb03d094542c19c893574df82444541ae001e2197d046cd4c655eda66912865dc63d87b55fd0297d580d7070368242adba91d903eba3c0f7a2878b869205bd5dee36a44a51460e67fc1bdca2ba430bbaf4c6aa06a2db754a5d7f80124487db1bb0a006e6c3e272f30e117bb35a4674d662cd700b1c3c8b3d64178b98f15e3731a1f2e8026d8664e4c73c8bf3c2aa8067438b0de8e4539e34cdb9490a2a4e416e0e9110e8c8e1c5571a502f795f82c35bb7518f44b11c27a42b28a8388da9cdce50d57cda137bc1bf21d8dcb46f3be81190606f7b7a7d63c697d3111935c902d23b6922e17fd649d940046c65b87c487730408709ec14cd5a0b548c040ce812a3d817cdf43e9f26def480243d5090b04da7118e0b20d78d4d9b39d36c66e586ff5cb90c53d4c610822d1943e7b453a745f6282e46a16ce7852bc1bfd878cd8a8f9cbde0bab3673159d769fe7fb49b2667c781bfd17d9c848cb65993198fbb0b745d441e3c202ca9610b72d4752d608efa26e3a9c912e8864e213e57cd52c623f81bd364151b48161778c8f9194fabdd2c299fc619b71650e0551b16a6c1bc6c769611c03c5a0d3fe033ac5f9907843e6b5c2c6bfd8a030204894c41e2b786208d215a51d9fda0da66e26234fb8d19837ea46633e40b1dc72e86136cda0673a9126af3a676a0293dc952812075eed904dedcd55bf37c555acf66d4b50ad00b830dab55e393b5eb8dd385db0d657afe18fc439053a4ff19e8debeefdff121eac8a94914192cff64e6f6ca4b6b8a34214ac83f7ca8be257686a62eed12a38ccd94d7a5a124bd5e64196affb1c9f5552a3fb53f0f3764a0cddd6122f84ce39daa4b673ea5efbdf92c3270b09afe797060c772a231a0a56a23535e6cb462325802ba7cffc93f225b82dff315c4801085193af2e6413bc01e0a96178fcde263f93ed4029806f36a5d3c6a79799015dc3b9460720bd3452845babfc9249cbae8e53d41f37b4d75f0be9eb282e691ff3c94991cc9ac64c2b99b04dbe9e53c0c08f00dc3ce577fc0310f388a12c1d42b326f1d50d7197c6e287274a22c54e0023e757516f501053008317eac3ee35142af04cefec9d9b1a3698a7c3e07d585f64bdfb360c3b5457a841a5d7867522cf77bb08e492f498a032a81cb3928f5493ae452d5c34a02e9bbcfffbcc831a0cbcf3c0d7b6012d027a67456d1780a4bcf57272628465914efe87da82f4ade0c49326df304ade24118e3e2d973f2c29b13a654e91781503391b1375253acd7ec484016ec03e0d2e28ab801aba057410898ecbc7c36f7de5f62b73a651fbff6078b1df4ab4ca870e45984cc54bc92c28cb4cf4f9b2328c209508d1fecc943d20c9a24df99fb1f7d0d4ce6f17901c812c7ad1ce90ea4147630ea7863820c87c1fe434d28dda62446ea08df24636273425d385675667ca2f4b679ce81f7b4e6b3fad37df7295e7d4545d9dcf314f39d57de9b76881382847dd775939e94971387683a8d0b69dc280beea1d17525b1efa78654d123703d92226faf187442e2f30ecc59b5bc52b2bc171d0870b43115838690bd278812accf77413683ca3af79258de9d58dc3d391635f46754f923e03bb674a832d07505becfd76df5a2199e6907b9748c86308e0c9fd97ff15b0082659c11180218fc8e15aca585d4ed2b507533ee269382f481810cfc0370466c7699a5843aa4c3af9ebdc7c65d68f5ea5180d640543bf5ed246fd052ea4abc0552738c686a7595a56281be73ca2b923b5fd8ef21553dbc1419dae7e6ebed69cbfb66a40f55437b80a964048fb53cb7832d9200d34d2e7b0466699003e0ba391e6c6042d57380b00ebff4fd1e5487654d683f04fe683ebf1af7ef0c5aacef7e90abe677e6b25548c4f1eb03cec95c30e517326d7bb79687ec4516fbc1f362981981bc5bb799bcc7b27a3d6a554a873572c16219fdde00c0242c69233a8d59d84ca60cc87236adc41ffc80760f7198e50b348e37d6bc00eb60f029104374b711ec4ce9b5e9c04ae61c2ec0e799c3e1f185354b1dee58e12eb9e6f0269f1d4a421a16a5fb883de0551c5bd7edc8429412685f2c67d8384b0ca8bcf56c85fd9f9b0ff18d461ccfeed29adbe064a2a924ad8912316a108a6f77ebfdc41b8c88ab1ce99d1801d05a313f2aeb46ff1a89ce2c141b5c542e0b842e30e5616e2936ebcf68c991624c18f150016dfa9f3c80361a99816703e9a36c4ad56e85d8237bf0ba4e46d079329be71153bc88f0694a421df9e80256fa1f2d13dd0a69acfe5e7949be8468217e256e557c313f549c6ad250f42ea026d5f2bd61ff7bc3433732d7dbd6e763f702a499cdeb19d8cba618d566da4af28ee8dc7e1ab335a405a163fa2c64802883fe0bb25b5d67af6c8f8e5db8fef7d9a03331c901a476a4b3f35a067f60139a73f1184db2fbff44dbcac8e350695e0efe25ff288ad169be537233a338db5839e99c99c8fc83bca4170cf2038ce0735524912e5f59a75c0e4757687a046c330b6b3df32aae833fcde1480eda5a2986e7b79ef531d95af9b5b1f77c1b0f67e4cea27ac1720231988b617155682ac42c38e99bb31f791e8f0b5be1c8555519df96fd9de542b831f5f9262bf4602a44037f2e3c8ee5091ffe12c214472b1823190461466bc4583d6747d13dfee060796f1f2069a61720d704cf3e8ee0caf43115bdae0e638175310c4ef78e962d86b6a44c04ec05fbb703338bae7ad9cc2d8b47455969ff8bd806b867c05ca658f77acad4512fedd85a333ae6d38d982b06426ba9ad2c7cdcacfd8fbd38736b88e1e0f675405ab57e9867ed881479170332f5cc348c5106d5ce3a455e11cf7b8bcb8629d669a1299bbe2c0e6ac762ae1edd4f63cc250fc93058068629096518bfbb5f3335b1a426681d166c9bc3f5ec5237d3789f944e0c1a989de9ae38e07c0dfb5708f96f31498889513fa4e9856232a4ca43fe7c5cddd7f56615910434d0f1b80c40f91895978a1ad6bb9040621039fd4dde8d87c1e364e446cb239d67e5265a5d92c893ffef5ab4126ede840b9d16b5c0a4f5c221791dbb7164b6e9cebe0c22a5886716893253ce073011e1377582d26c1599ea3662f5fe23e91822869e6b5e5ca0b16f750c7317c37b78db98e70f55bcb939e1511cac1658047d104b35a1263b981f6a042597360792adef623873021e02d35d454396ed89c574d7d8aaf44d1b003683f1b40ba85d6a841523b8b8a2c1060cae0460449ec4d3d39308e25133dcafd31f1e9543925abcf698423096a13197c8afa5cb069895aa7aa3c57bcd60a53e8cf7cb3ac4ff5a76aa9edf84c637df8b466da87b4ad13a4e8f97303dac97bee97c9ee567689973571e6732b14ada69d61ffa5b4c13e07e5af04f6af8c83a4db5fa5a254bea45428daddb7034bd917ea91423cf26d54fd174d3cda0e4b9c935dd67a7bf6b121a222703b76081710c90e0c54527ee9d71b28a3ff82f1d143ac8a79663ceef2c6d614828829e9a9d952d0d665c959ed53e87e6d4bacac8f9a930c421658f0ccc258524e42f1803b31d9e4f4359ae1f8715e9c2b4548c00aabb86c073d924821c085e2bd0b6b4b19477047f4d6bdda3d903c2452abab0eec7043376e35fed90a96b6ae8af32ef96f91847036125165ff740005363d19b79cd5f17fc68cf29bdecf9a4f4b6ebba891804ed42cb09d2da3002d6899b2bc8e6b84985da319fcf3b76002b05c2c79c9e7cb267724a86250ff655fd657e5ba7033cd312eb621928d44ca64be0e4690c03e275288352e4416a10891e9f8fe5fba8b4879673d677fb9e5db398ab910a328179cae013568913926769493a5b04199bead718ba27cf5f1c4d3f60304e4f4249f9bdf73aae79b6043cafe5d9080ae265ab1330957ee9950c558b9874ccb3957f056711726306b6ace5626dbcd3b90a5807e3ace776846d53dc04404a8ce5c22d2992d12a28903f2afa1c2bd92401678974c7d969812f53b08e3fa104a3f9b6cd1d1f30ce12458fdb2da7b69a25d1fa0c30009a9557bcaf1b52ea1b864fef460cabbad9cf5501fb07e7fe043eb859f878d4aefe980854bb6103a9e15770a37e14ee80e8a1c2911047117a3d8c90a144a166a40841aff9387ab9e9e0f4bbd742ef0d829000dc1e93b310f5d93809d8d70b5897518af572e217559ca54e8a2e2d3d417a64f49e4e47bb8b2d9b23f80096d6b2e70537ed6db438f7e7f6fb498e0e51efef06f056341bd208b80601fe54090971da9c78dd50c45535a63decbeafc26bd482066db059ac3df4bf0be189b3fd1b1a2fac242e2c675766ea6d796081bd7c526c8c945ab1abbaeb3b3265ffe805f1fb0fdc3db924567855f015abf59bbf9e60d841880f38b0d16b17a9e6273af58da0a45c3ae2cdf35b38801c8fff5ee04056b920238c97b3ad11c20f29c49520e9aded30aef7975c4caf517071bd436933f5244d30e7d5ed1756d474842a9a01c6c9bfbe0c7c8318a58cb30c2c407a18b041ae3c48a46db2b49ddd352a782e74989e5759f08f1fec2171680dc05ae22c6e0117951afc3118f65d9c5cc1c1acb8bac04bdcffcc5d4277de9959ffb1ec2287e631f563d17e0702204e58e53b8baff2f59ae94a922be3f0dc5089e5bf1b7e1c3787c9022ce90a87ee2a1435decc65276338a84dbe77727c9be79883bbb83549e6e08382ca9da8708f85234921a114f0b57133bdbc4dbc13ab1a79814b5a9be71598fe9e64184b0b97736481a3f57fad630ca38c182ef63d66c339f9e639eb202f246bb741bde4803ef437cec0ec5d2c050589e7c4c960da744591760b7b97e45f0274440abbd1c363bc560c5168baef03062bc01ecbe6095ca1c5974805d45aaacf109dd4b9f7350e4a793748bc38780164399a4776bfd0680417f00b8d73ef03e2fba485cdedec19d90c9042773a0642aefe973ce2447cb18478dcd04fd9dd948f8bbafbd66f64fa4a08bd12615a720198c783e15eecac01469a94da4caa7f1bc91866468d4539d3fbf403d15b8575ede5b932667942d047f60cf3809534cf5d54bf5b7c3abf38bb5afafff2e4991d2e30bda56ab526509970647d19224f30a6234ebc6b5df51dfe8f66a9acba3265e9e4f9241869859e6290ab2ff59206266a9c73c9dd3f8e67f21da3d6b9cf08706f14caf58c7e80b2471696c0986cc67b8f765733edf1e049e20f0524430341e7710599e053d420178c7607af1df04c2e8d56285039b9ec8793c0e983b0b7eb669532f28b69cc70ccaf74f5cc234521929eb536d806e658757842dc36e4e08c4c69f87d4b459528631c29c25256e5b63be3e848689dd94bbbcf7e4fb91ef4cc84ec59ba2392648a8d49df4da7deb45c7ecb716a9e1c61d30e752408145755e23ca97c7e72a393794eafe884f472390bb522f0937e90fac6aa84e08effb48c0be2c7adecd8eca8d5909b2200264426565bfd8b94fd6799bf664a416f8ac9e6f412128ab761b149b349ae9f2331bf2ec51969cb1c21e6f9012fa18b1b403d6af1dd8a085941f6455389fd108fda430c04cd8d4d71f805bfe485f6f9129a2447f2524080e87db6ad82bc1727adf0c8f8d0916b32bff30c61a957b3fb83a1b540a89e034b5253047d158cc79442529bc583044c081dc4d0df69037f09f051a947d1dac5e376a8ab5ab09ace0141a99547df28e3161cddcdf64d541e7e4d4b4cc5e95adbed3fdaa3679cf4cbc9c9a4fa0aca026b0ada29f05d09063b2795f61a1edd60efbbf0b3b9f25ae5f85152d5b7bc99e54090747d34c6cd3c2a4bb7ce9fc6269c1182f60f25c77eb6e7cb85f08da82d926afdf13234a749ee10b035e16d3a795613181bac44d682013c9f8bb3fb6e0bca599d3c2ca47dd68e6c12cfeb790a4cc65a7d9cfc3d7670a3de64702b7b5af91f39ede0aa1261036e8fbec7f5529889a4a91e755065e7850553c574e2348862cdcb5d7c94dfade3d3e09947f0923c18017aa4a869b6ce3ec8a4ead97d89dba5022f25f2ec82a7c46f68af95add87f108f78f6dde892412649e35607236bd3054794c549c16a5ad6173cb367e4e93d72901dd3b83e9848f87ae1b79ddb37d90e7a4858ec873a2561bd2def27be6fa9c88e1a40e06de31511979d231a23459e5ea750093569eb137c583deeb30ed687856bed9f4ff12c650bded0152c9105f690d425e14e3a4ffc534bcab25e6d2ecf0d610ee12db17791eb513c3dd7b463d1aa23696e1a88c0118e88416d0190c32405b170c9fa3c00a1d7a27a07d751013f9806fa70f04eae8360a916d54500fc5f4c2177a06af66dc0e40054c3234dc4a5fe4669b43e7cbb0ca9be73c27134c9178693d464aa717ade9834f3d027ef5930adac31551e6972f3ce4fdb7a6538ae67cccf81efbeef909dc79c563e518ef8128e3d87b790d5d394dff287ea2f7147012c71d95ab6777a7bb7442a47fa64f0dd8a38b3b66571cfd6a008f59d9ef60185e8fca233fc38906385c766f89478dc73a9437b523bf0e13c1536d1d89bf0e7084ae3185d93e919125e8073dca455b593a339bd3191ddc17db4bfbaac7103ab377d1b36c00d6c132c60da48afd927d498f182ceb3f6f53d0d13c8a8ed0ad3a4802a1dabf0b9beda1b5b9370d3cc551c8ade3f5b4cb5c92fc144ab7986f2bb63743b240bee07603d5abf43f6f2ceceb6218bebb1b60aa95ad4075a5a8ab69617df4261f6c96ee2cc9cc760cddd9eba8544b479e83e34f7e122cc8d3282c9d2816a0b4325d8ddca267d9512a911bd49a410d64eeeae19d76ef0dbc2e155a81f414702a652eef77ac5b7b4e1f059cb376b19f813fa27f7864fce7ef3b7a02551c92ce3c1825b524ff29c2caa9404a48e6be4ef982fbf322d24948497b6e54a3595b21cc1f3177475878bdd7a0cb0881dfb0426a51939bd4bd500597dc8959848955b99450bcb508e17cf657f86cb290c98645cb204fa258f947e17ebd07a8d72a1989161f9f83813355551327e7c28753e11a1a2c7d9e094774b96e3f0932fe789984826be6b8a1299a6d67d7e38c215bbe5c96dda07a9fcaed4f9ee33ab92c3fce18331c163292e1ce00a928cc08d0331b6cba8fa5b1a16da111ab63a4db90e069bbb2b6aeb9a096fa8b551517595379e841753ccfbc2fb0085e6f75b1c63a528df5824842c9b35f218f0790ae9a3c32fa76ba9bba27842e118e6ca311a3265ad0e3e667984b5e70894e30efbbb56d21114c3d28cfcc1c2f041d504d253bb87d9503f608ee79908b0e712d586dff311b58cf1d45d9099682fcd0cec089b9e3fac25d8bca7177c932402a0b5ddcbfafffe02fc5645b66e08bb6f7ddf28d44e88204b654ad57ea0de85bdb2521d8a06cc03c5c9821c5b0f8a06a31d69ca91178b0980dd3d726eb3a93d5c189da7cc2404d763e5a4c308b8133ce1fc6d0690f6b705262e6116c0daf8e74d0d54dc3d55a48827c931515ae0e94e9df22d0e69c8893e2dc34de7f8c0c1ce47e300ca37bf6a59cd7349810318979f633a63eba643e73e9c0df68819f358459162a4f541d2c287f8628768aeadcb0c3948b5cad6149ad5fead2528d297de274ec09fb5b9c49e284d5adb505f78db5c4c51df4321f6f05a613713b6399e36016d2b87633ddda8041e27bf026e2b16129b8959a1f8e755cf14b6e80af394a023de5bd74795565ae62aa4fb5e74e3c23ec1803753ef49f2be74a69292bcc10c86bbc446362c221442aedf6d1308d887af1b02aca964e21b7520871eddd50dc99c2993dbcdeec8e5069dc9d4d8516afc0577117859dfaff79dd2fa675247b85d08366d37498976c77f0943c140b22ed0c7b1c5c6a751986a86c9b59866e948c9e024017485e3add7ef2d495d2192d176790c2c1f480ac3438045fff840d5fe29c2a2658d369c2f3d35c1dae0aa60a520dad8a38982576b2164b000e95585023d09e22293f43f7822c242ff15b9a16cece46f1af586527904033f5326d7851a811f4f79c17fb5933b931a0f9fec44b67ead468ff257247ba7985133901d4f679260067997214be906a2d88e4340cefad1a147258332177b91010b1981c70c648b5ec15e91bdb560345d48d7f02395d7027b335257693be84ed346f8a2785a9fb1bbeb087d24c41e61f5b600ed9a1f5921bfe99e5a9fd166ef69f3e6187b5f2aaeae911a1d8cf83169c06ae88327e23418350221128cc82fdc08d0a3cfb37608e31813235936b06ab5860982daa26e982867c84e3b75c6a2abbbd2b3720d4128fe357e3fa21903659a06c2b303916771a0b782c00f9e2167c641ddbaac1d6ec1498a2630b1ae5f9cd1832a8119466acb909fcb88e4ec46698f66d5af1ef4cb6f16d8b15a28a232c24fd8fe0f8d75943bb2562782254f8a2231ccf24605bea420602f29eb253ec993ee71d8fe1b1c3665d332c17a947e6fa2c8836a18361eb0a5a4b299d6e49661bedcbb027aa519d2993dca9f40b0ad15bdb4cd9435a211d820354
Responsive article list
View code 5c7e95c8c57c328b5d95509348c79bf33c9d1169df3ca3d51e8e2dc9d9b3f95bf2ccb99a548c964994351adaf85253bbab55a728f64c0d6e0b6cb7949169acc046fd967d4cbda5d2ca7b911347ca38460480f5f52dbc9c324a1bececee750845071d99af58780c0ad6fe714cb8aa24f66bc6e9bffb63c93d20410f45545d29c0307890ee429535a93b5da198235fee0c24589f6b86aeee5746a3dea802efa79155e9c62ad55cfbe9959ef005f7b23e5e32ef34b2616af8fb6db888b747e74c82fb14ec1796dfc0757f40886865faeb6b916dab2e441c895e293a30974a7f3f21db1656a77c5285ef711ce3702cba42551f4dcb1903d62a33e70d16fd1094f75adbd685b6371555989d20be1898283966ccdfe1b4f55e06dab4086df005b9eb23de325f2fd6a7f84d8cf241507eb576e6981e66d09eab183c39cdbfb74b7ff7b74e6ec0f82b7ffa645572115a5122e0d290f20e6f4b8100119597e070ab099f3dfad499b5be6e295d8e0696ef5a78001c4c5b4cd49d40c5e2290566a7b05e8003efc2661f682057b3660f36ecc323da2739d76f27e787815b9726f9c0e84154e3c0c64e8132700bd566dff25d1efdee6819e53ae440a92d30f7a5c26878f54e22373f2efb17f0d5104a1ffaaa335f217bdca87a940b690f2b1945742883f9b8a29a9d455b175cdc05e402c3263c8829b96d4b7da4d6782df87c72cbe2cd5dce70920844b4de976c40d07129470dfd44b1535a30dfd1c3aeb31e19fa50a6f894b094d040f3bef75ab27cddecba36b5006c3ca1c6a57ed8cc69939b8f1737445d1da300a54e965fd3ca0b48d798c6896aede076ce5cb062dccb952e15429668b4cd35306d35bf8da3a504972f134cb937d2240c7ff835d9b6bfa403a71f08d32238e1364592e0ea8e8a900d3aba17d3ff2f0a4acdc32a960119263ef83dcd7696107b3f329b96cf795fcfafe42ebe6bb99408aecf5706f94fa47c54023a959eb03b6ca09ccb04d891927d5d236e8c661fa52a21637a8502d728ade57619a5eff7c934b7bf162027b3096bb231f091111e6c66ff9b5539f1706807e652d63772b432c5355893c4235d5fcf39a20a74b2bd41872afd33fc4bd27edfa0663d01eaf05cfe104d6fe47abcb5a0b10b573e0b04f9ec0aca0d28709bd2ed81312bab1276d4857fe93d97c278733f2447c8f854bf83dbeafdf1e263657e8732523e04e2d3c3f5d97619df3267134bf7690793644cc88a8bee1b9997baa8f425e8a3f5794e03d70e199373542e72dec0252721bd084fcc9ba94a075193330ae6d4f9b0839ec227d184d98aeb578c1aa098a31fcab9cc05309a34ea344bc8dad8727c8be62f399797c76357411b61cf848f095e61dc45a07449a7a7add1de9c0e8db2b4228340d96c56083d6f61cade2ddfb5caf0915ba2127f5c088660cfa72656370345099dc5fbfe0fa15f689359d7e95928dc038cfb223fa19a05116841a9c5a9277d994d9cd40005cfad0fbde2fb5196bbf631fc4d00d574608d02e8501eba762e0ab59b30a957db876f404d3de460b7d272dd2a625d2f55ae6679435f7a76b0a2484b018e485d092770162e1d8e8b7f10699f9029cad7301dd2ef70b15c4d8d4cefb60fdaf3b4335b4ca1073f85f5f9027785982119a71de9393e17b86319372488e09ad43a75503657c45bc62c7fa769afff126cf929a4ec036413b666032323138863357e43c37d36989c8c00d8efe206bb8a3e461d6985ca31dee229ff41bf59df36ce4691bf6d5601d59dac508ba90dbaa35f34117f80cedab95698e63c380172fe6b8bd6317f919ea8b02e8ced5ad2a45cbfc56b1d691a362ce5bab2273ec42df884f72467c855c03d9565740205b8b824b908c4acc0de055fcfbdb17676b28d656bb25cd7b8a76daf076e847e5aaaa865bbcf10cf6bde62735a71352259e1301400045f63d8d01a5b68325b5067e0feb88088058ab88ebd7feecdca50ced7e940800e6e7ba5df6a2cc285edd7bb6757506d6c629e5dde51af88f6e48e367d917b4c35303fc16ae20072ef3f424679280da0ca26411ed935d84a67e4dbe4daaaae6d2ec01cca02173ed21e8e6801fbd3f50d84a16d4eef16a7f975020ffb779d9a3591a2a0a848a7dae7270dc8ea3f8cae80456a71ad14144c946e690f43e0301b43178749fa9973bd8d01e2e46297c0c1bc9d64444b1198044273e211f134972bf613ebf839d4e97a9c756b5415f7d62f97c3f26b9418d3da9134f2479c0eb2d408fab4ef0f106743d461297d1a4e1fa831f1e0e8f0d4e04bdc33ffd7ba9bbbe582433a266baa41d168433fe43f646d180db1537e7375dff47b5aa85473c09f9454488b660cea891704ab91469411afcc6ae25712cef731a2ece4f689c7e5ce86913e894c5fe68ca9523dfb2f1404404066ffb7c1f81b6bf3506a833eb1d876f4360d663d49fd05fd81d605591090029fae43292302292cb8067ab6ab3523f524f5bceec2b0c48f347ab3f2f97e0c7cff105c47766d9dec9200fddfd3e854557adced5b858806d370da15cdb04ccca47d9364336be07f7c6ff755ec673a7c896630cbc04ffa70f0e47973dec54d22df2e1a2c4b0895bb9a743897d4502e165cc98d99f49f84249cbf0958ed4d51f98c3236995d0dc27334a624b7e7f012bb2b51e8b5737deb55255257dc62353c45905f17d60cd2e93443e23872be19900d41dc4090c5f29df4c67c5c0cb35b6d92895e3979441c1802e3c963f396fd967a53b3d9d4698148a8cfe25ec5ccb303571dd5a278a1bdc795195d6a1de5850fa4a574ef25bc74effe580789792edde2628ead4aba26d374cb1d5d3ed5d14bc7d15917c5270dd16e5c4abb9a5de022fddf99f7887e8b2b389951cce2f711b93352ccf2d9fa8854d0cefa35f0d4008968204cb54255fa34e4a40475559f1edcdfa130badbd594b8289455681baffea1f94a80333a919ed9a8d90bec92564ee9b6a1aeabed1b04fd09966cb8e03cfbf5ab5b00944d495a307368e2cd9e4f99810117823b01756a371e95f3039aa6b9065f12464f8fd8ead9e0182d9203f4d6e872a76b702257e35fe5c5062e419d809b38a871a61f845b9174fe3bdad03fcc6e5e74756088e04cd5fda9f07178696655e6eb8b4c4adfadccd447bf83e58ca2a69bca57fb8981c9ccda899f1b7ca760bcc3299a9f97b8b2e3b7598b5ae438de478c38528822bbaa25c89dc7414e0f2dd162a0987591aec76f68cbc7194fee9c8212cce254dabc0e1eb5ff4f40949b8982b690cc049c61d1a614fdff8a9baef985d82fb688a9670c43034acaca55e3df4fc64dc7416fcdf8c5c8088f6a40f6332b504953b164f7d143f6466d0a1c19b337fbb0a9062e078e55cb71f8aac3575a2a149eebbd41efc4d19fa0e42aa68173a0b15220187148fb16f4865bd08a3577d18d4dbd30266ff65808f04d9b2b83ed728a6018beb1b8a8660108ee7d3c364e5686eee23ba3673ba97b1dc063fe012d0e8ffd738349f8d062486528217fe5cdb2c7e5c4668ec1378a49fd7a37a93b1985b0fd9e3881772a9e9b1a7d25373477a10b1d82b0aa3a133899062520c97ff7e7c18a316099f5366e1af0aa8da348d5c9431ca60d8347b7204b717824929fa26a106b76818e37f78485cc1ed07d6b46d669295e5a4156ed35786ef2c2beb64845266a00b235a102d160327642e1b0d710ee138c8b79f8138fe438c33092c7f59d0db2a611529a3347f041626b74f9c61a3e51e803dd44764bd9c6fa5786cf021f69ff1e29f8a62174f484b2adc1df76e506b0a7d47b9beec061d4dcadb55a51ab7dadf32a4e9df16f55f2cf7cd8b7c42423ec8a2f78b205e8114a992b2d98647e468872e67f070aa54aa6073fc0c0f8f11d45062a88a5d5c764c5a8651d1d4f6dea398eac24b7ff1b28cf7eb50fd902fbe8b03be7671291dcd0b06b47b17b144ddb86a11fb06e5702c3d4205068b9c2f65766b38ecf23d305fa585f56fe87a66bbbb0d895d3d046dbfc4c581ad957a8d9ca220bac7d53bcbf17d667d12eb6c9d439cc3cb45179ad92a215440cf42d91adc59f7e083129ec0e483230328b72141077d140aea81bdd2cd73f5ca13519012a5effe274ab0a18b2cdcf243709603c176c6b3956e07710feb8df3b15f6c81d357d80a5a3afaf3898feb4a093139a17904a1951c7c19d7b16ab6287f415a650df9be68f0d9f1ef13554aba2aaab6c222fdee2b02d8c25c9bdd8c090794ec827ff8bdd9dea62fda173e2e48d0832f282325796ac3608991c1ae0bb6791c328ae6170b6693d1b48b5c1e2fd5316d8e31f0c5e215551a607502a009df38ab39602c892e36f24c3bfcd5a642d1ddab8db7835b274526b18729b445fb37220c8ed4c2de866309d6e554d4095cc776e79f244e9a0b0430593ae5b22639e6b6aea10c67871c88f7aa65e21c3c9d8de370eec6b375e705a11dfaa250c3f32bc5ce25758876608463fb059c5338db7f6d4cccdad45ac838c58eb1a39c3deaac702b514c123373f58964c7d6dbd67ceec3d4e4a050b6b7974a910cb6a72cd39b637318389a010555efbcda254546635401bfe34b56af01fde807a18166605d17e0ead5891884dbfcf2176bc921cec9ce71249091be32dfc0d0a925af639976c94b00991a1242ae963b7591f3cd20497dfcdff0e012219f8cb0c60c7bd26c1bb48ba01ff9260ee4accd1bb80920182f61394875031481c48739dc97c7bd10846752a2297761c3fccb5c69a63cf55a52df8d33289923c91cb20a33d47e7e64735bbfe5d70cbc42493e6fe61e94172c7b2407b12d7f50cca7d41a6233047a407411cd6d21e2c0897cb70d2c2b2400fb9c01f6dda91f0e3cc799c98440fbb5e9edf78b7ff121739fc37fa10cc725471039d1d63f61e54e8bf0a662b09b67a95c81cc55c50b13dedd59477f470d16b1e6607c18d16e57946a24f5a9afa0b73044ea1c5bc7b4cabd94bfd0e64efbb22477400d99cc34f61edb3914c83fd2934e1d6053a45fa801c45eec69adf79b8c6c6264642d3639e1dd495e0215f162623255f1a982e9841945d2f27ac8f5c40225cc395ff6dc943d33987ffd0a772df2a074e030172e1ae6431ee10d541774c3b24e0ed7bcf14fff1e3be4702b5e5079c67eeb10d44ffd29fc7d9d83efd9579d1cc743a1061cb7829c7adaa075740d616aa470354945cf9b666dd4f739fe0c67fc0a9fc064bcc9f4a7f100a0c2f5960a2ac0bb536a280c3554b4e9fcf4abbf54bb05ee0e8a0255f84a09afc4ed84c9a307ba0e8dfc19b4f524f840348b5ad78a5d476421c4cc5e229f70b35579cc5433ad95789edd73e682b038129298b852ac3023b04a2c91c08b413ac8cbe1de7548936cea7189379294e178baa04447404628b0716ff96c680c5130ea2ea229becf71fb9cc4f3d1c57028e01bc9cb2dd9023a407d3f082bda913aa19ad880e052bf9818e5ab5a62da9ebcb9b2d0e28585f6a07ea11b7e0187c33fd0a1317f3ee3398a904e189cb6aab4c171ff8cff8a773780f5deb0b96c70d3fb5378f53ee5f18555833757816deaf35c735f91ff0dd9202dc5a3a89b6e9ab77195a283559284673080503f4a8f01e081046a82b2ff43e59aa59f64d077cd08f219aed4090aae53fa43cfe1ade0586170876cf60aa2e0388a592ed33657378f7da0e3f147ec1b5686e1b7341a351f137e7a97d084ac3a16d438011edc13288ce0aec46ff40e91a6b5dd2d25568eceae9ce8e407ac7ceb0532de9f86837a0ea2a3f8c0380faea3163e0d2ce87b28aaed462304494191403c4b0fbf532a953f887aeb9f9614f042130a381032114121ad00ab0854a7a5f9cf11a5819c3b1feedb814e79f62ee16fcccc8e166b933db57b7afa97b868309475beb1f66364daaac22ff143a03167d0492ee8bbd4619d9b39139448cecb847bb7bf715540d46050a2831293e8b07
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.
