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.

4039dd750f432b42a0b624a6c15b60bbc6a2712eafa1b29ee2bba53c0b9fcc609473a3bb6799e7d8ab1796a337ff3a48280032262f4636127e48355abb7645c4eb086e366bc255c0a3d29efac1d7e126be9c0826e01ba504f99a66b556e3a14094eb1d6f728200631560c663e498b01e1835fbf2b23b05bb197b7e0a92007495f63cd8121d1cb4a7863160da722c067b41154e437df68fb9af221bedf95a82139775761052a9d5ee5e9e09dffab3eb4485079a940e7358232839688bb6b9a78f4cca731d757dd1cdd7d124dbebdc90ad6daf4ad9dab288d7aecbedc57ceb5ceb86c252e54fa8f13557d7fe0585cc782add3e2ae42828e8e6e105aae06ce10ca2bf16856beb6630016452cfa0313db4ff355d327e9b825b440f322dac67d0fb80b8251a0d4086bec4cf2c5c9369e1d7f57c8e16f508577e789c8e6f743f573bac9ec39735b794a6545a7aaede02c0ee23c343c87ae2b76f39aa77413abf43c280cb4be8b03faac6b9bdce0d0c8ff7f50b29370446942085db4b7c1c7ac20f44ec3041cd5b7de0d67574b8015ea9f81aa2b3e19a519cb82f447237b6424f4b3ed2f9e2e8217ab0e0f3cc25d7c2b7181563735eae44529e9802bf8f8c1a7ea14f61bf77cffc753ddc21f028ebaaa76d1b5bcc0cde8b3103af40f04c261e5eb5b818fc64061f3f10eb8a044115eb5a80c0d1979578d741967c2c0eee6807c1497da25596dfc1d86ba1968c0833b9d0153be5df1c49964c065b587c772ea2824c1cd5a6b8276a5edfcc427010ec585590784da63dd588a358e99803ba9057299330750fb36a96bafb1d97e1a84aac8d264e4b2d22dda49ef69ce01fa35abecafd237d641fd2a1c0bd18865a86abeb5516f5b9e794f34b8c6993116a046ba8582acba166733a01d33c9a02be046c8911d6f13401d3d0128f4d456f4ed0198a5c0f1564c89ea30476ff63cdaf2d219dcc00f3fa06592e2f2510690c197c79f969ee231464de9b14abbc94e14a93238e5199f465f6fc2083392f6fc0eebaf07280ebfee19312bb6fefe45612147c4734916a15bd16b92f34a3b3ec7ee5d43ef0ec9190be9ba757f556333376fe7fcd5f384e4ed34975a0cb4492f02f68fdb31156e6dabb

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
0de432c664711ce6ee18b812b1503064c14f021f1f3ce3969304a4ee242293832636dce6dea3f96053cec558c86e4681f39e66633ac96a0c2fb83a650d0dcd8cb79a26d1509151e24ee7189aaf06e529d3a9f5c89d091fa7937d638a4712f32de05500fc1fa2989cd8ff0d30d03a0a72f57bf642fd1d66b1426f1867991bd39cfdafd12232a7626f052088d2a81520636255fc56fa2a06f23a241b9e4ac942997c75583aae394afff081ff933893c6f9f834fe8ccd3dc98764fdc09cca0e0fbd47ca56566071cc6d70ac78a650e459703d513c0a56cc24f0eb12eaa58a9977135492008777cf17332bde17f29f1f0f80608c741bbf7be24c9050feaff72385aea7b64edf2e94e2b19753d207c1df5fd64916bfd7aec57b80a77d75caccf22940bc52deae0b49403583ce7d376a255900785f820e11999346702cae3e275ccbe0367d656e554c5e7940b5d2615b00df172656646b1eea179f83f302d8ced68058a681315a244891922f5161afd25cceb06c8c0ac3e1f0c59f593820f753eeeda28ce8d33e3d7e3dc604f9c64a82695426f8f7e63445e4e95514336c2ae112d94c2651591733c6e1ea2505411a73511bdd9e13f8ca03e2a35d06cef1c7886b19f353fc0dffa968ee8e125b537c89c47dc4d3a7092a9c4f67bb5fdaffa2622025fbbcdb247cb65689685d0a1767a6770aaf7fbc1c1cbbbfb8484f467aaf57e2cc1f1382194fd350dd321b4692ac63d35463ecaa4b4457ad98772b9dab52cf649c3d21e8ce2c5bab56a118c79b79071b651799d66243f8f940c8374ed6ac26d13eb4543e8aaa03cd919053c27010520488b081f71f0124876428683f060d53c5cc6f1d3cce1b78285e01b968611cab50c885721f094d03a1852b218350bc28f3ba403df514e2020c45beb15a8aae529e32af0a06a5d5bd9f6e4e654b4e580523e2be8e3efd96dfe9c08fd276fc00d7cfba5ac9e97b50803346d3f350646cddc27e927f8df68b40dc26062f49267d11d61e8a3e9434f774d91b2101036c7150ef3eec6b50aed5b38ff12a02cbd29b68c47cd0e0cd6c09bc6ff1eda5865a8020ae3250950a22f8c50cfd4fa3b83d82353d7f56873bedcf03d7258d1ba643b3b3273af917fb527454beb4285391b3f57f655825
Pill-style when active
View code
ebccfbad150bada5c9812f29f23be49fa2872e6c4dca3218670da5f23ffeed4d765434baa144fb11e70accc3203352b90aa96cfc98906805e7c71c80617c817539ff407cee16d5f463b276c84c1a3b1a20d419ef8b59f51ef238035141a1bd0039e624d0dcf3dce3800d041ee6d353ca0263938e7963346c17f757905ea966e7944b3e3a23c315337864f5bc5944483142488684a5034f547c27851738506ce0a4601e3abcba4553949fba4affeb3411a3a3cd7f86add538e7e7d164d07324ab4b4f0efe9e6a5f0befefffe3c16f6dcf27165bcade5d16d2fb15ac969db99b0753fa220ca513a27cb5febf29689e5d25c7e1af8f2cb009389249d9d225afad24f139bdf088cff50338717093866c6a637df8d50038eee204c79cf4085d6ba12f743c9305b04a6dafe59b2e576e8a70e99628988e091b78c5e66038cba7a138dad39bd77b5c62a0c17a00f1e7dff40694d5969b6e81002f5deadcca686683467c1dbeebcce8e2cac8d9919be62d752045baa8c94a130b36ae02e0ac9f9b35195dcb1dc6a4c67aa2a85dfffdbecb1f3fe1e2aae68f8f0e2056471aa5d2e9a1c3e416465cad76f29f6fb42302e956e319317317f3c1c8ee3b143e8b899afe52fbe60d739f28cd97b638c04fccdc0e31707ef343103ae61ae8e6b022cacc83bbe1fc427e44d5d1add671a0ea9b6e6a42e550dc978be9a90fd2bace21c0af9aaa86fa7a9670bb59bdbda0e2ecb5bcedd8ac7d1f3191b0b57ffc1ff5594468ed557ddc416c125869cb4a066bd0590cd6c982d9ee04487b8b110c10781d4e722bddecd00ff063b603c6068d3bafc8038110669b7dc6510e3749e10ceef829c1f6f040e18c938e795b162040e1555a333b30e8f731ae67c3ff59e5fe9e920a4a6847a99251efe24ec92c84a96df81597836364b0282fb118e252f28a7951e26a96c4c2358083cd8146ac6ee3f1e37fcb7553a0f4803ee835af2ba73fc8142f77e14f100db8daddcc7ffa4fee8ee7249772a49a9217f6d95d4433f6f3ffba8f158d88ee247746d131c3e3ca99ce6b566d50eba523f1a7838a3c117adf99cd70ee6ba87f2aa6a1bcf5eb352bead48600bb20771e56c2592a4385c4896a4f1f17d5dbe99a65f0ab7603500ff49780d45804a87df8a5

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

Background highlight when active
View code
43f6cd08f963731e3c92c7d43cc575bd8af5698a7072e955386e930f4b76f2c62196497b58584d334a5e7ed870e67294cf9dd858229829d77f01c8caf8ff67df5749271a7b61ec7fe167f5a398c1299091103c52f623604afcb4604b60c166f6b9c7cf3a8a97dc2d7535b25b72914465fa365e86c066ac924f6480e866055313c95308d77c56921bd92b47bd545222a77e2788a1e0dd3a186ad5816aae8ab3c333131ba0d70cab6c12443a746acfa0d1bc424db58d7c1d82d255c3fdfa7c694de0bf37635893cafe970aea171abf25e59caaf1d1af8b91ca03ee4ea1a623feb4e385a8cbf148af9abff39f4b96c17732ad006019d2ac82e23866c64f8d9105bd49f7dc07683fcbcc9470b829c01fd53e32d46f0503194e8731dae69b0ddda9cdb187fa03b011af491ecece2136e92950100371985c4f48409ee1ab21fa4d4e48913bda28abbc56401dea6d602a34ed5ddade4c6711c67d0fc7775b47918c2b452e3e13245bdd35cb9a78956e84d854c12efc9cf6126ed52c1840f61cf4a6db2a243cc1e29e2c149169af9201a50c5f35cfac92fbb1c5756467d8841e0c97d9cea284ccd4492e3b67749a4533abdf18afb60e4b0e40ec1a16c082e4f43a869f9449dc1460d50ff48b4fd7811d409d0392c8e9db6b040e5c6a64d61178de305e50562c60fda7c0bc7e5862b522a109a0e72d4e4412e48b41fe517946ffd34331ab4fc2a798653a8ed4e510b371e7efaeeb0c6c59bb43525bf888b0d1ca76ffb41b6335987d2ed94c42d94f243a7714405109ca8809e90b0e7bbacd7a91579fc70e7fd22457f7edee8055e6eebc0d5028a24f464c499c8f1adfa6a0e6d0ec1d209a3dea08847d391bbb30c49f52641d5c11b64f998930c744912b5dadbd449727ebe91fe5cc932c0a9f13e432927c34d2bb096125037962640c911067b4560da490befd2169dd05a6dfb7b500c39c04a486fafe0eca62c12e4d146eab98fb3877bc378ab387b231a56cc6e3a4de44d6809afac0fb61d0535c57d9a2a1a329eafa32e3cabf4ca27f3e4d8109c6f5a5ce7af5c20b5329db724ad67e113f20ed84abba885c370c8f49ec1f9ac97b5a78fcc8f488aaeec4227484c1187bb56663d689c65177fac30b44dbb7221609be2c628f8c65586247c72d91b7b205c50e3de925ab
Background highlight with left border when active
View code
43439f9c005fa2f8f91e2f6d0f4d81941b210880110f47c86eb1f55606fd78eadf435c2b76e06f9a5a066d3abc3c16164e9a88dc611327db5d67e856ad0515b0a6583be8e828538ec36fac35b8407009e847f7f84ef421f90f7a50c8097ca22df7935486831fa9b66fed4d7bcfa02271669cada5dde0da7ccf245752c61888e9663faba1c7f847eb7f05d5de84c8b0919e714e35c71f8e0862f9f0d38113570ebc110ac8464b5d3e214bf30c6c646ee9d2e1be663f331305c554d96337bf810a4b7597ef293e0a1c299ec8e256870c0981c2a601544338ae3e5e8411cbca7dc804737fb30f8f493033ef3369c0cf18a6c6c5c9f50ddb23f0d106dcf56bc816dee6aca12c1d006199d94c727914028e3da136361faead5337f067d29582e51b96464c4e09f76cd2d80426f976d24066c9bf2ea903a00c57de50788acda7a45835f7ba9de1d5f5801ce6ba03c8153395708e0c229a60026e7d37fffc355411e06e4c5b74bd2f028165920295363b37b75d6a21ce50ba59ca295d44b717e1d9e4dbd1471417d9f9cde3220298aed1aab0b4e7f7e2ea743c7bd3051ee2b16a92d2419ec989289b370d8988e9b743f65fdd69de72c58e11a3fda024cc58a26986c115af1fc132e36f80690f1264bb076cc6c3f68e57953667669bfb331d59959af27075abaa1dd010a84e6e24f26bec04c5914860d7404bd15841cccb3c6eca7fe070f963f6fd8033b44196c9ecdd9984a92ccfe0132293ccb075f93f9a67cfc49f6a9da956b09d991b277714cf2f68912f748aba126d10ab976f368294386e8d1740c4a7886b9abffd4b7619c040936d47033321c82cb8d4809b4e4d1ea825211227b379c7658b324845a8a4ea623a1a4d7c4f3d3e439d3eee47bb0d5967b09764e4282e3398a6e0b7e902dc8d61b464a5aea3febbe4cf3c76ed9bec5d3a8532f5995a06f60e0546ccbeca35e0f97b9257daf9bb99a6ba6967f19a696e1682baeae4b3fd610c08c9d619112ac00ff09125cd41d76e0dc2c2bb477174ecc38a3b246cdbda05493fc02ac696a19133108213ab8dd252fa8c41c7fa21c18b097f143211562c1f8556c971f03644363638504be89ec85edaa0f3e5a4aaaa0e924a2d2af59fa19d70248d5781a95febe5b0ffd7aa0340985d692742a8f66b850568acf1bf
Primary background highlight with right border when active
View code
d5c5fd3dd6f2c7b06f84281993afef204471b1fa13b7f5a8363dcfe974eb5a74e75bf446b0ab2ad4d7c8119ebded6ce292c2aee6341bbea14b97d3d32881be5e9cba5a253b5d63814c992607150f9b039c1b6afdd586903d3fab918b1b63feebdddbb4987e106c569b566dcfaa048bc1f2961ffc2d6ebbc5b73465698cc926bf106fbf601512b88779d62bc0c522352e7d735c921d69a6d612e1fb600b8917bda2a5cee217166cbe83cbe05e27404fc63d4385680951fe44ea3227b7210557b5674bbe80e35411ee637776546ae1584003bd1ab64063b6933122ec661c26f843950bf07b6d4a3a42e56781bb291b09d19e9c4273dda62aa3ec6166fe41c0f0067512b229e059afbe272e146dbb93fd87fa19f01855149f4006dcff025b82262a64f84666d398446d81876f63fa182b9df6089f7c997bd0655cb803c4851f9ea4d3e08b7031b7184793685fb0de494da01278d59b90dd5e30b5fd4473efc6fa35219d840e6ad112ca073cb2cca85264eeae435a0d024d72e789798c3883b70d9c497a43ba846a3dec7935c7596a4bc311e8508911e35fb767caf45d9d0a29a24f5e9d678e33d144ea2aecc8d151563d585f6bd9689872d6e5d1edad68f171606f94175e0fca2431d79a071a6a2ac42f8dfff92772c20ce57f86821fb7c25235d2d5240354a9a3de47bf9883650e3b1d45804a325ac6278b93f736c61de404dcebbd28852dba15bd70a189e31630c26191aff0fb605cec05af2467f9fd07f860fa8fde860bced5c9edd12e88ffa527509eff2cbd97bf3e4b541badb5a9e46435ff446bdf1fa62bdc32444b6df9970a09a5473c070255c7e29c9b7a77ec3b01170de6c9f4213b83d50e270f93ab20e949006699e06014aed8a9adce6e076c7c7d9da17f82bc366482d3510f46cb7d25b4022a60cf86b1be21f82787529a23c164e363e27986a166414310be8b76b2222a51c95f7ac2f0373343ec0742762fbaadeab8e32c854a5cede7d6820d0bfb9fda7b398d05070c9716e7a22c352d010085bd2365dfa88a1e951140a2ae188dc44dfa20077ed5f1f3cadab33953ef31309a8ccd5644bd34d3210b6814e54160ea02946d8bf00b8ceff4afcb4a553847a1be68da474eb07c860c2bf95f7253ab75003eace3405c9ba1174be7aba859970d794bf22f015573fb838efa5ecff0996e922350fb7e1a313b2c4c5328fc966213c79096879bde5180e530794d0aa501341f8b52b6302ac9b26b2fc3bd6da8111f40ec611f0088202eab6183ad38b6bfd52f576e417baac307316274760e27eb15d449a9d20a04fe2d2db14313016856a28faef2197dedfc612ee7551d9ce7ba41725b6034787a52ca48088e08ed329e3673911eb1db2574caa27c31afce7797ccf9bbe1221f8e0bd497fd1e5d189dd64b74ef93a8ce3367b161e5cc9d0106c664b96dfd12af7c743478dac925a4000a1a9c1b4b061ea1b0f4b5f54a0d4aef86089fd87889c3e7ead6e10bc4727d1ec02746b917268cd27244834eb36353c381048817a6b09896b3f18849f64d82f866391e786fc1b22e412ad9f8912a47cf43002369e802d3e348f590db4c9004acd9b11a9d09d6f417ee3d510857d4849e620b5f3e

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
93eff1053e64f3d32d72bb98dd1b08ec85f76224610a107505e5acc9aa691f4d7160d7beac6a08585d166951798f329da00200cf7de8b59c2dd24148d253964ca1fef5b73eae15aa6aed7b1324dc2cce92b67306308e1233fa81fb6af10906e41028d580de2390d9621b64cff79ac99a43442812d841ec25e69cb2cc5a01fd4de4e083534d22a41a752623366cf73c6d5a563b944ad9cc876c5d6382b590d9562f51a4e8e4b58daff5bdec72643426320a2cbbc2faf42534ed93979332927938f5c461d303ebe9bde07b900fe15cb663b3e2d98e6130ee943a1d077acdaea391cbc9f53894dd3238b7ad9da140157c2f34b6bdffab163e5266f89530a438674a1f3d9d6c4a89776150bf603714b5c3ef1abf925f35c70e5f58b1b651a28ff0246f2a44c42ee85ab7677bb26d1d255821e7a6b9264740db8aed5835620ea11cafb6f19ea64fa80d394aeddf30fe497e6d7ec64bf0f7e6b25dd8decb1ccb7ba019c9210e80cd37c71445c37af0f81a8d32eabe5d96dc0f868bd615caa8e1c0cf17614dfd49744366bd5c9fa2360d8f156da60ee367096a75e7c4c032fe4fbae2b5e6f230df21d8175f7fb77a08d99af2d0fc24cbae25e03262457f65cca9f2dffbab4ee710c60e60dffe935bab8970a8aa4cb3a28f765bbfd99a29f1ef22294f8e0d457589398a17bbe51598395ab0b39336cbe4e5641f7880510d883b102a2538f44ae4066c90986719d9f2d08514fc9cbceab27c5f4783206522b775ff26dbbb1199dfe323efaccd67f9525220d0876a8c1e27ab1441c6bbc8103e69ea604fde399738fd5376d4fe96751af26a3f5a18a4987b615746d6caa279313bd8dd80d5f8f0d241c58173fc7c432786c8385832f5e29f792fd8d600926be01d3b72a37e0ece631126ee2f39c70b5bffce90fc5f60fea527a855b091eafe71de09841b2f383dd611e37d9f42078ad0430e5cf6f86578319ee9faeb4975f005e00c5d85d2c8c9f818c65fafb491ff012eb790d1a9681222f5edfe2651da80fc8a0eae021d062254d3beb73b74aa2ebc625d16d2c0ad529573e3097d37bf92656225df071f89f08ebf39614f07099d8dbdab196b1ec418693ad3470324e6644f74653d6c52768fb8d70181d73d91424424007504e3
Background highlight when active within card
View code
83af8b4bb80e5a6f14da7314a81f8e9550ab967bdedab12ba82b0d3c3dda177ea840ff4b62522832c2f2bcfe5d8bef79ce55f644c70b1306f97204b5896556e031aeeacdeba582f34421aa005c8d13b0a3a562dd6777c862f77dc94c1cb759a3fbf5fe14239c79fd354672432d1101290cedf4839dd97646e9b636cf0fa484b92e914aa4b763f5c4081c0dcebb5177632c3214bcdcfb3c9c50ac295c50ed6c99c7ec1489d9ca7cb0b732a0ae6075552999093e4ba963b5a1a748c31497987eb0679551de950c7c9a3f8b9b49916fa35658fa84442c87a2fa6b03321128e748337ada2dbe67d1c27a8d279c6a74b1ff404036199feada3442fec728e8352cd53f9afdaced148c93d3597c2eaaf0af514e3d1c3be40c97cc5c4f6ec89b65673ad43ea570fe8a133dfe015e8b02433c25edb69291bc12bcbc9701a073fb8c53b049cc32959e834762d6e74a7155540be401a431505cac0ee26da3a892eb30387e296f00a6b83a74a51a0a40267f82320d63a64c2f47e00332b01b96cd34c550163396cf6f8a359a4dfa56499fdff0e97bbf3372714c3edb1a9d7c628cc0634e67bcb841e36060d650f8f5d46986f4ed22fb4a4bfe0fa079bc18a8def91e90a6c430586d8037ee728124b7008ddafbb50cdb2531438fc5a4b2b20514fa216631163677f6928cad87680ff2378af1ae6286e4235d483ce8200f2faf6fa498b46e0c4492a9fba48741b7abdcc0cabe90d2dc66e580473c4c6662f76b4fd85dba319edbc8c8e9f05848e12f60a119edeab9053a0251e0ba0d8d217d78214c704b5caf69a6132ac46e85bbd521a755024762d235dd686d6adafbec448b1128ee92555068d8bb2ccdf4ec69381f1438371dc6a673476e7a08a166c00d6aba68d24fdd3411d0123d82891cc0dca013c0941aeed8f5b91db4553e25ceacf62324adb1a95d323b41e8440c67194e6baa6f139dbd50a0743d0ade350be8ce85c5ce6215764797b31f0a259a5d7e18bf5e3308a0d3410bbed666809e93829000398937ff9474c71051a9e23dda38e9b34203abe9589d3fe87e6d18f9720ecb3f981e63323b97063f6e9453f1ba22c4c066fbf2ec4a36e111dc3453a84604d7b583509baea527bb567699301493ddfa1d25c81c92420944

Multi-level and interactive lists

Sections displayed with category headings
View code
68d81497e6aecb7c061ac2fef6fb6ac99c6688134b4e1ac59ed68e94e78c8cced9232fe1b618373e20557a69f707ec1a1cca02a28bf5d882d6d7c17abf88558a7d4d69c3482aef6b39a4d585b81ac50745e30c6095443b7c4daab58673c4446f98717efe47fc3bec24410f409b4c0d837bc8b7f1eda599a3c78d055353cdd0590e8de574bec7e71beadb4d709adf81cf8e1df8179a77abc01c01c8f28e51942fef123d92f72bd43b38754683abdefea858e412e003222f031c1a5a0d68b5551e6fffa6b4cfba87eeb5dddb71d0d320baf2fe71930fa10a2025e98318b1cd04fcc20785444f68fd5f4c4e52f473944d4c1b211f4b2d29fb1fc171b5abc6dc01ebdcb8711f89fb7574cbd831ad8703969b
Responsive category list
View code
58375b5a80fb037a52b3fb37324fad1c4fc52e71bf162d37e1d59ddf75b92fb5339d77bd7e809ac72d6cb1405574984b53572989bec3500a7e2e1efb878f6c156f24452a4187768a3f282e28139b34888bc0c580cede014d21aefc696d0373712e58a541b5c6f8d6d9af3846c721593ea95c379024eca267250eabbb06efd80c9fe8ad8127cd70b5fb0b223bdb96f2f24794b69bcce8795fce4c3f179fe3b8c866649aad5327f1e1b99258ad376ff704fc4e3075e9f1e62c78bdb8c0dfa681b920b3d17706c89cb3fffca75ab06fa12229ff5d4bcd51d04a23538adb22379e1545397420a6ac8c0a546cdfad759625e624c1bfbbb27e65f49cd3f1922f73aa7cfd628504d5002d08940194ad28ced19af613f10fb4870ae139e2ed8b3ce527acad231b755babe58efffaa8a4b830ce88328014554994450d26bb07513fc4e6092ebca7554eb9ad8db723c959fee8399f4e6db7ef77c7a50ac69e99ba8ce467a19281821c2bd792a241bcd73132a61294922e40d2c1849e66c07f690ddce802184271cccc85af0e5b1c092475e2618701c7006fac49c9646aba526453a86a684ea782ff788599e932f8907c007152c8f6bc4d6b5dfdf4c34f6680e98f40b0eff73151b58fe53be967132595637d30b693e59e54aa346ef2dac3acd479e3d84ae0bba24324a9b52de460bb2d7414a30eee1056d5a44183a518355d73326bbfd6287ece9404a34c5a62bd38372275549f6e99e0d69f0d821ed3027184b8cc6efd9b5e0a5bb3b72dc4409746fee54244a10a6b23ee83cb9ec3bdfaf59e599b98200b5ca9db5547705e6d3dd44627487529fb25b463eac3fbe6e12aaa0819fb262ffa66e903c8672ffd65d5f56e8768289f5428f8852a2c5e06048a47f44c2d6ad8fb8b8de4e4eeadf44146e3512d8e8c1b22266e0b562ea235d92c19a57435154101c9c8432204d6a4cc5a1d8b7e8d497cb40a5817e76b38c3382eaba070480981d8ea61eb97c1e987faeb73c097c51ab26101ca74fdee97eb7e463c83f99817755b05b93d2e532aa7852a6914775268003c2868964e54c5b03f6116677ebab93937f2987a424e9fa99ac22644815c52eac96dbd0794d54f435ba8b14f8efed94388951904ab132d7e6ad157d6c24599fc020404e0fc5a96db25a457a39ab3379f651f46061caf3883b10f05ce2ee4c4101e1dd6949431976349e9ab90006e68ffd570cc3fc9411c034e874923932735061de67606d1b134e7fa9c6cad8961d174620f1e86e862aca3c4a3bf0aad04f07fa5d9fd313bbdfd30b6499ed643d71cafa795631f407f2b0d4d553250155a9e244ee5b6adc9a9ea21390bf997b3398580079c324ef136e31e94feed1115916cc1929135d507ffe8a049ac7703f070e38085532eacfd1e6b4e00d0b52621db1fcec8510d36a91603e0494d0548e085518468a62b7d9352b92dd21d1086b9298c22c8ac7a52189e3cabe38c4ee51c03b242c766ac5aabdcfcc65880158e5225254ff1cf6f58f404aab40467d23c304f5d29d90c1263841d17f93eef988464b552c0a90528b15c1934980aa9d66df8e3e6b821b93900f26658f18f9182a6291b917e44f9786d40626f67ebc1a2b931ec2f36cabe869f523d0e1d5496019d73d24e7cde545012ef5e20e465ac08dba14f7bd900e88fb79da2f0e4ebf633b651f037f3b86f35a81fbbe1609f0b2c23025fa690f0e18c2b96c9d953e4d42c7b062afa021725c0eee92b89d48e8afd73b8da97926e7ad0907d1bb80f7e988b5d5fb4c8d5b70faf4895734583b4ad9a0a0e763f0a1020d7c3e2215741dd401ba85d2cd5c6bd6eafcb5faf5a63316b9174d72d800837962f93b56824f036ddd0a6a25824b25bfa237939c423bec33d98e39b8820008c92fe431851120888fe14851f9ee1c743fd16dbd86ac7c2bd421a9ecea442aab2c86d8318bc975557c2290cc7e5eca64c855b33fb679ae7a0f4a4be4d7940855fb76bbe2e7f1fa74f98b280cd68fded98ec0ada187caa3637e1e0da0f30d028e5c7265c040df4baefb069c45a2f3b017474bed46a40b1046f90199121ea3d766de5d1eff5e09c63d2f639ca8eada0eb109d6169128bd7cb42dc15460c5e578fe02bf3497152644f8aaaf74ba0f8df507fb8487ecec6f9ea4fec2fd0b5eecbe4cfaced2c80537c6f1b27d55f6f62451d4e7bc4d44883e432d39f87510654adbc02bdbaafbdb2190b9a1cbacf55e214720e75c639766ce26dd0c49c696269838b45efbf261ecb6b0e2eb349030636d44b884f172b56526fabd20eb4eca9ed18716730f34d54f13373cd42d8651c09ee72ca4811f5d3e219389116e6d19034286ad672855474533bde14cd2690cf754cb704866dff831007d500ff6e7859f9a5f6d3af0b0e7004f7ff3b1e5ad982e39451cc83ccd711487860bb6bc44577d2c5bc5cb87dd27ff09ac251c08934a5b4fa4786f7282002ae9d33944ceb7b40ff1ba873ddbd15d9327406843f82c59df092d0747b998fc5b24e94cd7a04d42de1e2f572d9e31146856ff5fc57658c46ca2cda3ea9bd1fcc21fd5cfc11b32e365980c8422c9d4949f4a5bf9d12a442017741b80a162ce8d2ac8fd5cf3d54f2e2713a6bb19923012d7952f07c955363f1abcd6153c49a5f69fd7b42b9d741f836db5c8b316178e236576eca68f2f9368d52e076a2a3d2dbc29e9fd2770cfb198a69fe9cf5360dfc42cb30535dcd18ce834ece49ff925dbaf44c3410b3a47ea1ca992308ffe62415a6c44aa8a5f89921bde04d4dd14af012d593058de054f7e94437acc8e574f876e44a2b45cbca82f365ad1c6ff4fac0d5a1461e0493a102a36afeedda9d7b2e1d4037dbf018545b91d4415e1443c010e9dc6df41995d8a36bb9a8b1783b073e299b879f7097201ae0274d1e824c8620eddbcddeac18cfdfbc58be2c13ac4a08ff030101b90dbec998b4d6dbeeb489207b4a134da030d35b5f0e50eea171554a6a3d1b3bb199ee96e9edd7122110b33044a3bb3daa07c0ba2d7255f5553d5bbbe0b1806af0b626640535d849f6652ee32e87ff3bea7bdd9d60afbcf168b13b446b77756fa2af306371cb90c24f9cfecc9e8d7d94f2a50d0b88954dc35a6a12612cbcc985759844aa42503c96a2407eff82c4a184f058eac8a1cd5b5b5661c1005a6440c12e7a95dcd45358a7f6388373b8eedbbe3cb61d8919dcee1d4c60a88aa94fc9f9d7ee5eb86c84cdc6f4a7dc5aeb511b9be327d4d0cc72009d0bce9407bad5277a2b1efb23f86ed85509a4dd3b9f9f0d8b65b973a1b4493ea914e9a2bfca02c7a05c1275b28a546624b5b07739bc89d4969ef17801b47c56136b6dce200bdfda5ac62bcead347ec10097046257af933d45451de97f329834b733595cace0f546744ccb601ff9d8a957712c
Responsive section list
View code
10d2aaa34b2f873f87233c58ed0dfc5ad3959c33bd82f73404d347c8c390e545d6a99e34bb1a42f64d406797cd4bf4bcb8dc8dde65a144da9ed41bfebb047c0349c81f75234a7dba2c6c0d99248ea8c8a8e5502424747873cd448cac252f2a0d6439a0ce114bf6945898ab41526cfe007a4650016a7b3263e869d9301b7c387bb8b41e9bf9b11c1650156913ef7c64ea0ec8ddef0c130cfad848fb962ffb4f5e49e200b6ab7ffe21538b2a51153e4f13434006b662fecfa0e45745aab019e73dfbef443b4c92a91f82497a0a8cb879680c6e56a735f389b459c35e268dbc1065a873b2c8e2375ee9d02d5e92de9f63a40adefd9df79c28481e898f4e70edb3f737817f29de629bc23f865513c32d2881d52d6a6b7e7b98c1a7f5706b652a86118ca9807018f027425f463f28b0563218e27584d781cfecb782aa27f7ddb45c1c69b2fe37934c121019226ab84cdd8bafa54f639ecbc15b540aefa908e9447000a4531ebf2bc8d8b006f1cf74280e8324b9f5471d72b4a7a517baf7433f10169890f6b71bce3362774a03813c0fadc7e884dc2c16b88663149e19dd9180d5fd50bfe938e3cf439c90869d51b1cca34f967dbbf12726b5b61fd6451124ae4f4680ab69eeba8b98f5882df0077fdf780c339487f408fdd89a2f72817a158f5b06b7e66a884385b33c1eec7d5b753d1b02f3888951674c5169f90d951aba3ad5a11533f37f6852ace4fdb75ce28632bf47642fc3b79c74fd0a34587a0e1663358874c6231e99062aabbdab16a17dbbbb2f73644c433dc4160173056b7ca4313d2524666f8e0853e02ab1ecacb8d2935deacb882c0587fb2da0c757b35a6b25d787d7e365d3cdf523f586e4b8c3041e138f106806d3b775b411e852eae91986361f02cab4f1454be063fc5b0bf67196978f3a254cbba3fa5075569b06702132d5b20a701e51a53f7f3cf47c3d19c7d40705d0d5c739e83782fef19a83db0f437c54d8eb6f0623b9fef98ab1ce2aa43aa72823e6805b085bdf4b51bf1f2c059375471e96ab6c6d175285b060d37a05ece749f9d535fe07a5a0abbd5b63505eaec28b499f647f2f6d8a505928e3b52691f421d3773ca9cc83ec7e9325cadad1e1187278c159194909b4b6241d824976dda3a9e4b95fc12efb2f86dd854018de959cb0f222ef214ad45802997037ed5cbfadb5cc201fc17ee2f261044b7112a49ac79ed405854a96eaaa45013282eb9eed6823f475d93a6806662f7fca2cfc8af2aff4e5b16c9a7cfd2f4d35e6db092dd56801539da25ae842f0455111a3fa967512a2af6bb4ec4f2c1ac86cad8a43161c57d88455bc208e4f9865f98cedab9826d9c66917777ef41b58074959152eb422d5a567f4adfb823629d0105d04077690a9649ba9d33bae2a627f6f49ec343bacbada0dbb6106e7fc39a4ba034051470c4e831616f14277dc25be100daff322423357423911cdcc9b1f0009096798cd3440db81e5ed8a1d15d83c4a45bb670d3c29e272549b3e90829ef24bf739cde39bf611d67c094c55ffb8a95980e091ee05a10eb114c84ef90b6e64973e0a822479ee836490ba5c6303b86ca35a34080c2c71b5b545cc48b126210f9073e3f33bfc74e88296b47a82b7f78454149e8cd85f27842b2321af44dc49fe58c4dfe3b2c531f7b990af15eb9124dec35790126b89dc19354ea76972a666e6e5ab9bb8246e1f1873b6c10b54edea2234ba269007fd96a425117fde8f5fb4c08dc74e20d603a134103748ff972a36c9b4325f8927b3f5b410fcc323301fadde38f1bf9cdf610d1e4607464203f7329b4a2f86d042df03198d8a95649ea207c6bdedfb8b3036d7d48b19042789c9aca5498b3eaa0f66301684ba3f9c13c9101e080ed27ca3b367867a86b681b7957b9f992eb6c9c2ab0cca7a429254c087903cda2107599f2bdc0cc913be287780e33550b4d4bd441d3cc4c1d0eec06c6495dc139d2f73b50f0e5af3a86eee1ef206c79778b06f79b58b5af89289da23d8d6b6e134c338b1d7f4bd600d84758639d4ba4adccc4c73ebc420a97ca443b70dd088dd2382ee67651039d81e3443450f662f4853ae3800ebaddd7dc71ee01f0c3ed35f6d8de5cd015911ade28cb8ec58496ff95081e7a75bbc97e2d5e6839e0c95fe9c19fe03607d9c225bf81f7df69e09c439f69f7dda427b54fc8b83011cf7b350ad4095ce1c90f62cb22055e1b814ef7731d0dd1adfe94c142f05b99a74b467e99b0d109616ab728abb34ca2e244bf3c5a9defa5299f1e61f89471786529008e6c927276d1fabe263fccc75d6dedbf4b1ab32fae87573aac14a35ca9d387d022c028c6858563d43e0568cfa04eed909fab047b570bbffe0d6d3ed99f54d0cdfebdea50d4c6674c0b933b6907ee9fd0257ed24379e86ed88b5e548290cceb06483494398deb24ae1858db39bebf03b62bd9c531327ccc7ff6da0dceb511e94f31fa64df3d8042759594d82ca3061407891032f36b4ee33568fa54aade56921ba89685f879c88cfc1a57fd02867dd98867abab8f85eea9a72e362d263c42729dd13065e902b5306e8d785be5b4ca61d63858d7b835fbc1de0942d0e141d89c936e52bee3d61bcd4b7a5c3c481ca05191050dc579917c8a5cef98c3455e09fd5aa1d6b41bd0ecf3fe304ed6fe0b6847eb2d5187b532ac465eb17c4369e2d1678b1aecd058785168e4854ab3ee167582450126a010df3e62288f8024350574a24ecace3c4425b27b217c2676fda6f4212092e321ef9f1f1d7afdf096e714846c2ac17d13cb4bb1a7ce288739b6986ea576c5a0452154a6a6a69e48012ecbee97832fe5644ef05f259fbf182ae2b0a88a46e9bbee4056c3cefe0fb7128207dae04f37f9a1c7069434e99e9c2be7856aa77127cee99d49cb7a3ab24b0820fbeb74975488848199e6fdd51cf4010acab1b96fcd7ce4143e97807ec7a63a9bb42d7ac782e235728835b62beb23c09c16cb3827fbce3462669708306c5e61853ff3daaec375a3ccfb4530e0c7f6a69e67781891d2a85bf25f3a35d6ad2aab7f63343b983974b7f5ee16f41bc90c536caaa75ea96cc95f9e05131f8e670c70f2bbd7fbe31b1f8c2e662803fe13955b53a8008caed2b636195031899888803c9ba2bb65831a3bec108d654b7cf9c0f4585f416d64d1c2a0241488e2521a612792fc79a39e44a738c2b716336321c59f611640f2828acbad8c912c97f4029ee86915944b3c4051459e59d7bb134a84248643dbec1c98629446c9b6321ece5785ffaa7c27c0ad9555bb115308ecee0cb612c4d893aa7c2219e55834bf632785e33896d0485db7e1d54e9d3fb8ee00a9c75a4484d8ca00577d637b1cc74764dd4043dc2b10e6417941c00f22135b32c84c2c055947bd7124d95c4d179ec5a2397472f0f4876ae1547a2ed30655e6eefcb26bc38dfd68d73778602be38360c393da7681a4ed8f398c0728433ed60e83d30cdb7e537040706182cc0f39b43629844c67ff863d81220900d20ea5ede62133f9fb447f30e840eaee3262fdb93f64c00b45d61a9b358977d169be255020e25b51a3aa2916ee4f6c27533ee9abe3b9048807017bd404a541f81d75afc7a0ce6081853e89236ca11b095fe213a6889d1df12253424732eddac96eeff98c2a6922bbd55f7a2bd058346d83a26ceea9e53f3bb13685fccea384d5c7672e662f93313247e3621108de7525e65c7fe95cfec950d2ed8c6600b7073a40b521fe948fb8610dff39e6872bd06bfd887ad8951319992d5137c180ba1b13ae0052c32a2feace63a1a2ff4bd5c3507c9f05e4049e23b04f522a458a16e679c3032f4e80221fd6f33274d1ee87af89c3409e9556f5abab400f63c6640f1ba91531d0b03c5fe073d8c7880c1bb2817f130283cd6f661f19d3ae8b7e58248e077e9329e6689ad14e01ba19d3386a0f1a77163c39c4534ebd1db37b59e87e1afad1f532d2b8a9977b474fb6a22ccbb826198376a974911fef34f8034858e1c35c2b375c833b911508be17d15a92795fd3fc95894f5efc97823684b7767aa9f3e072b49ce6ea137ff8b3e9b016a936bd6b501426bd58f7f2861b2cdc2d17ff6bb5094f301cced7fdee3b5c0ad954e51efed19f96d008c1d78ea41a4c336a703fe103397f71917236a36eb4a7e553278ed399d39365f4683ffc0fa946be129a409dcf1cac67c47bc9201935b13cb34b630c937897bc0937cdf17639e5babdf1b44cc757ff6ff495880c4085e83712831dd526457d1c76f5baddd1a52cdb5782d0c2713138a0e20bcb742d068d933dc4cd14ede7a6edb90c462d5837adc671a0ca14e9146902d46a3dbcad3aad2d4f6c1e9e46cd4a85f548ac538e51fc39730d9e8ec234da98d0f18f3fe8de36c1fc5271250c65ca2aad06ebef89f952ac7d52b10febae4d5ca3b9f1c4d11117a9300327ac347392cb12918d8cc03de625b5a2fc841c5b655e803c0208aa740f7c77714921bb70a9fc89e4060787f2606444e8e137110998ea0bba4de9abeb6be754d3773a2d822e6257891b04e66c58c2592898a771f1d75f9a4f9d3fb44f7be640453936c833cee62b0732efeef6161a250ef3823cf45d83a16406c7de4f583e5e79a7869478f6e705c3c4e13ff7758589b6980f190482f0fe7658ffd124395a58962e8a391f4c044a2282e02ef4792646f050c5ca8348935699bd54aa60ffcdc5e8ff2f70d44e429418bb890a3889ed6e9a9ce1df2b05af8c5463e4b47a582582d062ef6a1922042e53f84ed209dfa277906a1f89226614d60eb283926ee0946727a11a487e73364b682b11384619c94616e57955eaf4216f6de54a763e06a44b977ab0d36a9ecd7a9141e36dfc35531e7d955151a35621d923346818a3c41a84381e76d6ae81aee9acbc6b59d2c299e5f873e59d61ee440441f9755def9454d0e01499e101a6fa538ebcd01d94356eb0a53d73fb161badb6554015c74f68c3bc9fdccb743c360a810c42daf28f3f2ed298d00270d41030bc69a11fe23b6afb1b1545aba849084c0d360ac52723385ba62adc767397e7182f943758a11b305ceeb1c62a3218641dbb28fb372f724818ef986da158a1e004a5677ced4536c4e069435462f6e74e959663fa56d381dd2ebcedd1a1b32d80a8ce9bfb1ac33d1931b5c9a09106a7f7068f6815c72b991a6474c101e476c835baa7917bbc2f483f3760ea7cffce31df01deaf1776309f50ac67e57dc4ee6cc5e41e5cdaa3f8d76c090040042ad7554fad80530c35dbba14f1ca9fd8e5793edc7e4cf7c94c90f23d2237113ca5851f73d890ccdf1bdc2f27258b6a2343406af02ebcc32ad
Responsive article list
View code
757785659999dd02c2de86fe03a88c687af89197e7b4c632b5e8a583ef82f9ac586910d22eb9932378030d832b4b64a206ef647ef174b18a5a1334d164bf61e7fb5932d5dd3b7563f9c06f0dca04280e299df82e9f88107ebe570379098a166e18ef75969d918af4a5b211e3071525d2f307bd2a1f9582be30d54f570257ac7d6acb9e9b53807d7c5c84da11dc7388e896703ecb5e9583bffe9cf52c2721d603b0cfa1ca68308e00cae20daa1eff4843fcc134bcbbd9de973940ca70f72efc9bcc9f74c96f0506fde3b2b393f7a8d56ad04419f27f909f9083bcbdfa44eefca1d649cedc79fe9859c46052469daac17e8b1c82b0c69cf5cce279ab750936bfe85b1b9d82c3d413c36e45921005aa779548343f5b459a97b81be5283a1194a553b9d2ef843ba0d036a5911b5efec9bb2c71f79b0beabb2505db8c597de87bdd2e3b803fc41e2eb3d2f2a35e3b9c8531b9cf046d634cf99e3bd0aacfc15a873079c143d0d98933fe772546a36339b7842f9978dadcc1c064414a45e3ccb78f927faf9bdaa5f8145d71b6bfddfb51503f6b6720003bc69159797e182b3a1c37031583967f489b7645f063fb608b72a439305a963a2ac9af38f6dc010c3c451e3333d6f12e85ad69f2c73e760eb9ccaa73170ce37b29c39103b9c0b22a28b5083472b483c3d877cea9ef7fcc3aa090e0b80e891d2b3a7e2a3523d4b43d19cbb14d632d91d2a03e2facb50213b9e25af0a512d44109b051ccac95f74d4ef225775e55f0f356354a66f814b9257c196273e6d3d958c56be63a0f014addd5e92c0588c231f1a858e69e625051df6d262efa0273785b93b0142bedee0ee0ee8262a0bc504adfb91ac37d3142602c40d97da0b23c3f4a1df23ccc3ae8fbbe9e0ecf0507b55d0021b58abfd8183bbf0966418a561a7e72e3a95fb2818f973e69574eb4baccaa6aee029078cde267b3bdd6277d3c74f0f5749854c0e764fdfe7f04c9b43530f8d26e16cd6dbb43751f7695c3765547cb20f7f18e806bc541312b7d660108e415a21738d582942ef8f92f2a67943fd9a6da99d59afeca1568f7cebbd9ffd2bafd86184fb29b38d054480ccb79603b81e0948500e432a727d36e42f51aebb5c40fa200a42e27b974242308c808ca8cea1cbef794c60d76ce388a1c2ed4401e13eb65a432cbdd996dce9f5f5e93a7537bca3a5f7ab716fe8cca72f07bdca424f626ab63b6674a50a0a6d7b97af0e5be9ab08f288ac18724dfa67e41c87d401f95ce450c5e39afaf6f41b7e85c72ecfffbaf613ea16298893bbdf3f999ea3233c4c6e8fbd0ae5d516e798e7de12f0f33cbdda2ed0d479669883a8b0cf070178bd6a519e70997c3cf954615132ef9575d8daecd4884a7b9398b5fdc709a300b2eb9d5a9ff39014dd9509a1c098d82856f13177140d88b3432bb229f7e2d9680a1fa6b4f2c4932309dc9d9c52e79dea4c0b7f58ea2cee9d30052f1d8196bab02d83a08c335d73952e194f0ff47794f160c48d29db623cdac155a0b774aaced901d04eee5deb8b75acb25421e6609b5434908920167c90d57e976dc7810f5f33b4392c3b81b4fbd4e7e52d0a4e7b876cad6bcf0fcecfd9b4b7e2fa8de62c09ebd258054f33dfbbf49fd266262f30d3d048e807b0db4b2b1540afc496adf7775331e0960d56b6cdf811022e2efd1f76a0404cfa3d4d206cb52175cb07ee85fef7f2f0771c13ec9241bfb3a63ef45792cda289c89277518f42ad9a18c801ed137a1dbf9cccc0b2811d387f7b77dbdc4910c10ec7d836ad26845c57fc3515c2b6cc3e21ffb81e6bd41c42369143e25378b5a3ef2cc41651eccd8d978630c11b06f3a3639a0af4b27d44eaa5ef21a1f3c8d28146e8a4b6e37c40fe3d2d5a0c8b6f6a4720930df2482f5356d03a19720c64442084684cc866536c3fbcd5d5723100d18184843fc01f38459be30e45dcb8e09adbd9e5fe42d843659e93a07b0b4fc3c8d31628a42ed33ed3a00338c8e36424e0138a113c48da9bfe1a34f9cdea2ea68ef396283c451b5a4ddc23d3ba487ff3a8d5193f6b37731410f7082b3f3ab2f353fac3e67ed082932c5a6e328510995b230d04fb59247d2294338e9d3915d4b0528eaba8a359374d13d5e69935ba04aede16557a00cc5ef3fb3d6b02c83f9227026e8af512d6855125259dcbfb78eca8c90a95673c06c604f64ae71b909cce2e649b689e20746ecc97166efc6414889da120e26b0a1017e47efcc4215f8000b834a55d452b10d9b76de82f54d2670ec857afd5af7bd010abd0c7f69b700f88193f6a94c9ef45f3d89a244ed48a48c2481bc7151817bf7fc49cde0c1281e5d19d960d5fc8d6c028390f9fb991541f51399558ce4e2f98663d3c2ec9fc5323dc06fa1730c01d3e564e31deb63eb02c0688994e7658575bcb002d45fd19a148c598006fd7ecb647f01b6c1b6c0cff6b6d5826c9c14987545c946a18b52cac244d745246354e2516d825f35151bf574e1a7d4731be3cb68fb807601093611c2b89c4fb7fbfc2de395d71a050683418bbea32383bf321c8b5460b983b0280457ab9b63c3d608fb4e0d642b921221e874aef9c86b716110186967611a950c61073968139c77f64e56b8c3ac66e81920d672f1bf76a84411f44baf46c14dce6a7c9e81e2b96445e74fcb112a18949eb34c731d0a895a34304b3fd8de184ace4ee5f1863fa7f78655637485e2b146f7bce755b237714a63fb6e15b2bb74bb4d7017cb5b290459799277cfed73cc84eee7ecf21651d7e04b9069428e9fc40658635d9ce4e019aeb7d49d1682387d23a54e6e09d27849f1baea94e588ffbd1e9216df25dfb328e0dfa9d5ebce26ef4db01b492fa9b7f5b30ed15d34ba871a8cc8833689f4c90aa362cc8b9d80538100b4dc2c9e4c8a85f23839f86ce9225529eda3e247411eaf0b5e4daaa6622f8d3b422553c14941e53b3207a97838a78798225baac7a73dd11a27b72d6bf95c06190728ee26385aa9a45273c6531c37abad61522390f455bd9fffecaaea53548f7d8a839667f0938c9ed335418834109dacdd4ed67143e3799baff33968f4b0fefe4dedf4cd7ab850112f7dbfe8aeb0c487eb69aa9690125e939ce75a2584d9c780be9acd10d071967994c860d342938577783fb46578db2b4f9788a33a9b23f28d95b8b1f99667416ff15a103e0d117769be2eab64ef04bf479581aa4791faa05272707ec773682153b30337085d6f8683bdfc9b77752fbd8ead3c16565843e26007b6d7eb670dcdffe6184655a6189a080b9cd06eb3e9d745994b41dd6e70a5276221fb63ae08f6352af5dfde425f8c52e934ed536e9bacde60404112268a8b47bc9d4c96876a9cdb1d7a53999ce4032dfd9229c8f2c61fc42f9f2eda286b103c61f67d0c581850976420631b28421cf8f0390ab4d1ccf919bb5953cc27f1d72b14757188374a59a55ac64b79ce870c20e23ac11fceda1b3da8b1c5e6a6e07a9f37e21c4fda2fa4da94eeb3bdccf6902a160f7fac4ffeaf321b0181ea423179886b7f00d78008be01d220f70670e366936a36a9b45fc4d732063dd15da6f09c3d5992267a5641e02012fa871151417b5f8e6503667ec3865643abfa85c6461ac3d72c4b73769ed939953ab253afb59f4fab99ceaf9329307493a72bfd878c0ab6d8a69d76b674c9a7b60efe6ea932fc0f7fa9528b97873f2a449aff31d5fe52f9356442fb4f5f257de6428b4df807a4d937a6b66c27feb71277a20f8ce47eb740560e26f7bbca66d5056d3d7752ccf4702589e172f854814ac054e630466e8f29d0804d4785ae5be313bb85a33f311fcdf89e7f725bb97db06516f09d2d333fa8b1d2e008aa8542b98ba9c49e5e0521a4fe860d56685c8973dc0b2e7e197356d19184a270c4e8cb26595de27ab71f140c61a02fd5e581e5724cb1036fc3790bd97f62b7bc198b5f940a425c5a03953c47029f9a776bf0ec0208351ad65dbbad4ada4cece714ba2de0b04f5d9951e017777c74e4c587f0b20dc9bf4aac07223c80cd3a8c210e36edd02972ad2d7e7aae2913333e37916386bf1a2e062b7059a5a1e64da1c92525d745e0f81881c0264ba23eb6db26132b597f14582d9d73d766b757587b57917ebe5d5260bbd991b362d6a8bbdaa9333c6b01260e671eabdabffe62848b415f57d81eee076cbfeeb8738edee60335cd4fa483de599c5bfcafc57c369d0b9df85a5d8ff048436fa0783f92acdb145226e8bc5e047a83ee2974827886613bda31a2ffb287d2f8854e776bbc6333f27c058b79f714c7f230ac563744b310dadeb3da71775b69042419b44b7df01da954f3b20d8047f9f50d42d42ebca2bc35f7e9f5c8928c0c06b36047b3de5e07b4decc3bf166b8973593553860074b24b6d2850ec643906264a09767d2a7e9750cd5f6d1c6b6fd1de5dcd0838ecdacd33acdc259bf45b7be1c263333612055dc78c5c467de2de16fd5085f6afaa2a7c30cf13b61f11418eb08419d4e75d7d961f57933430f159b27fb12095a391502d1bc29fd54c25d2bab463907d45c5e649985f2e51b15dd70ab5031da686a04ca119459ebb0a09e59f7630a0e64c4b04d4770fc10cf2fdb9f6cd0dc3e855195c33caf54cc6bae171e80fe9f77a82517e04e9f738665a5ec4144418e8083e543a9d34e8f3ca5c56495b3fcae79638f46a20b9296611d14d33a7528b2082701affa6ace8533bbae42aaf09f304c073198c9d2091a1f0c5350f7be477f88cdb2999d3c235e146e1b7bb1243c4ec469df89307b9bfdca2c5693033aef566fc095352bc81fcbc74571f9edc1820fb65eb806e5ab447f01ea37b1f006fb215b57967bcfec77386a5c4d1a48b0f9fd15a4d66d34a78f924bc46fc888bfede9c9721e6ac71bc7f089208174de0dbd982ff77dcc268279db240cc490fc283791edc169c5c561f2f771858a258e21b1bdf045290fe66109cb1dc748da17d094b3df65ff9e3072e9182ea2f97898ee8c058432444a94f10eb5ba358337aea3a77afcbc3e477eb3c839528ec04c2b9a227a94b7b238b068865b4f23bd1993b429a64ed09a130979c39c7f621e4751ae2196fdc9da6bab50c1892e346edf52c17e80e4b6cc9b80ef0a16577bb5fbd1e20c3ff965a1d2a7c835db511afc16552d3cde762b34c54dc919d884e8c4ccaf94f33c04b67ffa676a1f437f5666c527e928290587c3a8ae4fa5cf5cd8a17aac345bf6125d535120fe257caf44dc6c686869970fbcf16df6b580d0f4884e4dc1508400c7dc5449d52f2a592fb13deea6fef90602248856a7a575bf00151767942993150a159aed7ac8aa931fb9538658bf2cbc2f1e4c8572de9463e7df63127c62f1e1436da85cea20312eefd59ed8809e6a2ecc87e14d57f7b65ce4fdeea3af8745b8f8c98d3bb6bce4fc991b24de8b6bba78a4f799711a3057bf5269b0045e4aa00b23af283242c7ab49b1d298ff826a42d4722358dedbd789047c895f41d96d43620d163100370563dd0a9f6dde64eaa1d27e54a91e485bfbc7740c16abff9f6793dd8cc989e03c6c9455b855b75f3fafe60e17955973e078aadb0b6eb92b60b4341d3efa9588849bb8192e7fd13fe21e5b2a608bea79c8d225b94531866663353805e24df5ee10b002bf0b844306698f385ee5e0f8d4e4546eb52ddcfe0f4cb10e7fbeb03ffcdc0e0304d0e66f033cf01eab123afd47d2041062e64534ee26e9b8fc77fcbf4bbddfc037d680e865ccce7e73fc80d845cd5c5e58f14d7cd219b13e33c89a00ca3e5731dca1ad9663994a3aab30c9ce031f5fb09241cea487515813cade24c37b079d3c50a25fcb8d921a639348c0f1ba5abc67f9c72ecf02c0966937d0d098fa2ec3dbcce3cc8dcbd4fd3e6cc2252c7bf305a1f7e74154e67f52907fa35a0c6d0fa9821e168d662dab52c8009e4fa7bb087ec912470cf7e6e98a3acb703fba4039710f1102fb5cc45a2e018e2e413ae1010555997d2f925ffdcf5be0f73844cd85281630650d3a9e0a264e6dd0db637baac429ca49c2d898b597ed6b02c170fbddb4886b41d7b242085b772c938249532d1ef87bfffbf439faadf1ee9553da27102fa9c103b6a459db781ff0625dbef738ed499917db00eb7f208f79b2603d5271adabb67e7eb9bbb91fe79abe14caa06ca880d54a6f91cfd5615c601ac4895c7a3d9f466118801da740f6a360fe0b3ef152c1e8e3f76b54c1f90a156899d2948785c6fcab6c7de6606b919ac617d51cd2b627126db65b31e432ab05d9285ff9aa82565a588053dadec619dd2d287ce2a2ea8834002efbe9cd898a1924eb80503509b44f7b74676dfccebb36b2ca96a1636d6e63a18657eae0151a10c61b9b4c789ed7ca20b7f7561d287eccfda538c46457171ce2552095a388486705d77befcdaabaf828983607a855c1c4dc8975f7fdfe431430a2c752c5a92c65c4043976e34817ffc3b4e0d60924bc25784b58ebbaef997ff45e34d35c18e3e8f82bf3000ceabee65e14d443a3bee5ac8b24d4e887b508704a84518de18971b0af5d4ee7a9a30f9d0c48a783883e44e4e175c57a7f2646c9a01768c211c7e217651f8af9a81466d0027a2fcdad6ae0aea15f71bfaf9e3f340bc8239abbd0d2be668b11098f2eaa428cc40d00b909c220c681dfcc0442de019faa8ea157d4a8934c7fc853e7ea53e28a421e09522d7c436bf7ad0aec1b66d8844f64902f178a7012531b3b3fb09fb6abff864cff6b282a31275d3cb7c71a8078791d4b436c2bdfa92684c2d0f453b2a045ff71373e5320ee2c1d06159f17210923c03974f25149c3b6c1df0eaa100073490321e7004cbb82358cb5525797db9faabe4bafa2c91fdf6d1449d926d149095cb863b5294d6d951b977c6df4b28b8f5ad9e98dffbe5900c69ad31ddd8b63864f7ab9e361777ad34bcb3cc421a90c9e95b1c0f56efe3397ee396e83a3f9bc84b9fd2f9ea730da88702d828d266ab562d40428b75089b528700304744b147d26096adf8ce6e19e9ac646cbd5d059095e560b96bcd87ae3f38e8ac7378ef3d0b27c2d40aa382f994792f960cabda662b9e2cf377f9bf92e01278c930ed5b8314ba30f3013e81e2199bbc60e2526542ca6f85478f2ac85aefea88de0ec31965705189fb874fd8969ee8eeab3af60662b10bf0f0287bedb9ca524e04c07dedbf46fe924c3fa54c353deb0e924ada5b43b91e51eb95e65362e650a350fe094f64e87ce279377612757b807765d71b4b6e3b495e5f25993f540bf387e8a5ea7481ff8f2a27f4fe626c9374992088db035493df7c935c4dafebf030c83bab1bdb3c9faf4264190897b648cde657ec5b28710ed60ea54cf94900c42dd46d4ddbf475aeab1771c3339a8d4727878df19c0d7b54618c65a36afdf7434837469cbfe08cbb9162bddc64de4064fc6f42382773951d708b57f6a80b609fdeeceb48204f95af4c946edb42136aa999e5300289c1724e5680eab1c7ccd9c464878803ef64d51c3cbe89acbbec9f9d579cef92ef77e80077f06d3ad1f1eb034db16bf263026fee367487e0009315ccb33406dc1ef4df3be94b5196890f240436b6c983cf898931fddb30e638cda1c4f81531c19a9877f36393223071650d1e8e7fb462e96dc54d3ebb24cf0f1f32ca3c60205d3ddbee0718307b1c1402877101bf1af7ae82f4f13362392ca736502ee22dc0ef19a2eaaff1f78b81d7a68c8748e647e4bd02b2f249992c247effce5a4c72dd2a2e67b69e3123e4e0d3457cb4caf57215182b5ef179b7c44be5db5dc87698b34e7f7acf155558b1291b04da80ae4771ed871fc9129b94eaabc2be35eddca7e67d691cc4a707aa5d66cde94d93d514ed03f0dfe33900169ef081e95f0885fb6d6f9bf39baedcc1f44db4b70cb2ea0fe76af05852d3c0445653cdbc7fabd3dd0617f9d7f9595d3388c4955e2cb4c45f57d2c7ed868ba4c34fd8531b6b3e03eab75a3fb537a8fbde780f1faf81a6839c0ea84da65169efe130c449e666c74c29782c6901d18c4a41964bbe2819c03a2f2e5c73027e0744a4231512ea462c938f3713f6b5bd60bdf788fe4c561e4736045068d6a8a055f52247d319e0dd95dbeae713402ef2e8ac52002f0840f107bfe5fb5c8b066221847b88a8afbe73f37230d15ee22eafd6033d834595f1f8e9d2ce66338ea7ed9a6c85610b9f1ac835989ccdcaea070746eda7e6d1420a0a1107f619f057181ec5d909c86d5a80c6a6a1cdf1a284a2364b5d796e55266bbe4e093c91d8040ef5e1754f68a2503453f8499aee60bf5f224ab07d014c99c9e50c83f2d02cb86616ad3bc172f5eef9f0c32333f8649fef62f57121f4e6e489ef9161442edbf8743c287ef42471893258d631510010dd4842fd5cd0b8cdab257e9dd62ad4fefac8fb04775e922ee128b5089dd38dbf7f5937e66d5808f1748d49d30ff6c54544d2e7b4bae06508ac534e14ce7518474b8e02a56f6e63b372f1afb139d7d425b58e27679efe68cd144c9f6df7264e94985525d9b190933a0ba3364a7281c86fc222c73e927594514f7f50eeeeb36ec3c47518489183c3af3470e261c491d975c3bdc70bdd511ec91f044112868774bd48179c280654c108fceb08a0ea513acfe37e915f9b370178d70a1a936288c41fb75273d0c5a9ab7a3c63faceaa2fb3161c6e7d1e92541fbb29e68a9b8d40d86614114e80ff8bbefc0d49f2e0b3ed26d3c14bebd073b2cfb0c1893fef33d5bf023925fe8a99fa930c3f023524e18ef6e60c1c19a0a259f4adfc75cb221cbc095ed1f6fbcdec09e380061a92f72c59c3d00b9d1b1537021729c7a3047de57f0e828ee40e30897ea3c09fedc23ccc5d349321aa6a381654915fba13fa133f8f529114f251005f2fffead4a5ec4b454f7274c49c350e257eaacaaa91a57334b2344168189ad499a53cf5a5d1dbdb40ec6f2bcae06bcfe49c044ba92da4c39d5e5aac4c245e9006f54be588544e764b25f392435a92fd2f1b74992d03df875b114210e3c6100647f95a51b962eb71066620c3ab07628dc314d6dd146e35afc2f22680f6a35fec1e041a5808b927e00510b7509869d6aa681e6575f8fe07f9bc028161a0e331e1a3b0b33cd8a9998f40bd2506da84b7567fd6da7cd674302341b2344213890192ae0901c8aed8cb297bd964072d80575fba6320aa32c8c6eba81e73cce95e7c85e1d26d38e9b16d2622e68de5d12757e9ca354cb97237a656a1a757fbcc237ec33e4df1edf482ea3c6fd8297f365d5d3cff4794ba190ad7b0be7926801770da58b5f15c862d6b9614e0b69290cf60b0cc34f6731aeb7697a114f98d35c798e5cb00b903c86bdb90cbaf9ca8de79077d702eb8d4809a2e22f618563a90524b5753056f09704e11500752b61aec5989fe6a4ac25f1d550ee9dd316ec844b8487a4dcbb8ba78f850e00a4e371b041953107447e6b86b3f3e5fea9c6fb359b72b0bf3bd16c711c2dd74e6776892b61107e2b9e8af95616b992ecda7600885e7f38fd6dfd6e44a2d58a37209e49e814a407304cfe5b85f507b6f25310c55325f1f28aef53d9a0561d792a228ca88f43c3e5d52c3b326c3529e3e2c464cd36e0ffddfdb10b8640a275167fe89e3607852c0420e3f806cb15584052d1ff8d3cd8a3a8e536033c25c9a3deac512561a52578f600e6679a933c86b6dd760a160144c48f7d9512a6791e3706099d4256144c06ee138065a9556bbbbd8862b77c04d1ad27d808f1101c0437573cb0d11f8028b6961ea2c08aa8ea16d174699427c8e2adccfb1abf9384fafff2a26d39b37857e5e148c235cac15b2d1340bafb1756c8fc9d1f399330f57dd0e4dd0a5be22b1f8b3ae74b9bcbc8867762c1d7f897c771f0f88368719bb84f61d1febb6bc0b8075b4542ce0acc1902a17666446170798295afbcb8a201f427922ef20d6051696ae176c9a2e480cbd8c71499e54fecf38ca9a85660667f94ade07f228328a707b40cf482991cce039a2582e2ee7ae42532fa5e19ed8da5bae1ba8444ee6a209069bf6d5a29982abb262770826681ca42465b43f233ef5eb1e11300bde8562abed2f7a9bf5d49f0daee27a01b6861eee5e1d5ee83c2e36e85bb4570e41219a7dde34fa147376771de152ed876ef20ca11d3b8e80f6cfd9c5033a9494a1b1aa14425dae63d7b2e5b16fc93465f760e3038728c6752401fbbe4281a110e783488ffcdc01a0593ce489f1938689a8f77c8df3cdb4fa845070221e05de5542d819fdf3dba5faae99db88ad321a64cdbd41c19e0a9691beec7b05643c4169d5748153ecbb4be20e2b3646d469bc4d91ac2230c1dd44f7991cdbe601c162d02b532ebe895ac66ac377f1027c461fac39f5330338f93a21aba370486435e389ed3177cca565f36fdd959c0b5ab6d33084f3280ea828793459dbc16b1067656ea6d1f639a1d34b72f4a27d6cf2cd7da0a801bd6a6b08feb460c7e49471120ba568ba64ca67fd4879c2479eeaa3d420ae4e976d8a0716c6e32d3b7a3f3e956e36cea242be95a1438fce98051f87e7c5aa5ad2de50180d7fcb14e290a5c2f53bc6d94fea465d1506de90363cf48d42c59d80cfc550f553160408aaba75cc733f38cfe71e5e4053bb74eca1041d78f53c47fcaff5227b3c8ccfbbf5d6ea9d32d83fc7af17747fee5a0f852414638
Responsive article list
View code
c98dcff600d3fbf0cc89761c1c6808c2f676bb2e6624ea6662ac5af620a640a700719a8c4b897f6ce2d748f2e8ebeb1a16a472750ec8456758daa3a639c7c341e907a813e3ba78adc08477d8c74dd67239e434443f74b8323573fe8d1018511740942f2d1d1095397ca514d4bb2d6fdf80420853d12fcfb8f04482c58e93664c47f80a51c9d35532388de443d6fdd89fea45eb04c19586ab6c99fd0bd0b9c484b4165a4ce706d3ffd6d435ebd47ddbbfaf0b85bec275c591d8494dc0f66dda58d4cfaf7453d4db4c121d112140a0f45e11aa0791d907961822f2385d50d3f7e2ddf003a6d748aed6c79fe0bce45fce36b34e4dcdf852bf2e6dd8eae001430b87c34e870040c38515e219f3616d95487adf0b966df488add0c74d76afdfb2b955527ce867c8ae75cc140603445e73a21e529d0556e3bd58e97a77192a1861890fc187a48711a61d917fa9e59abba94372fd976c61ba90f8b4997c1d16816261e082d736963dc6493d9ad3cbd943395a8d1c9a40422ffac59db32b11dfb289b3f2f8462a82dd8fd917636c3ec7b49d38b26d2e18c1a1eebd985ed1ddd34304ed3d424b244af0c59b2e15e7a79439dbc8da09d3aa60513a99a7f9bef9b17f9e1feb3d04b2de78385ca088976d5acf5b8876dc1db6f9b66890d72bd9ff2db0d07e8e8ef288c6c6a1b87f0cd1628b05b0377a4a9aeaaa02f3d54e4350ca28253af8a85dfd9e5b4a0bc5ebcbfd0e63975139cc4c8bcf543b69b223a1b9727fe00295330ac4c0076775a53a3846cc48949d5f33e27c33d5846585959341544864a580226abc9747d486ab141d01f5e5a9e6bb1b4bc3d0be0471a9b99e7c8497cf316c011e90775e987d33301acbb689d79aa86cf43cd1e24451088caf79f5a26ea7f017d51508abe3fdafc3edb5d1e7c6f906882ec9d657a5b354145a663fccef2c0dd9f1dc8f2f787327775b4106bef16eb224a9bedef0784143dbc9e0f98dad5c7eaf902ed1eddef4bee7ddae5c21ce1798dba1dc3aec8b0c8bda99a6400564bb84156a4f333979ee746daaed77ea3b30a118dc1a34ed3298d745c447b94cfb0c98f4ebbb17264d1608fb5850bb55c47370ec7601a3a0ba62e89160546e7c56852992d4b5b76ee8fecb820c179aa885ed322c77f02d03a747401ffa66503aa883813528696cfafa823b41a9763da4d821297db70762ad255b7ed77014dd8dab72c99a687df51d413d9cc5d7137c275af780a826de9163daf79b462cc7095310428df249f3012a9a0b6c125339405b1f4a8407e1d8a6d577930ce72fb6d6e2f949458b312a42a3b1c0e942a2b9a32239eda762721a8898f3947cf1bd02c70111273fef10c1645fb90aa40b44615ec1d22e42d4fb567a5fb60b3563e2e9268069747165e5ffa1b574c9bb39a8b97058769ca893b99c7775a8e57297fa2a97d26c2e85d194006a521ad80d269c548bdf8e98bb6cb156135e23083388678038d1442813d6ec0e98f65bd1dc531ee4247cf6bf41f940139702394ebd938deab30783c5b7043945528cc00a76abff23113c20b812173996d0959eee113f757d9beef8b9a56a2ae5a138722bbda76db1df0669727c8e05f71bc64d8274f93675daba6ec6ef01d134b01336d9309fa301c660ea23626da58a3d303846ab0d240f752b102af8de44cd6356a41dfa14f1dbc5359c160a3413ac143662b826ce1aa34f709d5aee8f417dbf0559b62a2df88d26a551f296cfc2b7420de2a86bc39317e18fcd53dd21c045f1d589d710edfe2b22e9b30d433121f17cac9fb5e82531b3e2aee125bb7e7fe5e26f04c810b848593a4664e8b17399b955831b7ba0d133383b1978ac18284028b3586e4679cefed434d6973e59dedf1f707371aa3270e92476f9e86fb1389434977c8934343513f6ac538388c0b94f79f391ae3628669fe502c65d06a4ea9c4986c386b2b05e3dedfa18e27c98a3f0aef587933753dc2f84f73fa3821fdc33d8ff23a0fed145671da98a6aee506f87863150fffe0cbe55d4c70ee01d4b913cb0c5219456c40c816942fcef8ebae7f6063ec538dec266aefb0e6be66cfb677bebc7ecce94f688fa2756b464fd44e5c0d29f80e9931580d909a601e90451d881fc2809c118d990bdc502e884b5b5c616acdf0c9086582a179ad1ba4effc0b8e504ff6630fa94db6d464cdb632e65f68364b4b12ae76f35a6e9541900a4229acb63f415995b235ffe37579baf0d015cf22993579268ebfd803c9c205435a973400af9d174e801fce4d0016e96f033e5a9090c629a39b8bd411de296c78d79dec58f36800eab771932cabd551a75b8b825e7857c9166c9ddf4fbfa257848de0816a0ab8dee0a16dd0b7aae4d8a7da55989ffe3634c0004ee85f759a50da4aca303831a9dabe1208ec28bfdce556df05bc78ce3863c326297cc9d24c9aea6929da1454e50fc68bcc8052da1c234fd98560e7fc83083f833da961ba07486d7fb1d5d2ed7c64bcd4d8c32b55eb09c44c66f22283d8fd89182fd366c2e62d314213562c7f38e7a0b7f80a5f702c52ec5cc56385512eac89fd15a636fbdc976b7d400d2b28e508b189ff7a2e20c48f9e0350d94da5820f5eb0be0b0a0671a7fe71574f7ea8e2286c1ad677fd0e130e7507f02c6d56d64f2719b23b99500261bc15d720c3156db131f4981f1bbdd862d7a93895a5805d65d6dea757f5d1e39457584206bbae8546b6613e0c58e4b25bad23f36f28cebbc64310291c93fdc925532039050ec58a7bba208d5a861d8ad956e477bc492e4df0ecb78adc54e4571b4a9328e9d7f5465e9000e1d4712af7d165176e920c6ed272b8f76b168847a3815bf1c4408055a4422181239305de9cb3f9f2175e7dc9c1f535c0297b3d6eb078a2cdf56f8acfa4c1e6c0c34b25539c78148917774f098b9cfda9898d0504a9bd7f4c361f60a50804c6edfd41004e48c394a07688201b245c71879feec42ff6f05fe46460d6662f054e389250e2b4e6f00b1835ad7b9fb0a05fe84bbe64861b3b10c86184b23eec26abc9989d409563aa79352058b32172162b35e64c067571660b5762db755db680f815bf8ed65939c4a1ca978872d2e83869446104523c8f0ff34ac6489865443b3a877fa69ee35a1dd8cd5b72dd265668c13899bb409d9b8ec6aad57d22be8a9b38ce15cdc293afffc11c6c3073ec93e1a2e08322990b2cb8894c4135236232b104c465969ef71d9e90cc949f4e4d623f701a30dca3180f37278af5e01f8846232e18a2106b931e7d87a326888a64dd98bdbb83a03100ef1f9dba59ac134dac703de36434d8883292a4cf9ecfda86f84f1bebf23ce4f62e8aa9059a352eaf45179ed1436597d7a30ef6a863535ccc73c952ff1f77e4fd852959879cb042490b850e3d961aa543becc78a415e2bd69985265f085646be39d591b3959132f879eaad38f95038ed81f42bdf9c8ac0ec5217eedd15bd880634728e4e8763887a8be466de43e13c6a99b79902e1a58b9921be0cbfac149f6b7b43757c2ef613a6a813d6a04c94dac2e5934bbb4e0a501bbc01733a117c8259cc34e81bd2cce05b2e8757b4e21e161e04ef27d45537fffaf2c78fd64e3e76af761704194cb4438afed7720f4a9b877837c0ba1b0f7ae6fce5c0ef2aff7a817655818880d5df1281c3e107d5aa9232b3600e1d012e1714d4a06ecfdd0fc246f680eff0f404f50d65d9b7001ef06846b4b688ca3d83482f8f185599dd8b934ab660878b09bf57f2b96b31f561c62a0dacee421a5df77b6ae689044d984846262d627cf462c6ba12805a48ff570f9f58787d4c281abb11f643ed1818d237b9895864401511727a4fe134087adff3878e54c4e20e1b9ac4b2eb538cfdfe985b17c36736627832cd5d4aab26e9289e9274a6626812c9e82156fd90c6f01b139b396ad5f31fc27a0431f7ffdcc0bbf544c0f0adb90bf8ec5f11b52d4a5d5ca38d1c0800a41c5a62aa73e5fb15a77df68c4ad429e134148a198265504e10634266a4230c439707633c4399575aeb9c415aa13ee4babb80f3c41f9fa4ba3cd42d271f5bd24536375ee4d5664bf73af1d703856b065305b41a373ca2be20370eb6ba4cd7b3aede303e5212b02b07ed3af365f0f17b1abf475609f872633d63011d30da7d94024021cc9fdd0e79eb2213c9e3686c6c07496b2afb8cc3bf6127286936928bcd6bbe122218a7d5588159bbbbb7a030d3095fd98d52845c58959b472efded34bc6d994c07ee230b0747ae04d58f8667b83bbe434928963dc1ea4c30c01bd4bff63b259b24ab9924b1f861d3847accb080b412cf063f713ffcb6cd76cf0cd6884500c7864084e84937150a9c198b32c4e7724d581bbf1accca586fcfd6a592ed7ecc294c8145beda39e5e51ed8387be3b6fbbb80d181ed777159b3a7e3545ecb8109cfc034b8eaf75e331f3e1878fdd4d1fbcad0f738db820796a55d2261c5ed05005f6df10988c10847d3e18bf03f9a664a006c6ef327e70c18c433c9185ab257e2040488881b7bf08b53a0cbf6f5afc26f7cb8f6b8054ab2a424172b7a5be10d8f0025f4d31003c5cfcb0bf1af6b6fe89c8f730a9fe010d00f7930a02af3d97d6d1d7f8bd9dba699f1fe907276ca6651787b74d2e71596fc425d0f683304d1734430abfe0079178a7b76ee3d1498ef73ab0c0a7dbffea2673b6b0b151d5078fa05e6a85d950ccdef83560f45a89046c66038b0513c4b2a71295cdd9351448bfa25aed506623f99b0d629fb746c6ea3ef0dd227816d640d8e55763c26cb6a65a3e39eefa0ea1cfa1c60a7bcde6a5dbb6b330d05725bf59a6933e9fe76435d68a5b8c9d7a257a3e030d82621b63268ee9dda2a659b0294be3edaae6cf1be5ee8dda71e90c58f5028eee5a08a115c48839c136217545c286518a994ac9f96a9b133db6ab008850f1b2b9bacd827893bc00f997862cad9fdd3fcc4feeb32f8a251a5fc9d34264e86cb5351b13fdfc710058b67698a99f4bfacd65f28b1fa848d6675d16221360d98f855175f8d40cafd8b43bf8d03e1c7714fc12884559f519421c422c15214b6ffd1ab53506f6120446ebb7ec9ec3033c61aa87c3597849aeb165b014fce23c4fc0db78f8dec9c17daa4a38b2cec3d38748e2173e6512c172da29d9e83502919344e899185c6e0f647d565a88458c03c755db9dac0621a3629655fb34d4858c1cf26182df905bd429420c6e51c872bea80b809b4f5aaf5b837c7268b14346cd8d3963947e7d0b1ea5b0076a0bfccd99257d126d8166a6b745465624aaffd49025d67bdd63d5a1956a1310705c1c7e788f5791aeab05ef3a7b8a944d957797dce4cbea26a02133c500824675d44ec5f163b91f16d7af0408d296083416072dac63f9559fce041ca49911f3c377d4424e698b3c22382f2230d48f21260f6e527548776faef02a52e476e08383b54dd640498627c31d665fab906cadc7b9a02a47af6604b0461c77e8b2599d39a5a7fd8bcfa913415313702ce7e302ab54c5210c6f96ca6dcf989912cc6b55c1b7106eaa080eda549a12e5709866053705e596a0067c1df67ad88de7aa8891e435010d75e6a4bf085a017b7f73a4c61dc6162e055f6c2eaf39e98a64be052a2d88dac3af861cc8c9d69fe83e553b3c987a72d870b5b17a34dc6abb48423bd0e5a29eaf855231d2403297093ce5d1c3ab4b66e9daaa7f5305db8ae4d57af29b07010214bdd92e59da33cd11bf6e3f2e9cad4cacc34ac882645997d026dcd0cd7d0adc86a52e4d7af43257368f8a4162b42f605436c7b870f16c5eba4fc611740bd29f717fc39b161ec544b1bf749c6a2b48a86e820b753335ffd9b3766f1990de985cfb5d5825964636b3b5a6a9172c09fc5ea5013f736266a2efe8fed3a600ed05bfea2b033da2e0600dc90aaee44149cb329cf163d373da569daa8e55708882ec51dce36

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