Simple lists
The following patterns represent simple vertical navigation list styles that you can use to present categories, sections, articles or other help center objects.
Bold when active
View code dc44847dc854147d50b64edf0773bc49c49e4bdbf27011bfb37b0942f719a4b2bf18bf97cae3db7c414208996c98e4bc38786f9268258d58e22fbc9684d427b402f67b2f2a5bd18e7f56364ecc4a2b00a9fe41a5c3b172bbcdfb3a67da0c875b239128d84f8ddd4021eab44ca4c3a07fef4d6528c07d9ec8e8d4d4fbd1d66f0405677eb0f54e50e0fee39e2b29a9acb70e12e27c5aac7cd543b9acd2600922c5178d9f83d6407f1d97b95c01ed1051a20381a2e5c1211488d76483479d00df9e7593edc02cddaf4eebab8c533e8e645065965d0d4613c05aa6b466efd5726acfa277694b63ed75ea8a63e3bbad2d6adbb83402fd2d8ea6f1ac8d689ce25eda25aeb45285183411cef7fd3d8ca0961d687b374f3a448438746405550cd753fe44f5e11a6741e3abc446fd44b99b3351bc7a7646d999931ecdeafd253c95f5b0bd452b68708e36b843987722d73ba6d90066444a5fa65ccefac877b3be9d0023bb054168150d2c8505cb59eca407f4d6e18bcf9effb8fc5e7cffc22c6929dd31244e12ede6a545b4074f07fd6491dc186079d831b6e800e8a09820b703915e59742feffad7fbb5e6179852beaadfb8d0ed985ea1fea87e3f929429cfe27f47bc3b280078de90d1ecae6d714f21b5a236fdbad6dd4d7843cf7384da4ad676bcf1b312dba587c5825ec1b2b3eecbf6b6d234729abc314d928d9c4800d4571d4465e9c199a04217f953b331259ecb70dcc026bb44ff1feb8ef8b89d86685ab6eed5e35175c3c14235c9ef3982bf6e36cdaf30844dbc870b7980c7bffdd86b87f9205c1a8e3fafdf5c81ea44fa3125d8837d8b658a6aa06969354e3d0fe52ec8027482f9912246bdf358879ccaac67f7137e74e6c96ef899658f029bf99c89b9922a3083871c46ae55922aed0ad23a43277ebdd4af30a80953aca7a88ea0c42cb7ceecfd35bfac7eacfe93662c8fe736d8d225179fe20da9fc80b6e43ed8179ac1a622fa23633c517f764bf30fb80ce8eedfb1ad270d7dd9e44b865efee95fb7c27c918922fd613fbb3f225d3dfacbb51163382eb3d4949a5ca31e6063243d5102ca470ee222cea8a30aa7b9eb88e8cd7fb407b128c970e95b8d3d27eaf2a914e010dc
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 d6915fbc1a70d72916c173a3b7c19bef956700eeb40fee67cc5968985458956106ce1903a4abdb659ecc3da87d1fbb61f68d4a4f11c68a4d4f38e2d4d31b7b7127d2549fec34bad84d5f913752384e36fed76dc5e724991f54e1d20c38a46291dbac02d770240ac66aad52c490704bd2fd392ccc9c367e409b7b36988a00737028c4dab0b9b0d623eae0ac0a331ef979b28a8ed352f83cd8b18474e481c17ef967ee601ccd9f511fc87d2e1d77013501309c258f89de78c884f3204fb29fd2d0f87e95745ec9700d420158231e1aae59dc8687456ae988567a3860b2cd8905af700785231d9896e175fd6818dbc2dc6b91fecc942b45102529e78e1c7c6275e5a613b6e50a52b0efe2da910623162a0649cf18fa2a113a55feae3a5d5cbdb524a3d6f6daaef147a175782eb497406a0df14118fb273a1310d74302660eb6e513f03231de9472faa46fe8e0895d6889b3f8d00bf5e475eb0120ea3908f8b33de4bdca36f7e6f178fe9a85b520b34c744620c786880b7bbcfb79b7b7428877db78d189594185960464321ace2967fe96ed982bf9b823a668c5c40d785ea12429904dc0003bcac04cf0f0e44c9f4cbdf0c71a6e206d4427063e099967d49416c2e018075803af7ccaf606ab1e87f6cbaf64265d96ad502335dcae21e1d3f55dcf35025ef501137760eb4acdf546f0bca153f64f66168795ab1418e05d165d2c34ed89ae294022c8fbdf790e8d725b69651d7b4e8e3cd11c3a49434d89ced45020481bbd19a53ba09edf9a44846073bce2e72ff88bf9fc9b147163d3b5a0204642b0bb172395fc8336748466af23c427e81ca71caf39ed47e3b62bf4c5c6a735692dcdc2e5b6a66658fff225783261a45ef6f7532c1c7a9dc88090aa4be3aa90ece487b73f145678d1df6e2a8020ff2d647d0fb961b1bb90b942cce75d656d253369fdae501084624346d376c89bda88e238175f1963147c4b3f2959668cc3070cb4c03ccc33b72150a41beafdf994f847681c4d85c020e87f19ef6bc22ce1f0ef1adcb4bcd33e425b9296cb7ef3c1adff4d2c3f9c67036ba98bf0c9d9cfd7ad5f0a5d379992aa83e755140c56adcab579bffc7ecf8f161415b473de42190dab2968608967af6cb0639cfb8733005980b3c0
Pill-style when active
View code 9b9442b87b0efd54480b2c8946a51023d192dc722876c4afcc30197d0a8facd38c31dbfc3fbfe1cb8f32ceeb10456c8b3af86aebb3bd61b47c8ebd90ed6f8346594577c9106f6910ed98cff7c26d47dbf5fc172965fdde32fa3a7de8e88a85c4b551c60460eaff561538514a2bd3dafd7293da6c82b18bcf72eff87c33e9ba3d6b4052d58f44ccdd996b5655d90b10777a421869d04baeffe0b130cb29c70d02e02a657f3ea614b3169b3e84d8045c773fd9d7813b88caa4a4f99542c26900226bbee020d6c230c9c0502c531785228ad8fac71cb02062a2f2a5ae066ad27448016200bcd9042633ba74e733275e4d92f747a87c1092497fece9c27993719c27203d48507bbdcbcaceca85e311c452b8d3fc88bd6921b27b314b01fb923ce16d7f1f7d084bef64d3dfec46e8e91f81b685d1d83da906107261bcde40bd362f6f3043cd7a5ea27adcb09a639b92d31ad2ccd728648297a0b1da057b845ae43daeb37831979c64f338f0e05acdf2c55ce050aebeb74fbd616af360359011eb1d3d91c2d99dd64548e1beaba2c3c8bb6542da7ce0d55158950800f571bbc41f36836f7cd705d21ae4278851eb60e5b8a3529c85e44526dd1a1007cea593b92152e20bdc0e5daf90aae67349939197dd7c867ea621e093ca777ad8899b72a7e997d9e1fcd40da46c9ccb6afcce85c0a5c0cdf41e116c863f6c97f9992139589a963555e7213f751dacde10dcb7ca0250253a7600fd3a56228e6c287f7f8a52df750123a8a48423697e69f804d603caa5e794e1d8980de7236fdb1e3ad92d947642a9e7ccb7f653f37f2c06d7df54bbb0281b74cfe79b7402be81084233cc643f9ca81e6789b5afa5ed6dedd8f2967554d710c70be905fbd2b2aeb0058c693e18588ac7664232740e7228d25ed238e6b17e6139c2313ba9b516dc656de85eea3bd0471e85fd253b458edf4661c32eb8d75515a3215690e4e82b03d38e07a612951f267d9209ce6aa1a7cc584afa81f21ee62f487dcc56ed32d01e8a7240a35abb888d6a1ca81de13ec2846259d643540e8c835af5d34ee4d7d3eb4262149caadcc6e969338f316b6e7baf24ca7e392ce121823073cb27c5a5f8ff1d3b36f65897bb5d33f3fd6d2ee7b12e8122b4f823212c13
Use .bg-primary and .text-primary-inverse on active items for a pill-style navigation.
Background highlight when active
View code 9c9d355c75161853ab5c77fefdb4e889f67d5c60fb7add5ff49e2db6f328c03c7b170244c5edb7420ed1eacc4da04f8acf58abb3af77b2d8dc9feceabbe217606cf7bb3895501cb3e9517bdefcea25a64408a6d8d43f8d808336919763120d83874f2f30cc687d58b57911a5c1ba991c8c0ad70ee2ed1a33be0c826b4fb6dbdf734f55794fb485fbf1f3d7c13eb1d7da5dbe5082159f9bdbc8fec98d55f7dabc46c22179280bf2d9b2b408bcc5a731a5fd168e76777742eb7fb1d144b66e9d4e23b9e7bdda33177cb64894ddfc6aa3ea27a743a3f663a48ddfd56d4e106fdc3b87198a5bac7b36465b739159d9935964cce22fb325fb4a734e6bb7b9dfd635bf5265fe4acb5739aa0ceffbd43b830c57025265b0449cd9a5b478999afcd1ffbb6cef4df32c0da335c6207ac0caad313b2481a62847458017c10ddca90695f00f918788abc70a1534a069acc197d8e1af64499dd1fe09807b881fb63ba534b3b4ee09274c376acd54f662def9e3cc96649008621918ddb468831b9bbf2148aa0d7a2a81ec152de68afdb693e901fd55a70f8a10b6d0df75f7f7ab8156912e4a71a814fa82e705f8960d766c06087db88b1a3df3c496b919d656e6dc0e8be730e49fa0f808bdbdc43eacd07a658206d2d600b4496fb620469298f58625e446946a5e8f2b8154cdea5891c6cc3eebfeca66fbf5ea853b918845bb225c458001a4a593a54710571b23d5e45b246f9d850ce046a56dfd75742aa932a469aea3ec58a2064332dbf98db4f3287ae918da5b7859f06c8474c9842bb52dc6ce534484322292e036659f498e2f02d11a86d2e21c10833d9e401e295ef2a1796b6b4fc080db5ca12a39c4a332b86def7d92d04b1017c52df508e2d5fb6a6592b86a6f133d1a336a6d8520121bae36f316066b9a1952bb3ee22dbb153396f92a32ae0abfcc182104f007e1a6e03151c65a28ec2c43e3192b0ebfffa3f79a94f8228ab0fb55814022fbaecfba5f82faa781b8a011c364f20f4ec23ad44192ebdd473402a17d722dbc8ddcadde20c67e6558c0125e309c802316ccc6e408a495c717cc25b7360fa05b6357de3fc2a7360ed541ca94cd32d5f14840e59d83762f76af08ca84effe611cbf58c25714e1e99ee1dd3b2fa595d704652d455efacf94ffacc1ef784851
Background highlight with left border when active
View code 51851f74efeb711755719dd92fca1e1af856c32fbc79fa70a472aa374ad61eaf60ab64e73ed8707f32db59905c1f60971d73b514d136785adc839dace31605d68141a6fe730cb6775004e29dbb5281be7fa5439ea580415361107daa72d15bd8b3d688f46ba8e86d1f1b3509f1c9825ed05be50f4bc13bca2f526be073e76ac5df8156501682b7820036b8979773c6ac765bd8b2053887821e7c7e618ce7a8ae18ffc8b6f1924606e10ee82c5460a9d98b2fdbef806fa04a63c2a20ab559919773d48be1928c10386fc91f740957edbebc96f0df413e733e55aa286abffced20d60234782b7d22af991bd93f99b9c1fc46a56c0cf9d7269730e7aa8e51479a90ea52551b1618a0fe2ee2e87f0365814e663104b0ea2df29db52a535b2d4ddf4fb9e101b0b28c67609c51629bfce3a78296b00d8a6df1ab98b62a7353c0e0aa6d9f9a1d50c8effbe995c9add4a9ab9583124105f86c9ea8492b1f42d93e0c775b9a1d5d8ec46c3997ccd7e7bf9c3d7cfde9c6829882b13466c74d79a8769d7a10a8db82ab2efef429a9875dcd6d57185423b1b3fd7e235143ae344227f78fd4a37cdc6d609e9bc27c3e82cfa8d93c2b4a1a40e88a86ba71168d463789026d64c9110e763f799a457e2ccb81b77e87fcfa4c3407cc918f3b60de7245c96d360e8256d1e7256f7a74d830f6e3651ca9fda64d2508db9a250b6c3190f9f246da988122341b5ca76b18007867b6d5b4669308395a4a57736d05f3aff6371791b4bb2f5ff74e0a9fea6e40628a4d2716c6f04814010a1fd766ab40fa992e4199a8711b52ce39ad98c252a82750f6a63ed5a4d435f4dd8cb84a8dcba4d15f5492241ebbfa54299230b9bd0f1919244e350092be62dba48b6a59a46d9ec3951716514869dcba685157c0006ce127e23d4a6892251a5a1078ceea39b9dad05509d537e0c2745402085b8c0c9d342c011ff22fa7513d59fcbd8c57e9d299923385b805c7cae3b18fa84a0ab70ff1e1e7b0edfd10247f8c6365d615144ba418e1ad6dcaa1dd8f20b633e3cc41140877279e6efb62a1a3d48181f301e0a77fc8afaedafff42119660ed1a9505260ce5bca84d4c85c15287439f95c751267c09690ab35ad3efa6c60f158aa229b3cea452832c0b61c3e3576e7b6499f59ff7e64d155a25d9137
Primary background highlight with right border when active
View code 268f429a1a8c92337574e631922cdcad87d112e7b9b806ace6b1bfff8298e50b2b5781b1dc2320ed3d002a506241c3785d57754b1fe41b40c680eb358a0e5990c477ddb42faa4639fba221913c240f383223bef4f7595d9d335d2dd99ebaf0997a74b9ba8d14593eeecaa17a103f54c8785f8072a982c4bd0cdbc1e37ce8f7b9b1fdc90b1f48d8258bee0cb491a99cb2df3b011e3557b5dfd4a3124aba9eb75e69f7715809776acf96d0dcbe3ebba6591b37461976ea49a3236d9c0121c407915da030ef29d1f9586f1870976eae4d44d666878e0a7ea289992957705af47786148e757b5e0cd9f337792fdcac3c35fcb3b7f21333c895f46a5c47dcb39513ac6760424fd07aac7869035f15bab783fd226f9ef2878a646b899e147a529fee4a44a23599f6942ce828ef077681e86c75634aaca2425769cdc0ac684745e5bfb129ad63501cf551e2732038f498ed3774d95b5493331a7917de515635770caa941255a7822b1bda8cbee6c0d51db29c494f6fc1a3c97e259ffce1199d98551a1b77f7f198fce9b944c822101b4716f68a74ed85379910bf4c5266aae06e386b9efa5a95ffbaef6b825bf8865db4e3a8fd3d072f7c0dc8a716706942811ae7d688b6030d11f44054312a383b36189d8127b20c34dda2a6c79335603828eb3381e8bdaadadf96eb3a9e7c4449388e4821a16d089caaf5e1ac38ae7c169607847e61d8dab3bc6f4283050322dcac6685f77039c61aa7cc91b5f8adc1cd967f457fada9cb3cccde86a0ae5a7fd2f019c35548d26112e63b96dc059da875464d39d2dcc6a300e068a7ec26d34adf2f7f5d5e80acad9b25d00c42b31d36484883ebcff7e1516497080b50ccad751ea28a24bc959adb4cfe322e124bb53de3a403ed59a41fb95c3cabf934b0937a0f6c3ec26fa65d7a68fb1f993c19ff060f0889af60962cb518f1b37ae328ed6dc9003950caa1d5e6dae687059982ecc6d47d96d36f1e11ca1c2fbf5238f71368e4c84073d0300c4f7f3316245339be3697b19d59124db79cdc9b8c12d02edfa244093c09777a1d5537efcea90435bbd7a158a958e2b904354c588fcfb66d8b699f77caec80e9b4148bcfb4cfab76836e8e7bd95a1d2a455d82fe2225942d17dc61ab06ca4a6ae61997ae7d58b3c0e0ca5ad5b2bdb08bd7dc5217a2a107b5fc26a41abda1407c134016f6facb24e3b4e88ac93dd8a32a38282b04b78c45354acde2a51440b083c1dd26bbe24610eae9a0308e41c666e85051c2b6c832a65c4b153e4d854cf3ab6d2626f84b3afffbb48de2fdd7a96974ae77eb9701ba71b41b98c91825e7f332f4f0f295992de573c3a6e8e184615955bd645ceee7c9679c1d02d6eb7822b2ed95b561cac56bb2e45f1f13f1d62e0dc67c1d1080a1ba25684f64057c5d016aea54da9736fb49c040ab76a97fd84348ff481ed591dfc33451611c7a951440395456b04f22c9742d840633a049a297a2ffe97c5d1429e8f6c0e88d0aaaab6f76f6820ab9d55c4a43c19f46eb9364c57eb5a302c80149705dd00092eaa09e0a4c0c484e127b2871e09971992a231930eaf95b8e567417c0111b8229573acfecf6488829fc904c6270e942cb92f7a468ac1a
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 1aa5e219df6c112f4253552a58061cc758d4f20238548b5633770f9a5c9cd49439d2b79c648c58ea5eec3ddac619de49c92b5955bcc3cc696ac883b7424590367f49129c9fd0fce9506917293a88d17dc2ab4c983a43739b4c76acdf2da8ca739c84b3adbbea939554724c513eeb606a23caf088898ece8bce66d5a1c5022d909ede9a0569a81c47d022e9e7e0cb46a1e506b51ec958b5afc05dd5230c7b3ed44906fcef620f06c1e8fed3d2582e78af1d14dd70b564b56fa32cce3e9ab2749d8a367894cf20de7ac90837daeed5249af62032c62379abddf65c59a25a6d917a0b07bd71e6ad4e5a422326b340683a8499fd6539f43a547360c5e5189013bfea08582eeffd0efe2e2c2156b172525327a791c9b3515ad5c276c17ec1b09e2bdef91c7779f39dff2fc6626fc606456a55c4ba35b6f4a98cd96331e722092783fb2e5d6938e3cd4c8dbffdf061d29253f8be935048d401814d4fe00c4cf4c82dec2808b1247ae4f22199f180bc853fb45a01a8101c010f9adee4fd2f963d4ba5fb4b3c457bfdb47173896d45c1b868482189d0c762c272adacd564e45d57c518024e6e99db6df0704db708185aeff4cd979fa32edfd309ed8e5209db0399f03e355e11b7934ec031dade06cc74da749ac05b646479e7e2fc4e6a5f02b72ec503aecc0a946f05c76e128aa53ccf2259a25d222e422fb540bac7cd4ea781b573f4bc216257b671843a028d4510a7fc12c29938ad076457ecb9f2113c634220f6071c54a7a8555bb97013c30e3ee8776d82b6988b9d783afe63720b342269a0773005f2b0134a4211dddd8941b1fcabc361519520e4726fa1b71a81025768a72c4f98271a5c4b1e9253a9a3b2766b4edb550c87b8449ec0d677292fcd774c3c9dfb6175863694404d10b88616fea5186a8709fcf879d4bee06d804efbdbfc93a0121d2348fb6e8cc05e793c5ee6ede8a776f14e2235252e9809b0634a7e365a587f6ab4ba0a8cca43b6fe2dbff9572b1d5103279c2625315ec401ec266c08caf94b242fe242a628aefe20a6219e6dd9ececb7efb55abe6b38636af599b75bc6975b85155df04e57e421e1bcab929ae6984806ea78cfd3ca65cfb4b2fc1eb9aad49d6cf19a76d272b25ca1c93b4beda01a4763
Background highlight when active within card
View code 831007ce8989c2af3d5cebc0878d36af2ddb47ec725d2f3425486a6e5a46d49dc0317bd2d0492db13f1036bdef1a3909972a11bd4d4161917862b49b67d1b285f6924031177e6eedc55d7dbc9c8a17ccd1d9c2c6e8c06b29c18db2a752d3406ee663df688bdfd3f0330e2d72019f613f15d3d561d4bf1f53ba92c691a48c58274d0a8ac651407bd27cb11cb29e3eb73ee4d3015ebfb70853d810bd3f75404c2f09b5fcfd87fce5cf7601d04995c2ca70b2eaf2bed097943edfdd74e0df17bd9d1be2a1bb8e5e2f97f79ea1988ecaae5e8fd7a260af7c2c386d467b276c4816f285fa8ea0e19b8245536c711249df72835dbd0ba4275414ed5e6f4aa6fe02ffe297481f6f2cb180f9e8dd3b0a5930f82d574a3cc009f1bbb7afc287b38c8eb73f928f1587135a9b259db8734ced6f3ce7bed3fa7296286e4c666046d10f9acb88b1222a0e91293a140e3080ef6f379e25a458dc9c6903b4c428ac4e7053b7907b0cfad348a9025a2e68a4233b60eac9ed47a56e66963225208c4db9a60fffe7b9fc2c3e8466238d88010d610568f0ce359b9d35e34523fb5aadc5519168fdfadbf5071e836d0c59dbc4bb0e56c45df51d96e40ad53980cd9444e58d531301cac16d9a07812737088fc7e6f744bcc2a42d2440fa6447c6118d6f74e51c96ffddc0c83de0bc3029bf305014a2fd08d1528e5d733b7b1785aab75110836c88453c6c7d3c8486bd2a99c7aa165b7f36228d240420bd6f7a4aeaee9448029544f03815ab493f2cec36991a0c08693150c79800ecce4ffa27779d47736b68eb94da8b34d2a59c7f4df06125c6b592691e5c26893cf5eb6dea8876399b498684a40e92f8e61ad5297688df9e0bba95c2368f8ba0beb03e35c24fcc24ec4e1303302b07fc98fcddd829064fa922baf3a623e08062b4fa48a8c2f5da7c44e66f88f2f27135913a9b44734a726996c5b33a3f5338f1323c7a4ffd4e2376af1b866d2bdf8ee383e717189ea9e1920be2e9cb426acefbc51935cee57adb404997d7b17a767b094b8f5b44bfd1d016113ef1b7f55b00812297d68463305fdfd9a49a0c9778e79be9da2277bd8371ee8763c2ae2c465c803ea15b760a62ddfe23418f0a2b88201fd1adec47daeec381cdf3ce4febd434b4
Multi-level and interactive lists
Sections displayed with category headings
View code 2f65f1c391356c023a776ce013ade911184ad8d22206cdc0d94b113615dc0aa44efba34f7792977a1720f2df76d3dcfea65894e204a52c3ea436e0dc17e20a0cd7d104340a7d0816c17e7c210a7e4df97d70ae590718290646e66b2d047ef456d8b65af0a0a81c3c6240c1d2f0627f2bbcab7efc24ce3cc1ebb357ad8aa0659aa979342fac288c43eb2a9b57f5309b3dfd89d68d7fea68658d8086a89b9593520a761255ca47ede64533de8e52913ef56aa7bd00b5e345205550318f0c37edcf198e0e5c857e15e10ee9e192c12d4296bdd222a90d76a0f40a6de199e387c27d8c24f65df529ac1fd2c7cc8170fce01fd249cf1a431994b10943afa03567d10f1fc0f7d1f1bbe3d63930f1422927b46a541a55d0da7c5bcc5cc45f0e158b2d52d4eec9c83fa2bb0f14bcea46195a1ba79d1c3946f5b6767a1273fece960ef6cf2c8e98196579ed83bc19d7b7bf205f3523921479ff9b125954335cbd24617063e744d5dae248c689259664b5abc044ae4bc1dfcc6946e5c79837a6cf5b3d00930eb974cd30491f58b4e09e24bfcb67c479661c053f49b2e0dc836567ae0926e6cf2d7a184e9c799728effbe856c998a1bfc69ebed9e7300b8f6a6b3f5577ee00578f7b772f1d3c21a9babf2e8d6cbd88cbad2a412fdde3384edaab98ab03271c8a13a1a37ba66abb7741d1d9db4c5d34515748e27e79a318494d8fbb5bfd413226fb0c9f414e2e54f1e3e30e7c21126b59a91f576bc87595f0833fd671712b20cb72cf9ea663e6269abf44c8491722b85807e7be188bae336b93f8bdbcc5d776abbc6785c671f3347bbaa2109004612f3c9cbe0b670fc0ef98171cd13fd8487693e7ca0855e42118379ddd674513954ed77f341df555b9fcdd7fdfeb467721ff6afa902ce79f5976504a8f3445630cf2e1648128ef77e15ce6b2ced2c0536efa685a61353de10b8bf82171fe3ec3ffa01a6598160f958545a53f60367434c8e56e1cbe2fce0d30a7d1255451ebcde0e0f3f68c326807fd755640cba2f2e6c03ff2bea433aa9c9eb1fb4944f3b72989a8a730ea56a1e901c4065182376c3def02266c32ea746dc9c27902d77182b78e6c049f0d3d2449b25a0ee51a244368d100361c28c733a26ea7cfa41ec0985cdd1c1312b7fce92ed7993f02ce922b62e9e8636cfd8118e18bdeeac2e6a0efee88eacac7df20eb8b42d3eef11a52976708fcdb66f21b1c2a64aed747e798d846f7b83a7895fb8cea87c8ca965a0ab1bb507678216968290006e1b2821f1a44a6673d7fb54f0170a9b65e349083305656fc0e17db57195e11e50155d4763ed3f9661e0dbf19db4d359dc7f1fc4bd883c33857c4232eac697f21234b5ad23a2fc5e8aaec3b1a0cae9e571b9ba46f39cb88fc7b2ea0de9172fb6270e4a251ac2a7dd8ad4f5f40d99b5b0e1cdd68d5a2e15d3edb54133993d4a7a1cb48c10b7718a1a7ff186732245a45934167b70acc0c515c4adfdc8f64b24a5f79638cb18a642e0426cd9cd7a11747cefcd7f1b36eebad725b3e0dbbea822a3cbf68d5d6bce4781a3feb41cdf820a9c2726204f7566e8cc94de260f1cdf268b1f28a2088e09a85a83729e00ae11a6f57dbb66f4e66d70fb4ed2763e8777217d12eed4ed93297107e77421a7184601dbde3d74a2a04e9c5fa717d33b86159ee579ed61c22ee19b46ef3e2918bfa69f4925fd6748350cc948e753e224c67eaee183b6bdf8c21bcaa010a06b36ad573d3478e3958878ecd54f9bf02f61eb30ec9ed168d547fc29a04e0beeb3c672d0f6999f9d8cc1e30e9016ba4b7b23066dbe966e6c5752616c59fac60572a80bf6badb5422c1e4b1c1e183c57b780973b6560d11214cdfe657019fe703227e1626ec0b5a0482240a4a5fdfd191e6f59c949cb800ce5a0b63744da0b29d64782331b146c13b080fd4533bd97ab5683ed7bc7c850cbb96845ad55dbc8b1f4e4f2fc58986b76ab99a2f2f23d3f6e4b99382868747abbc486f9eb976efa8c
Responsive category list
View code 7b15c33bc5aab87249e423b618eb579759a4be881c766c766910954a72d71fe2a0dc5200590e40a185a025e96d65c97af00ca8798fe64577bd228a9edd811fe95b17905da2ccf5d55556c7f408481141928502a89799e9d2edb2caf31516a0600761cb70881287624ab4673c8161b2dc3f95f1f6c8edc2ce743e413f12b56e83d8c71bffb66a7ea8660f92812c178cbf5cd5daef12cc951a5aea7faadbdbcec95ff7d5c021473fb726d7ce63df22c9f225a0867f8d53e9ff0841a32f5d1bd1810f4fb5667c06f7e92a8ea66fa31894f12f2daad97f3f293919d12e83b5a13085621765dfcc5ef25fda5a8c3c8da13e21c09e7ef03824359e7507b8f386576f1bee6bdd14ac6b667f6a8ee06dcadb1a2e68c2af8482aa14f91e4bef24d7abed13db6ed2aac90282a45f9918051c5d3a1033bfe01b3195b625d2a051a1eda924c85f0055ce21a35a953fdde6b3ac18f32ce43c295793cd5c9835004c6faabe17b8af8cf14efefbaa7ea32cf0bfc2b7e47e2e0d8450fed703360342f4acd8bf02d108d930585be82da1fa7123d2f5b5b8ceb42b3a76412e360723de672c757e618795e3ee53906d84c4236b3bb4d6b6ac93238bcecca216db2355deb708989c389b36c78aa115e794b01823ba3c79ce925cfc4a1a280f9ad512aaef55890a8c4e9f6da5290bcd20411599a35beaae63a31276eb57a62bf95ef45554162a541a4d539fece6a2949d6a83d8b3784d904ceaac64e989eaec228e7c41f675ee34e1afe55114e6791cf8c00ed1745eeffb4a9c89ff004faee52542a2e9a205b65ce8b7100ffd3cce133b6e551c5fee6523a789f1e3cdd51829cb3f7c1e0c644d8c34fd7fffa2c14227a3b993420c222fdac415fe2452bb920f482805f386d9b8f667070deb887adeabdca1907c8d71b2362d9ea8c93b1c04deb4b0fe909299c9561b9849f49d63d2192e0dcc83eae1b8737026b76b3b63da92c9ba35a57affb0cf788c3bdcfaa40e01dab16ae62a1727b99538113701084791dee84746393da94184b0c2aacf277f193d75e7c01ee1d234fca9376d14a09ba767fa44cb93128c4a36457b0f3ade1bdbea914a5c147e4c2b017d9775712bcad0d7f7ab2a3917c592004c2f1f38003a084b8fc102007174834af88bf31ccdf520c7620ada9afe8ebc35c53adad39c42d3d593f792349db7c7acedce38eee6662053f354ced94facfe39d9a5cfe4e4f607ad5f7254eb05c2adc1bd83f0ed17ff6c950230ffc26f6b6a05822475d4e16bf0603c4fbe1215411f90b7b0854c66e34430bb929468da8f4ccb85c96566d6e8fe9dc3c5adfa3615beb4a8cfa37626f8a696fa6a3bba265195aba955aabb5ddbf7c5397607760712dbd854aa895569b9ee04687eb5386e107db42679f0d3bad89287dcc7183fba93e478b5b6ed45b9f1d921388edd86961a95d859c512c8fd728af1a50ad9991b8bb959fb20da639531576fc332ea3519004e9352b73293b005d1c40ace664ee112aa38650223d586fc998c799cf79ac8d34ddaf7c3a6c29cabd8978b871f42570aa82e04361ffbb7d3b0e8c6392172ddf7e1ba483bca8beb0f82b350626c34f791710dfa40957c1124192d131494e4c00d5127873b4639bdf7484c309350511cf38e974ee42b2b28bfbbea72e5ce03d36f59a4bc9b14328c32586f9f3aa3f2a133ae05d5aa9ca5f1261b72b67b27101aa81a0c072ef76964264617523f149042c1f8410a66bd747eeb2ad0323682a16e7b0441ffb5323e98e1a46c3e3aa612b5c1b9930bb1ef1b2bdaf19962e1630d0f5eac6dc97a3f09a0a8f1457b1a7daa959369abcac09ab4ed59753365cfdc79495f375cc4820c10d125d1bc60a735b8b9c13f8fefb6969989ee09ec0a4c0075ea36bb4ab7b0295970cc86d4c61079b3f6f323996e72ee4fced3c5adc174d18732f014005863ca7e715a220c0b9c6f5481a2c6746501c06d912ac170d4f2825efa64f7bba401712698c7b03ad999f6575b035691b2bcaee6c8927806f39cbd8c29ec58712c280e862e23993809e0d46971c3af073f8b4912d850753537daa65e87b0c06074ce9500f9f8a9e4667b551a5fd0bcbe885860068678b3d89db09e04be787f315a755e474a8730ca16462941a5093407be7647d63a9d72ccd19b693f45a54a718091b6e71e363c5a674408dfde417497e25ede4a6edeb3cbd9f016ef5c1e909cb5d76e8c4b94040951df351e2be31b94940e615dd20c02fe0641d28df6ae671022457844b5959437e9158a25b52449daa47590b28c6767e798fbb20acbe60d13fd95dbd4d6f2c76c417aaa6887e05abd9684435bb62fe6343a09da48adde3edffe45baa4be4fb6a070a6563d4686c03df2aa2181de9d73336a572f0e058d643f34003370d9569bb61b4a441a5f2c0e01afe862131c6dac0904610f083f3b7f6c988c2f503365d3d78e90d2ee5965af31f25bbaffe7ecfced220b5b0a69172b2d1b59603e15589470d20d5c36af71d112885cc6b77a92cd6a6d7697e3efdc8a8843295bcceb1213ddac27a26da0a0354fdd28ef3c1239ec6e68c80eab909bfcef4b271649bc1f659ad5d8099fdb142bd361bcbbe66013174c2be60cd6d056f8dc983a2425b7c3ff3050b32b23df6cff74cdeefbd460f639d516e9b262ca6b794de4102261099db1525c7b4605d138f6a08b01e58602cb6bfd976869b60ca09d37f6d36964d76d6d45d9af1b2529897e26db9d206da189511ac32443bd81d2d27364df34cc72f4dad79f3e40bd8fc2ab33ad74675fbc2ccea304a21d300e898b45721f3c329bc3e503aa51cf5e271769dfca2c53d1511527291b12a5218c45fcd60f284bb66177dd44903fa372d84769b85f0022dffb3b718c53ba13a503b58bef8a980a9b28c6c3636871c04f4e624858791bcef05fc3e597516221e2f1da2003f94aca4e2780697e7def041de11775804e301b1daa2fc9dfc6a8f590866235723f306e7633ab7ceccd5fa6967e95204658f174805e2b5ef94cb36ca5ab6a920ef811cefa2f8d8cf083e87956c75a73b61fecdda47b69571c369be699f72a950af51020c5e0e4e7f92f7282cdba2e2e066e32505f073ba6411b2e3c301fba6eb060ef499dd1d69ac1c9d4f741bd8c1498e5f081b74077792109a06a37b6d80cc94dffa9b5c3e3bca063eb4b1d93438413a7180de4dfb0ddad678aeec4efefffaa4f4849417e22492100efb8dea5566cc2b67981b8c04a11da211588b2ee1fce2a85c1ed7d4b2e90ae715385386013aa37a97b79b46ef70cf348ced9609bc0fd4dd7cc07285e168b79623a6a96a9b5b3855e1441872da625b2822aafa269ab0ce01c56fe883ad4318dc12ee563c9c72a95662e55de59e72c0c3163f35d5a8d5aa1a224ff4857136e4c85f42a31f35a5a375177
Responsive section list
View code acc91bdbbc616395f5180b85becc29644b9723b8825b6fd06ffdb640e76da8f9ddfc27324dd6f91a1623439e72f62520982e1ee2c6465effe0ac28e032095382e17c555806e611963fb6fd0c740d52418ddef5c235194ca415bb2bac3079563f9c13e449c4259e5f409097ac7e0832dc6ce79cd1d3eccf447dfe2bb261fecaf3ab0ea3bf09a134594663950bf2e83cf5f4248728e2f7e8c0f62cf3fbd15d412f9d72c4fe6bfe92f1a34f493fd067d4ab8efe27243a3e49e7e9ad1a9d0819eb62e4a51f169cbdff298a6ff89722c0b993e4ffae0020c0df5c449d06a93a23957ec09343e34dfc8bd49fea422744907b94e1a20ef85cc25b5da56ece853bc683aee9faf1a4a3ec846c762a63f1ec098cace8bd485a562f09c0b7d7c0b6283d7a0e45765671fade652cf5c2af79a61820e37969b6fad49efcc38bded29a5391def6e4a66bc9e92af56f67ce78e9276630bb8fc5e243a5b63b6550d7fe06bbce9436d93eea863c4f84160b59dd2a164eb79f9fcc988d5fa7aa14fc837982a948b4d542b77f6adf31ce8b0dd5143343369dfc05539559a8cac5700ca2586ec1844da9b2c96cc841bc5547cc3c9456f9f737e2b8db6ca7b77a5c34a9699dd3420d5e68c2eb801165d30f16536f5234000b09e9a919fad1802fa1088992e05999eb8d0bfaa46623399e9b5ba4a5305f5a4f117bb7742c1751517081fab3e9fd77e96d701840795b6a4269d552969b51ad8c3b54175d1859db1369b1821fb861773df73330d2665a30ed314c1f7b075660693a02b251f771e772bafdb56fbc5efeda7f3fc2f2b8187aed80d256f352b120596391c5585af70eb527ef661276ab58f0e9c26176147b7dac323252d3a9fb978fcc88b441bbe1b014f448426a84b086ddbc1a58c57bc89b718cdd58869a52a0683ee9d071a21609cce7a718c3aa0358c45db7ed43a8b281e9a4da1c448e50a797858254f335fad77f1362ac73a78f80f2faf6247fbac80b493c9997788ff7e3079c6ffaa1ba97db1b4c2c9b875c75a9fda1de0c6bb2a3c0e6129f99478e6ef8eab10e5c601f55dcb91267b60f500d845a2dbabca6773160c83e229301dcb53c3eb654a6244195ecd33c52f1a0a3b8739c4adb3db0e6ba1d12d1eb317feb447a82c7c53719cd375a8e870e588b7baa8f78e434e2e328ef2633b42df928727fdc09cca201a1ec992e516f67c078843141938df1d657f9f41030e74bf7620b9f8e45f197cc27017fc892f043f6b7e4e696663cb8936f6ca7ce200d1cc42400b3115035147f82b4cd8aa96c77607c77168180be135dbf543195803749db8dd3b1d2712444abd3e6bc07e7b915dcccd7821ca21050336a6003e1e6b2b5ef0920e5b7b2fbf0ad76100469d6ff401ffa36581ebd1119147a05253c5e7bdd2275348710bf9989270d1911d765a3fb1d65eaa3508ea6d312deabe0de1bb5d0c648d1315947126e8aaa82c73a39eb3540482ea11696d0c89cf93d5d095fcfe4c79aed2673400223585bba0ced43d89b8134cf3241cfc777dbbed28873ca36d5a58f4ceda230547d15b3e40d5f721430e7ded5ec84b1d39518178a2c37337c229cb076e6ed06c2f8a6495c5daab2d622e86aaf6bdfdee97a4c163c42ef4c36037df8092db303dfe543062105c36ce697f506a310eeb40d21f72d66ded1baca74d159286468b54abe5c03201ffbcfc72d94ae2c670702306a4da089367c0670b188380876a3e265c9b5d5199c8f1b686faad37bcaf61044a96323ac5946568bc4c078548c2bfb324f5c9facf262a70a992c91dd537573eda202d5a0507455649efd31cb6ed8038266af1d10fc0adcca1ce0c5cfe979677d7589d53e0a6cab7118b0899e37ef1549fc601e092cd10a5781883ecd3715178763671b67d9eb01185884aedcf20cc990267f836fc4c5d48d265accf10ff29ca9e18b4a9e5343bedc8d6c05f3451cb86d33d79936cc1384ea3c284435f9236a7efce1ab11841aff71f69c4eac553e949bac00aab929368801c07ed4ce53518b99fcffdf7a5a0377cd7be12e845226d1e163de4d8c71f05b5f23f9a7ef38b2a6c80302e9932d170e99a5662f6abdb21518b67eb27d2388ac24c40ca6f0618099ad80e837d19834fb051e115f0c48a6bc5dd5c4f02ff49e03c5204a7629342450001aa990130d286f9e8d6e0290690c23da44b868ffe501bef302727f3759875159210f7900041bcb8877374548e5397a3a22ecb9c8360b93bd9304b79f0c109e08a6d21e44852f86b1be78e6fa1395567be5ba264bdaaf5d181e398716be2c7f12eb1d916d13e552fb640cf62ef5d3befe0a0d6a1e20eded8151a565daa9866c69a2f7797f2ad8cb6685721c7cc4faa9effd82ed4309c0af8e7f2042336ca2780b456ed9dd540c29ea94b95d581d3a9b0026c6b76c42b0676f462ff3162ddf3fd1978dae06120f8d4c472e852756a9eb311a817565dc9db79c89b5bc5c5159e43cf973e5176728b599dddb3c60ed506ed7c08a4229f71beb8a39dd226aedb1015b1fbed862a8d7d2f6d15562e11063f6f4bb32f75e74aca3fc720b4a9d19bbf1b912406f048dc29b212df0ae53ef3596dc9902e70c23840fa4f2bbd5aa75e3bd7fe75c16cf186efd90cdbab8c57e0d4fff66a228d2354673041e5d2d44b036fbdeb75aee267460dc2dc829f90a655b940f4309b9f7186d46fcf11534a038177622fdf5a6541bdd1d0a54cc6d9261f6891af7ad33f0147d81c91362dc713a689c1e589ef4fbede2b3c8d2580efa46b9c9d1a616552ea155ad9e238b54c86ad4ec344929a36ba1358313d8f304c5f01d84e205be6218e1d23ed7644e2f4c88bf059590179a7f06bc8ff994dedddfde2a9ac50bf49de1c3764a30307fb8b5ae526d2fcd562192a4a5f2cecff64b429be80f076ba644a555bb311f23bab97484b06dc016f65f95043bcdc9c1d6fc4598439bd0bfb12c99bd9b3a6aed124b0ac0376ebd6d1ed6e49a1d4269eb6ec9194e20e0b51267c6d38d5b01d1a7c54e47b7a1de617f3c9f1866d1481d31bd2184a5496291808356639c96def04122eff29f60f1830d80eddd0e5edae43ca85def72b538508d6f4627663fde3e0bc9a62171228cbe1fd044416cb9f79a230c6c29ea08138debf229d5da5dd1e4923b2b411fe9490fc70771910214d609f6bb2719e86a33a0f986d97f5ae1741db0e12af2d877b43df09239579e940d9b1003dcde31d8a31c7bc997a87ad294651f627589b2135195e09da0393b09f07cbd2f11cb6fb7827549f4c672d806f04464b8428b429f70409605460d5a43ae0f1080e23bc66b22872106751cc9aee92a06d653db2589b0526f61497342fd76ee0dafb9aa78f29d999eb6d46a207d9490bbbb37269c0506769286ee5f18f7c18c6b1771093b9b4f54986614d8da0af207a592b099836a704f6bc3af4e060a7aa378dc5f7d3c398dcef80dcdfeb299b1c6389303d8d9d4be5a6a51668bf4b58fab85b65d349be2dd03a5bdb4a9b10f2cad4387de6d123b002384f085243d00b983f57d268c72b5e61762e1860149c79f00ecf87e3d48385d111f8ec38b9ab003994edccb97f4a1f92f2df570b175cd4d41500b3836a6d02d4da384414116400f4550771ec40eed121604b09b0a1041524fc6dc7443c5f38b4b54ef572a6028ac27949ac14f9a0e5e4d9dadbc19a3336ec3af20e8be9d55b02d07e435cc92f6972654997138334c122342ce2bdc5a15dcf386e0d86dfeaf3ff2bba4f053069627242fb249b23b263dce65a5659d5835e95e9196c9ed1a81e0f3d521d50b20798fb75e41c574e22dea3ccc07e443da1dde035291a32741762fac0f404622ea12bbfd4f2711934691e9a966ce63043ba92e5bc6aaa772f9fd5f408113812277d6e7cb43dad3b848a131b673537f6d0597b3d9b67b2642b860a914cd850bbdac3ffab1785eb61a26dbad5caa0097d3c04963d0583180a49144e78b2c845554684728fd90bbf2572170355e1d33d993bb68ad6bb291fd15e04b5db3b41b3cd9f9d3470e811a2621c108df62436c8d086daf033bd4e443d75a81b9d5e004b29a2cc62f0eee55de8df84d142b880edcb9fdec339069e58967b380a52ca02618718b03924ba52e268870678910005f65fde7f5597038a14e11749829b90188d5f5ad82223311d625065726c7a6ca27669ab3a55435eb337e8393b8754d52492e140f534012e6c59a1a1da80456287c98f46955c0e62be6b43f67ccd86d9bae4b9b8f4be536067d4f8113c87f516e42170c0460e8f5d797f5429fd9573801a8560addc47a5103af9f40d81bb736127023e4247c3161b497e8f87f73fd425965b4d587d4f7637144faa3fa83b2437865591998f8bd567179c16d3decd1b248bcfa159fbf22ee666d7df0dfbac1a94e84bd417fb2c90ccfb70a3e1957ec7de2e8d0ff0f5e310487ca371b0e5f13d5a26615bb249026c9923f62292cbe810758c9d262daf1542bde41b6979cb2965bd4e801b6e6c1c4c43af6b19c1f74ed16e3d27fc06776bfae2dde1437cfde22152aedd814f0894d61b7ab1f090e23c38943037d259263a0ce08ac687e5f4255d37b5801642c275dbff21704a9e95d823f8d022884fa2fb273d451024d6c8024670b9d24123947dceaa7ded995401e35dda0ebe39578c8480a9f52e9905c2033e5e108cab4a74ddfbe472185a849df90671de76d34f09db15ee63924d9d72e2afb91cede7cb376992f36f445a4e649e05b09caa79d1e178a58b6224e809473352324d3fb874f85c3927deda0798398d201c1b5685b30a095c59af3490f45c763a2554c7f9a852194513dba167308e88c2f5a5fcda673857a35fa3be7f79b4ef9820b019efa71a5232bfb9047f962df19ac7e25eb1463745526b12d62af300cd055c586b4037a55c1df4208c50e59d700942bf5c1f1f68b69e83bef44d5833ba74dc8d187af3342da865435c38c67c845ca6dc1c0fbfdd91879f1845a0d6ede82febb8940970d13af68628bafb6bb57d6a578537b158d048e7978c1bbe2c3d1944685fddd9a3d7b01abd537c8e8585b1b923e98af76e2eed85d76057c4cddbed26e883d2baf9686cc5ff19e5c89ebc7422c928ee6b5e6295b11e571166bd1c8c708a9f09b788b7e2268e1e4d586aa4da95458b49d16c35e6009589e813fdbaba9b27f1571ad6e6326728314c7340603d0240bf9ae298a55c97ac2e50a8832dc1a6955f2fbe30806aee146a6825bd2fb7125ba200ce31d5f412eb63c2e28aada9c76819f783acc282ea731d11d8898135c4c45a99fa425e5e49f20eb852ebf1e22948409b278220cc42066da3aa2020edbb9f5
Responsive article list
View code 455cd06a916ec9477177e33121fa06101017276b31273fe5ed297dcc38b29dd2f240927eddd056d39d14514ee32ba5dd80cef8d3908c32c9ed630a4b000a88f6706df09d79b2ace01b651cdd392093a755dafcad99ec52945767d93b7716bf5f7546ab903a12120d10eda6ddc9890f8d547687bfdc929ac7c2437c7bfaac9edf3e47ea544175008711b0e7d2fa8eb0f91f618bde313554bb98e900acf3794aaf0fc04705dd32817be82517c9510630abca9bd57223eb8932daf0902617307f6596004b2ed2eb443b5ddde7c155d4d18108ee3c762860d9cf05ce3657b7e1fa978372107ce20dbee8d4f9241a3c0f04a0473719922183985790549da2a3db2d062cdde5e1f6b0069e4cc935e4201732742740426416ebac959d76263ca413517cc1d0721cd040631fac8f7e0d786bf4cf97faf583b83be69a72b2ca9a39c40d1ff85ca480f5aa2ac9754579a4a0df7c34b1bee5eb6a3755345a880e9c10dd55bacbda84b88873edf4422fd8795c6ffc4dab5ede102d3c9a3a503ae88bb33eb0f0da55b610d2b5730c67a40070a3cf5edbfe1d7869579e6c5b58bca39279e2f29a0ca4407f4d87d515b0c33cef75326790abc79c3de45e8654716172b8da7925fad2974ee655117c13854a51beb2e02331bf7259adafe9830a98cb429eb04a6609c2a8444aec4a4b67aadb77511edb4fe1be003d79a07628c6b7137228ad4a06f6fb2727a91cd8a8855dfa71398ddd35b0249532500325b7ee0e7f319dac7910c082306a3d7a8beb2555c606a7da2995adde34da361ed50bbc2dfd0048b249f46169aaff1a2e9b8bb114c2d2c161637ae8ab1c0feaa418cceacbabaa70f6745d5923a38ed1ec546539a2f0657a5d7c13b6e20770f945e915d515635590da50eb0ad2a85520b42bc1a0bcd0ced4559396514a1ccb305342e42cbcceba08fa947a5699e6619e4ed5a42032d9a2159408b800b83f5014fa24dd69a677e577a3edb84f8bf4455201ec48aeb39a66f3ba5055e58f2169974c80ccfda776ef619362011b97df70d5fd5105e75ec79c53d36e2ff909387c1fba87566e8a56f2dfb4085d787f4e605ca41dd72ade7899442dbfcbf7a0398f16da98068f2eb27060ee7133d3b01ae9c2024ad15f7a235b8230003f5f55cf757bf0462f9c10dad21f19c8dbff10fe7c2a4d382d1579fec2f60e5a688599b958012961123493ebca56d90b5985a1e32c78ac1e2df3aa4735f63f3cd22e8f4355dfaa4e3b5f4e6701df11a03045f4d240ce809b2576e3564ef5832e3b8f9a018c6afc0128eb58bbf323b7c62e2e22d3cf97aef468bf259a047470e8999e9e53e553db6e3bf85d61d09373daf412dcb9b1fb16155c3e8dc41e4f95be3fb6a138cb698d265c811103c69fa062611b913c58abf91bec26b5b398d474caa844cfaf1f979e833a0b72cc2bd2bfd740b9d112fae5bbc38478fd0438d92fe9a2d20e417d1bb3f65b489b3fa34c8428d5cf27b23db50b74c4e58e630a65515e739459def5c3fc8da8c73f7ff808ffbd921ee4f219d84ae6efb31a46b71d93739354a977e8ec5a1dd4643e1acc4a93c80a76e1b296c52ecb85850f98579cb2299f01e143be0244504909e101bb90fc4b83049bae1a8f1dca962e80b55707ad070d6e152ba3294d609fecb0bf525cc710ba37115415db55b3354ec7ebe026e66f477cb3c239230a0bfdb4d5f080451fd35179e924a0121f394695a92bc1efb0fe06e2de74ed8858f4af36858d4774adfe1c5260b946df257c1442f69388f07ca6ee2351acadb6867b56659181f748e27b4b43aa8387ba5f3d887a1d16099ab16f1164ac3f408b4d28ad5fde17709535de992d9b45805d9f4df303aeab2d3acbcd31c9d0faa64325cb422c05238fc968bf977b46c8f6035e507da8a4d7525ed52f2a60bb9bc9bde43f5b31c81ff846c9d248bd3ed30bd87e399d24b044d1543883eaffcceb9b5c16a1dd00b52fa805a69acd1aa1a5c036ee21cd6870ec481b50746459c7c97454c80de48e0d7e53d0e95663ad8d5b5372113211248dfc06e8600b4e7e77527214298c5d7de6b00cd988cb3c7bcc4c87b9dbae6fc7eaa5c6522b03ceb0b8b2a8b05481bb94bc7c026256c15c893c262857f31b67b4d92852fee51b1a5f516db503b3df1ead96cb623bf88aa9df2b09d69de2bcad990473c6bb20bb66b5a4e41dafbfe072f407c4ecaf3894ad34d29c53f5b46eb5d28589205a7b5c98cd3ef2cb0119d51f5214a389276e12229f38768f0510448a4ad7dde8b07cc71c1a16036a29d046b7ad746773679a705ba896fe5c928bcdc2a6e1f0f8679827d776c4343fa757fb920eabb510fda8d94ede75b3ef768ba3faff2e1f3c38b81a8f9ac48d9e01eeb60c8b277fa5072288915a0889ba584c6427e847222226647a1da191292f8484f7e8ea7cc3f3241254991b82944aeb29667a82bfae76d0282921662ff74a0564289dd0cd5f90310bf3bf7821f57dd566cc884fad999d8bd390bce8ec7643952b611fbcdb6b3192e278c71530c8b0712e6e88a977beb4da72f08cf9a8c75dd789f691e9cdf2a34359e2aa7c6f30a3f8ff9d456baff194ef35eac01b27d1f7ea17bf1a19ec15944eab08f148b171c4a5087aa690a5cd78682b376782ceba19a7d7124814335bca815e3ba2c43c367124cdb23015ed444fb10cb75add69d8a3e1180c2e91b54b41906950054343b3ce84f39b0a99f706d3c2742fbe9d08e3736b6c0c18a9f8f7a3b803d51d660331f848a91cdf136224de1965554be9eb7032b6095049f6bc6fbedda5bacbaa6877354cf733977f62a154f23760d5851b519b126a9b3e3ee118725b315a57d5112a51d3f2cd789e8924cf49c1c3f1801d0b297c6b0699c20e11432b7c4c0097745bade3a3140161ac53ad65f40fa9a3a69169d6d2df2880992bd3a33f9aff82fa2539c6ffc30724a616af19fa6dab48e3a3814a72b4a3df6059b83cdf1dd21f1c57c7ff37ce70f471275fb317f62a68c18722fd358cbe2c35c7e78bb4a6cb875677222abdabe877c44a557c3c270b21f15a4f4bd8271d7d938b437396b009cfb46da995ff27849933b4fa69b59d99fee0a07e85a26ce9c5498a6fa141941986572e914af9bef801a90bb43305fc83df2c2ffe264551795c6b1c4a4eb1bb6dd4b60a4e542b3f037148fb689e99ef7e6cc0598aa27010cb8b88169579ba7d9ecc28d73d973180fb4a2cd9de45dc6c5e5f21eb2bcc4635e646c0548e75bbc0a5f639366447529e3bc369dd5abbf3d91f2a69e69ab7a6dbeba65e8fbc0bfa0c294f300a6ed582d908892a021f32310d9e4aaf09359cc7bca3bb09221b1a85a8fb63e1ad9573892d586a9415208777155a41fb5218aa3e886bd7de0063792656da05a86773e7bf520d9f653f8e0c52df43864f52f78542ab354c877cb056e312749b7dbf101042dc84ed659f617723de02773874fd23ab31ca5248663d1bb10338b91a696b68652cbc495faa5e5ba63d07966987189b92af4239ab847063964c6d18f9ed5372630e0a8d4001fe04c9879fa520484a9d69b260b6ab9ad7a3c313c3593ea6ae8d2c8e1a0cf337ae39ca7dc54d78bba5be3aa15b92813ea3900d4382fd88fab6dda2032e731b901c3f26a20395d79585b581e2c55500dfb7d9fa353efb14c61257bfc631b1f115fa5bd76e52ed0bf1ff1c9064a07f106f3e20a6e54d3ab391f1f73e87eb3a0c994f0b6f62cee241f4cd267dd47f89d4464355d9cf7643183d508f16f2e18d9968961424e76163bedd52c431e147ac2ffabf551ebe7335896b2819e883bb11f2f85d85f46cc435f9766a9b37e4c282fb2ab1e95f29d47f3a89faccd33e4bfe298d73032417b1812fb6a04c14e06182d567b3ca87098ac95f8cf0572588c264a107fc0c7e40a77379df0db95034812eb8a42c180b17e2869c576eb87168590d43a567f4013ce297e652ef36633251e562e2cffe43906101f2932ee74e019917ac39f53d2e92aad06c776557ddadf8b083a54e4d1fefe01ae49e677e7322cd433975cabda5b7db77590288818ef4d50168ca2792872eb27c31c477be7e60f119e44c598fc9cd1e920c2601e500fff470bde18ebcba242015ff6dfa3e0e23cdcf470bc85d95d105e300f3ab9fcc9076f324b9ddf29a05d0c268a447b9163c4e113660d9f410a38b1cab93f2f9ea46debdac71f25c4fd543f5cf4260396c2e4afd7ac0680475ea5da8051f492665c78ad5806e36eecc310f0354ae651f6e6850ffcb1e8840caaf87835169cae48aaad5da37fbcc2c7e2d3ade6dfc440651a1df722b8d451797cf00a94bab1032f6db9ddd48605c901b161d5892ce41d1fa970c7155e6096e72abbf778c4641d2d25c22e6d11aa14144589b816f22818434abf579c9c594276453d8d7edc08a73463bc27d8adaad13b7b2ebc5338b2898c6b99fb3c1e8a3223bc30671d817492e1a8c219ef003668521b4906d74d89066768fd795c10bdedf7a2b2876ec5099fc86efa4b7411de2a83246432661d76fd083eec0c4d927d10abb489cdc18c52652bca26720821d272136eb68224023d0df83520eac18d03b2acd8d1113c1eefd4f4deaacdd2af1e715dbb0c4f4df0c15303ad5a3e72270dc514deb5b640f50b8a8b07aec620847968a2dd7ecc58016115b6b328326bba26ea6c1060766b8ff6aa8c1b78ffaaab67d48c13e123c83ca72c267ab6eb1192dd3777c6f8e5b81bd4aa6e576c7b3a9340f4185f9facca9665dfad15adc34006df02607af98c149ea8c3eb90d8b256b3b608b501ddc8aff2e81f14fda2fe27aa5472dd0fbc4930b7d9aa5064988b294466ac81ad386cb38a0a07f24d0fd5eb6a69ac087bb28c0192aeddd3965898addc008919a30a58e858f66d9e9e7625c87f325ff571cc6e74625f5e58c791908dae118a7a02796d025ae1ffe66c7d22829808171a4a8350fd42ea824473335cdbb3e31ab556990e87d835f0359afe8cb8c52d0cfa96269792540e8eceb70000cf4455cf2962a9604a37d756c4141b581e2aee808442f0d09c66799de320bbd59c3b0cbf2758976dde03cd519881fc5b5d1cd045b310a356caffd3c4937a3c5bc871134272246c8db934915530017c6837edbbf7681ae4870fb886f53a824ce377792ba4f6e8ad1abfcceb9e46229883b8fffea0dacab4d23cfcb0bd4a8a43988b984246bde4890b30b25a9f07bd0736ab540bea344b5a9ddb080014784efa6a8b2ed32f6c71e5a2fdeda6c83695388b355154bf6bb26da99cb6c7a406f19ac78456681719310713600e9ebb3c6a4263df5343c78eec90a81b637b90f841f1ad165f5a9c15f70edeb69511ed36e49200e5a22508e75caa6b15ae81519aa77d360e1f861cc9cbd52ef30f2e7d8110595be304136e763c2d4630bf24ea5f2861bf07c455c6100e537b4473c7990f4230de718325a1cd42fa99b3300ac663da9e218273b6636380017cd3d92a82f55f1ac386fa2c2627f7b15a5aa051d88b100b37efca983abad25b15785e64288e1abfc49b5ffe77978d6ebf7d6e1d05ceb8e87c8712b2a6699347fe6fc12208416e0bee3c3af7146eceac540feef142d5eed63b697fd21bbdb4e318019db88892f66ec43778edb3190035809394182053909197325e06c22b0998a407e9240e40540366eedfad8e6c0beb706779d26d12033850750a6e54266a8b5d2c7ab6bc340e8c9e49ebe6caf28b3e987e2737e029ffee40a20265717887c455dff444b9beb5aa74220c94f1bd5ed43b4507dd7fdc6abe3190ea068f17d4c5b1fdde23e27fb7b2b55a5c54c61c7fa1d464b5b7eabbf0abff01e5ff5c9bdf16c5fb29786862ce001a6f62a5e7c8ecdc941d5305e7468dbc5453c7a032b49d237ef7206eb5cb3cb3e025b1ebaa262e653d8a2164e53baf7991a5efaa3285faa60ccff13b11ad0b162ba219a912e6c4a220472a1b8cc77820982f8ee1f1d12da3cfe84770e29c7076855f6d4a2fd4e3eb041c6103808c2c8d23723007718403064c72bae59740c367c4cd641d92ee87024c3939f9e26443971e4f3e999104f36b8ab2fa0b09c6ba0c5f899587b534e5a8ffcca0cd58ca3253b9d632ccd972f060fca7ff260e53fda439568977c0b839ef33c44267b5d1bf43492d1969c1e2cb89efa4c8c2c410f38179a958d63948027440c12a2bf5c8ce8d948e21d9436e9abfbea7e74c9946da2f7f78b4b54b8f2bf55d6818d938d80689118e989d244703e57f5f425e33c746ab386a4f9def94644c54aef5907db366ecc9bca03ba91c40cb6ac5144801daad21ba0e3fb2fbe03a7b41fc78f5abfa69a29cf546343c277764df6dffe99e39b10d0402a74d543187bda5f224c969d2a0ad8c9c8c204938e3084965febaa9e0602a97c53ff52d50b82956a8bf23a157701bfdebcd780bde244b311f7ca67a11856ffa6dcd57c898bb9e91e41a0e2384e6c28cadb9fd8e8feb8aa2b233472842c3258a2f838a26302e1c92750422014fa3c784fa216b8f49786741fbaf8a55d7fa4ef421934595fa870e755116b471d024379a25cc8b2197b71202c7e1368587b4f98825b21fc261ab1b3b065f6918d879170d1ba921a94a44855556629ae0990b09c33af8d6f338c578d20c7c8dbb86daf74191781f7b245f016ba0778d681c2b8b9ddf750fe9444dde7e3943270eed9e4de4d850ca2844711ef401c358d64c1677f63f5d500ffebb162b9e08e715e2403565d0d3620cd0c20f5800a94dfe737ae3719ceaeaa2fb05dcf7f4e14678f63cf064799d39d357b3c87a3d37a0d833333f7d07b6a5b375665af4b910a752a8ef27e9c915c327047070bb416160a98412db26d389f41c73bd13f3fcfe60dd3126003349026204c2a65c9c3dda5db0f7249d4e9ac6bcc4bc20cb91749c41f92b0fc111af805ede3e0f6d28222e0e443e3a6ee1d4aa84aefc9be5c5cadaeb6eec18a1f19c64e0f4a19c736a1763599700b01c0fabc95df4ad1d16510adbe41f0a3cfd79dd0bea9cb8c9150141e9d19ceb6b4d5c1f7a4432a228c4931ee30c048386bfc7bfff961fd4f5bdf95c27d39d8a88ea31356c609f57a6e7bd9c5fea059474758968e72e520d8600965cb92db1a5b11d2b56e1d5dcb2d169bcbba224bed304fa1abaadbbd6eef2615ff4354d3d43cbc6fd9016ab7173590150a39b1ff75cea9b88bb331ee00913034a95d47b5545f8f25b55ad95c21c03afb5ffc659e6f802553d7fd27e2b60993a65f981bfbffe89ff103eabdbf30e36db3b8a98d40f4c2b72b527c3813e99db65737759823f461a3fcdd9ea93e450f760ddc391f784bcb4c9c2aa76be38c26d0c25a10d73476461de760f0ab2714ea2f91a37fe93f7bbb92516f7196ee9a2e696a53a2555c12431b36ec807acd42fe75ebdcf67860cfb727549cc55bcff6bcce9a7ad7017b45f6d5bbd130d60842d531f1973ac93979f056cc6a8a86001a974fc4576fcaa0bd6144aae92ce8fa56160f5f255e1d1c7c0cfd95a58d66aa89e10736775c98942f9860a825ee89003aa967ab4e3ba80ca8f8cc765ef69f584d8bafeff50c5a96e5e71406defa9e885e92a8d743fe10eac40e57a247bba11883f4e82385ce560640982593eef1c018fd2ce26885c04e20ab2ca2f49e2a23b4ff7f8d73dee4ced0b5e52b48d2da1be54df36db7b5c2112846a0a5f3a79ca8ce9e62cef7a2928d19ca25e15e6a838c4b7f5479b0f880bcbe9dce7d625aae3bdd88cf4b9c89dafeb489973f879a433a6ec044b728e16f85ca215877a4df0eeb089526b4a06be26becd4e90dd586814e2d530208d89cbe22bea244921c913d514e96cdd36298136341fb0d388d32e71bd61e144a43e74a8990f3a003f798f411db29071db6218f1fe5a1a9c7bd900920122b47c5f240959c0a9d67c43b3280ab065b1f6f397d9579efbf47848f3f7b318a64428c7de1e3495d7252565625cc4828e58a6bd2a1562ef271fd8795a8231be798ecc3c18a1de46a8a8017e53832fcc60f330ffba34510d0d2ba6ae21beb388d3f0b5bf5deb059be151f922b1583cde35f390e6005ad68bbefab332e59ee7973276ddfc6a2488c9bac72681b61c702958276dccf8604bb424ea207ec76ccd76e853b5ff269fab73e4cd17032dce610da6137a9949a7815403a22f071c903539ce3d0b04864acab37343af43fdf3a4c49069faf8e4bc33eb05772ccd0e7337e5efd03aeb90dfb32a25121cbe1d6cccf03ce4279d94e874bb72e7f70d9dbfc92f4d5f99d5862ea809fb5783f68a03aa72b79dadc8c29da1692abb2fcc3f3915ed1d7e8140831422734650092fdfc15b5bef009f133223635287a55fb7919727e049a6e4c659d731a6bed681ca8428863dad6fd50423836d0d77b5e0acf1c604f32e6d113d300eab90d73482c4b19b7b7ebe75277c72a2e2ab98527e2501b845a75967592d448498dce09f5eea456f71e62cbe25a87ddc0664c6b4b985ad92aee57bef73438ac28d47d1238aa2207ece970ae082347f9d209b0d0301e0f357f9a639ad85212b119e11699e26c2fd192d25fecbfa0e6bac66faf2dbde7937bc6e5c93bf5dad45e2a6de8bbe42c3285ec84a49e2d57fc276b8da7d0fb2c36014f16348f7ecbbb86cdb8b686f234a59c9f87aedfc97590ef4e20eb7480f248790840474940557abca010adca1ed3cadd35af508ce35e27c2625b1a15c2364a0a36e3fdda6efc58e929225d11bd8c128690e6532791c2046f8469ba3428cf06645d3001c4f216681f7460f0d62dc926da21c9e84fdd7f3b8e7b7494a5d3309bf3277cc44fa335bae3bbf58c578bf4e7492e29019635075fef43527008c05cc6c5f932be8c4aa7c647e5c6fe6d6c114f0aad8d03f295c9b78a0714d25148786dcf7eabcfe9d75407d4664c2b7ef21c34e309b3670e81a86c4e19c11e50cc0a413b479142b3a7a3c9943a2961115d52672413bcd38036779815a1b3279896332385d968295cbdc860d0da982de3a69bf4fba19693783fab5708a25c155a8576eef8682ca35cb40b08210a4def891b9e9a1f259cabb7386eb43be9e8889c1fce76730f53fe1e87d21551ba9573a93a533700332c315008172fa5d3c10360aea50bc2e133447ee61caaf944f25423dbd17279fcff512d7a32f87aa11c60acc6b8527cdd5249b77ce698165908dc1c650a721806b4bfcc7eff5a24fc8ecda18c811cd83f58f988400c629b309ec02e539ea20403f52adedd29aef52f2c4e249e6ffa1c9d81ca3b1e20287e6e58a43af9edef3ed4bf434b46aabd06175da84522624dc6fa2f14dcfbaa43feb6954d7842e82161cb304955bfeb1ca79c80b772bddd145992892b352c7a7afeb4de0f62ba48e7ef55546ec114996dbda5cbc1ddf3771ee058abeae09e4d451135c909a21844d127ac38b722e63fbe184bf307537af3a6355b98c11a283743bc3e311cb4325f366d90d916f17a386c94d7812c06cc93e457fc139e310bf88091dfdf75040b3395b35cb5fb771e891b20cda2788260edbf11e2ba98d7a3c3193780cc75f4fd05f838dcb485b81a8f92a1e9b0713775981abbeaadc67cab173adbd9829c268e40db360025581634808a8c46ce490f01075155bf68a7b67203f6ae0a7b1fbc9012c93b62e9c98e44e131a1b1139e95358095aa427de3dd0e6483edd62de042fa86bcee78d987ee90d9bdd1ba1f17ff889062cce1375ce277447b36a0e864a1161bc05626c07d0450502b8102dbefd431cd53d75159238a16655704cb2a40b3d1b94fa5ca9d606c5115cf376c8b5af197f6654b4b6232130f8e15642a83a6f9224faf7ab2ec5ffd707816903d51c9647234f86ed0d20ae3171a043cda9068b6d0c55c163bd9f65e1f429c9e31b20b9603e241c720cebfb1bf109e0ddc96d69ca99eea61474aa99d639d413a9f1e2e5ef314342d08eabb425ee89e70fb2714ccb3864690893bcbbe71f5810425c5eb5c789c5d342fefcf0425722c79e5e035d49620d065d43f36fa203a4a1a8dc89723415aa031520191a36b8c34e26d4cc672f7fb779d6be13e5fb19c6896d05a0db5b288c349b35c3afbf5939c4af6851d3b9ad6292794d5ce9599d5ce7e72732e1de89a579f77bfb7ad96b6a638ce2ef31ad0af99b6060c2c3704b71a610f124d29fcb35ab040b6e840d8b1a36c3a541f98c25cd7828241fc8277699f1ea37e6223bdfa31125d9b7c8a1f70411793b2e4627f9d6d96f81bf9089ae1760b25e9462d55c6863f6ea50b38eebcc2749f9d603b1e9b5a68c452a1380eb5714e9c75761c5ac4cb4c6ce2c6a8910f61d0c8665dc74401646044d59ee9d27417ee6c0a1584b915c4d1910d81c86f731a0476128aeec267a3cf60a1934061103ab9c55d0d96b961a465bed11f1cb68aa1b0a805a27f6fa7718aa53978c0d3b50e4a7fff680ceee329d1eff4bd6cf53f4aea4e7dfb901942d19a9a54fece80b9fcb07ecfa9478e6ba9397799bd873732bfc0e1c49363e352eb9e4fb2c69a9669416262fcf9883538d13ab155bb7c6175ff1422883b9aa1b3cba41fde100ea271bc1529b663c74d8732132d91ff8fde82c7409a97561358254532a835c7d1b196c281ada91a8d1fdcf41f83afe2de06c057c3ef7e2fcb541226cc1fb2cf20e50bb1d7585308d01a4671f1cce3a93021ca8d93badfa9151845ac8f30f0a873c5a0e110
Responsive article list
View code 48f7395fc1fc0c25d6525f1db74a1320da26b2de270b5daa3205e21bde44d4597325aeb3af4651d47a00719619d860cd49b888646ea949d280bf4af69979c2c52c096d3aa2f8789cc4543ba5215962840d0d6a8bf19f90e299271dbc3a3875b64ecd716b142828594f300eee9cb74402b4b92509689b630e8fd39f72da28cdf9b357e2d5b6cdb7bce85872a0a74812576b441bf6c452ee808f9463afe2f0dd31c8bc60af307858d99530aec14b5024d8339e84e43b13f3764add557f6ca27a9d8a3bbf978c5f5699c018cdab4bf25eeefbcbf26a3a819ebaa41cf296c366dbadbb8b0d30657f61defa1a1e966de4a9abd5a2a4c489c7deb74788e18df4efb25a1b2442d8f622a08fde8690592b8b7a59183c16fdf589ea885b0cc7bd299d35b0cb63331eff3ca5b0b7e893aa5f18ae3506c0543bea7985a16ce6505aba6a5b1cfe06be3821d6882950cbbeabbdb6a62fd579bd5dbc14ced9d0b09d20ee0760e8b04071882cbe8a17b0f23b2fd1d76afb201eb7700a440cb676d361fabcb0a8eb2349e099cecba26c305425482dd755b0171cb3b533762b740e05ef54e56f94b08a558af7a0f5da775be7dc9dd83762477db359df62799549538d62b68ff4886175b84b5255bda25bd24b6b6d6d6e5a2e40ef4709c8864cc45bdebc5c7fa54c63284c0fbb754c1df1f2d5672a96fa2bf0ac366d19c6f519d3b09a5ab1f1907844eac28bec9c53e515691783703d89ec8a82d6dcbca164678055547d60ff33099d3ae92e0d5bcb8b13971ab804d64f2a9639b8983b53ace04c7edbde25a235772d9bb99c030e5fa9ed04dacfb81176f0d3c572368115df9196fc42251cc97b6cbd7dc416264f69613d352cfaacfdfa4a2287d780769ee897074438fa1e9e85df542361bb3993dc057fd6465ae62995cade0180ed7367b868e1facd8e005a212b82d53d52073e55c6f0f9339a99c06208d8feb6ec0a9a57efaea3e306320a92873034cd0e750d449f180de7514df74e8fdfb1701edc700b6898f57ecc036ce1c3e8568ab71ea80cd1a9fa0a3a6ac07ad059bcffb1007d9f2955f925482c2c150a04a8b0298e71df2f4b0b27317b1ce38a9a292ec4338ddaa989f0eb4e9f4eb7eae1f7cd80419545362651288f7786e1c8dbd21eac5dea0afd5685e1e6806d15d7d2f2caef7c1c01200fa2856a4198d88351a9091ee6d02b4d6884b78b042c782e5a4dcc0d796c6783a1fa53b706f8b384dc94127f1d5b25f6e56feec1dc4dc52420f6973c96e0236826a68d77e9818146e6e4aefefd96d681f2cc5647dfdb0f958b57b5c94d262c06886f73a65a8dd48f67c7f76ce23ffad3da54dec7591ae0cbb5841ba1fe3a1facadf147c16039ab42de8d4347034417cd9ab825ddaf06d2ec0e6057b9ed06f5a826863cf328aebe5c9907ff495730d3f58d0b2f64306f35fcdc2d66712772baea535444043a7134998fae910d502c7ee5b613d9195ffdc401a86229d7fc2b1005caf51e227220c5357e7cd251ba9ca3bf7d35dac7ba0c017e87a7cf61f4fee189ddd395bce57e53f3871db9eacca6b01676eb2b5accc9e41b3677f528fa0b00b3742fa261e45caab15e8304ac0ce5afa193bda7b39d5a49ab5709c9b70556ad2e9e6a6484b4efbb28f638a2f70b59804ec8feee527c5cffbb7bf2770182f76c1a58f90cb600dcc6e2c67948d3a1487131b16451f95714be28c343fd024bb356a4ea7728c8bd2de1a01673f7ae979ae99ccaa2c01b10d915a85bb366270a68e5a0d326cba5b8d9ff39507114b833cadb1a535e416d19af104b48822b6f15c9837ea492094c1dde89ede59d92f153ed66a5c6969c8bef0d310e84c340b92d1c87de6601ac0154d223ce7a14a92d7b29f64d41d2311a090f5225f2f1c3cf6351e124f3752b767fe2b667e54293b14425efc42ac8ef264dd025299c2359fe429ff05e38e51740de0c227ea698d4a1d618d0b7fc3fee981923740b5ec53a9e06c7c45ce910ce043997bbb02c840305a67c4343c7448b56310129ae77682a40c8e27c4e42081428e1273bfe02fb149bd22284e5f5488bc041e6be761d0c312ac88610dfac6ba3e7fa9f5481f0c2e2100f4805e4d33f3b4327cf7e69426e48410e6b9421bd9c2b6b59085a0a47f87f8dd9b11fadc24e7dd98151b178f7ed414b07402fad743082fdf9ce8c8285d2ecd44c9cec5f854aa5d023f0fbd032e0d7445c0cd8cb2b67fd4c6664d6b97a4956bb4a1731517dc0205277988f5652be0cea29c9e85cb46c7d0dba59fe44a9ceecbe7d8b3233276f13984d43063705fc738b943cf099aac3b706a909827e91c85fbc606b730d7bd80a476b3ae9e3c1628d317e7c95df30a8cbc49663d9d7134675e7babf9641d9b346aad4630e90e3d3d54a9697d47735f056a278335a162e7cfc2cbcf311f43a74774740585353c0363a2ee2518634b7413c065a216eae8dc5367bcef4c7ed3352de4567ba9710e3737338d0f580bcdb32e5baa74f8ba11d65a94c2b05e674d0e7f6195a620ef6f3b52c7e7ae1d93a689ecb5466175806820e34c32b8fbed2a108895934a98307e799490c1f3ecf617aae3f45bcd88c522920d7c0d1a42daaf65780327d68d59df09770fa45e522a7572e6ab9a5608b37c54847ab30ddb21d899de807543436953f17538c615e783ccdd049d602d6c5953f22b164af9b1513888ec5c045eb551063742847b78d1a239e95019bebb14d6464edb2ec86105a21448e5c196ee2ac64d60d4a7fbec325335e8a7c3f2263c3b49883d8445fcbb990c4f69e2c856e2cc45e9c8dd212c58b6f3f6d9ba2a33e137878f88bb5e67af914ac33d3350b9c99441aada0503991bf3466b65c01f0cf88caaa05c470eab0a8d5366121395389ace8e67b704201351c78e07dc1928ea541bd9bdefb1d0c8c36e22e5619645312b820e75027c62aac5ab4ddc295c992ff51b6d393b20158a561cfc4df0dfa9838122a1679c937f64dc29f02d9ce6c2c3b24ac893d1d4b3cab6d3ac3f10042c0e6203415d91d5fe1dadec908e0a5bfa512712bced543f24d9c9d6f3601bb0e0e19e6283245b6627ced99ef0aa61827f9c32cbbd520428171225e8f64f69df00a6564e0e71838b5e6bfc2d03751d6a5802ab1528cc9bff6e1eebd48808b76816088665afd697e474bc5d89e6a6e6aa0b3b866ed378f2d0d2f15ceb63762643e9d5f4f2794a3ed0e697ab5b54d280c508201b59e51f7531eab455ea0e9df75d82e37c72387313df1fc489087fee6e8743433f52f0e404ce99ccaae8e5f898b6c04361a6f11c127eccf9baeb0d8e7c423c29b7d1003c94d53f0a08877d9270d21cd762b8bef21dcc19751bf459608337f62c529240930a2576498e12585be63447029052ea1f19e874c0c9e66a4776509b9e1e328029c73b5ec1b1d2c58b22159f437b3b5a16799c3999aaf5925798b80bfbf30f359f60471b56e6e110568638d186513567daa072ff76b0484974058fda110aecf426de65b9f8c56976bce00de3783e2813b7f82475347e9b0382f785c17e2a56d4c78643fe8be80982e54c262415a765b8cdb473f33b041d8afa409d658689e484411d31a1efa2bf7ce05768eaceae2b162dd244668c13327cdd9e19289f212f08a398bc99659714955b2b93bab7bf8abf9620b66946d496cf25f53480f95928b0a7e88bad400aa4fdb0a73163062e9fe04dfcc5098bb519810a2abb89f59c00ea3880dbcdec9db506eb5b870a93adff43c5fa1b878a0feec466cd068a2d20dd43c883594ec532de0183d84085ff4decf4295caeb8dc0e6e56bff7343ed9c517ce6de1bd1a9a7e43a188aa725bf0b49981757906bae776c18a42581cbdd8b5b4c770c6aa40adeaec703ee28afeb3dd319516ec2e182330ad2091cea65dd69a17fae6ff297c1012d7777781037ee996b3a791679da044bed8d9213971c991952a5f8b8bfdc71fa8e05a7d7b1a0a4816ef32dacdafabea9acc4925205e8a61e15123e789c28a35d3b27fbe27d935fdd88a26fa2d1b6ca3e44e121857a53496d582fd036145407613c0e075305e5ce201c47788ca9677f7c38403384de309aa8738900a11b609c949ead4058b24403143e11940bc39a3ed08f2f274e59fd58b7e0ab468457f41f3be9ef54c483720e476ab37fa700fc40add19b316870a406d5d5a58d529283d0cca45d0a8274af594f7dd0441d624a666e670d9919b062a2b80128e5c6bf302c02306c8a1a1b51ceab8f81a597e3d9e97568ecf55edeb3116b9be9f7006b8df2750a0c3fd8b8a3ff17ed25a65151ca35bada33b658ddc73cbed9c72fa933a491652db4f903a0af9b2bd8cae93a780e97d09d166e2fe1d8b2baf4ebf383c4490e5c211f7348ffe16c538a130119aea988a2f29c191778067a47e661e06549c81ab7d075b260b661759c7de62d7173a1bf175b2e5af7827c8f13146ae813c27f5299415b4a8d0d4605249916ca97a08fbef9b985946aca430e8340486d2f30bc968bc0e440d560669ac0039c6260a014611103ad07f208d3b307c2f67c4b0afb8d6ff126949ddd1ff7b5fe3d1652dbfdb464b00e1402302e1ef6504cb25b39e4150148de5fbd2ab1022a89f60d00bd8e74a82d500dd0692dc90818e4445c2d10df934a77e48f5c9ad6560ae695e026ea3aa5422329ff90bc26c997044f9c39ac117c16529eb029246f4a88d80ffce81aa28f8fb29850134bc5a198e6f2a16d7605b7f92349326d01119332711a8b095971ffd856f9fcc38f6237692fa9c724e8f1592e8c5972defe56760ba21affdf2d0a99e4971730cbf6bbe918edc7411788db72b59ede14a578efef656643f5b5f631fcb67b6d5a7e9fe0a9965be723e4c09c6d7bd004f3363ec4d5c1cce4ab9f671c252b1dc956f314cba5f4387f75d4099c0337e564616710909fee5cbce228261f03805e694dbdc5c03c0a845283b5971c9945eeab1f6a626fa91ba4b3a0080e917e0fc48b33a389b6c049df18bde27168ee2835b234a4a04e040cff17033cf8e5c8d8f4ab1a71079bb773972052ed1a71d6d976308fa9368ab3608cbe06a35cbc02450989028dc4d6c4972b19283221a698a4e68332db49ed557bc1f7d334bc6a1273effa1f72f16e57353bfded4facc6e520ca9eef6d7db47450df38e8a5921421a81a18353d724897d425553c44ffb6d2fd96e1deb53aeae420e81643186b8e289078048e2ef1a973433a54c29ed76c3047129a285f70e100b50e93d3bfe8c184f0bf88f607348cb72c8583d3ab8c57a9245036297ef9146cdfbdb810d4a3c0f7faf32734e6d720b316c360c5a6b6a93544ca3201f71b60b48a461bcfa087c03d78e1145bf7e075e674bd2a2ea04b334cbae64b8801f0c6843cf47a956ee0705b192602fdbc49d32d4da74bcb2148fcd3b6b433c0008b19c803fb7bca0a3b021037f2fe25f49a5070cf26ae0dbbd2d0fc612319e7e78727bdddf2cb4dac69c6d472aa895769573537fc1f48405e99fef7266beee08cf9f2293e03ac65de7623c0b213de51f5e09bb5d9c4d59f34dc41bfa20ff0ad9e6f6ae9da99e0ab947b902fc29e99cfa7d7f0f40dda9e867a1137942bffbcb9507af53d68385e2f8b14b6d4a4ad8127ee64c757444ffd2f786d46d0668567eddce47543d4db706a7ff314befd13f70f538ad64277a1073d3658179b4d4c40166d84f0ac9bea190bd805bd9519f1eb63817dfb845c653f7eb887c9cd0c5515047cac8690c798ab6c1666dcdb8f2900075c837254b439b623e49eac1841450fec8639d92b427704d3117aa5b941cddbe318217e92ae5f8c17625d53ef5fe10c05a4dd6dfa61ed18ef98e90e0095ee83c9afbda79ab44f6ee3d65a9b6e61ab5f0a55f73a2ef4533f73b49a046447c26dadfdcb366eaf78cf27a3788284aecff74572fc154fffdd305951d053d92fea18773a48ad09f8b19a
These navigation menus can support any number of subsections.
All of our themes come with a several vertical navigation menu options built in, which you can display on the Category, Section and Article pages. Because they’re built using our micro-templating system, you can also add them anywhere else in your help center.
You can display vertical navigation menus in the sidebar of the Category, Section and Articles pages using the Sidebar setting associated with each of those pages.
Our themes offer several built-in styles, typically including menus that display a combination of categories, sections and articles in responsive layouts. Each page is configured independently, providing a tremendous amount of flexibility.
To replace an existing vertical navigation menu in the Category, Section and/or Article sidebars with a custom pattern:
-
Select “Custom template” from the Sidebar setting of the page you’re updating.
-
Copy-and-paste your selected pattern micro-template into the bottom of the
footer.hbstemplate.
Vertical navigation menus are powered by our Navigation extension and can therefore be used anywhere in the help center.
To display vertical navigation menus outside of the Category, Section and/or Article page sidebars:
-
Copy the HTML hook below into the position where you’d like the vertical navigation to appear.
<div data-element="navigation" data-template="sidebar-navigation"></div> -
Copy-and-paste your selected pattern micro-template into the bottom of the
footer.hbstemplate.
