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.

7a3ed90e128dafad0f9f4f202732c65b36f22c7a6d5c4e995f69e154c2b28f7e2c6ee3c08bde9994054735b5fdbaa255e4a3e766a2d74c2fe037621303f2f9767e1808b5f9aa93edecefa10295f18367d48a0393c1cb3899b7708ee9da706a9c3b338d86f21955e920136edfb0a467fd9bdda10021e307c6660f2a7adba87e1dea88cf7883c8801ffb909045b4b78073a3c1efe7688107b10da5b881d4e4400fc9603f330b6a8d17d8066206a10ceb7826bd544b69a8fcbf7b758c71fef64c267e0c1dd9e04e34c0a1e5d7cc21446bc583c2730aab7fb5b6a50054b3b4722bee8f9d57900474a3422a13d7f498a1596574c78e1d3431ecc54e5cc8ef2e5b2a56a5103c2ed9761145e44ce128764c725033e4e5543d93f168f0e8631a6315bfe9584fc8f9b639fb1123b4d773b68fe938a512e18a9f6fe1c97828ee5897d2357ac02c7aab748f9e44b2a2e42b98defc16f1e59f3e7afcdc59a90b4b58214df6b0fda5e0ddf972bf0bb3f7c97755e2d755ed8995f23f02ac971ae387384d08a364736dee904e965eeb24c868f422145a8907adb75fc594996abebb69674d36de6cd37c41f87a12799bde1e6b9c5327d13c3c7568dea352120daecea8e4b8b89310f6726570ab08b29e868a5d651c6262f527d89de9abbc6b51d2a658c987c6dddd247457ebadf119303ea7f073d80eedaadfe66789481e347e86f1447ad676e76085b012f8728398aaa1b829fbaf9f88131dbb7a3cd313c071f309e93404396cfd599576f8add87273d389487bd4590bbc1d5bdf88670df0b25e60903fe5d80f02c23eee722f900d73f49d28d999f3035e1c41b9bff43ad98b85e2e0dbeb31c57a61c69c8318d3d67cf2e50c90ca04e7dea98b01bfba12f5d0945d49f59b04d96c495ba4415bf6e44d1301fbda8d7a54c0775de111c04a31a8ba4bba192c780ecf03854c0c9ef70277936c4db4e31e779c3e311a1daf84ec1c355763983922e440037463aa2f2e6240da7ba2648f7058dbc94921b381a05a3e4a4b3aa7b27eb87c3dc14c1354a2a7a3fbbf50f88c005a3b6113ff3b6c3a413ef327cc05d3416a87b032fbb38d39fa362b1c5ba1f3af74aeaeb0e1e2e177a3fb6ed9ec868d37f082

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
ac190c0b7f8c3df6121ea3f0b63387c35f80052ca5b49c9cfe4fe3adbaafa1f11a908a40e5e0e75b6397108abd4ba1d5e2a03b3a5e5517f219c6035827293e52f5721c1ebd9688727f1c720651548d75b94e66bdf24fd55415933434696f1dd6e632ed00f4ed7f52832565726df8bc4771d4171acaf99e375615bcf97ba58a196e040abe558d9be4355db4bfb15370ee328b43de0d046bbfba5bd6edbe5a927c4e405c3825c079428eb10464672ba094342d5669d2dfa77dea397b3a11ae4c93708802da6129b32b1c5d34de9277036be2db118383534b9779e098fa09d0f150a9c100a8244ebd053c87e46c6a608578ae291f4fae143c5b794079a9ada0aaec64e3c4dcc807213ea8e7be44f72ec66b82c12bc1e984fcdf68fe0f4341e5d0ab02be6bfad1082184c5d262d4b374eb2623f139df5e3728a6eb32697338d6e8ca799a9e63cfacea65fc3d7d188e2c0b2e649cb9d1a74822b14a1f87a6aa51d4f1bcd5be3987163109ededd1627b917853ecf28684813606d51824e82826d513c5082c210aa720ff53e89a9fe9bcfeb37144786f538aa2894394bd0dcd95603c5f44d1cefa1765312a0b3fe24ddf790fcdd70cc493885a9e4fe56b91bfe8eb18f53d6a0a08a252705e600aceaf21282bf2a84350f669e2b51a533a706d864d62aed3a2d68cc3ca001260aef0a1e7cc0c096e954234d27e68d7021cea99384cd6c2700e2f33b18729564530028a3f299ffaa088dd9060d99b89f40e9c4b8b1cf70cfcd8925a196e95cb6c2556602aa5089b9626c8ca0455eba22d7c63d7efed0e945c01c407bfc39b088d6573c2d5d0aa25bcf59ee6897c470572d6b96c0bade417585ae91449cbc25fface726525ff610756d08d6d2eb275164272d0dcea5278bc3f0749aa2cdd29d5ac9f1813e25fa624008060b670df6e01aa4cef95c32f1dae1a8fe89dae518cf42190c994877a37fcf2881df84073148e73829c3359247143ea31ed27fa9b8e75d166d99ea578a659e137e9c0bf0f2ae78ee37df8490ec572c86cb555fdd003a891d433cf4646933e95e11edfe557ffea46072803a9e930c28553f72254fcde035e4f9f68b859c63deda23027bbfcb4d1389d3dd3a661a1599bc6c53226343331ac737d8bbd22d83e
Pill-style when active
View code
5a712089932df331adc132bae3eb6d1d45de5e295f7136a29df3325b09e58ac2a5f3fef153bde03ecb55a820b4bf1bec65019a176eb84f2c893969c33e669f9e686ab1d1d2aa5e4d73ff636be1d97129f66ffefeaa42dbe20c9e40fd7ffdd8a55213d9edac74da0c2a12448c66169f15911ce150fafe3d5a424419bb276c64690d893bbdbc43414b611de822a7fdaa251ee2ed088467adc5fb063f745bc643aa6c29b06d6ee8226e115c72908423ea7fd66b65aa40f652f16c9827809a9643a18da997a0e649b1016cc8d810c70f3579e4f75ed900b93d7f7e799b6d7310f897e8d8f945373cb3b8bfe4ff77c275f8f45ea9b5b7025b8f3483cd3a50e3a243bb1e44e95e64e1462f8b322b31daeb25d3451d8a006b23637ad13f0cf6ca4714fc586920bb5c51c5d5b9b49461a3f3c369ac37ee7fdf8c1290f46e7aecfbecbc9b9d9764fe9a120a791f6c456360d428b4a9582f8c5f942338170001aad5fa5d68ca895e01008abd6a95a033e02ce3501b5e85a2ebc2ab5386ec29df43dbb0cddf0c19fa20835751df6b53e2a85081ccad1fb141d6046dc88437ba967d195e44fec933ca9bf9404e1563143ab90317baac2f6b1548745eaaccb9aad08c0bcd6e3fbccbb0c3bbb9c135d8f3a57ce2a83def7c4177f2a1cad06ad0cb9e05052f7af39405d0db6acd2ba9cac0f5034d584d5c7518196b18de3fe8525d3953148b9234ced4c76cf859d89d9f75c2429f64102b430c83f23fe8a16987276ef308477f9afe6c0dd3ba479cdeca114e6b974fa8533f8036a2cef2111b0806466cf55e5e155e6ebe2afee09aaa841bce205ef2b83dc5d9d992da942fad33619418f707672b24a26433f9fdd39948d648d157f3947d04063b8a1001212c189f74b7a42067377120cbf58f557aa951731f6f75ade9f37d97e12b243d406c770adfcbfadd3affbb3d53f1fd5730a146d9f0626378b1ce6838ce0a0053d719ca5e236adc19c8c785ee30bc374130a9f7ffd1a103c1fe87131c1a08d80c015937f0279d9a01568459a46461c36a0977463cc3a7bc3173a72d0cc96e7f5f3594a32b746f78ba30f69e2a37792ec8702fb580d0676ffd99b68a16c0aa78d0c46fa8a47f78c7b7867ef3af1f8d2660f84faffb32361f4d6de1

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

Background highlight when active
View code
e89b8dca5951437285a0f36f95bc7c299af66c7a3f8110a1ebb23da3f6dc97a699821cfae2bfb48b4790df6d00f6bf0710dd41887712c763531cf3aac59a8eb90aca201b776af6180f094a3d7ac4a0e8b69885c4832b1bcd6b64dedf0f508f21c4b3c03f10d69e69bd618a7ee1357100877d8d8fc5ad3010290cff999a386c586ebabf26ca794e00295c37cb8d1e445a0ff8df3ca921d4b3809fa9db995b6304e8409eeeee38633908b70b3f76743510c38af223c6eab302460dd300747d432d79b664d85f69632e9bf8050a5a4544c1ec345a6d1671331911002f124d4c63223e4e9615e7cb0e1877d6590cae9a70bef0b7bbca03fe255151a095a82644ca42fd8ef29b85cdeb648c2edef8a600be9fa47b3f5c9c6dcbccc1f868951980f1d9bd047f6fd7460b583ac8169d454a3e4b5f0d898e1d1c6859e7c2e30bd3dbf47a263c7e76940f23332079d07d3d3b22c77f71cb98a4d08404127b21109c6836b800993c8f305e4e2e210217ee3b22ecf808774579c8ba768cbff884772a67e3acadeecac99a4e7f938e8169d5b78d564e9b399b7065c44af4a1f26d2b8e3b9751145bf1384dddfeb2af4f3b42efa0e7bf96c837356f63b1b5e2158b33dd211072117aca6e0bb50eabc3045026d583f5bd88c70c5646c5b2803f5106aa4c5b8d33524508c2390eac3a79749386e4b8ac70f6d160ba977595da89b2b63e2151365b944457f23e76e1e3a01f8b91b1ea5456cc7c59530d81c99c781cf3b62acec17fe5d49f4e0fedf8aa232de5880f014ccdb9be7445ac7f681c35b3967dd82db8a1c45561af32ef44aa15b105b31cf988ac1785c2808d72f072158ef8ea5e2667ebe31cb3635d7ff6b6513f39850d0769ba33a0052631c90398afdd69b6103b85d0148ad4140d9794d5f461bb8d93151ce28373dc36c6254197c4885fc3a3f4f934e7a6b74bac0fca12e3cd18f622b8f09eda064601042423a50f3700d9154993dd379d139a49ee943ead917923b288fc17fedde31f24d33363b0f45fe07000c79d3c656f4f9cc1c25103c1a79840bd70ea035d5313165534009f034e30be3625ea308e4e1037dc16001facb7e247dd06f02e6da6499c823a08c0307a8c9a2509e376a51e95f311b6f25799e421f32022a4d557a2015bae79f78da4537171902914
Background highlight with left border when active
View code
6d85a8b483d82a278ef78091539c386d9964040a4344cde41345a64884ed893f80f7a4dec58c1b4ed9356cbab905f10acd453303f97ac3c7559fe620b661b7a5775ebe7afc2dba220d41b786415d7f7706f6d0b48feedb60faf5676e4a4bbcb8f7dc13adbe5395a5f841b2743f18d673c0abe79af3a9eb7e2cf5e1023d52d712b0a365c4453489455e0c40b0e28fc66d57b50559e55f3228b41c52d7989248dba600ef4cb82892a4104b46d22e7d3fc02ced9a10730977f4513fe34e2542c7d5b5a54c62de94878326dca103d48bac9629af892ed22051873566745f73cba6cb48b3b7307dee7fa1c67ee03c8f990d1585bf3bad130563818ada1b941120a60cfc5b42db711d76d9d62f52dbe3205a02d807fe2b0219eb6a44f6d6d30f5c1987c3bb9bffd926f50922a6edfce74ad2d98d72cc2e9459aa26e3cbb74fcbaff80e7e07e2e63347fe7a0e7456fecf1f53f2db53a245a3d7d7b730955e3b332d6b84f01e434834ebda6190cbb916348ada3c22ab7afbedf663dcc3046c1d44b3a86828ca42679782629095c9a3c47a19bd10c125e6cc75aed6188478166bb2ac2ce1cf0eb384dca4865ed28b921348a000f6529e1b9a428f9dd7872d4bef65017a033454184338a8379e41762772f229a9d1606109e76f4aedfa0f8f0103cea515a934583fe6eeac25e52f9b60c3a628909dd3fb58ba2cbe1acca53ff59fe0d064365b746aab5cc27faf1511a369085e90cb3394f96edfba533bddf010662e12afff78c39ba619ac8416033c8beaa0ee198235f2d603ed116b4b4d1a80e34f02c8263812cd664516f8ccb3433d9be8d56d4a8a05c28e25ea54fe2ab0e7e946043a9c8f95e3a406420c33daa068749c5b861232fc3a61b33f9e83450bd6ede6799fcd4f1200a7b32b327dda2eed073376f95e7cfc43539fc841c01427b7b83f2b8272ffbd5279e817b350df70f2ca336c3bfc62dc446b8289707f0b8a774b3cee48b3b95ea53267daf580c802b9bcb9cb31536930f932ae7d40f6bc1c12df0bcb3c5df074e1474db9ebba69306236a69f75a3746df378c2fe9ca679f19b0af7233fb66230c4152ff0d9167bc21885cf71e25185f27cfdf0e9e4d77e0ca3b1c9969e62fff95d965a541e587c368d735ed280842f3ca15130071df9d1bc0a6c1922be58
Primary background highlight with right border when active
View code
ffa9395e01cf5f1a7c5893aa6deb3dd95126824c9812a0a9ad7a9b27f60a88dbf8b6a7f0a0ca8186436bdd3fb28adc3d3355e222ed504b67ed92efdaad74ea7eb2f50872d2b7e315b756f68224ccfe1569f031c27f954e0235e53a0522440657edf83983d8415f08059d037df4108b42d2989a35b432c964fb5c5b23cb2451e1c7e3edacf4f8be4b0f5121b152be2d1e87b3cee5c0d0ed13601488a28962b02655fee6252d1a1669ec0f04c8ac5b020fe0f0c3df783e2ebfee01f6cdf235fb0570793da8561a84df4b52e43ec7d23a0418141d00c0fb72e2d153e14abb331ae21ae58d45488d07d3148dba5dcfde0087937fd4a733571728a1584b4c5f156639605bfbb42c4c93597364b488cf89e1013bd303da6cee187a9b432159d26954757afa331189ca9145a6c2414ecbad371a4fafd5a3a954eb0a99a128dfb33429a84b0e6548cd3b808467590ab779ec6a7b7ddb174877f1f6737136257141a4c9cc642774a995d3a3d730c62a3e20d6195ad801ed488d4036c51ba668c390ff270275b8c9bdeee70f1ae8e767a7ad26ce9968ca31fbb635b2c9dfde909ea6675b6b4e6ea2d11de81e2297fbeb2163dc77fc0e09f9479bb117f689d995127cd6219b207958bec39225b1643f335124e8606db5d5e85ba950e50a5b1a61d33b2b4ba9351e2271d72aada83dc85ec633e7403f0b80b0596a329ba0387bf80a76a1e5e5d8332d20817fec636d7c637fb77121e4649ea3617856d7eb34799c62e70c916180a1c243e05bcc297f102aa09e6e0e77975554126f1deddf22e9b44eadfb0b5a6826158086a223f44a4608999ea84f6a001b994f94a8457488762db11970491953191d5db3a4b8e52b051433ed7aede1c7ec856a2ccfe4cb06a9592baf8bf5ca0def5e6f3ca51a0f9c002b97fdec817b3548d8a6ea4b5fbdad7a2765fcfad027672711702db0925f3c0905c7b283d5a31070143891550ec630e955b77f5b050253b87457b6f3020ee852cece01973d7efc23dbf77f2da8501bb5b4a0f3d7610d92d4394b146e30ab4b5f16a1c2dce9a7c63cdd84c6163a6bdab2a2b29694b8b3fa6b99995974f1b5c2b197b8fca27b26b8374f4bb8ce7300ed6b1045425a5ca940ac21021446f433c48cb3a90b2933dca00557c61be448f768d166aeeac271ebb1d3f273fe8851e055c3e7b70ba731eac7ddfb8ce66f0d1f5e64376fb939db2b8c28d0602f31e7e2c7b36520135238018f12aa2f96ad871c9354bd5b196581552427174d8fbdd62c8e184a0f1fbf654f5ab6ec6d03cbb87d319352704540999d2236d5d54231f952faf6c5bb2d509125de017bfe9ff3359667b1dd554290961b7d246484491f91eedbc850bd3700630b8a7f8f667aedea29bb3332c6872749481f39bd24d49f7e2b62b6e522deeb7bf159c7e2b9c07b7bb38b7a4b50322e56154034164d4e0de7f25b047807247643126fff6baca5490a70efa8801bcc6d57445c73f0480cc27dccd71f93d225e9638b15f6f87ff80e343fff2407cf5f1259e94241036d7bfb68af34febb8bf06af698ca82587f56a76577a3acc8ff23461808332512d84722b9015ef5f32268d044146729c7fea860c2b65450641a9bb066dc

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
58f490918d321bd523a66cfcf5979894e64fc024bc323ae3275a51363d195dae3849c8cd59b777ed1aa25ffba542d757a32d665d9ccf8d8f5f08690cf4a68345f2c19312f17a5ee4158f7752ce7f2447db85bc42a4a7a68ea836a6407ffbb0ce90b88347348eec463afbfe7348dc4331965516107c0f27b0abf1066c6149cc6022e1228670880ee0eeba4ae58c26a2288076d9db299282bdd0618a51d0f532f49c8d0558cf5fff831ebb3a7c414a359b521d2d7b702a8f7f80ad4afc15859fc87efe9a77f32431aef4433a74c048ba59fd45228d0a78918f707c27287f365ef622ef46b2449f5e7e76b086b2fc672bf2aa52d5564773469aa4a8328beed9de9323fe21ecd702475dfe9c482203560e8c89974d93fe5ea803beb207f786c617e009e928bad33bfe1834d31e5b72c385d670d88b416b19834644c51c21d163f89c05c0bbe4c435d0a5e979449a3efa42e26d6aa2214587306e4ad15243aeffb6217bea4de1c05c047d98b1c9713e085a04f6bf1e9acd5d0fc80df1414d5e7f9ffcff4d63d1ed498cb054bb189b4e5f3447bc8559337684b95f7767ef13fcd05cabc79d1ca56c0d74315dc195e8c53eb895874f8b42b18c962d006d6f14bd5923474808144095cb5637965d62358beb06a116536671414c2988e7a16a779abf6c260b50235c5aa2c92577d9debe00b0eccaf419a7edf498c4b9204cc84eaea240c9c207a3082c9dd41ebace80f1e4b706a310eaae3c7c0fbcc58bf945de06504bdc99242ffbef1c117ec5ebef06ac3ac5fb2f984aef97ca1ce14344fb50bf3a7fa72dd755562b90921aac309cc0279cc17187691ab1e0e48112ea59fa1fd47e2d895b13b0c657301298eaf30cd5c595c3d10ff06be97e5b940bc4bce33f5b398a9469db73030c9a3ae12a2b74957f5f5cb03980ea375f424a1e6c7c8d749535efb88b96ffb103d494a644dadd2dd5fff26f2f223e062b9554c3476794a9e11fdbd6c3c3561a1e48df6fe185a3d004a834e539775ccd7017dbde310b2cfc506a44f33d95aa4db3bb4853c96d3ea7593409d956783f0c60874e543cc95730d3576a7a5574d7a3242fca4afba95bc1dd5d889b1b1c08c50cfbf8faf512399fdc12f5bc4cfd817d112f0878e986e12bdfa333f9
Background highlight when active within card
View code
f7494f0f095bf1c5348f575e84bcbe8b958646d5849f2dde3edb21d8bbe7a024bd991516b6f11c6cb3d5baed303ba29e78703377da105cddba2934bb1dfb4bb336abcad2132d01e608aef2df02947717e9794c31aa9ad847bb45862d9e21de741e666f9c926c764af03e32a7ea6b0d8a6f014d43115bb617bd3ae0cc2ef253524ef98e356b6bdc60444295cfcecefdb2e1c02ac2be2157d4479c1fc36470f0d9bbd3cc64266d5b5562274704bbf6c2f272f2f6091d9598d1db7af660d988078b8f6cee10c1b985ed5439a3e67fade67c82cb15805379d8e154bd52aed2a1034956bb40031c11d7a13498fadda96b11fc91105746f54060f7345c0dca32221086eb0edc236f57ba3ef2e93d8243b07490ed21e7864e3d2182d165d4e6d54e6408bf9eb76fc7458a9ec13d0b7ba1430a8d6132b041afc8b66288583314a27d56c9e1a1e64575865f474cc3345c63391870f4ef7cb077a22a026befd08ae62afc64af6b3e2578da7f1f437ded6b4cd98a74a8759cc56b1a5d3d16da664135b5546fdd70792ce4d6fe459ec4a701680648bed2bfd836f494a2e939cdef4d80dbee593f2959f6255a8a33792fb74334891379fd0b7ed648a125d303a3c417e327b934ad0a206addc17058d8e815d8b23181dcb9ab8a4fdfd6bd1b8dfed0f27037ad8caea74ab51d090e863b449c92ac01f0c7bc37615d7c7660f9fe9d55ac054ed36c252528d27312821efb61982d80c5b6b41f3274fbee6e09a094d458f55ba0c100db2482549513f1f8f1bb6b206f92ffe4d393eb244848f9ed12469b4d832f9b1547d13125a89ffce34a3f87b3a478654da3ca63c03cde2c45965f60f889615b7578bd2de0b11dbf9dbb99aa204338b35605e1ea501800e91534e5627f4e9706f9816029581b6732f24eb8394955be259c08859059394a8ac7e2bd427c5e7d3b2b64186258bcc29f3d65fa761745f7b91a6decdd21176e339233cf9e08d8a271d8c0e24bb996f5555efccbaeb460bba1984a5a7ee0119cf24b73fc0f71a31614df96c76f87a980e4580bb1817b0a7381054c81b6d8ddfac14bec51972ffe6bbb57b2745bf60170d6e30917f2b130a1ab2468bf1c0ca4640e96e0d14973e789f429eecae97b05a2c8e67a61f93892d6ce4f

Multi-level and interactive lists

Sections displayed with category headings
View code
734173df9b565b4c95aafb60a997facd0860af1217bfe008d19a57f3d90e468a523887462c9066d7bbed6ffefc469fb6d2e4e21448c97f1a41ae2b30455568a25f5b84a1a239d5ebd092c2de9c3ea9e8687b4555f74a86c481817bd8dfb7b4f8cd978a34293b85652549d2c72ff127805390bc63a44f19bf096b49f643e238417d7ce32f2f0e90e92ccb72b8ed087e73d5ff4406923c972273c47902e0841c0049d7ac6c6500c9cb69574d89089f09dfad76b6326b119fb58a3dd6bfe0a30ef147d6f858c32df8b696c7d503c72ea9eeee65f54f474e3ec4458ec0fdca367d6abeb05982324d0ada8601892d99e05dc4c6b086c20dd36989d7ad77eb7d37af206d8416045a984e582aca15f88a569b5195d31f7ac3e54a4cba1213abffa3a67505182065eb639fd6233e9bdc5c9e99a73c9fb139ac73569fed6425dfc8edc2035164f706530867e23194eb35ce4c309fd19724dd0833484a0cc94ef87309ec4622e8c62b0f61d519bc71b41627ff26ad7232438a5db93de470ea0bd6b3c216c55fda95a323e231d99e597c993cac091d94712ec31dc51ecafe9e5be17fac09304d3625c8eb27dec674bb3f238d93eae7b2bf072956f11e651299e1a3af9835c9446353d674a85911dc5d31499b96bc047cad185f0b4a5f04af04f84c5c568d41ab0bb55cc14667a666a7d4ce42ee3423bf4ac3ed347810071d57cc7aef022eb3bb25c6604b68036044a8d529e1917d75435b4e9b13655c355ace55c384cfdd65d49734dab07efa2e7009aa10c621ec9fcf18d64451c9e0a68125db66239a6e89f214dbbe24a05b57b2b8ecfb463b7e3010eb2e02431881c528280fb8d49b6c2473c50cff2030a488eb0606b76a20e60741ff142c9262e8ea4c40d9d93625ae5ab350758c62f395d548d10ce2eb8ac993f6661be95b2db51847358aeffa7815003b1f5d173dd84e2462f4f287576faf6e276b27a3b64871ef6b07967051ec0da5a9819f906e99018506b4013e5a10b9a9df940a8a5d079e8311623367680dd2a5a9538e260c59625a80cc5e4885874cf8ddb671583a93a4ffc5ae41a2313a9b6d4e7c17a488dfa90a09eda96443b235a9039fb50317e6dbf7d16bde592cb586afec9a25b696a01b4f02df41ef989affacbea3299fd55af84e053c372dbf92512591033b71ffd7867133b9c5bbab8267cf52cf5a5d5a428dc08d037251715100c792cadbb9dd4c85ebe2415be86fa6a3ebfd1df5ff72a9fb7d43707f5769748ee74e76cdeeeae9be5ee5e9da7cff774d5bbe64fcdada328ec54c14d1900dc576e4e699b85162eb4ea17fb0c7831aa66a2ec79d64f3135e7af1b7d232e22f6d4bd7be9af63e0fc3bd0ccbf5f67a6c1f748b0f0312a5e1396f1cb6b8ce7f2ea4c7f89caed002363bd9fe6d9cc66726070f2f3ee8cf84f3e2f5fdd1ea7887295b60f121478a9b048df9a230aeefeb923036d8c824512a279c74e539612f00dbd89bdcb559858b6fd01315c107894f0e8d509b8772d595ac9538bb8773e40f9a0d9af46d35bdbdc39b4440579d9f06a14d260d2c14767d270c8a641c5201275a469ddcc7709bc31e45abe366d589f5c7df11f893ad3656551e140341014c7c01c362efb63c78010f6123178216b38429dba70bbd605bc8111448dd6e25d8318545903b81b05e51f3a89bbb3465caff90c523e639ac605eb5ff75d4a1e8d23cab518e7f51eb54f1b814a5a5e0d92a2ca9438a510048ccdc2d30fef4a23421a81a65d023a47529c53fbc8f5a336c7e94f8b3e21a79617e51465f4175bbe6158995cd8eadfa756424ff55fb7509ca0a0e34215a660de160a0065776bafba799177225feb2c3a2968d2b7b9b7806cb15496d8552e6d8d8e8686d0640ddbf4dd3fc8ad35cd4e64145250da09c95196883b38e477dc643a5c608500e8956a1ed5f6f3ab0d4e980a56952b4301b40f848c01c82b3c9aa2bc7d69f72a36805771bf19a512f502a14f54de9bd27882568c896d91cf670bf
Responsive category list
View code
0599b5987045d83e847f617b30228641aca2b0cba70f04847b1714e22d78c57c1f7782d50fbca32365136149171bb79a44d748a5d02381781075f295c93db6f7bc9c9baef347abe3c65873c6efd545c6cc62d3f2bf559af5d11ee7829e5436e64865b8fdf808583d9e082942438c23a6259f6a4f8206ff5dd95c2a874d3b0b74b224df9aa09876c979db58625c642120c1a6efe08cd83f5cc5817a2ffeed59565a833583db3d7a04e8e8f6d6643733a1261821733a4d0bd45a707d7ed33b98f13f206d3bf7bc9be35eee4027cab1716605d10167bb969f2ae617e2cfeef78c4932b7f1414a108092815c56b934255d99b0b72a0fb3d791121045d3669a11cc1ee0ea1d125552c311390f7e26c1831dfb392c83458a3f25b7d232c4be4baf88390c04cde54e15937c997573b49fd348276cada218f14ab92d55f501b2e55168e2b87247b472c3f10b3bd2bc6dbf7540b9f99d4ae879d7162fbe6851a1f864d62039d26b5eb1a2fa2a2254a74b49761770e671e1a93d51927b44a8d5f1460fcad3e6fdf3ef4f207857b698718e77e31c3fd25ad5b15f39aacd8f1d055f3650ee631797dcba6d5fe3872512401db815eed7dcf18dc584f098e81418cc618278fc3671cd05502fef63b1cedde1baa68b60fb9b7a14c022852b89ebb7ccd99d5577a246d3ec3dd2866acf389c3386a8834a685515d17f970ba8649f58e5e7eea80e321b12c68b4268cfbe3489758233e427483164ab3aff6922f28b368cd61bbb00c10e2d914c104b5da87a4cd0b15e88e9f7a59cf0e147c776c57de07f0df71829d4b66547b9945b54851b32513991e1464e688e9de4882a28e44a7f00b9a010b38aa4a6e19f4370e6f657343b0aa950e62a5112bae7b4297edeb3ad0c1d0b00d0697cc0aa20bf4295de349a518ab8024d6eaad0ca20db42b025e2ee75e26ba6258ee78347d9c63259ad23f8cc59094dc54ef303f1cf5b298bf1030b8d11c62b5b80ac48f17c4a11813a477b4aa80f553bf5fd89aeaa2e5bf833f6303fa9391163dfab452f46448a6598eaefc652a5a7f9ab4545f3a2673cffae075cd775806e7ccdec61336fb27d492190c4948e787281b73b4a2ef179d5642b20a42d8f939f1982b8d86e5322cdb3fd1f370073dab445f5e17a96a23829da8481a2c19c0f5df0ccc194337bd2e7483ab69705c273153313cf5b0d832dc56404bf91d06b68136a91e610ea7c9d562b6430d00ce622b635e946521a27e44de1a661f558b745bd2e38cd0c42b7c64bf08f55c021239a29df71fc95391aef5e64aa7befa59da6a67ed829decc1dd617eaf2599ad960f695897662faa289c3c0ad76e789651d685f930527fb37c6db27f89e587ce86bf085ec11325a7b5bcc8af01a20ab374a00e481637784b137e99bd3b7992d3c337ab7678f17925620671c7a1235c51d394bee248f29454d52192c9773f54321a7017b8f72c51d411bf71957b273161150c9caca00e88b258836afe77821b04b53cef957b769f10b5e65638b42bb3ac8a77066a315f6c76a5a2bd951c452e4f8318eb22680054d0ee80e78cc169bd8c556e18f3640c53a098c356bd323071796be133328221d78c59f1fb03878a48fd1040f85847a24cb3688bee8b76aec7ab018a14b0c6efcdb2cf665974fae1b40144400845542a4eb9a488479c707c9cdf675f22e291b757f8e00cf2e39c60dd6053bb3982129a2da5326e45bfd6cf327bff28e352391a00fd857d7b16f5b8871a6c03ce6ec74684d6ab5843c54ab3775cb7bd3bfcafb1c3276b741de985ba449a0877571717c507877b5ae89c3932851b1bf9b040d253473ca0542bdfe7324083ce78baa7ccdc49707ca6a698ce551ac3fd8f2463351174f4fa948654866f1bc7203fed94726a7ba48734749c894e452ee58ed3d9d374ae82950fdd7926ef3c3bb3d13996883f2272df93aea84765fe93ecef3787e4b9cf1c7198dc09b4d51f12984af539f10b0a3d8e1e91fcf8d05357da0d4b1eca8ed924a3eda566a945c3924f6e602744e5dc8a00be9c58feb60a10993372353726dcc3000b1414a26ab1337537c78c3aaf100bd1888bbd625aebc3636b8626d160bb04f3ff0c2dd51355068563bb7000f946307b1aa0caaaccd59e8a7e5dcd3c63a3e4f3397842dcaeb8b4ed0c39c5300d613fed05b69ae6027157574348492f9cb20ee2f625f459f6c137f8439e52eec8539fa8d0d80809948d4018fed3ae1e34ead2782e03615c4b0a976fbe1be7da6e5e981eef237e1ef581b7c78aa7514706674fda49998d76e80d92e527bf3c49da86fd34315861ccd8bb851ad6bb4c3f88c4133f773230d14b5ae0dbf53a3ab5abb28cf664ee80460c2e5479677585ffb4dc911df94eb9b855a50e37c87b83aa9aea1d28c83af15781d7a21940f52dc1c3a25f1d112ad2300c44a14f7b09fe085e4de1d533a77b584350384a9e21a96042a8cf5b63ce973f86629ce6ada69c5d513b850ec81c3a25eba923b041d53bcbb6ce34e8424cfd56e41069cee14892a3e22acf53c52609f9d372ee99594a26addcb056978c5a9248a385a87eb385212aaa2704f3ef1a507b0928e8a00d196ed9b9ae8e64a0ef1b42af95fdb28c9ae5ca537c184fc4d96a5cbde5ed339991c300d4e818b7dd87e85d946b0b24c69ab0c2416d0ee5071140d196236cc1c30d51ff0d741913e49c1557f63417e58ff7569bb3d26c7d8b22e61ed702a51337047888dfb2527c88bbdf2aea2a6418289b3bd7e0bf55ffe9fb8133c03fb29dca3e4df13931ce695ebcf355b65df142eb40d2ff27b56d81ca08bf885b6d50a218c0dd8b7060535460c904fa7c5d80da4f2d590bdf150e422bb5b318dd08ba9e8168546c9ac79fc69537fb419fec87e9c0c3b63f47e9d9f2813de0502baf72d3fc38e1777e63bb273ac3d32e3cb17dd19ef7909709989ec614ee947cdc7761196c82f7fb2ffe2cd28ad34539dc98ae79ec60150dad442a585b21210c9a17d38eb82638298902220c62b41db52b316bc5eef4c36e1516007835bfa82e3b00092aa49032f82f5abdecf9180e25ccb1a09f5c622b5e1e218e5cce6f1634bb4b755c39bf727270f1185a7c8883624aa96234196e7776e14bf16383f485e4ce4b121da1ebc7327ae8a77d574d21dcbd740a1fbef5da18d6613ba774628a44ec1173b44cbe430f29f7a8e8c6d807e6c4fce8cf7150e093e966bacd1e0fa8229d321e63f78072e21342c0b5e7f5bffceaabf83c5c206fc8637b90eaa9e58937bb01fb215cd9f7e03f24155e02a7e888e29344eb39264d5d9ce782b586a3a63095d083138d05b1fe3314e206452ac80336ff1f2588303ebc5fc0a328902cf128fe133ec0fa709769c8bad10fe7aa07c8c8f72ce1608da3298c0b69b75ed71b53df05c54e7f443818d
Responsive section list
View code
5cf628eea29cebb4eab67ab9f8a4ba1465ab84eb1b9c47fcc6c70aebe8c4310711e4d9c2ce41c9a5b2cfc80170285b23de145af6a6ca83e2c4b928bc0ca3a59f97405f293b244273530fbdf5c9304acd8b9a6b535044594ed286c96473d52db038aac2d19a1007e93372bc417c73d5a61e8793485396e87a746be88267b072a674f4b830555ad45f019a36310c0ca37690a4903dc0556749379682cd4d58db08517c4dad46d9fb3ae5e42f86e1926d56e3b12a18b40350d93539ec079c20f369a54ea73df03156abe3df319defcf74d700cfe8e5f07d4342aa7abdc4028ddc48fd60a818d1274ae867c853a3ad403fde9e0491de31407fd76d0b2dfd26d7fe2c08b642f96490afb8e585a008524d15947410cebe21dce02db2a7fc104bf35162b0da08df4a6d342c7861c58a061836c58fbbaf1b4a5a5f6f83dd6c7e9522dbf1c19bff3488f17620653225f2de172c6ac411102eac70371701d4f385071a696dc52c2c417901aba856d41262bd1064ac33f2cdd17388d0b0be6bf6c46e5c0629c4e94908671a9624a9f5029b2ca9491778e5d76a1c66579a52ec4fa1edbbddb5299c06259bc15a7de8188fa2902a49e58c02ae6247d571b430f8abe4421b3c733f0ee80f89ca6837b185a86481a6ea758b0b00653dc7e6593e45debada4ec3579e154f560d212cb4c9125a3a7f25683c5ed364931bd5e8bbfbc020fbc85777d54c6d9efe2abe0561bf84d76fff7ef9531d68c2509844d18d66b9f2fc313af708ee83482ca93a621deabff90e0be5f1b9d6e5268a098dec4552e47c1ae05bd1ae5652044052914350a3e905fe6c791b6970840c61e3ab47d7d312bb74eb86c0e941e741d38776ad20b003514d4866a74d290386e1e4dae19b7d785ef502769de3bd67c06672423a1cba2a41d91f51d10384813a2b87199ceaa0b3f04e36fd13611040b72701f2eba5dfcab1a4ae5e81108d8cc779e428c5abe89ca8650f293964c0c4568c7da9dec1afc646b7f227bd2f2cf13dfeed98ac97402b39fced7133e21501c15420fbae056c28b3605fc48cdb64437bf8fb92e81234aa81975f5c29136dfab1b7788ec773e68039bfc1ab5ba8c8249b9bcc7370e5a12d7a1617caa0c51f085b288a441348ead191dda4f2b8ef3fb80c099038f4f6e4cccfefa30382c9688ffbba9bdc664829baf1630caa301bf36a3763bd4d0bafaa58a01919e9610722509d3d00c98b1d47ff59c77433d4dbba334947d3202b8df61b18e82284391fbf52ec5cce86578773de69ec1f43f6b53534b6bcfc5c41c577ff536847f86ea2ea0dc17b6f5f7754de087e8a3ec680f5b5c25f2dc8f29dfcc3e12eeabd9b4d628a8a9d0687e434bd568792af185a0bd0ef054b73d3d6dd18dc58496ed39793359a77529721714966abac89c228cb869f5ecf93802d9e9641aebef1a651d62e04c28459f2d0217ba5f6db3033ee36018fb8c45bb766885782b10d7288b0ce440cdad94e9a48f0e1b0e704d5a25537a330ed4b4862a2b9ae9573519c7bafb50a37ea16778991945903951aec3f30e30fab5b625acbd79762141905b85605fb8b110f72a9ba3521852a6894ac1d8ec8d236c283c0872a2bb6f9466fe2cbf49f5cdf13b38eb52a1c69452264c996994a1f192927c8fda1ca0596f00cb9b9fc077fed28497b6b819d83c08e44eda55393040a08d45c50cbc162bd180df97f2ed1cd026b42644eae19cd9c9f5e3fd2448ff5a25523c50abf6b83bc066bcdaa0ddf14c6ad149cdaba0d2deb5cc9b516b7caa94f16ee7f4f0488f2e1ce6f878c6d3618f41c8cea31001cbf167c1a54c2dc1696430749f04cfb4436a5027054cb552460c13b7e0467868e956054c122694dd4e74fbf98ed3ad91bbadeee9395f44f80eb9c983a638f0c935ae712097408fb88476c0abf66b95c0bad31c5a20485eeccc37440d44cc4db60f9c515cc9a04860e6879e5175a0c2e7b6aec5bfc2ef7cf6e87e3e492052f15e81bcbaa176969bac492a1776740bad5563193abbf5465b744713889d8ef35747e11920c05be004615fdc7f8c1aceda2d26026e04cbf9d27ea9c756f22d0fb2232655423a316ce975a54650392fd2af7c67fe10a37af3766df6cc519c66dc94a5b8e62f44bb2e8ba6a920ea74ca55e35548b24ced3e5bd0d3f719b88812ac9eb5e6346287e59716af4bc5cf127015ddf66f6443b4962a2c79ab1f6944df7735ffcd5bf9ca4000e7dd338a0e2b2963c30a8a96a875796a89130087119da7b1181c5aa0de0cc388ea904a7feefb2eca6d04f8c271699b92530b075f319e78585a08856b480430a2fbc64d2169975b405a120b5b3dc669873712db3e42b619be10b88d68d8a2817a8a905b11c0a9270bc0a7f73f4527c23786c2650e10ae3ad2feb64f574d728f1950271e6ba36993023577103de10c6bff635d480960ac1db9fa01e0d9cfeffa394fbc99dbe10b36bf4fffafd48ece4734384757d868d75bfc4bbc370b40eaccdc28d7c094f082c610e6dc0a340c11fb9ee63b23f425ccaa99a494827a03e0b368338cbd7eca3a1bcf91e158c4c6e70b6c1c53dbab32df98ebe75cb55e5e278bc6447cab05918a3208ade7ff4cfaf133abdf14a0822611c46c04949c4cebfa9a6c3d1888522ed0bb5c27189640b1aa0a6fc4363d1fa85f50df13b29b2ee9f3cbc2a9e9f6c608d8be36fe3fa4eba38cb6990d2bbfb9fc9dd7b3cafbcfc3b37554d76f045818fcab2a25348fb385a01f6b603b7c6bfa8a35888fa61fc980181c2ea01e94e5bd287eab41875444305dc8334e014e7b17a787dea48c8ecdf2609f3b60c5392756c23198fd7fd4071f0b53b3de95d46728f2549bd69313fce0247ab9d8cba78822db469e9ab9880070f0b6680bf93d9ab513e0199a85992f9e4594cdbee0224ac50f83ec02abb844337731641a490cd596bdde318e372dbf9284e86471077bcbfb623750ae9b2d00f84a4baf2baaf7d1ceece1545df668997a564917a8f240eeedfadd51b976dee215e9e79690cbd63631c2fb700d0f12b8d4867d0c089d6323f00da5b029b3f26cebd1cb63401914e8ff682cd0747c182c3ded2e6e7d620bdb22d14d3f71833044daec32bef9eb69da99f49908a1a768c754f0ebe90a08925b7688f628f3a2c54d8ca12a5fb679a8fe26c4b569524c92fe07a4f35f55a56866854f213e12ed1fd2393d58da0ab830d280dca253bb6bb234da641e858b51982551d1e89cde2494368d5937fbc6cf5b80d3b1479a14a935731498cfed7ebe4159c3ec38291ef968d249f5d181284725bbfda2137c90162fdfe313d33a97c248fc6421ca3baf008d694d39eccae29705db8bc192632e7829ccb2739ee9ef04faf4e943cb064cf152526f831c7978b9127b3c4c92437213e2692f09357bc385778eef5e478ecccc88b2211c7267218576687959e677049c10c90055d0f73da3f62b9e37e6f95c7314a0963664b16cbb4b1fb4c703fe19e96a08cf3ed8b8bc495c6c18e512c4f4dd3930ecfdb472cc2ba3f3bc6426cca0cc5c8ddc64c4a2d0ecee436b5b095220d18010f2beb7107d44cbf079a26ece6933ac08377dcb760d0a0cda337f58f54d9f5c0a6fcd66dfb64d2b1f7f1237a9f32adbc54715db53cb044cae047abf7a9d0037f814e88ce25d75df4708cf0bedf43aa71ffef341f1543db7833149ec87b726fe0351f883865e721b64c4a0768fb40294bf49ba7e19af8f3743ae9257338160c71ab2ea8d6b925de44e5d0656167cccc42c08ad10765c6eab83ddfc082ff175f97dd76b6c02c7d7d718d5a068f7ab1ffec56e7b8d1e7282eac2d68ee4a72357ff354760d9063bce37a011519b4ff0e0eb87a3fd1fa495f869a5e58b2ef6a21d29346cf3e3102af4fb9aafeed6408c5a281b213d6753981a8de3b4426360a1c224e83dddb84ccf2b5d9b442073e03ad71cbcb72af8a1ec607d91409b1dd683a8ecd471807452e972cddf1bdae367f75f811a4c2ae1fe0d6ebe11f4a0797f4fea927b78c7009dface6eb2f0437fa26f3d5f6c65a0d9cb30d908a70f0199d1c8c88e9c1f11657c99718316282f2e82d217ee3c1e55cbb05878474f952c61c27e75aef9b3ddb2605434bef537fb97f129eb005eee034dd23b512d5141cf02de7bcf30719de8e24d9c920f7195fbfcf2fd91f79fd1fdd94e6c1a1978b705764ef5295184f94e784e30e3a3a7c92eb8dcbaba56257dacdf46bd485e355c0830f518c79dc323930e9f7f676646d55cddafc5a2770fa8bd0350a7995beb0df0dd40194cec26ea5edae1012abd8f76005674703db19cf850e1d57faee241c59be572ad2e514ee6ca75e944c92737c95e528593021430e89eb29c563f6ac4d6970425d626fd7c0eb286c032de7b3b9fec2dc9f6657898509a6370f28b48c08dd86e066c2bd7ff867d1b1034bdeca37205faf82c9b49e630a3cdd3fb0eb952193b0bbda23957f35d98f8c42bdf42c9cfb7ee26e10a1194cbeec4cd93114cd17b980c62357cd67d9c53b9277ad645daa038a83c929da868ce4555f48c38a47b16997164e28ee2626d62004d73243578fa95bacc15c2ca4fe508658bb89d7adf2fea15dd89286418b1f3a291270a2ed5ba61c614dc2064252c631a686f47bf6c7fdb22ba734b8432eb22c0f11dca0a47671d982702fe18f1f20635a0a51e29d65d68765f1522340954d65fd87fae0f4e3633d82d2b22f51335364ff5702034263efa48c5b990d806faa6504a6f60fbbd9a6d30a58433c9cb0e4ea82705b8c5401cd0c9865c45407df9329c8be009bbcfbf1302ccd55a08ac08d928f68fc1000469bd342169682c7b89e30129e5c50ca19dfa0dcebc4894cf80107bad00c4cfbdf4d8b821dde3cf4c6c0a4e50565e92729089231e237ea6dd1e73ca7e66574dca0ec75595f13da1e420aa832d971a8e0d49c2c3895566b239a540672df9e4ec291b33705f7bfb7557ec79b354cbc8d394e3bd264b4a25660ca5cce57ccccab7f553f174d8058b79484ec37709dc55a68633f8c4e8a3373996094f19ad39ba8156e72cec319f5f5eb4bde706905878738c5d12f96abd43f28ad06b28b62437cb2691926e5b3a246f249ddeb7c4e689880b031563c18ba029e58a3ee052019ad84823c68ca5dc9e8b08510414194454673f1562148459dc95ffa0a4f0c2271ffb0817bdc0b6fd5280a7a764896cddebafcab37086e1594dce36511099f8ea3b50835cb6f497b72b557e5ff742af78bd523ad77d41c390bda9c5d7bbea35db614104bfd99c3b4145e51f5fd95ef46248c078926e69b0a91bb36204786f6995483b08828d9a8aca4f3fde0410fd3428bc78aeac0
Responsive article list
View code
568773e566a53bcebb3c9fabf1d95fefcb16541ce2a5997095b9b1f1b80dee3862ebf9c0e4b1f0452f5457682ce2d4723e308bdd3094df7d327f3dc5a7625456b68b808600bd291975ad43575c30b4b4b23a18ff3bdcf63a470bd200ee819aa6d640d01ca386950fc98597a20eaf40648e833e5cbbd441416f3aa4c8dcb401d35a9f3b0a1473f30ae5f96a1218ef428858b4b1a3df34399101d65fbc58cad9108ad866f56d961de9682e7551542735896add5c38f5be7476e111003b3f67b1c8eda9893d4a98b8b65e8d50c9113b5ca0e1a640a17d16378a5be33a2592db0d75a9b466495d7b06f7d79db01615174fd2b4fc4da2923160062a8bd63326b44f9b4c8127ea462f8ff4ee7f024dc85c36ec1fd62da5c13940c98c845dcfe2da593849caa6af364a43c4ae8f4699111e199689c8ef170276ca8ac605ba88b5358b3e07226e4477adac37d7c6c0432749570a940b44bdf9d6d0bd82411498b1507111766fa031c57421343c6858383afe13aa8e81803013192553820777ef72597785277fb251741450c7ce442c05e16f7df72c6d31367da582ff255cb8118f794a183102cf8c56c15a9635e941484f8dac0d1534492025f25d1ff2053fbdf2f5d1591d3ba0330a09dd259eee6b65b0d0b526c632125e636cc237094fb739d4556f7d37e0deeda59e7adcea3bbd70c46ff92b10a531f14b7541b9622297699c8c9067a721462ba6364956bcb51a3463c911b7b129f2b6314fd61b2df2def42afb27a620c661fcb06b99cdf723f6049c931c4808e06ddf0e0737b354f31930cbd5f6b97ffd598eb49762a42a6a0851e4f6b6b88f1fde05db0112baa45052c07c9d478051db6964e08ad98754481f4b4cf8e2624ab69a78a6ce6a580845adc7b874fdf625f714828f9457ea517378743e7ce7b36ea5a29322c1450d0b9370deea1df5ba1dacf2ea1655f721292b633a28777e919ea7f32fca5d8239deb936744f82dfca7a358c7a251c3f3f0bf14364713da6e009ed21ad70e02790cee6cc7be2111d1ab5a6ea5eb4415564dce016753e0abc8f88baea35dfc02080ce9abd73e86d72522a78bafad7f38cd130addc987f26082507214e4aa6215491a162f4fa9971403b909bf437bb01be5a845890c8da8bb8702f55551caa7e5972ad2e67f6f379aeb4a0219ebee19dd894bd0efde2d0ec64eae6788496b1d65a59a0a03d2d85de4c222eb80391057039657879b92e8af392366ebd7bec65f91a6e76fa8e8270dadb0fb32dee14e9549a567b45f152d8aeb2cd3d014cacf7b0244cae55a25c8d457c82e19ed7f12918039b4202aec77e2809219a8f1fce0f3cd2e4d461811ae6a4c5e85d9d4010f7d5c11402b1234b6662c43af3c0490805f5238269c3b75235a8c266e438678445f1849e0e899c908b5cbbdcfeb94b2404a1d1c096d463e6ef1600662779edcf66365531c61177da41aebc894d52d34ba01c0e66c5da34ab568c1f858850bccb29719b80afc38112827ca14dc7291bbac451df3d9390130bb74a7f8a5016f348e327bf92c27d0bb5f61659b810d0c0521926ac2d98bd6b7c45c8519bf631d8b5d13760feacb8bb9acac9b4defa12efb06657b8db88c4ded08e1e70a346cc3a4243b99cd57457687e7f9eddc4832825b037efd1255585b3e31e459a7bc4b0ee4b877bd89dbec975590b724df866cb3b7776dcafc0a59fc2eba547651fe1dc7813249da0936fd47da85c197e98fd28951d027b1c27b416063558c003ab4998ff8a977b32f33c842d34d28dae6e3d5cd560043489f79ba605b482e300fdc3bad45854a9fa36d0b94dbde279f0643573ead6efa8c3c4a4142f90822d7d92d3a4c23dfed3bf5259bfe0dc4eb0dc31be08e6ac9d7e8a8eb3197d956e57017292c014ab8b6a33c37e3b3d0a1887eda7be0fd693fe63a08e93d349fc5548272b83e0ff22aea059804be357f714f40bda33859fe62a364805198b4747b805b729416ad7fc2283c4aefd5c7d4ab93ad1be66b1d3195e8e7e16c1a026242b13415908c1f4df9af9d1b1ee5b4a63d46e291d6ca4b41f362df239aada0d15dd8783aaced349a307575cf1ece439a5cc62b439b141dfbfd770d260766409b0dc6e4011bd714a32f4c06b1ea61c1df3b9c520371022c14b1b8227eaeaba15cac01d1a4eb72cd393ceaff68a783162215578c717b5d0b3abf905ec20d7b8f9b57bc008ed2617a8ec438b85d7f93c6e8270e44e26f3d7ab5113eb5d0edab92ae86620bf3d985284ee439e1731f6c0493d0161cd23cbeff6ef66b1d5e65b3d978e96b0b6c651e6b9b5dbab8b1d990c770a40b217f3d131f9cb74bfc440f4b66913ab7bb7f11156bd3bdf2cbd46daed14992600585cd535200a7ba4f8c2ce021d95ebf9b291e1fab4561c7f25cc07c19040f14f441fb88ab91d464eb97c2b635d8e49d96949eccc208da94e6bc3811fd52a3590971414338f2c53906792b87e76a2ec550dc41bc8760ccb8cd096eeb16b38fa50025d42b6fa49b3f2f125c7629a6af27bdae85444c14d53ecd93fe46818cdfe5cd2eecbd30eff1e4d1c87ce91d825997116da9b927fdef4632fe6553d9a249cf437bee2693a786b91192c65f79d7e83329b9915d55a6acefcda45fe8f000bf81cbbc19e99709e3092f4d36a0bda8542651cb10b90a65b7996e1d520ebab5d64a2be39388cd8e82333100b38cec65a0623ccad67f511a401dcb80e77fe7d2d3925810f9f723cc7f0d021df5a906f47fc6ede2ecb8e14be310a2ed357ed3940a6ddef1a969f679b82e7ad524a4dc11b6465b9d8224e6fb83720c89f2af189d6e14f93e99c974b8eb749f14e17a67d40302f918c3bc456498de0d4299fc702c544591ab994e57b8883553134182fda07a7797d2765d28c6c9ebeca8553efc732847f2ab610ec29c371d520182c927720257c37992aee06716cef9e26052d0091e5528a6abb77cf83948dbab22d6348e97133c151712aae7c61452b969ae4fa4cd0cd7e6bc939b675a5ba27edcd484c81f5b7a638da0ea0f860890aa96802f0abd7e8f3182191c8d2d19f3cfb54e26345a53cb2485d483aa87d11f75df0986b8a256e9433a849c560010ac3bcba0790f15e5d32cc79f18bc2de88dddc23332910ff6b18b4e5a764178bfaa1e1a266723ffccb0be340848869d38e674d19023fc249c7bac75010b96f34b49de3fb3095930c6402bebc0e7a6c4ad31fd1937333939e315c1e3f40c28698ac8450719ab8bb7810b19f1582617c2bc8dadd7dc90d1a4037d42d587dfaee2c8a69ae3d88d8f13e86ce395bbcd306809c2aa3c4c81ba705f46c34d1a620cc62fbab9083acc037f131af7f92828c4b480b3283af530d43ab71f998124bce063aec8fcaf77615d348fc34100e4b58e9dfce60e6367add5a8d3fb0e2687c21c6c698872669905d6e8f53515052dc753913a9f002b6a5cb2922012d0a268900f826582c3565a7a44d9df3748839a1af02b17572c8f72b8b2c0c503c873dcabb177494425b2b39b5b4f2b90ba42c1064b3e08b975192a3d65dc828c5b4c001701808ce7e0d6721340d099e6cb198736404845225c2e9c2c42b0acc55ec0370ec20621123883acfb2bc72e4a5df5d71530a4542c73469eff0b1f25b222bf2907930d1bc128086194d7b17dac5c5ceea8e38290b5cb709ef60c08ddf10830db0ef01290039edc59701fd678c65ae332064546f18be2bd056ce2c746de64301dbf576bf77e52a5fe4543982bf8dba5910248a01e82c98e19b11a49ef72e346b056e6b829a4ad3e6cb30dcc40d4c42fb65ac6cb3cd4659ef526c106f7f58d7bf5c0e635ef51caacb67b985074629e9e855514b5e2677d41e0701d80df3f80761858235b47abd433fb44b8321b816b43fe586b096c2ea7b6e51dd6d846be15d363bdae24891f4aff9933b6a59400d5b2728086b965910e69a46511e610653cd10580eb43a4b0ce122e6582e53e929f28a754eba367c6692ed2cd44d44a16a209d4b3f08b1263dbb1709635f356e8ba0df514bad2e93b0c791de7946cf91fc5ecaf13924e8c70bf85137114c750e829fd2f9da5fbe5b463cdf62a441a57240d733230f22be0e0ede55cbe019c950de66638a7931e868582747185ad49034f23154f1b7bddc8f08f4a2a8094e8408880812c732f6c328fe549c11f637d706176ea6961c7ce1b4728ee4a360ef9dd3b98d77c3658f8806a69349eef6526efb4526fca81b0d5045400137413b7625bd8a4b8dd9c834098455da4aff515c77056d9da38c88480efe9886f5ea232efae5a42995127d80d66bfdbff8238de316d0ea5f28e60931e5574c55348e115d194d613e363325fc98ae8e85bb55e5915ca4f1fbd3a3cd73521c75f4b6186e730763b203a3b1f19cc2d1958acbb7ef11d82aa19faf8ef19b4009ac5eeee77496828ebf218c53139fe9d7598080054cf02c6d03423f8b51932e361386a7b2716e3327c7e66fd9acafda25de68699a87e93bc5fdabfffbddc2dd8b4b20e43e900467fb676b19a79dd9a36b001b613ee1219a902f5971ca9c88220345304a8f916ed8c27e428cf341ba9201f9c71952a722113b19eeb6464a956bed0f90d250ecc8538ae9ecf4cff064ef3d5e41a6285e971387cf58a3b1abaac171f17552d73a8b1167500aab4dae031cf189589ae4890629bead25b76588e9f432c892fde8ec1d134f23feb113f4f9c3dd7676f56e7c929bbf5cfd530857ee35d5ec172f961e8bf5fe6534b813d9230781f2aa612d2eec53a53141692498048ae37091ab7fd035956fa7d9e78fb3409ccdb6254c6c275506773431838c1c709646c9bfad1867839bb0e096f604ff7703efa4aa4d90e1ba1d9eedb50f78614068e8440c6615e1bbd0df32b08df63b7b5581bce5998edfb23e3fa29c6c0c3fcd0ba01549ef0e2b2a00832832dc71e1ad4fa35a44fd4a8e08d90b08ba8574c5757041b1220e2581464d845abf289d3ff9bc2c340c24705850ddad088b91ef3ca08d475f076cbe5ef981060c0c8742eb98f1ab355aebaa75c708fe808d9a2a8cef434b23ce6fa3227347803f981e63239f4707459a02009422640008c3d0a3bb4c9a52d5872f908d835114abc93fc4afb4ea08c39d14726d9cab76bd84b01b03aa36a438af0c8f6b383cdcaebee2cc6e34552a9c4e6adf584007fa048ed660f26f857d76bd1b3dde6294f41a6c2a2bd4c328cd222fd26ff9763d50a9168066f37c1ac2c0027c3409197102cfe156a10b84699b3955598e5d9a5fdf97823ac25a3f2fcb51c5d5b5b58bd0d338c473dd61d83e2430fdb613fbc684482f8427fa372cbb41a2474df2e1ecad616a0c23a58a2333945a32d882570ad94be7d2d302a068c0187a8d345dffb24ae37eb3c05aa400889105ca71c59ec2c39d750d7ce1874d71c74878c257605b5acf87779b7689899741a48c409b260480840986e13321efc6dc63b83dd303196bd0464203e9dad1423e62350d13cc9761ae4e75a178f18afa44b3e9b66d6a6aab35103415e6ef2f3c5bd13cfad439d57d5df4508d4d8e756a95887161281a6d04eb9bfa4acf2abe5d49d8e96c070af0fb41e8ca79c547b6f4674de06f1593bbb866449065e9ea4658eb01e0ee7125bef5c6f6d364f852d5c3c7499dbd89a4b0828c20a02b672acd3b6794f609accae7d3706a771baf11649698f208e273bb036cd67bd584590d8b3c6f844f1846887b09e100778c82e8310bfc5b0b94818f40c23e391d5c1debbc28c4550b4009817314cd3176f16cf8d9bfccc885b989fb718b96ede7691ec4fc2480a34cd960a9890988a73595e872899b012c55a54c2c564c0f179353048c52d06289cd913863387a13dec543f59dca4461a529007ffd20441b719779272408c4ee615f58f8a05758792f635e9f926a86b413dc03fff31d65e710dbb18bdae769c9ccfd9217a6e3ab1342b7df24139970bbe6c666c2e0c0f63b65e2e0ca5a177bcb721c73c0bdb206c4b3980f37d147413467ba1223a13a7c5907c2504500c32068ab940ce23e8c99a9b1847d94b3314afdf6b19f946dd3b070971d92cb8c189dadbe990efba544d0718c3c68ca56dee94c05bac0a6046e60ab8355cecb83caa591a9492cd9db42d5cc4f0a2a649db18fb708462005ae8be8bcfeab03309703d81eba9ee23ca09062073e24ccf4cf5f8b2586f7eb753367d93b963ca385f0eca75e40de71631d3cd7b89825c025b91d376a1a84a268b9389204fc13d6625c221fad97074b0457af37aa3569ab4852e1838f0025106728b1af43fd6fdc85e0606b24ac006ab03a755f8e699add176862294275ad08475cf1907328c747ab63db2817f8a62509191143e6403b222de391e0d60ee752d7da7288f98639b4dc940c5dcd131036f998e64aa5849fe447ae73ea54624e78d82c57159df65789fc27543dc5351265f9abce6d921842bc59d275ebe5515b4a59d74ee3f5c2df4859ada2ae0373b56a7132c3bc08f35bde8b8b9468597068881fa87e9238006ffca82db9d14b4f1ce038565c2c3453d96d20e89e2fc6a35ee11d99dbd4b64031312267cf3948cb32d250f5b6bfe150ae808e1f9ba06f280376d31d9f84a21d33646977237c3364af008d2c78a6941eaf77c0a8a8b48d2dffdae00147feb1304bfe4b55f2ff99ac3cf8fc8cd8c78998ebdc37664f86303e57731d2220fa0b2f7320a8574721d77d488be26b853ba396ef479ba9fb6113a74906c1361bc89cd49569c167aa16c4366249b2b5d53fb24ccdb848e59d86b0ae6d2a9b4c031a6a2596bd95941b98b71aeeb6f2744d73522c5f53d50c09099d804ccd86970a6281023643b0c58682d78706572712aab11b10d412f926bdd35962c7b51802b752faa0a0a17b64339e83cbb2bf0bbc2016d8b055b0d55ba9b123fbd10009c0977a2350244864b6329c77ce67e971fc7b973f6632848713975cf73c6d1c8fe7486171d1abfb29c6dad85870cf65763d1228b20e20bf711e1b22bd4c362263729d609b7b1fb927fe61780286d9f6e20bb8e7f49a47d5dce0a445aea8b3e0a64fae37298b633867005fadbdbd361880f2a8cb129ed96e69ccc62e2896481a462d4314e15679277b262c847bd730b21f02dd2725f94b47e126702264b6d3244b5a6cce16f767b8dcc026f03418d290ba99caea2cadb516d883319a6e2f973049e816b23a99c2467b92f46261860fc572b4f4c1af5ae0a7a193b514d3244383fe261fdfbbb7701bd376504bd12f52522ecb4bd70ffeb8f5cfb3b204af5585f2734918cbe300b14df861f799afdb5015125b1ba38c61223818306b6815c814fa9181d9861119726dcc25eb41e4c2d3fa6c76361636a4414f6bf2ce6fcc20fe9d8e7cc48483396cd6a611418e4cece1757b38c95044ff905e20d005416cfc6f66d50c42d25ceb12e06b92fe1b5d02cd7d65da002f12e010a423717a37979ff2b7c2bbb8797ea1a3bdc8c0a4b462949529fa8993a9d7da1ee9cf5fe5a8dbb2cb96d323ae0f9c91d34fab6ec61b3dd0314ac58d6abada39733528ccd88f90ba1842a96d866f140b53bf8275b624c7f2c465c7e4122256ba38c414695d140369a08aa1a9bc0d0c3d0ff53d723b8237c93cd760d49345e333677db958f260e0283cabae67f7714144d0cc4a0ad4cda23935dbef5037184b57380c015d56483ea166b21ab3402b09a67dec7217c5cb238ed785abd0d7297f35e997e1519f64539134908c699d3524df441d7493e8351e4255332f4ca2e9bf2bbb4a9826d904ebdaadf811a56fc055054772310a7711ad9ce9862e88fa70dd497c4b70681f35a65484a9ec41c74b328af77df8f5ec465a30ca703b02fdd3526f7849e570dbd2e51eaba5c484164e7235669a80774534479c19e1cbd14728135cf2c7167ab27d0889bd33079143d703de14421eae5cec18fcd4d3c73024465089a10cfe11e9c4f2de295d804d55ad53587adb2981c463dd9d4194e953c8a20fc626dcfe71f7534fdd4d3c60a89721beb1bca291fe2167991f5c24a8adac4f211377b936baa6d284c40882d7fed50fe224fd10075f6f6822d2d2419db7b73043fc39e1b5e4e9671d859fcd3145ab060e5eb9a9f1deb518e1f3fb4f0be244365e7d24976fdf2cdef2c4f2e6890b29bb8461d59e99e27cdb38b4df80485280a059343897b8d2eb1e6e29e56508c9ffcd59eda3b77f8c021186f6ac3ea0ab1990cd1471726375242bd7e760f82c4234acce16f8800a749fcd8cc4678362ca42a891ba381969a9481f163b04c23ec89e5f46d994b9fc5944e2af3d54d06dff8c4e1cb9c554aff34b4da1cfdd8d43bdab104ad88b69cc47d38d93183e73081d24f93458544c53c600dd21142dbd6dc37eac099095c0f53f2486855490a49845e5467b3fd353923ade907f001e3b3d087f0c16534220b977aee651e69ffeb93e216e5f72ccbed76b15ac7061e72db9f484ff26736fbefb9d65497b7195ac5d26bf32c153953811a2e552ae4b2be2e66dc79f3e6b53e0131fc55784f2d7365921c8de2cef43f4208c8a7f930c494be1df07a5745a2ae4988dc697b370e74dfe8a859b53b7e6454ef1ca892a650556324a73ec44c3ecba3749a956c503c4457be9dc7ebed6ffe319ea6a3d44d2d1f0623d654fb711f4098fc8d2015d78638c7c0662d5841609d3048d1aec7d3102f8fd2214d113edee4ab3bdf437a89c5f5fea67cc0188877394ee5913c8c384ceaca3d3cff9023c86dfc28f1557ef393eaed5512da1ec04d8294628c736de162ff340dc363c25b320ab8033f9b0ea7f066bf3aed52070c33bb13edac0a4fc2ea1bcd2a422f215651f8b035e786770768a9aae0eb99f4c491abb37dbfaf1bc2dccadb9107cdf2f71c5ea58799a74a3320bcc1d2613d894a2bd91779e9a69fff4733fc9c1d5fa34a911cc16a21a03b38696beed25c508d530ad6edca9d2333be69b4df149089c10590beeb59eff3a1b3a2d51b41cb5d5396158398e567e5eae065e07e1158ee6c960b4852b011667b10159bc1909081ff791cb428b9e96399401a25b2e27acb54d852f987a29a3b557cde045903c64d2bb241c4f4442427584ddd0c9ef90a18539be570eaffc7761b6dbe68dc4431e2fc02c6f66d5125d08d80be72764c76d7ae7e6683f861fe33f0d6b8ffdf982c1efa0628bdcb8657b5b705c304fcb2abcecd00fa8337f50b84274cd5a0ff6630edcbeb0d32b4cde98b6adba36cdd4c8a8b3ce2d2716c36fc06c3aa53c4165da266438b463d9de792381f1118052acdb76d10bc87a7fad1a80e4f32cd75aac92adfd27c5ccceb4c25971a54b9d70b0797aae14910dab3b25382d74c5b6ed26ea7d564f33d6b1f5f2855cde31f24ada36cb537098827a04a6edeb8169a90fb7316da1087bcf021bae3eb8b3cc6220a9c7653cdee6aa6421589375978118a0569874c6db77a832d9f164fb01237427ecfb0afc19c5124010c669790e304ec059d6a32d981fce9b04708b03b79306a280bd9b2ece2b941deff85b8523d277caf75b6d92a1fa65892858ea2083daf1cc3298ab2ceee791bd9547e504358d2589f4dec588d9676faa3af164cda04765daddd73be01fa984198b6e0595a977ad6dbd1614c5179a6d84b5b5f3d86c9afcb25ba7ee05a3a03a68b70c56009e5b2c037e12e808b2398b23aa959abbe912246278bbec70056f3e2acb2c456a1d262c56a30ae08745daef322726ae4d899f5da48edc2d0286a45163526b1d9f4ffdb250b0930afd89f88e75aa45e641edc37a43b950ac1e2433b65c17466caf39b6b83779ee84ef6f63e6fc55936d3c2156b633ddcbb64c0a53bdc76e1e47dc539a1987e25ab0889515c164660d39cfdd42ccb5349e25e1c449ca0d3801478c5d4018507c743b695b47d2f45e192fc2b1189c834a99fa23608e72dfce213d3f5b0e7d37e76d02ef9bba4005f9f0cbac170effff63f78f62cf6f90919a3af3bee6c21ef04db3243170cca781d99a60323f9869444e23cbb9c20af5d3d3246d985400a0319b1b5b2c65a0f980e969753e7248be89a64e9094018b7d57905533dfcf127750f6a77b73bc4125c01ce022e1e09698d649c3df1c7563f0840b2316b2cd4460e0269c1a393d719bc4b20f845c6d92022b604856d601bf18ee27061e47e1d38dca4f40359db79ec73386e96e695b5c5de6f76f7c4f32a2e4bf10ec5e32fa754ea98128a3eb1d7f5a12b9764e72fab6a18f8906eb2f9c123b341fa41b03de01cf75ade7d0e064135b4782c5d29916c748c20e57416dd6b665560cb76c636b2d24993fbe7e04ceff0f4c7e04b00eaf1fcee2494d65f8aeae261ca24f6d3eccfd1fc404c5ea0686bfff4c02695c6d9306e229309c5979e103e643bd69d4ff4f34d3e97fb1c6d8da3ec0002d814bf7ce7dd2b5588b1d7d0bc1562520fbec12ed0c662dfab218e471bf2bcb28dab75a7a9065555c060ee760d18c6396fdcd9a379cd513deb2af43ca9cbda7eb86ada83d48f8d861f4d32d8be378881d20e239835d5390e6e66941c0ff659d5324ebb5c704881e047c4e79c97139cee61d03f5f38aa53bcd028243c0a3a64a8974ff7e9b4b61aa5a7671c33531239af0a5010d714c06d90d1c3d5612aec069814cc28603cb0f9fdd2282eb75ce2930a6951865b5b2bf60702b5874fe6ecb0caa1ee4bc5f0ccdd085fe6344e9379f
Responsive article list
View code
1bb3cc32bd88d4b3b0eabddbcd96c324b9d918addaf579bde6415fa8cce1066d01c2b9f815b3e51ca20f248f97dbd6ab000ba36770881d1b4cae3f3e93a2cb4f5a3289a2bc388f0da554dbf7a232306834502f8df09a04f17921bc8bd3def1d830f958b2c9cf4f6bc400ee844d0a2e7249b4ea5e07436eae4fda370cf866ca1bf73976e86082ad27144c7424cddb8d782212b5d148a23fba488969f94ebaa93218271ae625c67403c4cb95be63d793081363adb184ea084a8d77847bea264dbdfa1a010c47d3a1d4a71fe18ed8fe552eec016f5219e318a907b5225162ecd82c7f54101a79dcc1d7fc2932189168d3661f554c4635d741be96110718179a19006cf6ae2026182550da4c9e303ba98250b883906824afac0dad44e78b2426d080753f3960da8025eca93f48395c4bab639f6a0ecfbf349716dc4771064194b51f36c7327005d8751dab265e4c78d88e0199138fae03993f738989983eb73877a7db69a5a6d7b95772e2d0a5e58009cc43dceda06077c5345b016720a1c7a87e07f70df519c413517342df3408694303ffd8741cd55597b1bf82ce3ae2c52167d357707440b0da47184af96318029c5c1357c6375fa50ae7960c7fc72671692241398b7207b987ca5b48251ab4461f7387ff7e3441d2b6be60169634491cc6025ebae8d73aeeba91ec8e8b41df84049254e5b735a632e37a3b6f43408d02d9f3d65b6d63cb2c6f92bbffaa5ab369d4cd95dd7af85d7246d7ee3d6a5bbc001c7f03e1ee62a02ad823c90f68e208b1b5bf0d7df89b3e94327df42ed366298bc4e0370438f694304bb8b762ab3fcecb68bc83ce68e298d1b9bf9bf5c5cec4664855a3b2d8838b5e11168d1a230d66b801bd80419211ad6759ac4706082d9ac68bb4c71b03123fb764c8ea6b22dbcb2b29ce80669a2628a00edc8f93272489b924d501daab783a99aa4079b1460230d3dc4e7ae8aa66c5d576b902eccd64041165104d7e71308544e9ef7db22196a99a75e8b5358dba44fb000225c7fd77fae9464156ab63b6c1252d9781387fd944e8ac9145e9920322444de038cce6d6f2efe509787c3c7ca28b3bd83be7b06d7bebdc54891994b2b8350ac4e93c2ad86d6e7a03c8c907ed84ff614c3fa74395e5d0f5a74429e2dcee7285e7a445ce793262629a4631141996dc490d46827c4c05a85048fb4ade7cd3d41a7c782397f371256a9a1aee41033a0be944af2fa550b683cb4a77d25248ec90a988d18ccc02eef5c76c89a99a0e4160a80dcc06ab592a135689456ea03a6d2f6b0968eb0e74c60d18e4e994301cd68ace4f236c22cfa6c60db3af0dacf4ecbabf162f29cbbcca065044d83325e66b40e60052ddb33e16783fd72cc392f3029896f1e762ea2b346fbb974a998d610a08539833398cbbca70ed2f1747f816b6ba5e56ed0aa5f094a14ac7ba245952fd506f50e048defc5993d2dda631079e6fee07b163f54d3f6fd5d7888dc9031bc65f2b9ddb13d400db5d6c98a3104095ce940c35ce9103ed2d3eb11eca2b3492d4c57bc6b85823cc26ddad56a9c27e4b0179de25a1a1de724d025b5150886b0afde4977b4132dcd8f33fe74a64693f9fd0f0d50a1f9d9592c1a17897da13c69c4618f6dabbbf845560c82850d27ca32aec623892a702291761b22f7abf2020c9f08e3ba52a965eb51007ee85cd1521b525f43394e98cb514648c56b4748c75f081f12d73b495c85181dd557ca51aa2f96033224dc754bc3e0052b694df58bf4ec89610f81edf2f3c289cc3a810b9114e522af32fdd8aaa9a5bc51dc50b2af3de809db22fffb962c93cf3526a3886a17da4305c35a318aef830ee3c711bf8f5fbbd7eca6202cd650701a54d50b5582b5c7a0ba0ae4f9d36a41aae9853590ca757993673aba4fe86afde268b2258ff6232714674654895bdc29f0102e2b010ee4216ccf57cfb868ecd1c32591c9fe796c8f210b60ea4b4c857db349eaa0d31b8e1de5c0bcd30db888cea67dd8eca19b77a1ee4cf1ba20b997af7d7ae1ae2b66e7c74e42feaa7cf293a9ac953e87e61db2a60cdc9721c98d5e3e533bcf86f6ba8ca94aa8d81f7c5293c3d22dc5395cb2c7ad6c4e22471557a5f9e97dacd6632f073386e1b6b9da060ce0104533fdbd0adafc6e8f75c728e94a0844abdf2b55db0020088e517523d4cfecca98264634246109d114bc4b46e7217e8f3d671c5c01356b4d079bc658bbb933e279e4a37d94303c2fedf1ca7736e48f93052f982280a05915027b87c061e8a46269bc01b5656fd5546af6eb983c5b163bb1cf38875029d2396a63388fb310eb1acb719fd169bcf66e872769f8553b0367cf84d80a56147ae28ada77f9e0c9d81da51ccf12f4b66a8654fd2347681fe53ab3138d9231c9f46a2af3d4172614b412b7ac9f44579b97ddb6d04540e46015750dcc78b64c7d3b7508052b398c08b7f09afa344ac291c5b420e87ecb699e5fe5c628baba7988cad9b56a39012b99e45db8f7a56661d4aa444e6bcfcbcf3fb9dd10f95955888324d9e4a81abff1361ebde27306b81e68082d00c25caa1a4706c92cb32d7cd6d3270c9367f164758612eee8c30d2f8c7bc0a0768c2caa9599395a3431fd0302a689ae5927c3fdd6ec1f726fce0ddddd4aa6aaa9579af3b5740c02fc6267c3e2643a720ff860586cd3ede3283833f5df64d54581f283f6485a848caeb894024ba72e8935a840d3331a317f3910565e380b0dc4bd49c0eb4eed95548ef78063da7e68bd38d8ad47ba6c524238b0d09f227ca5004712504ac295dc31ebdcdedeaa148dcc0f5f780caeeb426c846dac284ae369a4bdefdd329ee0a1f5fdea8283e55232ef8fbc9599aa1ec7cdff54e45029fb70b2f7b8bf21072229b15fe072d86d3270813c57c2d91740bdc9f826e4f50363c803f3bcc39af1c66b1e962b4353476b5e810df9a0f7221b2cb23cfeb0a6234dcd73b2f89fcd2b5e811cbb28e8f58bcabf44516cb3b29adaf17f5edd193c7b9af52b80a0c5648b70b96d056fa94c5b8290c8369202de30e509e9f9ec3278ccaa7c67f279a56c0907fb112450f5a20512581edc93a6ac61fa901200ea11409c8eb0730e364e0f1079fff8e6e7be794b8c2a57cb43447b548d66035bb922326f3c162e5c09b01f8508b79f907bab6bd847334f1e10412743650f645e255ffb11c3c2aad0a8289fae7571461450d947ab2d72df6a3ff5d3ec88b17ee3ceb5b8a981ed805907356fa673a43f61c24f510b3c7fe8537c3e8208ec10cc98ce2869fe0d128ed77cd80b610a55ed6ba8dc61506dea35e877b17d2e38582042cd5183acb2d309e1b41f419bd0a255b271c6a7d6fa6c21c3ad49ce2810162193e406e47521b9ddb097172fae575dd5548ac02186eae3d4b3e753c8292cf81d3913b55e842f1ccfbf9feba90dd363c5b5a23961abbde2361dcf5a02a21fcca59d13762c1f41e0d0a4d9f12192c7d5ba2603d3067f86f46d8c39180f9cfc97c7dde5cc95af0c38d4612fc8bcf1cc3265052e7e9bd70b107604e8e2a866aa6ae82a6bb0916d9d68c08f15dc172d0322a6381944300259906390260efb2b6df5fddbe483125ee52e6bba665ea09e7ec797667fe3a71d84b353c74753f65e907069f709f98f6db1c4c5569fab2d550c516650c43350b1403b53894bc8ff5db10a926af2b2b8a1b72714ff8364208b099337de00f1a2b0009db5be14d1b18d4f878e48bb4d24c00293e6e51ba621e54a4458641d2431ac2f918f8c4603bd86cf327f64af11454c4b3f7de9e79479b8284ba181f4ee77be95ddc51540a2130868e4cf7107011d1e79de7dbd5c4dfbbadcb9af890322f2d8bd6aa7f30dbd5ee38e8aac6e8b055016412c19b36374a59a0f2fc8a7c74a0f4f0087297ce13e8cfbd09e32fd17684e248e357b0cb230f1258f2614158b89ac5146792202fecdd296f4392e0811b95ee4b9f66cac3ee8885b608c5404328016c6bc27be376916d45112988d856fc7cdfa7cde1e02710acb523a3e33ab060fcda8e5db55b385cb974bfd204562babc8c3efabe76bcdbd13fab0d5c05b303fd7865da2e90b8ced3b1446c5ee1a28614d20c7ef98e34d66c5426d5d4dfb9b1bee69b4ac453d347fd04f16f228eb6b1178ae107eb51184810b47d478bfacad3fdbe3e245d71e0c338463d328a5ebe32d77097819df3a974a7c588ca51fcbe345d1bd20f997c987c38515454b2e63faa74a494677570fadf63027be7b09ac0d627f9beddbcd1bf52d6fba47f1ed2f88a2331e443d9add298c65437b60d6ea23d6a21fa1161295471294e6be49c406513c5adb1ea96f6a48be530282df8b20419a22878132210b103ff8d6db5840d396753f42598225bb74e6092a574c8c861ccde5588cc97f1f1f0e19bcf46111f5d019734f8fa30726617e3e26a34a5f543e1b4a7b28a36a9a1dd6e110e3ea3d22ccbd00616ad4847ff33307257ce364c33fe6a2a454a02a4ad9facfc11c61e0ae25feba28bb6ad5d4e19e3266ae2f568340966b67c3b6b0d0fb73665f47d931d4c52d13004825f6a6f5ebb60a275b1afcb9e6608c6f10e9c0aab329e391ef1c9faa7b805e94c7690d95890200cd05cca2d80a14335eb5344b4d1fa0f3bdab27fae79b6a38f28c2888f0f5f238ff74921aba45987ba885c30b9cd9758cc6bb514daa59f88c9122bed4607cc31d848ccbbbf2e633a4c668a46f8233dc5bbf811e5e43bf483a18964d100acc8cc816288ce197a7c0ef3e8bda00936fb2775ea1f61152d346bba9bd6f58136269eb25d949fbc3a20a7860b8c5e837bfa8269e4f367d8c73e65cf788c887f22e39d3ea73b3e6c5f8f72e56f935e60b161f806624b8795ad614ce0b37043a8e8339a6de4ba73bf1e0f9e79f113562bbd0309a1cd1d516db778a24b9ab351652798031a32965aca7a19b88f0509ae8655523ab55c7af109019fa8d1f905400d8e4c3e6abf8ceac168e92116c061144e2e260b87105d30363259c0c2806c1882aceec57dd177ea3f2d4959335ff81e60d88a5dbed81cfdbaaf1d151808f4c38f5b81c82c5c49c18648d37a068d94370ead04dfc23702a95cf532fdb50b08201d1bce706ea26bf1061bb7434e01af879ef0ed3ed84e76ad3a824dbfdbe1c8364f890dc9886220bc0d67a6ec527a09212aa7886cefd402cab5fd0b7d861b10afb7bcad6eda07b15e418af858690dc40e05673a36bf842a44d68fc8ed1cd250be6ebbdd3a2dbcdf37af979ff198521f8b6e4036ec35d6ce735aa94b35281fb9f2b0597ea6057caccecdcc9bef48cfe7a209bd49f07debd2e6373ba26484b8080a486bce2671d0bc3506bf6d74f3f71194bff5d58f2fdc0ef78e839ba289df97add6e7a661066a2fe96ca9b634902a17e878b0c113b3bbd14ac1d1909951adfc31f1b71a07b819d5d1a980c98e155239310e1f7e1d8b0bfc03768493633ef923f98d48f577e0d430904cf5acb496b97b14af45f2bf44e079ecc6e125bacf854e4c2ff774f97680e6b7ce500e0b953203cdb8072e2ba8fc48a95bcfac46d8ed21a886deed9d7365f094fbf0646ace367582a2fab81e4f2888f81377ae1aeb673b3fa47841fe644ae2bbdce716350b9967205f5df36e0a11a7f2eb9c43db05da9e4e1e637f5af47c358c2e6247438cdfcc19bff098d6838f9185f0a8bf5709be0932f4b8689b522882d744b7822a634981fa4d650cd6609331c7597fdb57d7f2ef6ed47965b8ca4b0154fae9635bca431252816912dc1d3ca49d7d70104668cfc0f57657bdc21ffaf43f98805336b83e293837000a7089d8a6ba3546b57f4fed6c4f150f1910b9f2499f4774e38270555397540ec119daa7b2cd5159c737a0a83d474d7c1a26c1c974919d5a3bac168137bf39a52f5503e15a91c3a43e82c3458ade47185efe6453473dc212975e64e1d22eb48a5a7902a60666e6b541e

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