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.

21764ca183e78b2237dabc2b59b5478ae1eb965357b0f945c31d96a66f2a7526b9d71cc2ba8c7a1095c9c89408e743e1774bab6e20328bb484b1ab798b9608fe1d583be2924059fee2101fe7bd1bea35922a0492e674e5cacf030ffb7ace931a0773d742dee6b3b35e19fee0373d2efa504cde25d0a788e3767cf671e4546ae138a901c88edbeb4b0f7400a35693b3afc318f41a5ee40919b1a3d5f41b43b35b16f531e6e8d56eee4e74c1c1f82e59b2f6edd3140457a2dce869bcf5531932fd87ec3dae6dab4358798eacc474ad9d3aacf6a2d64268043f1305071a1ae5cb20d0b5d5c1e927dc10329f85f036c4c1e2c2bd04f127a395b4194ff7bcf10aa0151bf73e25aa782ddbb9c3b0dd1d9967c8ba67ba9616583dfe2b23a72debfc973b7f8c6dc255080c666e3df3e632b064cf590e4910825bfff1a7fec76e6a1ee5695e24e23c0b9c94be728a5bd06fbf0f638034bdc3274e14d82b175558562e8fab952bc23b23f3c72be4423a942ba6ecd7a6982c65f847e6086b076b5418263f64ed33415f19ebd01b6f3196729a913c953f0c4fe2e3a1e26cdab0811997e4628fcb8c3945b98ac1c4b8290f9e99d38d77e25654b2f039a33a8e16e47d35ceca0a9ee50cc703f031e4617c242700701bcbee639f386a793574203d0835311fdf43d433508fd385ca37bd50c52094c71c0f60bb3053715cfa2da0c363fc90fc0de421573383ef38b75b12f3df5c3cd54c5dd5ecf80a109e0792ecb7b8244d3fcd19fefe15e29da4dca8688a6633c39fdef1418762d5716d3bc9edc7766c5bc7d21f6169b419a8033b51dcee0c709362cb9526e565437cb0fbd9f3203d0c2f7c7387d1205d8a26a42e433ef4e3abbe7adbcb04e919076a65a4d748ff40374bc479e9c6cb1dd61623a5f46f0f27629cc2e85c051fb3f9138b7703f23f36f90511c7583a4c4fb60416313b6685f344ac072f3e7c71d9e35f8b18ef3ba9273a5b1d9a0a57f5452bd3b777705cafe6e0ac137bf72eb4f2fd733707ce1b3b0644202c97ea26bb0f2a7205972e28ec75118b84fd12d63c3c77b77d59636aa04bdf66dc9254d2ecfad521f15d0cdc7a5400f224fb1d9c9f3599ed5a22c3c27cd95214f89567

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
04be580a496a66baef13c313b61231cb199adc4e7103855103e7c8eee8d016c6d7535f49b7d369b07e01ba3e62a5ffc7aa254a4fa812b26f222e720f19aa9e63ea2bb97f83c4ae65a2c426c8225f577f06de9c68cff822374abc37644e8da2d037742a4f9103fca4fe1842dbb3f578c1bb3b38ddcb894786612fb4bc9a21e08c708ca01f7def4d8746840de459dc8b8418762707dc74ec7bc5eeb66d0516409ded37e9f2e31579bdb575adbedd63a6aa8250cf944533b6b4e89354d9014e325a8f6c8323ff885921b0894671697709b024c00941c2d4ccc2ab3543533e68f28a6d5d121b7a96c61f148ff11cf450b3e812980caf040a4404abd83371d37692221a4627b7ac24ce30ec98de3c09394c85752ace43627ec0871144fbcd178964ef308a06e253d751ec866f4c9305e2a228437d515c3d3125fea7e840a59f338516e4ae76e4cf338f67390d6e4f04b9edffc86c888cfbca676ceba1a1092732ee97a4a70eaf3ad859f307ddb05aed566f713638e46ea6cee9b51ba66b275e50d5ef06c4808e518dacfb2ee3528944f0cd2039c297f869caa74296c116e0e38b1ded0c9b77e526d512d3d6bbfbb20efad469b4e6adaf2dfece802fd2c9cb36b454f69c0e64cb6c0c7e90402ceaf41c47201f6d0531641b014dbfbbbf91b67d48402d0e7ba669346d6a0c5f12205c0d0297f9f950026cd50b43ee07f44746774e3c83d008b5e4595485ca0036888d7df5a0b5105db8823276f28a1e78c7aa8261f4e0e615d7b32e0998f53d8d28fc0e4398ce1fccadbe6fb1d2ba00f40316918948b00ac4be1e2b4c60c25ea511b8c0246709e7dfab4586850aa4f936fe84f0dfa9dceacbe80d0346a52921f51641a21f903deb58feb184134bf09babdadc5f586266a5c2661a46e7c8d61e4e06d22f481412b58dfedab321d73d3cbefad2027f4c984c0bb0ac89789ceedd48f70c2d5a47137f27acc71bf165b15ac25c18f7c7de3aeac58b4640fe0eb743c95602b51ef0ac6356e58005c27f2e01e167c20a840386370aa0e3d722f1ec265456fb4ba3ebdaf8b8b439204a1235ce2fa9ebd4b18724fd3746f4a0a4975285e63581b876c819f132d34c157f7e08f48e8f3f9c8112e8d5b0acf49fcb2523056a2fa2b81cc512
Pill-style when active
View code
d92a557aa54b7066ea49abac2dfbae94b30df6f32b6aa666edcf177011f6cee3a9d9adf6c4accd56d73056d99cb72899451d974d8a286b510459d716e89b8d376f7d4563638fc4a3cd6c4fb093ac565b7838ece8fc3e469c2a4d4f3c96332f736d7bb7ac309a7eeffdc816803120a31a6283f09fab402e17ef1b7672ff2470b478672a0820cba73593b0926863dcdf078555f25eb50e85a1021d20e316b18ea7ae8a585878863d9e6f93455218ed187c1d8f9e6b293bd724dfaf5e3c5095b30cc86d5afaae65386415aeab2054a36897df376c6ff51d9208446ebc84cba8d847472c479ad22307988c9ac459c819a1a8443cce0ab477ffbabcff588ae369e59b24b2814950d192a34474e85abcafb9af77c3e0f37422672091d222b5fef7ab00c30fddb15c107b4dd7091636d521503946b67855b91968b531c7c1c8f7c5ac62c074d63a566d0fcaeb196ec4489f223dfc196306588408860523d5d391eb1fb878677ba0a59d78507359edd49e0248f0b9dd8d539eeaabbd44a56f08132c287b63efedef9f3e1c6c9d6db1da57f46666785f98c7e02dc8702223ca579fa0923197fd309923d66b2c07a71072c65c398662ba5a9fb6a1829f85bd827fe0f577f9528ede4f9303be339aca7e72dcedc9fba6e364958470256ebef1c83ae31f24b799b691e83f8bcb789b02898d95b22b9086c057ecc3e7bcb3c17706551a05bd113ce889ee9c4715b000076fe8dfa9e81ee797691c008b44fc77fefa62a99144a9e6361e53250b71b91017cd284c0950a104b267429fb7c70dd0f6be42a954346bf1371c429178ccc052a4cacb26b26e5105a8cedbb74dce904287847693bd524484ab9fbc32b990761dd8de3da2e4caf1542f2b6b263ac912062acc648d315d4a318c89f2b276c916ab75f7905076f6c4fd6c311d183326bfa4789bebfd9742543e56f9296a803179022066a6f3313672dd9c70f787f0c0396109c0c33bd73a2364a471c112b12cdc6aac2fe9b8c126112399fd3f99f39fa957bff27c8397a1d1f6d8c997eb7f5fbf212cec157949171e7cc8cc31619fa17211b003bd7e04d92ef16bf0eb29e2526233af050786b5966b3921cadce36de89a92ffcc0d953362e8f20dbad867c22391fe761dd630c17422

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

Background highlight when active
View code
28f071b5deb7af271eae98935122e6577393cc5ab6ff7fa224cdcfd9f96e8891b5b91d69b5990ddd93c847e23b643a7bb074af8e0e573c22c8ae630348e8fb0c681967f80529fd0b936ba3a004d595d9f257dc908fa7031314ec294be45793eda4040b0cfcb5c502e52e096787cb4ad2ad5fa532cd5fc6a0bbd24d72577b0b0dd96e8784db00eec42ad0f70c966673791924745c5c5421f127fd7d146552580b8b964db54785eb8821963674b2f32ffa12f4048ddab14d840faef7d3c4cb2b7261e6749db6b950b0eea20ee2672a858a11a7411841c966d8e26906856002d83526e05b915e1d84cd623e8152bea9fe50d6b40c071742bf4f2ef6956bfdf947aaff56989c8360e12c16e04242918c10a0251088daccb86f6b9fa93be43c0025430a525f60a48a9ca2a558d1fa157453cbd689690125831c81e63e511cad07ca27839de01344e35af1800a6e94a0fe31cfdad444081326074eff9a37ddfbc34b4be211ee654dce8860edb4c5d1c14b4545237192087b888ec63e14965fd1f5a02b4b25ec2dae7c80fcfc7042e2528a3f32427678cf7cf595c1c06c55579bb6b18363d48d20840bb518f4ddb6cb41022bdaec005df59e2b35b510abd36383f70de17dd7df73a1052c64f698252fb7c67acd2adb987460f9b024a3fe7a30e4f16b932a51c6212675c1eaaf27861c4d420e54f63848c013e67ebfcdd6d239a17131a07edf0f30a35b0829f7372b33aa69b746eaf3b8d09deb6e31b74727b2bdd4e9c090387db1ba8d461fe479a9043a5c979a54e23e9e6ead828c95ed23657312a0d2978d7fc683724e06225942339baf48a75a09b94793bfff0e929f568d422497065e69746aa65f0444d99feec6f48fb4486f75fb80de677ebefe1bae2140a41ccc50d584ac791a3a2434e6e82203db106640b1823be2b40ce97099c319a0a022a83018d08d15ee01567557739ca52eb1168c26c9ca7959dd65e8ef1fdf11d6c679a6d4040a52102e2d6c47fcd7a47027a9ed8f6045e3cec18c56ab177d33e7d095308570574be988f83ebe2972480dbe9ffc2b50487c9bf4549e051aaaa1fa4ff12ad4ac294b8146e3d1f352aca8b903dd3bf2e690487eb61d56ae4913a841ccabb9926c21ac504f1c1d13afb7066adb05e6d46b08712deb5f7a9adb70ee77c295
Background highlight with left border when active
View code
cc8bfd1c173f311dc1ccff17cfd7f849f814debc62892d1959b9cd6870f742d4f7b36aefde8a027eda5de2174d7baeb5b22ce70107528d7ba2c2022056571dc0f45770fbfd90ce9bfd8ee72e356678aba17487c2e79b3a97d59bbcdf170974c89c2e72d81b998e1add23d1097a6b2790ffd7ad2cf2f047b41de2e200982303e8bbd979fff80777d272ff2b3cab85f45a9c594b7226544e159061933e282a6f5715768f93cea8fb38a4a6add73e10053ddb8b7cae547dd08c1fa67ae2f937627bab64002939ab83ec374785495886f3aa27a650432f5535efd1f75bd9cee8a4bb0ef0a3c3b06c666befc684f118f7af91478353bf41df66064d9dcb007a19b3fc5fb92f1794ccb44d3e69e04f46900d2b590f138c2c19ff6cba086a3811ec645a50d38d4b092652c092bfa0fd7c98d322e00d01909f5c9163c523be376d2923e839e5506a71c2243fdefbfb84117cc246dc77df06d1b32d4716bb303fd5dca5fa48c922ba55a7e97acf0db69fa6619382804c87aae7910669057bc6b6996d1f91bce61be28817e7f7cb4054cd2300323827c2980bae7bd206bebebca9b4e5985209dad74fb76a9e1c05810e853504eb73429dc4292ff309d66aa6a0a8ad79d4965593af70116b290aca27c21e3c9ca32fd8b3f5c40b5603fcd7ebd6201cee80ac03ecb5c7b53f416c71c9ef55472918509b4aa43dc7769d347eae2d86f381ef79dcba7bc52b6ce46cd5d54cbd6872ae15d2a4be403d91f04750da358f235b7f55e7de40b7beca194851b4002e94567f8009b23d9b5cdb5fb7f2cabac018491fce26f384f502077466730c10f4baa2bd296dcd4d4a5c35f2f6d1147b10fb5cac75ba072254c1afbad8a7666a3c524356ad91ff653140ea25f8b7b01b03f6fd027880c5cb5f44f8da22c04e6ecd316dc94acb54624f3e06d133c4e7ca9af532155a6ad00936e0fa9cc9f9d875c114318cb0f114ff091bd05f8f11bdf1c4bf41d421968b96197b1ea71b79ae95222c6ecb2d735178d48f20a29eec521208107a9bbf758baf3f79ee5642483243112a99716c01c653b9bb8457ce9cafad9985c084ba60620da1e73250debb9c4bffc522e62341c5590ff6b8c69e9913674d4fc0e89ff6ee6a0cafcbbcf649e6fe2b0daefbf563428b273ce73346a23b05b9cfc342c5
Primary background highlight with right border when active
View code
73c9258337219b7cb8c259cb6b900a7defe2e99f579ad35f97bcb4b3a4ee7d9c08e4ffbabe095b8f36f6bfab4bcc94a65ffe93ae445bd43ff7f75048e6463f3a1d38c77169802ca73f4010856c9c50d20ad74410835b4cf17e7a8c59df79edea0c9a58492338a3b732264d4921ff8fe16583e2ab8c0052db6f3d674bcd7b0436c20efbdbdc5bc552965d4297b4d3a57ed77baff987f2a71abce9aef72acf335264d9b8ef0abc285862eafd79ca5c2270fdad21e230f2435ecbe986f8ca84ece15840ee24434926cfa44d95f3a01a69572a335d23a87a48ee83d810de067e4320898bd79d323c523ee87a9876ecb06ad77c9070215893ea13fad3ccb62da503f03ec37aa19b2decb45dc711ef1cac1a055073b08feaff96bce753e4234499b2a3aba190391858d71952b40fc8c250d1f8e2c6a9151cce0ed1918d3463795d1f67ff748d662c5426f53723a9905744d205e3f4c7ba9b765480be8e1120f7f6480333bd62c8f67d3552c53adb9fe12ef2ac2fcfeab4a0dffd66a04db5b76bae1c77037c53c2a21503ced62757c5a47dab74930045774b479ae29cde8046f6432694b7561761c84c20a167664781a519b569c72f9dc1fd9ac1f128f1b9ab42f86583ee8440034c668628dd22fdbb0bdfac9fc7a3db5281b8cf6853dd34051ab671ef6f86342f274aaed0b3a3346249e12338202b9ab26eb2f248ec25e9b01784681e53ec1879a9d7997a04c14c40de618426c22b1a41897b2cdced7eb292af141ed66ecb7546d22ea5a23757ae57eed23e0cb23f8ecb8108174a870d1880aa1430cd223abc51cedf9c59cb0e04074f7332f452968c4540b3781fadba7af3f02d4d19bc02aba98da270e64468bad52f0fd0324d66f79c21fd5cec8dfd7149a4300587d1e2a30a5dbd01353944a59b37dd5eb7f9b54937de2aafff04e79100454333c7a485535da96c2156146aaa556cd61c760221fe7c0c803f83ab856f6f34b42c5b80f1e8dba0469e85e6258452ca55835867de69133097b71f8ccf24c80f27561adc24e33e249357f6628ca08351fc4a7959e4eca7184a5970ba5a2fca0e1ad4aba55b05e7c88e62a30f9e717fde16870749f0195b7a132f2ed445fcc8cb71cb915dabd98dadeac05fdd77e8805794d553e8e99e7805bb4f36414708f048731f4ae26fd54d42bfcd0f156216e9621794b76ed9cc00ede0e4e52cd569813492ee277df8a7ee2a5905df27b3073222bacd0e0ce7fceec04a9f54642382b047bbd2011fed0cb9a3296c46b2124efa85054080b927724c5fb99a2b1daa180454b2ef607c7408ee20fbbe0267bbce665663fe6b4fa043198c0c0036bbfed9c554d11285ac07b8ae108df22282679925d9ecc89219b4dec0dc09e895359775de2c5c219ffc65c232ff845ef1dd2d79f2fde2bc0a2f468cbc367cb84bff16991ea4d6165edd4b4163a6137ba9cc5b3a248d05aaecff96bbb7e4006e2a00791d552766ee22d9efca12324357947ea2717c28a81135e79905b9bb80586acd764be79b79a70a71f3af88dcc6510a927a5240fe1ccf5d8ac9856c8d0cf87f7446f80e75c8b8fc3d7204923c3cbc86515441e5f0286e07e9078d701bbeb88c94b225a56a1ae855

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
300a7a6f37d78c71b3438eb0fe59b6408c307261652b62723feb814ab2f95e95169925ca9372eeda5b768d366192af77ce7cc71974fab38d83c7269a01bd0e25cc26661d686b043380ca63aea6ddec1064d0fd74bea784ea05f1e1089aa7fa6c623b3d47a94e1ed6e97baa841f7ba9d2dc27024d629e5c79b5aed227bddadd426347e37ac2d6037cb5d0cbe0fa219da7bd5fb6e314e3beb6520ce2538598ef55686dbf3900e35b2801efd5310d5cadfd9ee1034108d92df5360982d6f4beec04fcad7d9e8856183a948e1371be3a51f6204e170f750a15ae696e8e0f51e627434bd59898c8ddb3da5ca56145fac74874db8b0c9cb9420f3a5c0b27dc0556279e3256533bcd4a34b910e63455a0539ffd9e61bc76e75c7e6ea10a23eb2f8c7b114d8c916aa3e223798dcd825573e626f989b1b6a6b9ad8166949ae03ba9490dfc93446971a8461e8364b63192055bd92c60861f7bdc62b832caffff9d2962d62a0e0afad6f0afea74d6b5601ead619decf6f22107f2f39da15b7c48354fcd035861e66e5e7a24d671c2bdd08025f3a28ba123a7484068ee21e809a7376da727f7b99121627b84cb2aa8bca13c7be223cd8513b4f2eda153a65497323735d9afe631fbcc696789188666b66ad049f880772dabb1dfb7ac2b1d74c741ad1f87e83e9b61f102c5f702e2d150c795cd657d4e2238ad520dddbb3caf0c92417936a7a33788de5df3d7885e37edea898cbd5b78467f9c14cc10fb1566a5ccc433be73ebcf2ef5cdd079e5c44a4c240b4fdae67ea53a0560e0ec31d156ab5710bcc51a7fa3671ee2a8c120a23726c7f17115bb5b5301c213523925acfae32e1eb753896b75e238e08696e294130a7fa3ea7345c7656370efb108915b707f9139a8267ca5a15837180d08801f0f7e9f268b84109f29902c9b6a2e8bc0b6265422ea1b7f7d09eda6c47fd9919b0389ae50dcfa1bfb607fea7d4b71ef00830deb7767f3cb3ed9f1a14b3648e40e9c1df8633893131d21be5b43237d3eaa642ebb55a0ac84da991141a52a1375c35bab562f5ae025d72f2f0b5ddf1bb1a4a54bd0ae8ac617133e40d5d55755dcabd43490905cec79f46901c957106d515e1130aed30b78071df9d59d5c6d3339629773620d029694c6
Background highlight when active within card
View code
d22b029a490c095993254ad16f5379320ea112c4d564598be13dee55795902d9e502ee9f0c327d53b673a38698ac807c10d68ee814aa201ade3f22cc99513c415764724ac971947c4f2325d5421a14597a03d56acdfc5ba36d48ce54643ff4c173f4d11f7b2b40d0f34fcb0858d911dae6b286564d0439f4a7c8fa54035bfdc96d5eeb1821bb3abf4c623a3b24cc9f3784e4c35f5418cc9669a6a3f4222e407fb6ae725572aa0c02b62c249acdce156d6ccb04c031e9630c94a3080875fdf1658fccc273c456a5118448d9b15333d99924cea5a3ba4adf22f2d608c42fa72caaf7e1794b8e2f0f86f455a4140e7276de402684625b0dc2814f6c02cedaf763f0ed70607ccd2a68853490e195115241c94fbfd26aea98c39b1f606162a721f93be315f481f109752b9f7ebefcb7c302e8465ae572535b4c9ebe3c54a48314447114542b8f87f9725eb427ce91cd2e498dfc1094e07dc88400d075b84396137614c0e2d6b127ef34995edd2653b3be49f6504641c06b6cce0b2e2b0b19131798bd4c242e52e4cfdea2abfa72e3153c74798604b900697bc4162ce964e205792b25f55c987fb8eee700ea7b26cfb0c4b4220217d202a0a1e5469a48407b16ce1ea65b8aed5ad7059e524226bf257de8f9dfff3908aed54c9e6af637abd64c6e4f951d40b5414ba3b9a24e968dd4173e92009e2001b0630366b6407f461ff7e3c687efbc09294e984ee0ff3769b8a40e7ce52ef2134744d1983991e43c965928c57a391f56cdf029db71f64c2c47d5f6afdf9e186aab2c504b00c0976625278a111bc61bdad858b2ded03fc19c64d0fa1dab1b522d4bf096571b2bc22aef519610bfeff6e51160cd58d0733d3c91a87877482ca454fa97202ccaf525b56cce002baef485523deaa4034f8328618535c5307135c0ed264eed4a72957a513c121db2e74e4398db52463f9b95204cb9c0d008cc438774ce8805552491566982ad6bff5f4ddfeb3dbaeb427f440e8afc8b9ad06471f28205f8d2c419322cae172d35859d08870a820609c8fe6e33264b7e2c6f79a8677280b73f73b26f6c6be41e08be028be5370638f6025a9598b21d66f52f2328bc619028a24551fdbfec3604cdf091d4b3ea226ee6f05f6cad088a609b6173

Multi-level and interactive lists

Sections displayed with category headings
View code
6906513ecf52f9a0335306cb07ebcb2b3fdb6db9b3bdfc223fc0f3bf2234bcc5db6eefcf3292c7b60568ace0243b697fd110ad29c2014fd8c6e7ca888740f4b41092bd547db8005563b78f5fb3554f37eafefe8b53da38fa389cd5c3078f4cbcc67be216714c26ac78d93b9210b27a96bbd3c4bea6016278399c801d4788d5c2ce9d0bf2fda861c870c0d4bb85692d21bfc69ded098b311458a195ff0e0311c3e78f60ab88fe6cae0e0e2f26ab660e83dcb20067c4b57e8ce72eabe77ba8690b3893d370c8ea5cbbfe4231c7b5d686251f44de82806c9ed2bd8dffecd16e49e48b1f0c0323fa27d9872216a5aeaa17e2531dfcf5c91653c7a8de5f9ef1fb4621c3a07cc4dff924c16792acf03ba3c95e851f7a1fb09d3ba42423599114598e4cb27987a4e286c9e670a13029ad256a57077f1cb792a85d48eff4469c53623c7984c3e2db5fab1127bb505b7d6b9311bd6cc4bddf4d82e67b69a7db6d101c201a60f2071e2d4081b8f19f23dc90742c503b9facabfe67c3799288f30b945e965ef8debea1fe458a01fee5976513d91b8db7db742f8c8898a8fc63014cf587f8123318428dfa78eb2bdc103a7bb19b7e3319128bf7291e946f8ab36ceaedbaebdabeda3de9611779f4ed2aa460c4ed7a9f57c0f53eba56cedc2058215753453133cdff0e414eb5864b88a5376b7f7297da931007b4ea717f8505d5d9c0bcf99481cbc2b20f8983103a59510da4b6ab78db8e486ca263cab0018689a17c68daa6ab7bf51f594409604ec6f6d7a81dddac6fb77b6574a6f242596438bdbed2b3826a00276ef53ff2fa59222fe9cf4be1c2586b2b3590dcc3e28bb8122a765dbc773b99e1359f7651c36c54712bf99cc95dae96aab5eab8fd9ad64352760021557849401ebfb6fbfcfc74db5e37530bdba64fd9727c7e5a9dd27dff2550a072e1ebec6142747145caea9639f1a6a84daf7bbc090854d05292524e06fbd6859ac57e56a7f6ebc71980a5404b35508daa841fbe35cb59ded36b854c244dc3af2b49737bdcd63c08c53d6c796499201119c2322bb013d5467f3bdb6c0a9d2bf61c915bb2c9fcb007d824211a2db44274e9ee48deac130e9bf6a58ef2e07e5da9f5289f59213e7672218f5ff597cee56adba47854b94e52726407c62f8740984995578938eb35f027093b2bd90b71c617fb3091fb3b5d875ad642cc2313144f79d7089548263d75bea9cded9af42758a7591c75048f87a2b060e598060f22a45e23d46763953a2521394348b906f4011fd60cab1f7cde3186f02fa3ef97b70fccfdff218cb0c2fe5699ef57cdfe0f1c94e5234870b7164feeb8598a5f7bff75bf2b94d355f6aafc9ed5788e946909911ac2c65dd7b8af2dd2ba14221cd122060d3ac3120a29730479b60442ae58857ded822c6d54a4e6e2c231ae2f0f3e795e6a9c933fd914649d70b84b4005a895867aa152ecc7d3954919009440f3a6fa25be442c0f72db1e0837f5f3bd5a79c1eceaa4a56c93a887c39ae7d476f74fdc4fa173035b6d469e829544042d8a752353f5d532a948d4a7ee98aa9f0257dbaadcd50e3aeed43adcc29dbbe92581f5521aed7dca7d0cf639d3e571e174e5b038df8e62c68a302e0f5d8662f260cd877ffb161ccdbfcea7ea76a2ed8950c841a429cf60190237f4a6a8f4aaaf3236dc13f2f1ccaa2da155407469ebcdd3b4db31eaee25b43f2e812d85dac609e6e02fa84d02a66846916843bfd4a8db05f694f00a8a6d40a6ff1189475005cb48393d06b9839c087f8fd5bccef12ab0a067d283fce49ffa99f3291940c4b0d51d1d92f94bf9d7b435e901a7b8f32758c8eb32a02c3c11196bc78b8bb03cdd2be614c988600d4b41517ba8ea75cb88183b6b55ae00074bb090c1a681240fa5b3cf7726c97ca67ed6a7780af7c50bf1b722511a67f53333581a68614d8fa91efde3f7edab93a738baa691c2cc4c2ad308856e7929fa155388fb2976a89913fd564cdb9a7bc01a0705838e
Responsive category list
View code
88187c9f087df9aa405da2f42767c2a89d1d1990f7f788a101fde336949702cf1c125c1833180dcfaf9209c4337725e3bd648d7056ec4aea7fbab0985228afb76f3b32dec80e18550ce242bb0ab0ea566c9f3ee929887f7110f2dcf8f090eb7a857348be4df62f4d941a63b8546ef82905af57c5c436aced825853da90b2025df5bc0b6461ee296df61c6bc3049cf6e5463d0c360e968964faa3789ca1b7addf0de58f36f878ba16f0fb2a174a754d34bf09e9c00fde9a8fadfb6230395fa4ef700aa992f3cef8d3f555dd10f4258b0d761a55b151af73e4f5da90e5067cbf7976f8de210048f508ddaa32d419a1d781541595a08ad9f33bc8a0889b0d8f9dbcaefe656b31751a435c1c416d564a132640de471fb410b156a8ece581643d48cee37e0e128dbfe397d77ba99d7d292603a5bb201f58b06bddbc6f278a5bed0db1044b38da5c5ec6bbf2fc91e8f055e2184efbffd77a329eed5ba808cbaebb9221e34ba093f3eb792d0294cade99deeda7876882e94d049d1cbcae416836cf5dc570dde516320c0d025009df7229e5c48fe3f7258046540d80ceab7a8cd3bd3941287feb78257438e9c50eb412fc8915f95f4871837a5163e51a61a269fe77f72b92d6c824599636fd67baf618583478ca630b924bce084e4e9b2bf66f2457dfee926de03eefb7b1080542ca696eba8b34a949d26cb1aa7097a89aab421f99de101c48025b96c805f3700fb828da7859695ac240f5277afdf503d8610ce4d34a19a7e3ffab2f937509e9353e340f32e3de1b74951c3666e4e87eb4527de9b9f86d3637983790826fbc6c1c80c7f3abb15ac33b5ee9fb92c7152a97b0fdebe835ced7eb37e0932dc86aeb51e6048fb88dcaa59337c98122cb77b39299514c393ad2acaf9923f93dedf34b089cca81936a06b73c016861cd668db5561b184f514716d731ace18003349b9a1b39d7169fb14f706bec58b0f82d6278321adac8c6730d8de804cc4754de39a2111d9aae30a608f5256cce52ccdd955acaff0a8420d5d648731b8a1f54e80e1c477aac8efd61b91e971094e7b2740bdd1b1d19dac33d58fb7db166e0edf10cf3cd0c607dabcef9ecf9699ae6853a2b220047ed76d0fc75543213c89857e7a5dad94059a58ecda5d9081530d2bfa02eab6b7d56db973763e0c646c923b0feb272d561ee119e9df4ffa2a14559386a64987768b0e354d0ba2bcab1a9b31ad06961e7f2fd91325e816b1e9d95b4dda0e74f7e61d0b637f7ad9d8284ec6e33dcea7947b8b12652758ecc52d46a089d0c5f4997f7730072f621054f2d027bbeb4eec53ffa4545e5b4ba93443e367b1ddf1f6b237285f5736b04d3867d8aed507c1927b679ba41bb301743238d21872d23092c29a4eb06923a9dc5b61a2ddf6064c59ed62e015d5e69e28b1e447bf63306300fb2002ee249ef4acccf6408397a6a0454513aeec089922b910ff7d2a2b48644d86d9b661dd1071f77518a6a434c536035a22a4b97eebd2031b600e2e927b27dff2468aed5686ff9c440d4f54f1f534b3d4e12d179e75235537498d0b1867a1dd1a323cf1d0fd6d4f649c133259bc0ad5222a54a83964775e6d60a0c3263a86b3de4afd30178c8c226695d163cf0dcbe1908fe30fb1afcc677248438c61e5015c334e6b35692d56702c58ba4a43782aa0633c5faeb2d753626b9151caf89306319999dc2d0c6360ebd50ec6cd23816c58036259bd5ed14e719664598952c9625f228b424a377754d87ea55fed2c2e39f0f5850bf192db524c628fd6699c5a430296369df4b0d976c731d8c3b930be395dcc812735af6b932e5b4b61d938fb0d113385aeddd21d2b6b6e2c13a5b282d919dce5734a1e9bb0c906627ea20b2a265f6d7662cb9a9f7707b07866e5e44555d09ed864a0268bf09123886a804ce959b61aff8cc282023f6316ea5a6ea5b579f397529b1fc01c5cad82ea34066a21c59b0e73f342691d5d9349fde99bf8707a3da0b8184b8d1e17047563e823b539363a454173c0246ce9f9a5b5b8baa626ba17a7f8fd4cacab1d5eb1bbdf1b54aef01ff5f0ba732622b82e0c063158d6e68d797019ae55bfc24d9e9e24cd4f06c9f75d901e00e550e8d8c8eacb738cc11c05ef472c6370702d699c1fbcbfca15c4ce5171b38ebe0395a0f254dbbac74609febb63d5370334af18def7de4d5512b3aa98684cf3baa9d8da64a5223de72bf1c6b20161ac5d72a5f7d6d896de2553f1647a5ce171de1115b56e1f2d9d81fe7acb89a3da7ee1491793f227d8b21fe39efe63dbbd0c0b3e914cf4c52c913ea24a4a2ffb3612c64d92fb487ddf502fc8b1fe85a952758293054c89c26d1948b8b5d2399861c28eaad11a3970dc793f098b25744be67cd0d484bcb5f5b269188a1033c6a0cb7af1f2ad887c9968fa4a07ceda341ccdf5c07df52b6a05b58b86d682c6fc93f915724f61c3512453dcb7f9d9f798803e79a29656e8472f3bfd22d26ff84f7bb96b165657b15dde862190a4cb67b556a242041791b657c32325090c8be9778077e3445862b41fb37256d8642ac5b11c4ce3c4a3c3630a45777168a8ceb225f3dcbcb6481e6cd6dc9de4da38cf13544a2fe7accfafe20045a6e109ef8048cc0c7c781d925d358ba929af0b5682993c669448fa6b116657d3377a43ddbf8cdcf6de6dd27af9b49bf88ca8c65fd00fe162b7c73c3869fc5abd213b2c588f9a1eaaa907f51960cdfc42adbe9d6cac3393aeb3875a1a3185cdb45f912853a258af9944d419ae5ae6b22853e4bae0d897655aec469a60ed0b492f02a8f09180f8e49428201d63919896966b926cc089af20b6ac2db11ffbf300a74a6293a4647189075146f543a2a2f6cf1fec6bdb870e18e36bce96a8c9169387ee7757ae388b9abf904c0bb62cb84394e67da184de3c5d2cb09cf3e36d7ebe66a9faa0a096fb521acea760b3f5261326a17d6dca1262532f33c7e67150e6e81cd716e93d5deb3fc007ac82f5d6a571b1f87bde988d6f2b00a42f4a632530d0d666aeca7e03deb36e2079803756df2a74994120e87de114de175a34177bd075e69793765ebc7fedaf6f891f5fa71c3577683592fc1a79acbdc48c501275adab78b84544706ced8a8932184cd2f104c9cf1bf6e5c524cb6b38911b98f6992369d61a8390267887aa2af91e0c5b62831b2982b97fa145690f8af864bb7d96246bc3ef7f093e1855cd39ba4f6b49d86db44646d3de66b2dac1ade59a3d94b082ce13d8bb86b03058eef57d26b3eaf420394bef094978f8a8595d8021d204e6dbb8bbbe70e26c51dc0c0d22b84f34de3553c8ace209a22614c7e9544c99051257f888563dfe5e8685592dab3206e08289aca582c168dfcbd208d8edd7edb114bd7de1c4f82c3072e7b5eba6bb1ae714cbd
Responsive section list
View code
66073d50479e1d0dca90afba1dffb6a2b4ae42be67649fda9bdbd7a3b519ce4763e3e37c7282493ff2932e1e6dc2dd4c4abcddeb7cc5d156011bbcd233994e9d16809149ebf9e64f2025710abfa55dfdee3a75dc5b379d1cfd069ad60a9bdbdf1cb327e7d5fb3dba9d5a86a929dd77d21dbfe7a64459ab8d9211307d2488c97acb11977deecb6ecda5fda4d5dab21e2a8ad20e8fce214886ea5f8a335abd5053b1d1327853746c897ba3a37ba283d68a5aadad99093e828276548226b50d93db33cb07d19051a6b29bef4307038ea443bda746a897165b6713ebeb1150f05bca46f5c92190c7a1d310af23dc93f1dad0ed74953f5d4a34477f726495f2543b071440cbaa66a6b5481fdeb7f039df39322a22bf3d9623e22f57ab84a124447eceb4a2131a90859741ebd710280e029d35d5ea9ec4aad1360fcc60f6ad1cc94b2049278a9ea4f67cfe7e5fcad6cdd3a7618d4d1a5b6bd98067c0b596d57340b51efa88a7774f5deb65385ed896eae6f807ad7b331e03713885c19afd100ebe331aa2c2396aaf890dc9b66db91b904441198714c931b6ca9b09582d9718f2899bb881ca5746fb72cd3c3e18cfee36ec9c4e66955a8ba805cf30f1e0a82378075dd4d0e7aa3f0bceb25efe7235c1658017e1e849371f21245d85fa44325215d1281234382c0d36eb0b39f50cd196d7119bddc6c49a763a995de3013dc5fc72e897bc2951398473815a9ad9d4e7b12758b9ebc4026802d30d4825368767bc2b7c8c62227e375fc798daec63db04081daaf34f28e2d01287182ec3cce0469d233e7f28e1e2dfe350710ef78c16833548aabec7d20cd039b25fbe8e1ec9357ef522fb11b3704978106bc3806145dba200967e8f19880d77965d8f4409ae4e42586eaae339c6eeac0250a3d9ad660ceb71a6e1bb5ab4fc673d724a9c561cd09ede9b85b436a033aee1a2267ca8810bab2f9e1d24b5adc118aaf5409e936e694515cd75e95ea9ec30745cb19008ee83a617f89e69029f67c8aba3ac9d3505749c654bcf4c8b28002c5ea54e78a61054e7c7a14afc6d58650bc1fcab8a49fa21d709b345c74b9f52d7762afec281ee21cb5d481f38fe76c56a842c63941b556f5951c6fb307e788583f08c8c06c343c7cc76a374c38df449db86ed26c12903e3cb254c4a859c7bbeaf5fc991381bfebc67a349f11e157ba6bd8b46449ba38fdd3c73270fd8db58e320e1e7d9cdafefcc23d12e869f6e4adf56de1719cb12844cc45b3f752687b25c06a4c8967e962c88c2076e92405c012414bac5becdf0711d0eff3f35dd66483f72ef9fbe4c944699ac6c19eafd9ded269da0f3fbf7372862885363100b34bf820db016d5d25eca8daa6022242c0f6a665e601681ca10b1ae2a0cbabc71990a3204662ebb75bba0c07ebeeee590594d02948f4ffdb003f50bcd909073d185b4908322dca3575046d91ee2193c7079073ffe14035db5e9b1e0215a143f3f9bdcc0a0ec627b256c61837b1297074c4dea3d2e25c3dc117259eae9bc83fc7d758006a086215346fa97f6f9882e9902235275a13b04f5cbde81dc91431346dcae5f2c7e5edded3ef08d066af1465f8c84cac215c47d655103b8c8607e4a66e7aeb2cb80f645a1c9214228ba3b889c01d3604b89c826d0bc3636669b795544a6a3a6a6ba6dcd059655c9914c2b8387d871b451ab2b38553a5cce6b7c536eb6161632cd0f4a1f1bd7444f935c3726f884e1d579337a35ee80f77589ba7fac81d78e8c07e4d6cae5d0cb1878120b1d34c2533aa3cf3b34d3cf7f1d48c38b9c416f620eb210c5692cdd51cd9eaba774c98e56e075939de6272b9e444189e6225da8bef71b6a1938f59576fa7026b8b9ba2b43153106771b0e102b810958bec559e796ad587125d9127d77cdb787fbd466b4d85e4b864d1886d9c52940d7ae09009ffa867f27dc55303a433c3753bc4f53df5dfa7070639fcfa90f2ad8f8e164e8fefc3af7c4137d0458ae4be0ea951aee900bfdb31738545f4c59861ac9a7ff71ad5d1a97826de086b30f2c06c2d865e2c151be775e2e615c3bcee9d08604ad70c3f0244ce1bf7179c48662293990fe0fd8e0447864d42e83b37ffb70bc671ecfe631ed96743f2fb2a29b2317912b048bef52cf46db7b5d03a49c4ff08f15c0c1a48dec2b22680ea33cdf03b1ec0914e513a6def656b3adaf2d4c6959a62f77cbf02a5350473e37fd02551f27f55fe2888ac63d0b45f9f6ad7b18c788c3e1a56cb5c11c3874946065d1f619d35b4194c6f086aa8b9858836d83b93f512165bce1f5379f39f3e91cf0e46c0a21cd1ee0c4864058e2271d7c6b538194ef936a7bb4f8fb56be0facb320945eafbf0ab987f2a7d087e61af6e72c209e2a5d3fa76fa2a8ea35fc3252ada357a913ee58862ee18866651c91f015d5c7e83ecedb69eb616fc6b8f0cab0bfdcbf45573d363fef513244c0c2a19499076ffbc824f74939026a70a857b2334e82eaacc0b22d14ddb3bb2014ef00b330c81e739bb4b52b8ec29a75d1130cfd9e66a2356300fa7152e84f5381d2e12d46e22ba0e371003635c2135b9ce9f8d3a5a4fd4c8acd7a7b98cbbb0439f2fffdbb98a09158972a573e8fff518f3804003c917821361e8f586cbb752bfd1411a58f4dbe995a6a5668523fb5d767a955f4d53e4c3ad41c3455f0425b3d47d4a27a22148326ef612bbb36fd8fc0228ef4616e284a4bc1fe065581e777354a35555530426a31f140f58fbd4599b3e85877539bc0785ce9e95a4f3666d4dafdbb3eccbeb6e1cae68479ae2f014d016793a01a9a7c8503f7e53620d853336794292343416b997430c911de880b9fe31bf33b2b1baac2999608430f76bcde88826ff23903d82b9cef334402c3a1deb9067e9f9a5d3255d917bc114564ec057a02fef56de9ac384209acb0080b04d047330a289b208a9c8d2aa00f5b0d64d1f23f2bbaf8a8ac08f4704d6e3dc0ba62dd012ea78a79a3816ca97e9330629b5ce96455d4c20e7013d24c4947469be3994c9ccacd247950f569760645feb58bd455aa5dd5f0a640887a859e9a2394565c8144cca6b94e9b7507b14229a77cdd12475a475dc1718f2f900b6c3884e2044495ae9e316546e3d8b6f1ce9128aabea60dd0eab9521466845b733da72b9b8082a7cb985482f834b2d320afb860218ead0a81877b4b095652be4d0e321f502219b2a1fa26d272ce112db6226dc7616ce35a47bf429f77d9de27a00ef6f3f0eb79685fb92902f005f0def099496cc5cb9c6ef43a60cea6706b50e0bb6a0658c5f6588a4ac2df217e8f6551309fe21333072b83ab6c51a7a68dedf435566a4ab35eaae5c5db7cc20bfe21d9aab1a0c424c369e1b09f8acd15351a2d39fdccb117f558da6534cd7fa35b5a233e9bdb60639c730a70020d3d3a24f8b26657b9b85b6db140a9401568ebc8358df0792b900487178fbcb62a4cfc827f87dac7b5f667a4dd63553031848082e8aa4cf73ab647bd9501067d5a1a929fc2e2df70d0a7113a503717938da0e2c4dc1ae4c1330dddf71cfa8ef64d05e0d8e3f9ef4fa983c3ff69de0b6f47cbb742dc4d8c2fc3c3b7a004d6315351f3acf1ed66aca561446d6f5a640332ae49f11cbf3df107f5cd8822e6c842400bd4817c1539513b49dc6f863129953afdac342f9a27bfd41c22438815defbc449c3f961ac72bf0e1c14912d803b695b0e507d75021f850a74db72982699985964bfb633542492bcbd56a00853fc35034c854cf16b1bc17421e00f8d3f9fd236586583c876b63dfa34e0f32c57e69fe68a720de461a47e7df1b0e42f02c230ec4a81e0430bb5aeeb35573dbe73b8a47fee72bd64699a8a57a842479b3981b772f4f67b060cd60e19f67dc813a30051b0ac5f6bf3a3c4f660128eb6cac811b5ef7594d80b4562066b7dedd952af161a3940094d07c2dec2ff79e5621de1d88853ff7f3a25acbde165daa8247d5178e7f6e47a1efe1748845632dfeeedeffa07a3725d331c91724ab1143592923d6fee4ba3c64f989db18b03870f3393f3a548e5f4ddc183e71521b40371e2bf070b9762939764cd2171884d80ce7b9bdd4332b6d43d3170bdc79b3b9c1ce90e5514db8f5978c363f3b0942151d2c1a53e7e4c30037f75cdbb427f5503d8988db6131eb2f09c4f1ed1d49a27f7417920cfd651ae99c09e2364e9aa094d77c39ce0b0576bacccbe0ca9d0586c2912cf5baa134fbc45462227b2aa90949d850b34fa512dec50ab1ea532d30ce5cdaf5c1a642b27f55025aaf63df47165ae3af09b4c4ca3673ce445d71c71c212c53f6f08301b480aaa5d871d84df4d6c998fc780a23d225c30aa6f9fe7df7bc93a83c6975da348c7a5490a8b6e1d487fd32fa5453d4fbcc5cb0b383b6291a93625befb843930a28626d9f4cfd0294bcb84968cde58b31af1438193be95ef06041bacd08442d4bdac883cc479cee2734c72e4213aa542e6d28a67875cf8964f016899a9af2f0c1c05cdccb9f550b42d8c739609da2a69222ce65cf2acd3f5b892c92c354dada0fb66b061141b35a80a106d4b6c4a60682cdabc6d7034479b170d3cc50f28ece26889903b29d5e3ba2d9ad97db5abd606cff1f3dcb0afea2658354f82fa4b592d69eed39c90bc3762b29f73990de8bbd374be34f034de99ede1360a3ee3ff15d02b050a2c421598095c7ca7d437c0b4fbb9d5fa671a79abe4dc7fecc66456950a3a4f62ef555b6abae7ec7db068a9ab2fc3a57797b2070ad864aa9940d31435d572b82ae611ae258b81bbe39a3b3a723bf4111ac2181972d25c8757b544380881302143dfb0b90a3c21f097e37c965e7317b064bc2943bd2dab7ccc71045e9e57c33dc28bebe307c0b1a597a790680b77176774409477a14d2ac187b69d795a283127cb004f14736cc6b25536b921b446c3de338cffce4d842be0b7137db4f765894617a7a951ffe72002119b2737df9765c872eda076997ab968b1b914fa02e1583117ea03d70000f4a8f7e82d5f56cca85c39a25b65ee1bde72b77f146677b8074e34c9f373bfe4f20b88a8013d8972546f956f837b1dab713eb7eacc0895cac1e005b8dd15f2c75f174ea64d8d744eb5ac44654516e5c45397ec360b2d9a0d94e9d8852a8bb9bd749e8b29c637ed7247d78e99a4d33cb6dfd3f93dcb3d1c6af4565eda3191e7d36c8cd3aaa25b08e2daaca23e8f09c2e23cfdfd58f50b4cfe3eae7d777bf0b61af344bd3b448418a86a125146313aac028d05a5001bbf1c6e0a80f7d7762897703b9ac6f3d0e2ca23c70cbd8c6469b8b190961fb2327ee80d6612bd092dc287f7d27c8e6c5278
Responsive article list
View code
efed41510db3f4788818e64c52907ebc9448333693f64abc8343ed8a3fe2ad54b3320e5ef0f6843c24472fc2bbd0740405d39088b3792901c381f2e4c07ba5f19fa1bc911d0c7839e7eea0a53635a66e1e389eeb1f435db0b8886be7aafa4a5cc957d289692edb70386f4aeff430b55699ca85fbf362acb140eac156edbc64ae2e585eb30bcd42113f5703813586d75ab6f6a5fa05e905466d3c3ebf7171566fc87b3ae7f9ada046178fa919f6fbbf77e1b8707a029d1a9d486a078288f65dfb30313e69f939afa42254c22c0dc5d873993eb80d776134509cb1c0a22265ca9d36a69a0d044d0e183ccf8d4296cfb86cf75eab3e89a72feec0b6761aceb1692dd9c27ff82ceec27f2d38ac456b2572e23a38e21bf21c40256a7bef8ab7b91bf49a900aeb657cc3d1972c50c9bff42122460fbf2313c981306e3391ae41877b3028fdc147b68d5400af7f6798143143900eb51bd6b614ed7d3645e0b1c388c64972598f59fffd53713580f10f978e56d8909de0cb053e79629e6b6ac58e1dea2ee14105ed802802551d4b87a925365157236858e6cd12c722c27004d6ef1937cbe2e1126f0c259fcfc601d12893ec0cfd12ff2b26a8fee3a28372a70d69a88222d6ed972749637d9fa8824bd7706c80535cd5121d36a7f7d5294173573492df4cb80497ea473223f87ef7873f395d8b668e47b8b8913c40abf68c39354fe93675bd81b93864c90da7a616139dc8b6ba64963b333350d85da1ea430dfc4979ad88ede90c168802580120e3a918d5a7d6e37dcd53aa1e51b938947ed36b41421ef74d55bbdfe6d078ad0d33a772b69b0e29a168001e66540260808e2c48c99ae37daa1ab6fc3d20319cffbec189f10bbd628a019425da484b6a32ae5d8f805b9292c142f23a27663416e013e3b2c5f4f5893be359e6e77fd7f5ae1c4c0aca78ff67f7e03e0beef893ba14a633845f4d88cbaf38a8b2854a7dabda8f0700ffb7c0b379b02904dfb1fca10606d08fe10a4b300bbf1b61bc9663282f69508ca9c8e483265b07669b72d96e6a2d4178b0c4ab437c022021db493d782be97249e98bb7c7bc9d746b4a07aaf223e97cb149c5f8ba67db2b3df1c23d095415430ef257c337ce4fbc301ab3780cd84fe1c72c74f27517ae4b3f5f7efac7edbb06b3fdc3dbb37eed8beac8b120234c753591f04c16d4f2cdc4c4cd859a8fb47b7bd292c32df185b631e53c8c72b6871783a8bfc3c60a859e0490b7053ad2e80ec4443913c58fba87f7df370c72ad811582d70508f5c31a1ec530c58ce6cb8eff1d8875075ee38776acfc27ec131e02680f9316608fc391eb4520f7a8f5cec9212f41062e46ad7fa98f757f443450ad25f89862dcd96e14bf406730596798a101cabc05e4eaad876ea68b3a539d2da2a6a33df6a1cfcb1ecceb180b541023f9336d0c1e6dbe277db3d2d069a21514da479196331127dbef57c4bfbf15262d6af4f158bdfd79cf1bdca682ab3418009ebacf9dd32681898aaa2c1db156c38f893e43fb7596971ad5e47759901c24f2aade5c99ca8625a8971ed7d86eb2309958c70515cc748b032514b271aec7fcfcb36dd3cd103d303add0a694a9921b9b65f02611a8007c5d2a46bc0dbc3c20a218960903458f8740902ba6b25385a5be37aa00afa9e5db20847a9b47f9824421d40ac33bc8149e6b8d67a12e2d78a89baf0d2d8aa023baff4774e48dbbb736bd06b094e41b56b2f5f6a52fb1000f0e83f245fd3b08d6e8cf20d7b377d878831f41dcaa2e867d2d0803541cda666736ae9afe38d2c55b570ad481f15e6ac6d84e6e6cc61cdde35a68505fce5160493fac2927d77e4731ebc0acbc2a4ec4b7bf7c212d63d1aebfe0c3741b938d49c42be8b9ef48c0d46b2335e305c6b2640b79d4bd0939cd3a24bf2ae402262d0970e7b3250b2a5bce9a4bcb7977582117614759d8c86393cdf63d2a68ce520b27b5340c66d8104c04cc284967e9a35193e0a45662bd24fe465398ea413dd12a67c0ac55113d084709ef6db92ce621275c89e0c38e1f6ca3f1d845a68236a68de6cad58e1649bcecd72033c8cb71e291553fdb0b499e94332e20ed6b283be7d12b7886bc12bb868fe408ae6daeca412bfdf1d810ca904b32516532a8345fe49f95716fae364339ebd8badcffdebdf004b4d4725010e1a6394fc03ba5fc30906c611cc71b4520f8c1caafb04b1577ddf9c2c60314c69d070f777de919f70a0aa404b7839bf998d673a080151c0c4f64d579520206e2233b86d2c0b1a34c56d43a148824e5e58c7a4fd4354c6b6d79dfd0663064d46f5a3eea2d0738d801ec1b9793e0657604f07232d3f756214ac6c17471998a8db0d2f901800821403da939654f9fc7bc84dc0cb282728bd2854f0d67c7d2a3b5108c05e55704321b84cf2074b9c6674321c3a36ff4e4fbe28babece0229a92d856e07f139a49ea312faf81f126e471f3b57393f7a46abc8ba8bddefced1920367d21c2358e73deba35ac71d31ba980206dc7146b3caeb87764750930e7d36b88b9edc5a002b9fb8e33312cd4ff20324e346c05d119deb6bc81152e18022ae064d886d0b14624416b4ea3823b4840c34b4eb90ffa982a7edb1c34f1e76a7b44f61d3a953cafdbe674eb8ebd869f3de083556bb5434e702b02c87b6d30cae65e4f73ea261b1ad8fc7144eb5c9d2dd760537d30015ca30a4801648a3d613e260cbe91f8d13a9180e4b70b11b654b6e43aaab6e80e35aba023a6b2f31209f249c3f55d92ccedb3658af4cdfeb66da9edaa47562ed17aceb9a3a0417bc97c03c7c78e32f8497c3488ed69e53d512cb5ee12d70ee98d56cae07bd4ac725ea6a450a4d9ef6d47aff41e22c9ff4c1604ff0b6ff218a6a36465956f03851035addc5adaae2dafd0f826c3b09edceecdaced9004724eceb7916279d5523f1aa040e1eb7d410829ec7400d325a6a66ed33bd24f89f9cb6b2623887a8a87bbc2295683c82ef4b4b7f81f1043177ff4dff42113ea818081fa477e8f076aba90d6177225e734c6d84a7aeecfe1ba0a7622a17c8585c7e0533b9b297e33c2b42c191960a3530f2fd13471aab94ab6d87cff9aca1408587fc8f57b881433ca9e979612c457c989162fce95ea1bb9eb6b8f5e9bc679f8ebdeaa700396f59b678e16e87d77df272c4bff319b64e2355f958b506605d213d1053c710bed5584d2e58c29c0388f72ea03782bf3b7d4953afc52ffb8f2295b343837d8f423e04108e9d07c7697097b914b77dad0c68aad8b34c041ac4566bb1771f1d12235f7bf7f8706ca34150ce5b0d977846759ebad1606573c55e3666efceb5d431705aca9dd7d67422cfbd953cc1fd140a03a7a640a4c3c26bb215e33fb78c898f5c88e6a667462772f4af2e23615d2be7fb9f89bfa0eb4c84fb9cab206f85bfcd7de1dfc9d4e8b16d7acbaa3ce9b5eb26231717be621e791b548895619ed927d3c0aa3765549eb50026c63cf96e70aaed8c80daf9c6d2fa337cbb4b9301d092965510bb565f65926fe2fd41aa22c61debf4e035b1dd2cef07e5ffe5f84abe09305c41a48bad9fcb203eebdc0369753ef073004377a0d062ce06be97bf212b6cf430e7e115a2f0b44f482203fe92cae44cb70eb6833df961d4fc22aa83d8ba07759f53ad9db7c3d1fea5a9d3f4b12d50a9694bf40087f3c0d8d9c94d07a2ceac73983e44c36006f4627326e70e93fb65ef5d91218b6cbc403364bb1d588194492882bb76d4a88d09c48d27cc2c58424967540422f3537addeaee9168253824e634a8df0dc0b5c27fcb05790bf442fe306233d52299459b17c25f904380c0437193501d562ee5f234ba543c69fce6eb64cd78bb89b0411d16a17cd67ad02bbfa2cc71380ebff1cbb884c57349edf206612535a0c4152a8844872e1d809678181a4967cce11784e9bd365797c6e90c54a07b282a11d33fedeaaa0b98f41e8cd287eddd14939bc5ba407797c8c536f9fae9da6fab53c4f949f91b5d08004a06ac648731499d4d568b3ff61132ebafcc56505e6490f63a63bc32415653f81835486b8143459bf37ea4cd26e339133659559e37506c2e2895ec13b6dc96bb9fdf81a205e781ef1ab0ba18df6fdfe7848550641116b504c7a3849d33fd0fa8a7423e9a362fc6703b02afe2a027a43d1869ee94a32dc8b0e82b8d00cab4ec047d245dc01272a6e4d3ac5435e62ba5bd3c4a42d4c6f44ec93e49e0fa8185b65c0e2aa4c5a1353ab74570985fe8d56a6137a6a8d289f7e9a7037ef4db8ec37617d31f1b504491fed1baa3d12c649649c057abf7f2b4515361d00fda00b66b54a0d597e1568bbe84711426efbc58fe92462e76c2f317615472a6c6463fe8ec88455b4341d39efa4a03a12dc91838ec44cde41411b3503ce0e765cf3f5ce4a5873a3c25496e40797e020ad426d091e63053a2bfbafcdb80b71f586c467b1c1c98157983341c22235f3abb272803deace808d1df10e075acae226a7974d3bde09554c2b08170a8acb29ae1569c748fcf14b387717e7c0b5cb002507b5b6a26e09919b38872583506f749c0b0a8ccda25d92cfe3a59e026e79836950bcd86491c447028e56907550d3473062d6d4dc59a2d898c3bed553c3c86fecbd5ff5760b3df9e55560ed7864e37ded4de39b35dede06cd549a55da6f5c43e8f694e29240a215b0f4e271cc33cf257e2d10a007a6a736fe24e57d71371ea1cf1302bb06f9441069c80d4dcf6d190a3e45eabcde02845b9bbef340942988f79f4eafc53776cf06dafd278d2f91feb9f2a5b74e58fdff9dd53baadec7d5c029e6dd731708f4c73425acce0dcd2858f7a7d119f96db021d990aac7d217d90e2dd33f16ff4170c33e4be416fc6fabf500a369294cc0af606dba0126ea53541c559f30c27a644f73fb9114cadbc957795a67b166dd2fbd4964d7058f9d52f72fd35bc1af63a58c4c46fd4fb29d37c68d6c5bfad737248039daf07cf96c00a53e436cb4d80de73e7cd7039fcf80cdd2769f975e12fa1ea521ad385b8285ebe79355a3faa700b8a1b8cfc59c865d608e4b575540e0b964f708e409fdc587c1e1e1ad6eb3a53ea147ba2a99030d143698e09a9055306624230d33cbccb27524bd6b7398f5ea1dc4826a4ae2bceadaeec5e244f0b5581302d8251ae2b601b4ddb3967fbc06d2f85dedf432dff2a51353d400b5cf2f31b09e52787339af57481aa5b4231427fc372ae273c337e58ca3f060b0c864cab3bdfda17e3894d932675a0348faa11b8ae400129960e687bc472dc73d01916c4126e0028acce9a0e571329c3375fccfaa23a9b3f74f6a23318b4695160e0d70d8ad3baed418c3ff8cb3a1db618aa39dffe393b3229248f7be67b0b37320c7bb5ccc73e2b11298a2a323fc563dcc7bd7a552ed0d5ce6350dc97e39b7c52c71d98bd6fa91cf5067ee89752881f5691c9c00c314024edd60fae07209b83c273cb9ca3b8ff5af91d5908449054c11cca59b99d18bc5ed2da3e51b7ab7d35a023deacd637c516585abec2a0a3c0b10fd35cd005b471ef1d75d07cdc0420f642404771d35200cf7dea20a87ef782b500cc57672cf2d4080a546235cf361e1015225475b993b90901669a6823f7eb51dc78907755b4d845c25eb86557416ccec17401de42b6a13c6fc8d9ed2afdc0e982574b60feb94828b443c47120cfd3f52a72cc47122ce23830332ab8224763f877784ce93b521093e4ef3d8a7bd170d3fcc50d253f7be4da210f11f0dfd3e1c94cde63b9ab797f0797915887d333492b77b149cb4cf5816f7d68e6eca15e9edf06291c31d0ba633a44a005350fa871301495e17ac7369bf5c40487d7176e443bcfdca96976b771bace5edc18360e7a41876bca547f46c76bf3e28a1508c4decee87dbf816027c1e9950ce80fd1380b73fd536912ead4c549e6160a4cc4ec57382ea3b1af3b093be58946901fb45107cee6a9d3738fdcec508fcf9bc0559c72a814f74e1a05aefed18c5db2274089df6a242c69f51b72054e2cd5e97e9214824cc996c6171488be97e62ba90237caa9535e95dec6f8384ea18e847591550256a4068d218270f90ae5c490cd52b70ba7660e294bc76904dad0ae5f4910c1120fe8bc28cd8b233dc90d141a8bb014ee935c0c5a63155d551cfe3b643bd4f7900528b73739e24528c4251c564cfaff72951a33b1964de91e570e34b7b0ef70eed47d70495c0ccf473ebdbe6e6bc2190dc25252da9347c1e11260ac2706dd9e0b5c788b545988f14a865bbe03ef320d6de3dfe993a47bbbc5fee2fa549541d8556c043c76879a5c168046ef414cf4f888c7ffa2e369c482739ae227dd4ea4247103f2a4dbaf8138fa251fbcdf38b5f969a1305fe85b8eca91614901eca49bc097c8ddd8eedbd024948eab126e605b6a024ac1d695772cd12df7f3e4cc2dc4eae5e38f0a3f0853208cc3d540399ae89f6a856e3e670a3089afea5c81d3ab9af7b40f77e2594ed6188c1728b71be4ed98db5d2bd60dfbaef81d64de82338ff086f64e9a7a822014e6130672952611affa6e282ff6015399779be36d355b17a31ced6abfaab5e2a374bb5f7caac7dcb4f556a2e56281d01851b99786944f9df553f6c113dddef05265a68d33620a6487bc641aab0f579a163f85e6c1149c3855f8d9a3f357054a1c869a60bcdaa95443787c7b5b0a5b5c55d05dca485b51bfae1a0cb2508edeffb81ca225dc8bb109d5a1bec723f5c80fc56239fbe0821630eb46484c2e156bed589423cb3e02cd21cf2b55da0dde49ad394492197274cacb43534f3518adc9bfae85dba401f65700877ad7da276d357e542ac915c42420ed12cdd4a76acce1b3f4e8136b1ea4abe9f90521021a582a1cd8efa04621a32f485599f7c7f7ba4b72e239dd05bae99925c5d3f064a1237798666632c05fa1ebd006e3bea295cabee3d40d6c4e1f17ddc3322f90607a6526a6b3dd182f8681abb9d57199351d0bf338da8b9a77247462d40980f695b4a101834d3f3b7cd3d40fbcf8019290c560ed9599d256803b8d86129a2439eb1ad35f8013c841b4e36c798e108d4e3f76f07c92dc867126e8b1177e1de85e63f826e4ab53e3464c53baa9d32d14d0d80f9d834c7356bf0e6865e726b0a7e88ddf506b25493891e6cc44b4a492569272eb449f3b1ad14b0a70773c6042a736d033e8ae50f083976fbdfd430013d92e279a600afbd257d224f1403bfd76aff9eb1523c6c5714a653b459f4254949bef8d109d35862c21f2b58b7680cf9115eebe7ced5ddc5a8e86e7f220e5d393ce8465844e503be02e09b79e7fd6e20729697db7b455d46a41d0ad65b1553228d7d3f065dfac6d678c1b443c1becbd583aea170ef04d77b476a3796c3bd3dcc6c27da8f7238cf5111077fd765bc4f0017ea31e9672ef88df79fdcccd0b42dd940fdef197d0ed7b8c0898a717fae89e9f9351364686bc0c26e9ce1ae3a13648e38239ffbe7ff73f8b12065ea9c39f08794b3d8ede3f84d8a3e4832d1bda0bf0866596f227e942e14cc003e3cd83027e67cba2d46a29640572b2128ec9ac558b72f6859a99e3b43758117716d1d45f0b1eabfbc90837a916a39959686e9b79dd915918db310b3343d516e59590ffb0a6b306a475c41bfc271aeea86ac0167b2ff88407285883be304181c515f7c7035f944ea0ae2f15a4fb0397927e3728c41102abf3e2ca3fe2f12a8102389c39c00f35821033acf3257d5038a7c571f7a53a7be55909e2e575db18cade9025530a0fed14b0893ba29fa8d55abc67889ebd2e820108e70f5dcbba70d4c748d2ff01f0b317e8cdcfd3e355abd40b5f5288037b6fbfd2a5ebd019915faacc725741adee96689106a3dd15fa104954bc222f08989fc03d13c049bea909563374fdbb6ee83887dcba08d589c27af8525e582e0697e4c5a4f636c8b1ed523924fddb83b88da928b2f191dd656acc496c03ab859ca01a8ce71f7b5bacfc82a588faaef13b275696844b55cbb1db1d54f9a442e1735eff7afcd87eee5796da8369c75cea93d7a574bd243b8f5e142131f4ff4dce7950d2b3e69bc71150a5063ad0dfeaa21c258eac66b6cb471fd4150038d4917edbbadbb6befd799d10c3eb72a58cf0ffc81ad2184a7faeb3ff357bd7d103fcf2f7ffa6d66157c0982ac146b8ff3b6835945451727c938cfa24a545cd4c9b071cb2f91f1824f698edd6f7793ce79a8e4886d367482d946b1b8e652616c5a5e8618f46dab6e4cda999c5a93395dc866c76f324885e4dcbe2428bf3b8fa45edf6aadcebcd289a953de0f4ccc44d7cc672cd1e7195ce5fc9731e2963520e23f736ee4d30f72154fd67ba6bd55f8cb590f78d03a36e75c0e7673eb15b0b9586a7a975d27d141e47470b776782e86d245a028a28fc6ef058072903c985911afb74ee3db81c30cbc767400eb7f4fb91a7bb4d42b74080cda596e0f920d375ce3d5e80fc77592a94c1c7d56fc442ab060650283a242e8d61b44dc59efdf4f5d01f95fd11c5ddeee9e523996ad3d2e367f44a06de88dd45a7b0a33d6ec23d526ade9b3e839f62c1469544cdf5cbc8aed42f2c29ed2f19768991d87aca070c042b6260e0eaff8080a68bb0bfb15c82c7ff94ccac34543f46076b088293d73cc6e6d6de0bf8b25a33d060e88899b666a9b1bfb7f46c138b3bb31186a61e1cfbb71e251dee7dd95faabff6933659a54d4528ae0f73bfced3fded8c2331349fd1d32dc7b70de4e0b325cdedac5e5e8569a389ae32ca224012786851ad71e12ebc29660b64498715332a1855b0aa953f3b8bfe12c023e8839995a824006b840db7b176b87e0efa1dfa834a5f97a6dbe67e582fdf31a9686610d26b401b0d01a19d303a77012e520be975624266e86c4c3d12fa3545de02a13197c5108e7c8369539fba9124b6d84fb0731566b17f13a108507f84bcd420b6034f6d69799a95ed7bb2e0a070bf7c0b3925a3d282ee6f484348544d4a69baa65448197098168ec8c2f8897f985fb14afe38656e6bfc20a27da8f149a711a065d39da234c3ca00040c16c66d305f48b57220b58277e86a1b953a87d35611b9142bb9f2b3ce5ad0d91033225167588a365e6efe50d7ede44d461b2da83297d114a9d7ac968633a57bc8901e115427932b63a525b585ec35d10e9e63bbda996233aa1556918fa64570467c2d490b68feb9afbd4e99b39e5cccddffa5e0e781aa3a8e37825d61bd10d70b92c0517ed1a90e60d2ab751ae974d54146d74b540780da06ff10badaa8bbea6145e9a86ba3b2684d58a3f7fa524418ee91c8cfae746ee8ff5d60d371436df119f877a6206708908a0bcaea1f8998fd5d3533acd8629ad37ed833c4d4869d32eb43aacd3bc265baac5c047624fbbc637b2342a6faaf7c0a52be8e9684eb2423dad8dc17870e6a028624267d994ee76536d9e0d35f7b99853f81752b7e9efd7d993a79b9321d29d4cf5485bc27cd76f9652f5fb411ec267efb844ade94e75dcdffb01f85a9ff4aef17bb7e91dcd4c43476811328ed637453af131feea8826ea0a766856e6514a2b8d0b2b2606ce660a69796c8cf5395cfc6cb53402f6a4e88be8a4c0fad8aa3db6214f5ad86ed40e83151c088b0fad4f4344fd6b5988fab72d2788e95a61bde468adef11b076a2c84e09b8181e8f57a09b96cb556407a4c18ba5be0ee2520925ca907c0d75dd3f48d34c7fbdf86bd15866b48f70345892e3218017531a52a8dce70d0e134f9f17354e03ebe30f7fcae4d01ed7f79dd1ee475359f0b605371eccdc53fda4ed8b5165c995db7c318a2bc18160fc49ce847fd2c7102eac93bbd085ce7a55c1af4f69a6d167a82ea2571249824df32670abef36d7597dcab6a98fd4518041b07cd20897868b7b84fd5eba3a339c39c5aba2f80d226fda7ac73c221723f9e97cb84c796313bfdd4db68176f21e6e1b08cae2aea59cb4d6a69519564dcff5d190660a8ae940716c5abc47267d136fdf8a0e610a8d0e0b4054fbed5669b829de8c39dee4d5eac9eb7cf45b4d653adf7825282da66e44d352c905d3b19a08fcb81f1edd91c0f7cb9fe5d3d7e986fb657893613810682caafc96998c5de4133fbd0c3a961026db24d93e79a232ce35b3d814a9bd39b4579446d0e56171a07c50ce4b483697a86531153a24cbc4ecd726703b8925aa1535b7118cab591b0137aa4ff57ac66fb5bf7d4716407db377b161e09416d1e1711b117d1114c8901a9fc6de2f27d1d79899c7ea863bc5bdcf22e709a8bfb9366b3eeb024439e2f4db6c189a60e1a36bd8d0968d80c0056c7cd0986cdc98a5c1a98c4a47c8d1cc04200e21bab8437a55c0c1a52cf835cf84125f2af3227933362f80c24a12622f190f0e8b07f10e9efc1d2605408e4a475fc17dd54875e3323bd9ffd4bb032c050ba73d2852c4acc0618abaa06e256a46dbd5dbee15a4d92a86794a9ba507e19ed47e63e732830926ca7adff9de53885d57a5c02c3366783742949825eb41e4867c149accc0ea3ae8283dd7849ada98edd5128131ad0af458bc67e56ce1841cf736f336c51352ef81b84c2532c8cd686c5c14f8114504c98f08fd7d1fdaf02a08899ed6532a524e9ef091eda44d53072c08071cd95871464db499031f207fca9e4890d266e3e1414a97986ecd2dea8edccd7f63a23af07c06c06be2d239e1e
Responsive article list
View code
ef9213c39b7850f82e32edb3accb181ce71040fe83d266c7b86d62c0e30d52daf580169add51a358a7f3f54833aa4d4c34fdfd324c7637195a7211f7d7341bb1859ab16b4ba02fc4f2d71ca5ffea2a30d8b72f70ae2932d37a316055f5ac54ac7ff8c6756b6694de5d801d25463caca9316cb39c94677aa5a541ebc01e398c20870c38239692610890ec974ffb2ce9d493c8256f669ea561a7c560ae650da5ee61d1030447ac5ecd0ddfeeb919e50eca4aada2a11cf86806530a0ad85d43febc749ddfd8706a7114288eb85926a8c05d420f2ba85533851bf9d250f45630ebef2a9508f40e1b23ab01cc6572838580ce327aa46d631a4e6051bf9d4cf53003072bbdd04495f767f231bd67d617c950bc9ffb2bde34a890dbfb168554f3d9123ce57565ddd2b028c445392f749750ffd79790e34aac0837d61dc66683fa589eff61d5c1ce1e44bc4152c14470782c9f10fa8a835a5446bb8e6e77c1e040affdaecf42b4747ffadab6461a4bd1a0530427f8a9e0627f56f6dbcd38ab84fbb509fca048207808ea1ce82a26d6a2f7f35be92fe9673d13cddd316c49e53947f9589ce8f4da31c45f5a00f99cd2743033271bc1d9fe5dd80f855e389251eeb54cde682c24d30ef475230346bc287e1cb1db6d198bb8c7222a8631becea6755eceddb42140c314046ede7be566d34014e83ed7ecc37b35cb130fdb266bd5c5b7c3baf12e65007b1697adda746924236e79ef5efb952a73357abadbcc1f507e9727b2dd6b3c50c4fd9ed922307d9c1ab14bb74014db212b118ed6bbe8fc7e8641951a5ad4eb04268e299f8419215e788a31e0ef7534115f31d774ccbdb7333c1ae36cda870aa32efe903321bcb1e881f5ce2bac302b5c56e850f81fcc669ba9a4e4c0b9e5f08413f978997f2c3c372e151e90e83cd2bdec9eb70b767bd29096ad9a9a10491ae64853dcc5847350e2e98fc36ad40a8c9695b1b8e976d118fa48c95316eb8faa4c6ef8657bc3282411e31a9992b50e622f5849422606549880ec8834c4a9dd1c3c1c25a2b28b3aecbbb08424aa21978aca9fad45e895efc0a8df6ac63326fe9b936bf6ac5df0867f0f421d6c26e37cbec3bbf1c4ad76ea062b02cd578a9938406f830888647f0740fcf592da5c91866126da310c73a1363e4ee70855a6f865f4085db3d78c21a48984ef3326f2a1b4c56dccd538c06789e5fab58cea50aaf91c6f938e1a525fa7f06fbcb892c2b47e2bec80e74bc28dc938d722e06fec91e476669652ccfb89a0308ca20327217f77f0bf61cbf5cfbcbb8ee437d62a9f5b275c6555f9419eb8eefcc0966f5b8f03051e3c5a07f7d6e72191cd609cf6665f477c172918813635a3f4d41bff1dd5e46432f80983252fa952ecd2d2c00cebfd73a4463c1ea1941d0a3eb4dc244145255591841c1136ecc1223e4a3ae88baa75566b82a9f07f93d896993fd5899abace21de7d785f0eb17b7f7072d6e1a8d81c316cc8e6992f16a611163cdc843593859357b52195943d0f73fdd57db201e24163ea24404eb1bf2b9bc8757cfdab437e3e13fe8d7f1937d6d245871bd49c0ea04f045b12845f0e5da7d84f2b549ac239c69dec81c1ec0a90ee6722652354dae44213b88487997246d640a461dfcc5b4ffc49dc83db37086126216a6ade166f50fb2272b18dd0fa7ee07ed6c1abb4df7010c073d680b3d2bafa539b6d379bbb6aa54d838336fb8964025e2ea5954b3575a6165d8a40882e2519823d2845f04080332ac6270ea200308e487c52fc246d15c06ec3ab3d38ce81b7b09c8f5ca22d1a8f4f35e3f6a348cd54abe334c324f465dca162d4983144714cbe5b9494ff988a84f155db250ebd2e1ce266e1530528784e93e21cd987b48aa6410cd5023b32938af70f9e432131ce0a94f4b7eae66d351277cb6fd513f9be6d078b1b201e080e6382c5739846798cde5bba35ad1d527c16d412113a1e92b9c2845705fc1adff2a7f837b96ad54b9949f6b48be850e3b37f2ff5e69b94c24a31f6a49e58cff5958458b45a3d3baa8a7fa4c9f81556ea14fb988f93963660155fe6ef9f6b6b5fb1d50f445bd165e383a2b18cb26e76e9f9f048538c83877b7a8d26f918ae53a768005041bc6b19a9069e71c805199542f7ad2492d692350ae9f42ea885a1b8348e4daedeab77ed8a2a4dac3a38b9920d2f1c392ff618509e65749a40c4b4a363cec8ae594951a687ee9d0dc19adb09e7e00f735f351132692569ffd144c13222c64520160a4fd22eb56e2b41f438b129b7007617d2ed3695cbc4956a109e5c189192e619a431221c1ecc91958c6ff5fa4f19ba8a4f28748e211334e86e75f5c45d28e7d3b9b74439924ce31ae5916b5ce4c6d612d4775ab8903af6310717a8d81ca950fd40e54cfe1c33a494a8b3ae4a662e97eb463c84fe8cbab917d754268cf4e6175a1e0576dd935f1ed46837f5b6a43b163e417a31323d1bd363c7034a94e10b7680c2d5206581fbe9d6074e9c860cf17658954d9f4b1e5decbe8a0dba86e04842e2403c8aad8fe1e05c56cff361b939fdf842380c7c5000046b66cd194c91010d1e51264210c7034b1231ce8e55110e0b4e1a545db1a569cb14fa003695951f000cad4bdfcd5fd25c687a7f21ef7d562be74afda8f99453c58e5f31435520df0c84efd9b22657430ddc2a6113687a5a3669a4ec56ba9a37bec44726a3424637bd524fc269e31eaa647709646eb313c249d8ecd0163f6f9f1ca56303a2a943783e1e51564b30fb2a62bcae487036a88a535f9f95504f3221fdd1d110569f4262d77ef912035b07a56ed1549186dbb3bdc2811db0e8051f23351c7c98827cb880aef34f8f9a5be26f526087ab1b0e06d6eef020a615908268bd42e14be3c2f865f5f9cfc2a2c66a4c9b336645ffeb7907b1b3b17da49f051ec6e9d51c3e2e98edba2f5111c0e063070bed14cb9288020f2e9945e4181812746cb5c8e10d19a4a081c70ea9051e6aec8cf2c23efb41aac8482f18858e39d6fd88d64511798b7c46aa017883505ccd8064208a05da5acdd5003774d2928703ab54ce54d215e83fe956145d1dc30a0451bbf70960ffced2b073124facf631c61020e5ef582d0eee183767c104042c2c9a09a17d843ae224e5895b124475d6cd1367b7b839ff6bfe8c4b3e88b1fc0f063e908ddb120ef700d7c9b051f5e4206bbb12111aa7e634ab409f2989226dee223fbb02fc9e4eaa2207ce3ef72c2ced8483fe8b85e8371eb9588f6d85d72c7818bec097db7b44673feb5a1e8e6155330101535e3b48fdb425840eec45079b829ba8a09c5f298bd82d2be2b00cfa95466d01b575bbb8241e592b36420bc8c910f7d59ea69d31834982da83104acc0d90fb04b52f2e5e21536e8d0ee8415753877069891b7d55c36d3b30cdbba49e5ef894980af62caa65cad210805e4034c70e688550a6535a7e7771051127ddb5da326ccf78e191fb23292c43b297f1b30e253e73f35d2e9023cbb180e37bc202de803caf9f05fb7db5d64ed5931c49245c98b61157bb0a9eb3e6dcacb4045e70a9d5ce93186f432fb9a7621c9054df56631eae7749b382e0bcbd1e1a104bb31750c8dcf341b6d1aa9587e47b5f33a69ea6c544b69c00db5739e12dbed524edd10a59265398fd74e93097834143485cc7336a3b7d12f08a6702d365481dccd02c8314061a6dc81a8a2173cc4b8fe1da473b55f2181678c7e0eeade31d94e7c67942803110bfd313be5aa12bbbde94729e6407e5c4c35c74d5883c998852d651c9a14741d86e9cb60831dc7b04126f160269394a4fc9d41bb05e99427358b7bdcbfae911d13006cedf1668df0e3622cf50713837fa667f398d538493a651661da8d75d34aff4432e5381bc4656755b498f8798c08ee218cb4cfbc20df43c30e29c66fbd52fbf3d17af7ad8016851f290a01700196495bc3d64f839942916fa6f034aaf6589d96441ae8eb44fb9578b3771c6e7b0015f073a2c4187a8c5c1683f14f99a4f74f24862acd56126586b8518fa1c4493558f98e98930a1c2495cc3dce919b8173350f72ec6d642f7a9b45c6933ee0abd11ccbccb8e3728d596d2d7d6487609dd5767036eeb31ad47c3d3255482ae55c7d3af9b4ae945264af94824214280399ee7445a13e37595409819b1dec52d561e25ce247d8b765b31ebef719780041871961936fdf42f2bad76d7a674113f8e32daa69dafe0104bc53f02c13c850ab3f27ec68dd19183f7cb55c4b7e68fc6868f8a0fa0c1b422004787e85f3e2b9d04db1a51b354a30aef42bbfde34d13f35f434988a688eb3d1512ec4eb8200363301e09df17e58ea0994d3c67a8f1b186966156b1deedd3ab2ca8325c49f7e0e35a35d926069d4a8246493141f4f63e77252a5f5eadae350718f5fbdda5decc17ced36d848af9efad116da6329987482d49787d348ef477c32e099bf724e3fdad173a1095d32bf12754b25a7674d09e7c5e51157ed9c61d59f85e0d0bf30668e67a5451ff21904a250acc28e8f8b5e636a4ce55264ca0c2d278d2b4684171593eaa0c5b4baa24cd9adedbc3e0e85ac7f36ef677a3f1d475ac98492eef10b22e1fbcb33b6b0037b9fd4a406fc5cd5434390dadcf534c82dcbdf4d24a3b74bb63172622a7e8d056631f6c6b34998b7c01495d77542fce918e15d4bc995651bac285e557625cbcedd05aafaddd2dcab3b2b965abab88709b90697b34e2dab51bdf2c273547f8eb47066096d8588f3e4770260cea4dc2cb0f31b8c47c7fa988529bdeddeea435a045c2c921c3913c69656164c96a6b4c30e3483df2c4000d17494287bcaccc57c32efbd053d81c368288e50e09a55a9907105dd753396ff4f8697b96b89b5a98ea871fb2b13b23886a8968bfc81a79dcf1c4d76c74beef5bfd139d9b752bb7418660357df02be78bee84bcbc8285199c7fafbabba88bd72d70e4fd0bfb860e4e4febe99bddd0f96aad6e35b43a22cfc6a46a6d5557d561448f31987cc11af177d45c87cdb6786d454e27d565041c8d78bf82c17cf0871ea2007cc93d34edb182a906efd2851c2ff1bfc49a55558a59ae4a2e315d66fc9abe759b09961f0d6b56e22dfad29efed2ff8a60cd6f6af5736b3f3d133995ffd9f1fad38868a761b2caa764a657562c1959f1caa6855092b86c33f62b020f246ffe4dfdcf543333321c8347a4c7b639a34d80ffcf84f201a8ddbaec736fe5e26f96a2dc4313c3f8294ee6986e3fa92c1e89dd3d2f94a6f9bbd381785f4f8c5fb3da655974af234f1814bef981307f638aa1c581ba86e3823dd03b7b35abe8622ae40643e844e2732dd7f0d1d5e4c08506f62f3d5ef9e2edc514fb114ae3cc86414faa7b9a4a15b9ff5157a7080237862548b11b579cf8b5785cdba13123ff625f32b0502f354f3b0755003978ef32d9033eed40f118cd70e638a10bd4f525a5d9d95ee09d21f507bf1869bd625b8c45d6f14c484ee4d3098855d0c8417173eebc65f36d6d17c77f566c210fa1f5190d6164345b2be82e8f85041d834bd57f9f0d0c9caeabf6934ea61b635fff795998f707e24f0dc036f54e0f275d30fea75042c24176d763c231aafc6b2702917ed83b92174ea5af8de8b93a2b1a21e9e4deccd4eb5b8a3fb6e6613f2d3731c04cdef37869fd09c424fef6635d1ee4f982464820a6ea447358ed5b32e208217efbf94e9efd7f4f269c79eea42fea37eda6b9c1c4813d8c787465b392694b865968da03e1898749d0bb4b53813e09279b91585fa17e85d57fc41e6de8fec18b264047c4c0cbcf6506dcaf571ab0639bd69b5485500dcf4dbbbefbb6006b2f3e5fc9b54e9706864ab5b934d8e5f29a19db899a0001ceb78d3acc74e3be493f6034cc12fc1a3dcae36103a9a3b5714e4ce4bd53fd5ebcc753efb7c8c3ae1b3bcd3eee6a77a9eec7ce1eed73a10f401b4f39f982

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