Hero sections

Hero sections are used to engage visitors and present important information or actions like search.

Many of our themes already have a customizable hero section on the Home page, with some also featuring them on the Category, Section and Article pages. You can use these patterns on any page in your help center.

A simple hero section contains little more than a search bar, as seen in Zendesk’s default Copenhagen theme.

Hero with search bar
View code
18a0b257a3058735591b69f77d21cbd7e4ac259da56a036568328b178aca89f4658ce482ff1de288235c11c3dad96105b507ecfceba47b302330d637787f0f2f6947e9c89832ce84c57bb94ed1e63c6d880df5fdde39476a6848dbb3c2dbbe87a318fca579a471a409374f0013e3d691ab85913c33a0dfc0bb860f1f421e358f850cf041ecfb5e87fadcd2a95a531d73dd2e088ca81d6a191cc226a16dca986dd61d86be38942b3f9b4c222c512683a2ffa5a97d3445cddd73a0c53eaefc6a8284f048d2c728db6e2c9b22ed2466dc3d1492f7b1cf12f5e0aa26e92586e2274838b36cbdd54de013b83d720c64c31dbb1576470b34c2c6e296aa07b7d8df63d9c21c66177c5500bf08d1ab9b5aae6176ec2f09653b37e0e8cf5637f1308eaa0be7ccb60cf4c94aa380c86282131ab1ab4ff840372890c59db974d4d4fb3bf0a52bee7bd7d6001ded9c1c7719f6a4c6d0efa452e662756a7a7b92c46561bdc54e1b784f3055c142f941399815d251fc68af572d91367fa1a3fe7f4c13bd5a3e6000c5bb8b0ddf0079d96971ed36c395091d0474bfbc9f0a027bcc7f29f707d48bf2224de4888e80ebcfe571a3309167efbc3aa9fee37abb7d6f687dde19f0c4d8c496b524323bcd9488152c5f12e5df8e54521446283446846ab09d467e2a458c9d7a58196c53dcd94c6bcfcbcc22b571efcd07008b8c9e0a358e591e533259f680e803af94836a3e72218899560e7e04cd8a5e1eccf461b7de9bd97d38831bc5b6823b02eb5eb7d6d57fe3046c2184d44af7672c0c2933f8917c0c23a2ecf20e12f47a71e281af69627c8dae77c17c22fe6f973eb25a47d475cbe3a4ee38b97251ea550e8c7ff5dbd2cafc88cd81510c2d92f4f5e3a180873797757148221a8a1611a2d09cad8ca0224f400448e71028d4c912dd2c6869a8ef60da996628d3a2921485e61a2a44755c5f53b2684b558bd833f4b0c77a8faea1dfe9e1d09310cff60cccbf42ccb66dbf9cb22679d346a32d64982696649cb16a7b93cc161e877738872efdb81f52e63a21c9f9ea7c7e1727404cc21529b66f8c12369bfa28a13c7beee6d68b77220200039c059fa5edd0a38c227db454a75a9a30c965ddbb1b5b4a3404d28283ca665eda03834370cd18b05b534cef66f80d5275e20313b6664e1d67a8ff634bf34b1ace9b7ee33f742fb07d536e841043382682846a464c593634bff46da7ee4ec8b83031f1f19a6274da08d24a49f148afff364bff3d554988679f66168ea610c13e66764d9f327c6283ad663242b2536c38ab5553896ee73619756501990b046126877bdb043644303d2135d205a81813725846ba8202bc748183fcb3581e137c0b233804fa9f0adb7b0a6124604e7905c40212a1ea2ed5359266712e2aa87cd207c6f94f95ea0f67c712fd3088808a13567511d31aaf880e2a211253186e5d9ee8bd50f991d00e174cb222832110da84cc80a7a95e6a890a2b2db3b60c6a0b14076c24afc9fc621b06e3f850cef4a2b6447ab137be0f98c8c6653ef5abf756b49d57fc41eda0b6a5e1e529641f896596b0eb9da44e0b0056c65002ac7e59077140768b8f552a55fc8f1e8ae1e845d58a32bacf70f02965929b8d3414b3a3df68d0d1b264d921f589eaa6f3f812e9bb0574c6a84484a5900739a98060e3781dda438c5d3c4b34950a9306607b8ce3a1a6e96d9d979e24e189621ff500dbaf200c9a36dec2d6a3082a20add312685588471672e209cf5d5ab5d735087b1b3aa708275cc3735c6212471535811548cc080c6e8578f7e9a85333dda3a98a3c9d5759ceb73fc080c28c0c04e6049b15de2b891442aa18bebac71d85792dba33406eefa798c7202489e6050d9ea52ac5198acec98105f53c553144b82fd93d7a2daeb40487b5db269ca89efba70e496957fa11a1de2b85702b765821f32eefaff172cf4aee78f85ca94fb0008fc1cbf5dc84f3504d6fc86af8a1f268589c68d29ebf4526aa5da9691160d93f5e8d1bb5f8f1c8d4bac8be35cc6b8f37d6802c14a201185ff46ade7521886188a96004c58fbb328b881bf53bfb9a8b7c5d5b25e5dc7ca796e5d1de2b3dfba33252506dfd1b2b76e142d1d3c84ff3018175f2cf6a1233ca80f13c9ceb1310ba4b8cc2d450f6c21919cb53806abea8ccfd87bc8c145a7f92d4548899ab6d82a456950cb6aa6b1268293675e335acd7cf3279ad0d5e34ce6d460f28a54534fc10ad9ce74e7707ae6aa2d9d0cc6b1e162f78bf900aaebed13636126a4c49231f4e5867986b60e4b2c25843d85a6bd7c33322ed0a9032b0f017344ee2ca7d7a2e4e1aa37a79b3339db61b90fbec49b3ea0b0065f667f6b058cc5df23b7ee75a7a03ca74c21d50f64b5d6d77087d88892d1af2ec78a89b805a2396a3d5c46a4cf71c50c2b970a39da4783e3858272116d1c20710f3a55922bd8ad46ad098016682441620b0c394db0dafb3adfab8cab1633509de98fa3898581501b3216220f167bfd7e602639648e781c075851a28afdeeb0865d7300e660e4c40436ec69e913013f2fd2b372d8274404641dcfa83e361f5734c2961ab48d1dbfaa98b50d2409d045ab1f70d77908bfa1d9c0eb9b29c33f137a038c549d395fabbdfe18ecfa5c9ec7af3f9a36a0500d7d4ddc7b31e61be59c0e8436f1be75524b05b5d61240cd8a359d5256588bf341af9d51f2d0bf4b35c296755164fb1abc6db6e30809174012d175e50b1450fecebca9a7c42d67e5927a4591a20b46f60b436649570e8e8e3d936ca096622e88b9d811cd67113c143b53791ae7f76324422b6d42689ff1d6edde147e59401eb9329ec9f5b6e4c6e9c9e72703bfdfbac43e258bbcb1f1ad2550f812833efeaa9cd633aa7d42c262a3c61fa80540d60c65b3683b89fa233379b5a62f7272ff52ce6d816ab8f5730ce76d07a15545d6f7f131f7ed1aa1510154451c73d24490f7ee7d31ed0cbcace150ddc3e0fa4f213db320b03fa00f78602b06033fe3b63534c4cf34aa3bdc67ce97f3109ec65ef314c1ce744eda7de348b0a0adf765152b7f3e5057c0d0c37dfbbe88d3e789c1327dea8031b268dfe43ad590c7933b9a049b8d113f12c8535f34354ab75965c11c5fdf3597787cb474dc6981a97e1768ed8ee1a656a8f57c2879159ec8f73b2d8ae836263e232c96b8243056a1c587864e225394f5d6ea661da46a5360f92deda4157494b14c50b8b64997f10d31800d9234edd3310169a9f94cebcff3ec4eb4d9a6cb7dae017d4e40985073605f033b3fa0e25af2e4d32ae4571cbaff44d3f3651c3110267ec8a85901d1fb2d43266848e664818e6ce7d8495e9f5f558c5b1ab4abf4310cd85eec844b92a9c81be54db5bea4964b51ddf56ee4c060dc41466fdc57fda271e377487e2afb6f6b36734e13e3435c26532059caa34a61a7f59f5750e635ef6529ad90ad15bfbffe51022682750a1e4189973ff57ac317d37121673c4d23b30f24a30a7003bc708bad08e9503cc3edefd3a2bd06628673523392c5aec9699ee9949f2632de982b3c5253b48b60da6109fad529ed3fe7d1e5ef1140ffae1fd73a331df00bc266c2fe5c7bb0eb548ec39a26353ff36d7f92c27328503600883f44ce19d1318b461ee2592726df742b7ca2293fdda4a8d7d1d5ffa1df847de99289692de73569c942ed3b424b2d9a306e5e5d7233ea919dccaff76533f14a567f2ab69815c7de42d8b800ff095b6f881626885f961aab21d8e60bd446cd16cf9c0f6644bded641438097bc0d06d7eb8368267537f74ab47573249c56fc451b705796a4fe5b1aa1de2ebe7a11489c0e63c2e04cba25f660ae90102c2b0bdc31ff3a245a814e9225ce484bd5d87339b624dfd84b94110c55be68e65a27a0b91796f2819bb661635d860bc5cbc8b34a35f850ec932bdb4001694938b1de65ae99a935669bbdf91a33299837d661ec9198d3c9c8b315d3ca315566dc1a4ee90dcaae6380eef28f75ab51bce4aa4fe7f5f70165032c1ad8259910d924675fce89099ae708af0821922bfac4a14bf11e3498f691933f8905733de1c5a3c125fa21f9e85083a03fc0babf5356acbefc4bd5ca31c6174e45dc8c5f68b4

Background image

Use the Hero hero image setting in the Images setting group to change the background image displayed in the primary hero section.

The background image is applied using the .bg-home class name, so if you have multiple hero sections in your help center and would like them to have different background images, you can replace that class name with others (that reference images as theme settings or theme assets), custom CSS or an inline background-image style declaration.

Use the Hero image style to change how the background image appears. The options include:

  • Show the image above the background color like in the example above (“Overlay”)
  • Show the image above the background color in a repeating pattern (“Overlay pattern”)
  • Show the image behind the background color (“Behind background”)
  • Apply a parallax effect to the image as the user scrolls down the page (“Parallax effect”).

Background color

Use the Hero background color 1 and Hero background color 2 settings to customize the background color of the hero section. By adjusting the opacity of those colors using the color picker you can have more or less of the background image appear.

Hero with blue background color
View code
ca17fcc3a0fc3a4fdadc963998ad91ff7f0e61933a7bb381dfa00b7271afbeec4c869c1cdb36e0d932d192e84ff5c78ed927d4e20ff682308fe304affadb88c7aab977d4f1e9aac17096707e969bb4ef0325f07121d90b118cd0b4f8c7e5d5b8b9b14680fe26b3f242e385dded4dc1226a28c9ad3d638b5b406c32d649f6fb10a56972a9c3d07d9923596c86bd3471407b509355757ff3e6420456ab8b8090b17ca3a52a2624ef40a088b461ce80ddda5db4ff64b74b2fb6afb49a80698251f684eca526f3856057d15a82eff139cb8f17f6afa06cb00e9f13005eefe1bf1ddf91b1fbffb3174cd308f523d98e56077d20842fac534580813549cf95f85a6365e03e08427827a7b2228d3c8d1d2ec6c9e25d668bd44eea711202c1bc70d65689c46ccf33d44745cf08c6ac1be876d8c8241569e3621e315693666a8d44939e768d448e748bcfec4945a29662b7e786b79ceb0277ae2321d57f5ee30780804901b24474b973b15704226a5e5f0ad6b83fd59d734cef6716da177d37d31d294684e7dcfbe09d7be58a1490a0e90b376d5bf3adda5fec80a93f264c426faee5ef4585ab19e978fb43ae7f4fc6bd2ea70ab841576f1fd2a56aef8fc5519601ef06c610f7870d7286de13dec90c750499a12911a4cd49bece9e8a0d8a3d5b20c32e8f3ac78a0b512275b67138568f27116a9f68c9b88b93286480ba5032ef0829d94c680f1dc1827dfccac0f77b1d9b5aca43fc531b23c28fb615675715cd07a1bb0761d73b65343f87e877136a33bb9a8591fbcfbe149fe791a88dc57ab118a9318d59d8b71d7be2e22b94167ecb5ec774d3f60c7b2a706c91c750cc34fe1221756809ea46c42ee736a6017eb36214bcb38e2e398b2874146381d3c0ef203f90aed0f48cbbd2a5bd8a43161c4e219de0fdd1bede6a599cce2d2e6aebc10635b161b0f47c7d7dcc9c109df7171002e164539b32595b25171befdfb8ca21d6e2f0c0967fef8fb3537807998bae84427af13a4d85531789f74498a6ea1b09db9e51dfbf7b7ba3507cebaef54f753b971c7985f5a6b019b7f30ceec829f6c41ad122178878ff53f85aa39cf8c36593411bd4acf867da094cb9c7ed0a40914fdd7c29ff0010878cb650888c6765b9706910adc1701b5a27ee138a11f8965a465de3c9c2ada8ca635bf3be61be24546d7af3fc0301e413cc05c9983bec397e3f41b5b52d466b3ee13690935bb68e7dc8cb30674caa3558729c77986d971b585ca29ff9a5fdc36e667f7d0e4e87cc3c8f11a687f585ee4c6d9abf359c021cd985870fee9d11f23495de3e6c5cb6c5b0e09895700e3d5ea9d950d32b9deda7b2167c8b1ed66eef2e11c68ae70d481c3e90db4e90188b2ad026bb417b53199e4406bc8bec4e6506e5202ff69b20a92fddfff3c287ad6096e24ef58b67e6f4909f05e701bd33491b0f010c10bd1df8d66fbb3b7ebb00a47680a737c7e898a1a961c9b2d176cf6d15e9de246394c9ea55ee4fd21517ccad90250c902cec02b385d482e2f69d4e3ed6c36d9d20da01c4b893fb861b0f636f07138ecdf1d91277e5ee11e9dee5515c2916dbb4f3b5d740fa0e6a5a24badfc64a0b54bbb4a32b537abef9982775f94a1fac59b090afb7ba412f11c62c56df9750dd580267fa63418fd8d3496b72594260ba4140d27b5803bf9a00b7f5c3fc08fe98ec77e618a41ad5331e0d6756a8963274c9ddae3f6971cc7cd27a2abeb00d67aaaeef6f5bc523f552e6e7fa36311565979928081a42ffd8fd48aae571c4ec09953c056ebcd36552505735efe233f45068f809b4f2c01cfff5f03e11d8783b237d4ea83174965329424a35e08da429d17191ba3b8b323afde8a4aa6a1ca36c6eb8502464143b38b91b2dc6c76a42744739bd343a9ee2aab8a240b02363788482b1be725ffc743f5625adcc7d883e635beb271585016f9fddffd2fa721a3740f55bb53b34fdd08fdcd0b6bf9c58477f3c6a47c4b5647b27edad5d0e8eb3e4dbd38c60117b16d7dc7570628b1b7a0be676706e12ed280e559171a2717ae3e1fe345f8a915294812d2fa87dce91fda43c9a7f98b479992e56526b847775b3c2f2396f856866a9b3f6d3ebfdf82137503793f51d299ddc80d4642114b455c7d0e6c5f24645af5db2a5303b80d584a2c3ab4faa8c435d688ad1374d459c34c620e89e885f88ba076080b32f7700f4496ae47cd845c5efe628b9cc74b21079c337266fc280f50e9d39799b56d4078c3e28893d3f842775fefb26e556affc92bb192cd54368da5e8946eb78f930faaf972e10285c5f4d924667d667352f74c99e11906dfc3cb19a30b9cac8d536daea0c213a0eb50e41eb8e21447ab0dfd830e23916491eff9a0116584bf5a42c937b55407509dd4b5560116ba1c02191a3fefcfe8d76ec3f2c4297cf6204a34c0a56a6219fe977a9b2432e5bfdca3757467781b2f52e47d0c0299bfb80a4272520f423122fb816d3c49df315ae5f78607c6849db6d62afcd419a269ee7ab2cfefb587631bab9c22bc48c4d690eabb18ae4ebd9ce67cafb655312c29dcc965d00b93493086c4766cf1d557e48fc616fd4dd95b42efb9ede7d951372593e6ac1f0a2eee6121d36c7bb9cbcd32c9293edf10946410ece355471c12c8b51d4f00f773214785e15a299ab7cdbe3deaef1753a29d25b7b69e71704133f92b7ce4098534e0563e85b371cd19af039f8de611850a587b0648d4bbd84b301cede863ad66bfb2b094a444dababdac653e46c8035b10b7ca9304e2aeb5a0dc5e89f88500ee52e7a653a15386a9e59804b50ba94d10f1498faa558c255b7906048d096cb188ad85598fadd3b6cedafbdb06df5147fb112cc247bfa258b26b5aa607de4988b16c4252bd0cd84ff54512ade3a11356162e16c8a441f22b8b48a3d707a015fbb0bd2a865f1680af18760715302b9e27c31460584edf4bafe6ced51ca0cb6c123fb1781c4e3ae93d7e034450729c723a62d6c86e6ed3263f3c051a9acd0fe1a6fb3994a637f1b24b4ebb0204db648305bfaf208907be8d9cc4a3e9ece48962521da74e5518b66d70812ae44c8ed63d375360379e912062396f179f8d0326d1d2dc9184eaa5c1c2346bdea0e7f79bca0b8a45851e5a60f55eb9bf962cbe6ce7db7bb9914dd87edba4ef67aa52ea8ce083305b643e47912fabb92790e2346a227886d63482e6a3b4b40a192b93536d0aba2ee827f1766b8b64fea0f360706d3072f5b063f37dc9bd6e81a0230d01991bac865b4ec931e0e1ff5881c4d96df7c895396016739c00ef717b3b6e0c5414064386dc59818e02863d9a2bd38b29093b491c6e7ebad058452d38ec219fdd5f6e94145911adb93fe03dcddd49707599bff28b1329d137980efe7f08bc4570ff17298b5083ee668e7c30d63007ea01f21b14f8b10a9ed3b88203a4d6c30f60b2a9c395cb7d82bea32a42ac2d4c45b3f326985fc173328793334b55fc80daed81c7b6cdcf05525299462027a91ac06827b96f781a427433150db5fbfc9863554de5cb0cde33f243d3405aea501ddef80bc5dfbf273a5927f0dd102e29c13896345a54eca1d68b9427f422a0ccd12379bd5e3dbdac79aa4413fcbdd70a65d2331a040dc2949e43c9ca43c974e6d7cbeeb81b7d3fc68b9d79825e2e3c1c8f9739e8be81fd038e8119c26f9b220eccc1b902ce890deb3f11f4e6b75e1d89f5e0900ba1733f001108dbd9576b6dd5aa4da2a58e0f2f61360eb0f62415616ad5b92a0a54c03515f0bf57d0a05c24a2d0952213d6265b81bec26c9782b26cc5adbe27a36a6671b61edd181364c1feaa572458a21d4673c7a5d77f7c11bcfa5335278bd9c61596e71abfce2c05734ccab99d0176aee3b6a97fc57e1f381f676ba27f5fa2f2913833a6da18f671432e1bd704dad95f68231df0399848fa626055c1244202f71fca294eb457b98c051fb8d3cc15888a3f999ac3232ecca7a2c0d2617a12f7461054e2bc8005455d6aa19729b3d6561af992d57cf57ce7b826c437220708f5894880989eb682af286935a356e8aac76802d64b13e8de1441be400322a94e607fe37ac4200d321676e340d6d4bff5d79f0acb08bbfa3fed6e3d56af6170b3e13a5f25fc113fe371620ddf07d4f96e157ead2613e05a23019e22f07c57cd57d90e99d15a90a5f1bf9a9c4721c91ac8a823d86b6ca2f1d3bd1d2e8e403ed2503bf5f57cc948a0d1f9239873204c0a38aeceac7bcff6c0f3321c5204b0bb64ae45f423fb2a6d4ac988019eacbfce62ea32818beab14d44263b4911d5b2286c233d1dddf874e5f70e77ef70872aa3d1eb005a143cb6308b6cab140431d21887d40bcfb600e7703271db24130c441967ddda3c26779996a4b688fa346797ebd067c0b4c473c5ea1cb94afeef5f78e657311139132cc37a063ede5ad960061a8c87369c6d8f158de0f99c097efc682deea8f8829f1f262b604609b7f2aac988853ceca477e1945e0e58648df479a80d8db4d9a79da92e9f023a83ea8805ff222510bcbd881386de58b12c6bea94d757bd05cd421cb270d2fedcdab5693c9523550730c5fdce8abbc3f38bcb19bb1f9c7f37b904a3b4a184d062b79567be43fb9cbcc07f98d159b3c9758ef129756245d1bd5729af36f85d0c2f9ecbc6df8fe484598e6585b3295653a163015a7e28a70253cd21c9b62c6026e88fddc896c664db897c448618d9ca035b18bdd3021700c2f7c31410c8140038c4f3c55fb8c234f8d00606d57bd3151a9d4457c1489d54b327ce3c7b12315d8d897f389dbec3fbac381c9833c6887615643e2dcb0f53a5d94b075c1b8fe14d53ea78bbb206e5e98b3d876ac1b2347deccf4c7f6f03e5342eaa7220b9c206210ed85bdb8a65399bdfb5e1e26d8aa323457b5e642fea9de36f323896691731c2e4d7bd84ac73d384aaa99abb886d8ccb80b3f8d19dfbe0c7a1b9cda29f08c722674830f35e73d1b6c78a3608f8258fb4790383772f760ba86ba93342c11266534c481e43a349f25cad9a18be2d4afe8fc299ce09a52ec00b4a5d435f03dd5c4d5bc357119575b74430e58912433ca23ce1e6c68882bcd5e531004b89f92566b86b0a7b9a89e872b73b2e18f344d6981001c682d845ab2c458a194e9b206a8ca4bdd2aece6ff81996e9c40071f93cdde24d71fcd58c50882f4aa4a9a6c5160ae74503e3c711425366456de0dc5c8aaa906f5503b82ff893b0eb66774fe7dd88feed3eb82bf8e788b366c22a38185202e2eb026163bd4f0fa5a267ada6a50eb1ecbfb3c4137b13715662d81eec02323f84bad149707116f532431282072fde7a1afe56f9b6d7ed24882c04cd10e9f5a991ab59120

Use the Hero background gradient setting to change how those colors are used. For example, you can have a solid background color if both colors are the same or use linear, conic and radial gradients.

Hero with heading and dark background
View code
1d7df3311546d8eb7c48546ba4a80f53e096c4ca42ef6bff4f933453951251ede25314b837fb88671e4d9c305d21d73c0e1abd81be577055eeb8416c7ef9f0c98ee50365d7fbe179983f1692c6810c1d6ced1eae725492b664279b4aa583fec62201f16c138e48017af55db7424f1e44df58daa9ac4bd8780b1e5a2692665fe3086016364dcb46be4693d8fdd9259fe1aef83dab16de9b4c981e162eaf59b24a94c38620cfc5f5bca652054fd3ab8aa9f209047b9355004e92a56cc36122ce1b427761592b2a662c4211dc1d809ed117343ecb725d1c07ac0012ff27221f56c0759c33a1daed788d36b82c921afebedff77c4fee5b0a2eaf0b1ee00843c04b937d736622d2de082a3a8c044584939e624db46d047067aa9aa8dd94f2fa95113f5651ff3e7925013fb5e8c573ccb55b9734e1a75e30ea1a75cdbfe4cd3835e3a9e908b476c4a378b10ffb2ce04dee660b454fd1f23339aeb9e3bc362e7100868f9d5313ae5badd2813045233c1875dad920a4cd27ad92606584b09efe7a75afca2f1c54438bed1b8d81dce7be41d50d4aa2da065fdcd1ba1de68e98ede05a968579a3baeb300bbdf400dd31f20d780fda8777534c11c48882998f02669d4fc565140df38ce84b3e3e2bda3fb919cf96bdac4921bc51b740ccfe365fcd32a6cfa0bee0dadbf9e06916733b910d348beade741620c8cac0d9abb4ca5874a2b25cca61c3160fc80252ba32f6c0d4183f88d695a4e94e81443d31c45939e549e76f43902b1b85ed27e431f4fdfeff18891a66c108fcbec12276684372f36330c701430589dce2c960be85737e0b38fbe1c5d806cbf29c4269d2c0cd8bf47b91114e0df274d7e1dd340c302b81e10121211ccd3c71f2b962c105236180438ba3e6ea2af4d22cc17a749da0028c970362ef7f54555d7fb85b3675095c81f30fc86a31731af53efb0a101b56e34525e7c76142a43aeeba12d4fbb36cf9aa4e7cd5bf08fd9ceffa68f8d0591df0faa6eeb1f627296c5504fe2eae96e08c3de3775e10530e8b5e93d83f665abca461bf3883bf9458e2c2fcf24816999673da2fe3d6c6ef611ed274ffbc7979b89f6f747b8f13fabb598706202ca29bb8b768bb5e95ecef9930011633a9bf2312f8f55b2b9d54f5fdbfcc65c7639455200620e03e399e8b09c55a25e9ad969d6ab3790dc8b212a6b988beb2d9c6b56c9fc984cb16c1a67c06e80ef9ba484c3e8a4ed56210e7249ec88615a160c937455a34e06c4eae459e6bdf21cf112b4891497afed38d6a31472dfbc1e59296d146b6aedbf4ea2347f89fda432e69c4e450d1e630be3287a58bfe4aa32b720820f3e52eeb83bfb38fa8568961deeecbe54a8ab3650134ae3d9a71ead94b709a88ef15efaa2b80971156e13b769efbda4ea17e0a1e677f6e92d9402d0ec175967150a1e06da40ec2def74078bab60945d8d8d46d62488b56b9790d26206b462e4e24e8f681f29370ff000064cba42275ba1360f302334aa403fa2d83731a00266448a2b373376ea011766c5c8ccecb497be355c455e512831f065be3f6a995ea4c17b4afebf62b3d7ec7b3aac6db41baf6c8c44b09039641ba5452f2a0328782c3b9614d2c4c86b205c5aaef0f19d5882445d2e5b3847497d8db4295758c29ecaf360050de55ea79486ea8495189bc6f404129534b1b9df3f129f19b24f5500366ffe5b8a5285657256345ef5cbd8eeb37a92f8c13aad7c3256920ec513e2fd285b1b30ef5044538cc7bfbf12e5f7471ac1d4c9ea9f72d843efe33746ebd2cf16edd38d305b65cbf86843b74434c8e37f528e6e3d6c542aef038c19f8fdea1553f898b69f316ade7306b76cb779829fa6149d66d9da34c153ffa75646ef53c2e6fd3338fffc4b5e64a43b38fac782e3dd021bce2d97fc732ead437c4b2f3732f024f21e3eade5a22454c2d8e13d3025b92aa8da93de6f36471b45c742505d1aee3ac9aa28693bfc448d0d31db2d51c5cd41e5493a1f6ce864bc130ff5eabaea541eb8e376884aa8df9b3d85829dbdfb9b58e40004f5fdbe4d38fa7c108b47f4c806110125c106905fd1911f2c3bce8f46fe330e751dae7b63163e2090e6b0af47653303781a7a2796e92b293f90f11771af72ab6fa452cf4a0940c9d8e20af5303c1489a44a96dc597278732f03dafeee7398262e2e17044afac08a19a75bb490c3884fc6ab75e514fbc6214d1e3da3bb3b1af3288b38325a6a155c2c8e880fa738e100c4a5f481999c4c43779c94119182bd7a08147d82d25149fbedce50bc184b6b2b2e4639df3fcd01fd8338a184eb947af1e97781fc75e065ff5fa1855b55bfecf52473c3adc7a53f8e172bd97bcc8a842e05140d20214b4af837ed1c667626c2f0c6cce3c9dd760e4850bc0e4dce5b4bb1d929caf0cbd158fb94fa962132b1882acfd27319cf8c9f5159817f5e23c6194aa3c22a28f602f9feefca76f8cdcc9d610841b1375d0deb6c43ccb487016c9d0e7ea8b7bd56a84c1cbc1ea0a4405a0db07261660cbfcc9ac28d3ed62cb21d23f4c7c230533f7636b37ce46a28a4d41945b85deb179cb86c78f73008dacc197353fc35d49b31f195ec1e72f95fbdebbc45c45f8af56616cefd9290a6df15e94df8963e67af7e9bb92f240a5e0d779b6bed9dfc640bca5299a12761cefdc7e3478f6b1e722091aed0fb56b4f906f84ca1de2a8dd5ac7809db73677008c2510c03864a2a922d5ec76e854484fe257d38f35b8df8f0424ba98aa4dfbbdf1a1e1f503d7fb118ccdf6c76c3c55f75adad4727c02a6b6e5897de54d29bc5e123ad7b567ea635d1dea03db4090c5e4f6a1f65a44b873d230766edd58b3268af22d3bf7418785a4ff6f3ba5bea43fbee8ec0d72d47d50a98c93ff249153e60cb5e80d3b2e6dcdddc6de3464f7314053b42c02a68bb40588ab9a93265de56de87e45d746f4bc4171204a3c2488e3926d9f3f3cef3fdd386bceeafee66470a6e72a81bd18a23e0ab94e2f2905b940d5fa8f80688db83fcafdcab17acc9ba7efbceac7f9760082e3ee3896affcee9a56b43e5bd05fd3bc74f5d06b2384ecf5df5423f1055bd8661653ca9f55f1b838b48628766d4c45863266da844a9fa170cb7e17efd722d2df05382fcf3e9355317a5a4079b5a6fedcb16ed3943782130942af9f412f4a4bd2e0bec7f14395de53d1c8e5f72271a79c37af13c82d6d59e861d2b92e004e6a096d4cb60298787421108d946dcfc646b11d902db894d31dd12fea7faba5d9fa05abcea2370994b446bbd72a2a5070e5f364d0085849b180bedf4fd7d4d5b895a7a3773e4f0f3054ba883a134e5e7134d88f3eb221aa0452a7eca2a69fea9b68ef9ebc0e252325e7fb52dff9036a3576a79b78a565087d103621cbacdfee1ac776089775012c52dd5054938aaed91f68e46cd6587b5aadbfbf7352f18208b9abe26dfa97d9e937a84f107c27c3f5b21bfe6444676455ec479a692338130beff6ef1908995e0eba86fa33904733b9d37ef17e5588877c82f9adb4d73caa29a19c8a55b8a6d06639ec0ce115f90f794c4def98c4edee09035539b40c163b6aea0a99114ce8f83d93b9bb6d914a199fa9d9657886df18dc6708c462e3f3e15ce80b6fc8da9f83252d79543194eca5b951328da25cc977fd1da238b64568147800b159f8185a16e0b331b920b2f56d110b59f97a87cf48eb25ce78856bb1b6002a9698d4109011d08e74e85bf9a9f483652c38820b88a7255420019df829294d3562c7e13c9c00000ffade9334340b649fa714bb73b98f371ad71097ccfb4a63cbd2a14606389c6b08e7daf5d45f4ac6a9bd3e7147a6aabfdab2b918a2084a801d7ac36e9e43ca4c22260930c14475a055d1e3e3d679b5a3d2100af88d69b16f3abd0a81def6833d96f6034772099ef1fd6bda94d088def13a233b4a5535546cb1fecd6eb6c8ffa246624e2837d01949ed6e63f5638ab5e3033a1ea96f21b09e0f782f5c5e273934f37746f14ffd8093b69709a57b199f6e3786f9da7915a93b4ca37a799897a8092b04723dbc59281aaf390cfef9ce0e33df0d86659d29d34b3784c74c20df4dd9af5e0a591e96e6467abb306ea6f25e89950228e795a752fa112fb2b2f7679bc393521bb02a1758ec15d450e053ac515ae94961142d51438bb930d0ab9b71f9c71e0cc65c49a7b8262e56f41ca9dfe0e9975f6779b84dcdd11ef55d67617c7c2b29a97fcf181835d0ad3c4e810d7081d9060b548c3ae21120d6bbc2fe375d50090415d1462a207a54cb5b3aedac860e5fa27c6b81d6e1c36bacd105ab4c6b8fd5a533d46cc73668cf1c90ba6b3dea5adf63e077778c7118eacff1400ee707b7478d531a3e07a55fcb548d07f3d6169b69663e7fad891071ff8d6fb0cb88908c83551a2434e2819f43f0fc72203793237bb07f4b27736e5c37db9cfb55e384a49cf886cb668ab0545c9d5bb87efe23c926778429ec6268b31be4f971667b2a544f1abb735ac8909648b2601e8944c015a04874faec8539e9501adae65317b4fba1a00d1f21c00b381f88b69a998716dab80d66656712b41e04753ba622b82e48305b2ca31aad87c25d3678f089d940e4d7f00ba6533e947735c4ca045fc8b456eb177e12fded3a7178f3fdebf4abe43a3c230f67bd79748459de5292653c05f8a10e56953f99707e4c8c08e803e801e6a54626da57ae19a7fcd2dc2998b7b700a91562e1c80307bda6d7e8ba2d706b1338bb135778fabcbcb3da097b0923fea76008ff7b7ce6ca59e6e8c2940c53ed7e52662856f2147f1258d3c9ec1ce129847c558f666296415a326df6b50cd91be4fb7e4fa62b5c28359f15a9bc43b1ace0aee01954288a7c028881c82315d50aa01619cac45459d9647077e423513ae903ed656c3d22f758e8f836dd1360822d1dfe65aa5d08a7527432c38039c1e08868a6ec17d1a102e293fbb752323eecfc7cf2acfef26684690f4e58a19d82f937e2641277cefa73a6d7bf392348979b73165e548a3fb38f948d39a4f7d3d41795d411f8e3b900b6d0844cf7479b8ae3a4a6001cc410bb2dc80f9872c554eafb552a5f9fe1b8cf8ad5dca6408b6a52ad8d6786e5b501f96d07d3ca0fc84d59f3cf3058aad93366f9196912b164a2d18a1f40642dbd2284c0bd3dfb4b2b61579598e22cf7bfbb4c166548c5627e278e6051ee3c2d92ce5e9dcaf900318f2114e338ef12d628a8dfa98b4de95c71112eb729df3814dd2d4091b8241134c5b586788ced94a0fc693d8820153168e87fb1fe835b4070a3d28c5d34df14276b664337b520fc4d6c3da1386e8057251675fab65527c3ae6e7080d7ee970887665e7538ea36019158

Use the Hero heading and Hero heading color settings to add a heading to the hero section and customize its color, respectively.

Hero with heading and light background
View code
a9d02821e6d8047606825829f9d45b62139ecc389a5efafe95b609ea3ad34481588ee50b207e33aa6d13ab845117b847251d49df426136ebd51847679cb2c5d6e60c0d3049308c9942e53a51baec1b3c8f0c0aeca3d3ab12758667ca6488148d48fe0a47ca399d4088f0d1e99ca674bf1cd8b831a3e4d3d09db1af0e2c073ad6a3c04266867097bac18c52f916c94e9dd6ef664dc3c62baa2c6dafb3efa72b93b99a9967c8fe2f6ea2c166f84806b2ef1b766e94108eaf9305c6421a3324972f9eedec800d2ad32b05463f36eb776c3d1edc46b3d0f7bd021e514d6879f5a459b3cb3b16c339353d363def9a4edd8e11425a4918352f1ec58254dc67fdff6f7518b89a305892384e863a5cba23f2c8e94d1a0874623f988c632b6cc46573dc94d7757ba54c89eac8222712fae0ce236febe3e7989f3b4c2d245d37d103de1939606fc90b020b7c6d8164092fbe14acd8e77fcbeff298736ddda6eed1cace0146149363e01d7e554be61ca9223012ee49427b271e620317faa577760dc344027abaec1d86b65cd7cf0170482ed72bef9e38181d2878aebd1d358b8591607190a8d117e5f5cc506249cbf2964704f948ce9d98edbfb226717a13ee1e481a39ab608f71259a38c6582179fdb7e755a5b4c9a4464baf95ad9dd4575c6a9ae90c24a1f5ec496656ba36607cffc35099e0aa52094b6b90039e070c66ea9098a14fad15dc3721e42538deb1189699830ec064ff66249ac38463d343bb5a07a4c5bdd1e1c29bfa3aa99c228d12a81710b3a3a5fad28c02b0e02ac82a22bbabb002fdd6c327a337375195f8f4aa661b26e980b9ce55f89523923bf1171f9602cf5837577a623e0ef3e9e21bd8487d901c59f578361b0fa326fbf7c0e1fc62c3beb1c1905ec7cba003040fb2b48e61d3d01645b2d4e710e62c770cbbf11226e04dc1831fbb51e9f4f2489ef10279e14d1f6853b83a59bf5106ca2351b0a6d1e57d319358c2110ffe861357281e8a8dd59a7b855e551669b923952f2b9cf0e242b84c043ca543b91261b17a94732de28f3e150cdeef45cf4360cf6903b6656e365335004194568807d2d5f8dc2bac024f500afa384684f91aeb85e7e6a232db63e11f0f1e080e7bbc19e322396a75803aa452e8c69954a78f9563ee589e359a6623994d26f62a5e68dbe927b85e35ca277a7b1812ada702a95018a1ba31f57ba93e50e110487eb0c92d5a1a5787321e9c94d9d9cd60a87fceb5c7dedebeb41e87ca09b7db7056637a0e6d6a6516a3575bcdea20f836b880d486fa7fe51727fdcbe2569239ee09fb1026989cbbcc842649cd6c8c8f01fae42aee4734b7223867582a0999ec9c346fccc544a8488035014acfca3e623b5592b64b7d37016b112a4d01b25bcf30e5f17feea68786e6326aab5c7781545a88cae96d60eda9c72cd6061c7555a739490f4250afbd75495827ebd4eef1016aeecd8a5d4f76e86693905132246d4eaa6fa1e57dd99966a581c9ecddfd3c81a48ef72a180b10ce3dfdef37af11f47672b7abd5939f82a603f239873543853828340729e982af4901bea828aad5e4e4550d91c2169151870d4676821c3cb39f8ddba31c9a1a6307e30b673c6c288836f009e2880496c8f77286f9f023b4b3ca5f4522540cb4a0bd6f8b401eb776aedba98620355e83f1409853b2d088964ac5484b1399e7c3fbc00e7952612d91852d5ef10dc669c12dc270da5f10432bfa438647c12384fc4fcf8142d0bd20a1031abdc20027296b22d11cc05cdf8c789993396a17d41eff91c2d627f675726378dec9668cc2460ff71a0150eaba1ee382f5e7815f4bd4cacc8ec998fee5989317fd5c96e7b4eb238ad5dede2547561b2e3e4ca1c5c2e16d289645af68795b67e1b22a3a32d9a9853de61b7d9c4e5ecf8a9646f6b976ce4f485e92006c00437275991043a7707e3352ef71e79bc045c75b71c6d94d7eb4ad31c02ce7c300f22f06e0188a262ecc351c0e5fce87862f20ae6731da52d07f8fa5bbe26fc373663a5509adfc8545c3f480985c6b371cf1720d42681a2007afed6c232faf3bbbb5e637e830538bd998ed75f0bbf075e86110362b5ad779f848a1fe72218586e4189ff24892db944cf45d92d96a3e0fec2caf3825ca654a1e90783bc0cab8c5f292fb807ee68d611024fc63583fdc9d06260e523bfd52b2955719279ab08264f31fc14be4720c0ece5b9e0da6f3882e7b054d8dd74a901475fe0107d8f68e6a6fff10b210e3d06746fe64d3d8844409075eb319f93fd6f26ce10e43e1f134564b84c112725522c3fcbcc46393836fd760db1f1b716bbc9f42d782c08cd87a9d8212e726d99d35d3c7c958ba1bc8e3e7ae3971cf02577bda8d4ce576776497892352a25e9a3e665171eead131c09392278b1ed5254ee19d9e79e2986e6e74d45b01c571981c568b7520e837a730cee6fc3d3ead67b7388669cf4b20eed3b7ea87e08ce6038b962596f6b8c869a864277f89ec9199a3dbb3402fe6a318e36ea6c0cd128cda58b152bbd81423c94883efdb70fe119302b2c5bcad34866b6c82cfe37671ea398342d2fe35d52358ab978643c6733bd19a8cf728cdb511761079fa6225273ba8f61259b72cf9a3c87ccbe0db4cd59d152840ec6b54f6931c7278579cae076af70e66ea89ecc84c4b19dfb2a785d5c50d0e549e58cae3c09fa9d8ca66b12a2da61df65bee4e45e9d66d69e5ee455acabbc71695ad14d23a983848172e5d25bacae87eb6e608f6d80781c51cd94514e0ed8a6e8487c48398f9086dadd43d2ebc0272aadb6955d8d3c6bff6ff798b60abfac30f0534e1f7fdffe757d4bd81a530533411e84853ee5ac095d1452db0854e81710c231a97e6272263f5565b532ec6c6b011122da9654e41aeb10c9623089c5bf25f9787f29a7509922b192380b5d99e35ffde08bd940b3453fbcf6870905858f877f6da49013b19ba53429c1f827f698ce8538a1283ada500a7c14c86b5e6c928bf37fd286c9a1042f68675300a84c38c539f24d4d2990579797d303d18c89bb4940523d3b9a587477ee0a05824db7c1d120b80ed9f9332e6e000c15e6582fc033d7a37d677672942ef40b3af410b09f32250aca06fcc3788d6a5e445929b4210613b9ec8c17a5c10855c24bbc5e3e57b3729a08538e47b02eab2b48cf572aa25efca06ab74aa1bc6cade3e21821e0f91c72573c0a66a90f5f9d73aa4e4d3b755c0f447629df0f49118db9d41deb025429dffa560cdd22b670e5dce0e9719b4f04fe52e46d88d2553f161a3915875ff92903067d4b35be14515a154720e82a4e8a92785178ff6f7ba3479164b5b572144e3fc92ed0275060dac1dfd4dd2c71e98efe8e27e8f40ebb4cc094651121f3796e5c40fa491c3d0e0b038989e542e08ced0ff80670cb261237350230d2ebc03582f052316b2065da2e755c01527b82dee023b7359fb4a4d1d843880dc780d94255ebc8a2e6a656b62b824bd9632d35fe39acc0eefc7a58dc31eeaf643d816999a9fa509beb520387eeb8a8b836a94f5db0bbf865bda9cdc62ae10f9a4a1867c825adcdba394375da6ea0d231a243e0928fb73ce8951f9d4d7625928ac8fe6120a678d5130cb7e8e452143eb3689bb4b7aa9bf6ba8a3d3e04e65cbbf24b6cab6dafe54c5d65402246829cf3f9168a893e4155e0ab7a4953722dc82eead2e652e66018250717b3ffa8d37ba149e609c483d37c1faa1b525b93de52305082a2cac51ae360e6bf600e2957f656d533e2dbcf9d14248da610d006851e9373105474d5e67450013709cc3582db924f154b33839d0eb61b3cf4e96ef66c87cf79022751a51760c33ab7f687806e04ad7679cb7aac52a1115d03fb2cc240feaa6367215698ae910777c7f1dd37212bd85ca81d4378eb64f620612a22b4a3ecd2437a00ce77563b077b82b9d2b036ca365d46b867d3a6d06c88d61649fc8b6ce4984ab0e651ece559d161308a898a3c35c56f9732e256554e38269c722e44263a4bc92d4c252f4f3f7b270a2c6599872f7e0ba2b11d0a37a2eaebd318e27705a13c8c0af75569f709c9473fec7040aac38996322016c47e2cf3c4bc025b991dfa88d5af854d4294d734d8937823fa5552d32363ed15224b96e588b15ce32d40ca75b03b6d6fa130757060bab1b323908ba0aceb95dadc3fa1a57beeb09f63a1d64d2ab61999d2f2daae7f0f618c9f0c6dba64dc834632d1d9268a7885b36234565fbaf73c0a5667493c004a873182b5feaad6bb09d6c5512b38fd29f39cfbcadda8f83163e5c3beb276fcf6053e5c7c0b8a52a5ac47bb07d23a7d7dd97f4c1377c1ba86ad06c712a95e9f0c2c761db139fd0f4d5a2597532241240d72ecbaa3aa4ebf8859778343816713acf76e5d30d69a87bd141d80376fcb4cad3b91858d964f7124bb042454a6511614e650745e68fa2a0b61a80caf0ba5f640915bea4233f37f034884146105a9af25be740b08c9a778fc887abc3cc95b2a6632c610d69e74f186cbe6939cf7deb50441001f5124befb1d9c8326d7635a37a87c8fd60042a0af75e512f403abca1ea4802f3eb9846ea9302228f17d9844ee4945bd95b376ec367e0438f29e6d3542733e02fa7df6307ae6c85d61a3ed744c7b706cec86457fccebfd487157fdf106c08e7b92e8f39b732306f941112ff8975798f58424da316c3d41b73c86eb5c7e67e0dc7c21597a71cda4391c703684b997928f837ff5956b0d836739b9e1791cd5b969a743c11f1f3232e3d93cdd74615fc6b0ba22f5a017861813b1032c5702b35c70fcc4a3358bf70815fbb599b716cd3050efeb4f70736927e1838070aff69d1eac1ed5727e5f16568e9775e6305f48a114b8b335a64487df80be1f48bc07fd97b8b0a25174656e46953c5f7ad1cbe9ef02c4e4a4fb3fab16b0f070b823ee6be7562108f1d4c82219ef13e7c313206de9f1f86380377cd6f0cdcd393462163fd43910de58ab2eeee68925f7f9fd65b252a17cd4ff4453bc0629e3825e337c17b222eda7dc627a99ffba89fd3918186961b5bf36062c1d9a1e7471c40a8820885adda60ebdf6c7650b6e6c32b16339c5794ce3b5c8f21b2b2a767eb54b7777cacd9562a5b92f0435c3e176646a24cdf0c58a1289b176b2010823c9f1c5251c090cea7d921c9c8866974d4619cadeac4db81669fc3d3dce13ec52640da5530cc0711d3e0cd29be1914194ad1802f91a9128dd062dd14887badab5d884fdb8deabb446affd9d6834c1789bf7f1027756436e8e201015b57b064510b5d982bbc60b716d21347f099a8148de653e6abd0624393a7a0eaddccfee9ff273bd3ce0e01eebd306310e02f122b5ba83ddaf52f368044fc4bf3fee850ae93c

The appearance of the search field can be updated using modifiers like .search-lg and .search-right as well as utility classes like .font-size-xl and .shadow-lg which increase the font size and add a box shadow, respectively.

Elements

Use the Popular keywords setting to add a list of popular search keywords below the search bar. You can select between built-in styles using the Popular keywords style setting or edit the associated micro-template to create your own look-and-feel.

The keywords should be identified in a comma-separated list as described on the Popular search terms extension page.

Suggestions as badges
View code
b98c77a845a4085b558718e86c0b4c943eb5a93df729783d44c2740ef83f11010ffee59aeb3d61e4643bf9b939dee880db4cd5fb076f36f161fcad4db145b37800a57e3e3b9f6fdec6592678b30acb71d2f643dd0d92965e42450c02e022ea0de4180b27cb7340c5bc2c1ecfcd49ef8f6b80e256a8f96dbe6394c4ac76847df57b37a6579ab0cbf8e92e36c5559bc3007a9c4279fb14042fe58970a40ac6fd85fdf0f222a65f008b5b0c1a465bd19c6f32227ef308f51ddb92de16ad64b69adbee5d2866a9d527a78824f0bfc8b8c182195cc62edc86e220c413169cd28fd06389ab8cf1e600d75253f5808ef25298596a920ca5af2ac89fe8aa838afdceb913eba651ce11dd82a839a71d0a6e2d7fd1aa155919c2c956394bce3b44e70990e91e98b5f3bb17ef9d3d28a87cafc3f7f0d3a491998c9272c2344e804893803bb5b14f7bfb1529be7060cc0e5b8687fbfcc0f794eaeefe2035d28551b4b3b9dd661085b3b85e45ad1b8e89d40211c9e9d8eb968dce3c69687604074b07bffe620bf3189f05193df97921288f7c07653fd5b3bf5fa8e8856b8c5edb1520cf43844e0f8aa9a95b84ab21776bcc015a656cfac68619b9507f6180db84f2a8058f03b03e2119854f0fd7bc8a5b7eba890469bedc26369270ad9606680901cbdcf23eaa6dd9554729a290e9cb171b5f831880a8836d2e8f73c64400904ecc6e6cf2049b0234734075b6d49b2156a16f069cff37d3e1b837d075d87c386bda515e02b4ff26ea8c3ca86399be3cc06ade9d3c608ea97b8d04258df3c8828bf4a1e2424d4efa7d742d7aed9a3f062d3b6506b62daa8292ca77faaecb3bae11c7c8e710f53462471f4ca4cd54608c68b746a90455c5252abebaa1b91786f355dd94993a2291c39a750f0328d5d2ce248a981b68c1a3d5204f53b5ff9e05be4242f02a06323c48172c3bf5617b485953d086038f43f6e89486255269eafdbfe3efb5050b5714c4a83d24d5464c18dbb75134c04c7c30c67a52b67c164a7ea1a4ce81dfeab66649133be0ffb6674ca75823b822abe3ca80ae82acf0512c164bc8840dc13ad77dc1d9c756695c59f4086fb42523750a0fd7386cf5a2c6b7802e33e3baa43ebad890de3f65ef6b84e4b8e9ca8a847c543384c856ebaf94c5bf857da09b95d763f07da254adf692224327b932fef16b1b70a3c1ec622fec19f4bc521592966fec5487a17a17ba71b01ed7276b890148f86ab5aedf625403dccc9f46a86f39b6b4a20d1648565cc66343d04f4bca7838630b3763aed073c6caccf280f62acb4f31146a70d916422bbdd0a26d2df9b1627bf1349cf494c03340a73fbfa7764f2f57155d4373555a313448d44f20785fa5ea7e5245fccc1c5b175de29866f2fd2ab46a0bf112a8059d83fe9ecaedd125452a7331c3f06951b5a0d438c7aa169b80ae4bc6283ad645ad70c971e2b6f32ebe1a4e540d7cbfe0984ae55217434c75077fb57c7cc58abf980fcf51422456dc4d8db0565fe46b1afa8eb2bc0784f9fea4e59b7c5e9b84c34a9f82b7779d118d401cb43e3bbf122ed8c39bd33cc6902c446777eabef07534474d5aa49eb86bfba9a9ee898e8701f39bb0280c7575900d52ec9d599b83b613331ccc058a74a862765ceefefb0cbe832c3fc86271489625b0ef881af73d25aa56174344746fa462a45b9b105b519fd8f78b00ecf64bfd82c87f6c8f6c5887105e7c199760c9150a13d1eaef9f340fccaa0e7e9c910650fe62df5489f32a1cd11eb4bc593aa8ce8b1ba896324751b1440e69c03a4a318352d43b245d0bfe9817ae6073c6c28b6ca45bdcd38dade7fbc12a770fe46e4e66f1730e90fecd5376402cb0e62805a86ba5ec0b9f85aa6d35fbda8966b08046882b83a61e6386158db95c38972fa60d992897e3f5362cbd66e5dbedd32b56d7dcebe6939ef77a52edf8a122ce02bde35a4d3ab2f3f301aec0df954dea5e8888615cf46b1556b5ee1f04138c86203ca917c9f17fd91e87b687d55b96ba3b011f806d07704103ffe18980617bf0a92466745a58fb2d97815afc0b134edf3375f67423f6c66ef902bc73671920dc0365d9b2d53ab0ed5b39eba5fbe377d9cc14c6d8fa1903ea43d10d3b25747a8edaffd062cdab559df87a839c97cae60ab6770ec2d13f903ff91d3086d4ec02e2af7e5787b4a0fdf22d44f8d3c8addf54c43b2a30c88185bfae824670ae9c66b82b08a351692be2ed1e5d9ce9b915c7cf7f5bbc63ce7e14f99485342dcfa1b5777a62887e0142eee6bb09d9abe44c4fa763aae84c63ee08a06b881cb278a5a028e04110c85a406ab8a53e5eaac9583e9f1772afc76d93898c1b4b448ba68f70a9c8cd2452f565c78477d3ece5b430b84c3b2ca040f3b9daed32a7c893e480f592fd9327e4948e3a1082ee547f6a2b01b07889a725cc3dd42ea89344d211d745b417958c85158c7459bda4eac63cc0dd6655e28f223029d495d068606e6342f9ad7c02de6328fa19daaef0915512f4ebed16a6540cf903e6da666f15eda65ab8d527052e5d0c86bb1959a62166a414f4c8f4e16aef550cf318a3b3ef477e5b344c9ef9b373c003566647a6b0f9da581b97d486aaa92b56924694d8940285972234d269f50df1230e955b53daacfaddf9a4d5ce960caed51cb88e9718d8517e0feff11bbff0d36a5b24ec52105a4910425d5190b86d64b2682bc36d48e307d8c9c0ffa944cc2de463ee901f408530f28419162b6de610e56646b932a255e9e289703fd18f6fae227c4d4877fea34ced03044873987ac60cf49b400bbaab0a0affa1e77fbdbd787a86aa35d8fff490df97f057785d43b5147d8f9de8eed3487a2d0267ff2d204a5a1e4124a2061d4798d927273bb39ab9a5176d5d948972636b969bccaf7a06bde4b8e77865757e432cb335878a0b6a32d7d99bf7792e1a2249229f3f0a15319bc39c6776dcd63611bea96ac870a7277020bce187b9224232a32f6de7328953be73845a2837c562780cd7ae5f5152bcc376cfae3735a941cc1bbafb46a54af284f222870213e1042fc1af668f94708363128e211497511a95db0212d1c5b3c747a297355df671968dd1d9ed8e194e4b4d163722387832e4834947f0d1274c3549ff7dfc473031aad0c090e49723b1b3c37db3c87e6d99db425fe2c22fd916e4a6f920f42cc5c53aaf6ceda02c57f4dd3290c86fa785924fd8b7577ce7ddae34d61489f7edb69314ff56177f72cd8a42b5005c19a414b131039ae5e9047ea7f7ef38a3de8f980ea8d01943af23b82195db1cdbf73d2991b32307fb6a9e3b0580448cba4736e3d7b8ebd5f41b7e39436f77d4ee3dd7a3a77e9d64c758aafcf2b83cea96e1034282fea7ee84fd2c4cb96971cb50d780803f847c398338829b847aab2995e78337cb5aa1089f153f8f474dcb36de661470f32296381b755718ca3d3c88cdfd398f94f529ba94f10e70a09c65605db287050cbc05fc28c9b271de25a48df2a763b0de129147470557c9e52490b1c386aeb50cfa09fc79d75ae742411e05b7151461121f920e8c492201be6be6af34125c90fd6b6fb88108a70ee646b0f099f3cf7877a518f02d39f0369843b50cf9c5546794566a954cb4ee5df52f033291a06b8fc92cde090504b1fa6e368e327b3707a51c6609097d18922f58ac7c632111705448e82a9a5d011da451682bcd29d1f572c43c35dbabddb13f8db89a74aa1aa1ba1757fe67c93a475b604c7299641a4f83c3f0649f5e9239b85c7a9768378d81a0cc1bd968982ba3bbcdc01e182df22d61668d96fbe165d31b993bffebbf241826da1523697a1427a71813f525c6b31d68e16cc1f89d9ee10a1adf768a087608a2104d63c4f564366bc07d465aa17990944a9cb657d1454c0be1db56b1e27a67d9b458fb480a166fcf7241e11351d9f254bd2ac9f924e1878c3e7b61e6f3ce2069c02b783ada4f1d5d82ca7fe654a45afd03a1437783bbde4a04c99582c0cd944669a492f8df75a20047e73027cb6dcebfca56ec85628acbf1ab28dd1887f3e97b15aa6cd24b3edf7b0b8859d24ca12c199008f2909d8dc8b92fc25d35ef2f2691b7b04380b6bf36f5768206557cd794d2b4e4b8eefaac7974b9ca4244e412f029caecc386c89b0a4b3418f5de4bab8e7b939cee5e2bad8981728ddd56b4c63a78b45e908f60b64d9862bb4163902d76ae3363179e216fbbe56591acb4f126b58151b25e1ec201e99c83cc7ba03a43ee5f2c5dcd24bcc5ce669f16f2a2b62b74b4ae1c6ca7408dbd3c8495136abf9e7fc7f2bf26730cca80a88bba89a1ef3d9fcdb2315054a49387e25ef1b6feb07131aee5777162e626b5ef19de251da6e68be72a650953f7cb4949b17a79426a8e68d949fc4bca756e0eddc41609de9d22c8142996030fa70ba082d57507cef8698db41468c19f8b76ea84d187b114b2d9ee62976431d2b52fcc58d0d3791535e83442f3f38b2788a0f5c75da34cefa93af84aba5cc6e211a717f0bc56035a0d8b0b344d6df94b6ddb9d760014a8a1af1f38b23366e527f4b210d30514deebc97b5ad399261671b9442a2ddc0f0002dd6d5c3805a8ec629c17b09ecce39ef70f45c78535b8f650b470a0b6c11832d9a5efe9320b5ec2c86dc3134a0d3ecae7d542effdec3ee36cea8959d6a286e8f3dbebaa5b9b0aacfe45c33d016e048aff9ab066a5482fe16497242bdc8d39e8485984408c1d462ebfe245bb72777ef7f57b01e935f30b915daab9e2464b54202dfe23ea5c0b11bae0a4e7e2f3148ab1837c3c99df0835b161262befb993f7b8647aae002f5d9582171c7e9a132337bdbf39bf2d0711b076506cf0f2bfa0ba83284c39067a24d63692e9d80db72aa50c83e272ccb9885f41537f5ce1b6f2d02c1b9739d56d78a0f4553dd2e37834ee93ca7c97029595e64c346dbea63d31a3ebc02ec49fe699c339657fcf250df0dc7f0c6de4cdecfee8a3d815dd3b474015b36fcfc151c5d0a8afd03638f19412fe4b80e8fd091beebfecfe9cee27e048392d962258cdfec8d67e1815a85f4aa6a1f8161a31519ce751d330ef6b4a7255d9f6396debee5b4e4a4252a8eea3e0d6a6c06dd44cd537b602fa961f904a61e43e34b320c2367bb4f340ebfc6e559c6347248236879ce30f544c5a9d572c75f9b95ed3dea1fd7ecabc0a255f59b1580e1f2a4538e555d5e4ad0dfe80067b34462c86351ffa1e6a6ab98bb30571f143a92f048093e8959d727e18c9aab08a7770b4aa8374724929e0572bf4a9fdecd7db9d67f2afc1da21b4bfa0fe9339d6104669807d9d1022c8ffa4291602e73365e63fa934ca60ca9cdc8d524a689669a3516c9b564ef3bf35ea9dbcc09fc5da2250932e5446489b51e1178cf9977f4e99ea5c090f483467d6cb606bac4b1e097a9bc966cea08834757701c4e4a734c230098bc494b8613ecc6710a6868fa208082474a7daaec31efd56ab6c36c5c38343709c88080e583bb61b56cdd3c8c7b5faadb7baafe80b85ca1a981073fdabc89a2797c7591cbaeef25a7e63268864f979393a6ef93e2ac4cddd6171edfd4ecaef91a9babe2e8999cccbb1f8a2d66ee2db08bbdd5a2b7117fe1692896f29bdd5fea6aa0e8e7a76

Other content can be added below or above the search bar. For example, using our [Navigation extension] you could present a list of promoted articles.

Promoted articles
View code
eb43e62b36ca6f12c4c33eee3be151905b7c10374a2cdcaf28d2bfa0358092b6450789862ca18dda43cd3de13da763f777d4684d9ed37225fb7c1ffacc37841d34d0c15f5d887fba4064595949b7cae6a66d90a3db27d6f409a3e821ed65a898b62bfd48230cb462552401598ef92f453fce72d9e73a1b94014bd0ebe0fbecd9fc9cf99679d66be32e995dce826924ae0b7910c2a3b4304aaa422c5a06af749982c3e3e80db697041a6a1a8d6ba088af94c391a82436f53b2e5d5922792370e911d595ac7ff173f1684c54356480b6e9354c33ecd3cd409ae12d0ec9b1191a8bfafe096dd02ffb6144694e529ac5691cb55e2dd2e840f44c369d6838f26fd78949ebf581474fa65da66e9909708b679bbc89046c4ec79fe63a0c327541b447a86f6fb8952839a2ba3ce94ae1e448cfd1f050cc7a73f0416359c083935e48380f8d35e74e4d1f7b643d4d646edcdb45164c65f1a2fb376613d3fad8e0b4c006734a10b008c1332ca7d8e1ad172c3a0810f2e8717c1d07a6305a2cc35394db7dc8c5d2a6954549d937c5c7167c37e9905fcd66c05a71e22f9afcc115d1a7f75c81466c66c303eaf464f1478c4b85582f8c2fb89a97777106c0c5cdb4a7a407781a013116fcb16bbd4fea601818749514031e74d85268180efe77b75874949a80f3818f7a1cb9708a99ea17f32fea7dc051676af26aee1e2e855d32bf1b0cc0138a083bc7de6aaa4486d85daf161cdebdefea7a8a5428ea1c124721f4798b387c74d97daed834ad7950852ba1afc4deeb079cab8ada659f2aacb5658b28ef1e0386094b1a52796d7045b049099e25ad9ac330a538dd13af233445218ef56a10764ce919cf1e1079c202323cbec0187e10fd59c932586c4735dd937013abedbfa08f12b7cdcb81691d044efb9794ad5cd501f4328071c5b79f5dd28587fb0f40836b05a2bb9773efe16f6e48f39221ef78f72ee661346aa527c19b38b4fd6347a107a35fb209c39c0a70eb07d1d22bd9d40507cb69fa91ad70a96762c2f275ed67ebff6b041f2965b11a89e545aba46650b6d8d675f34fafe759597b0140a2a4e35d34e36b5ebacc0dca99883b877f47ef8d64942aad6cfd4d348fe85ed0f9a5a3cf24e7b699727c347fef232cc509e6711d812ee24ce8bea107730c8b17a2c5e1b59257c9e25a9f89b15ffca413031eeb62a1ac8b278e2595c13b3f11416c0f545e02f85836fb51803b2686333b353ad1a959b8696dbf1cce615355d5eecad2b25115a8e2471db1e9538a59ff47058b107dc45a179a3a12d33555572cbe38d208b95bc0d28a1418faa9a330a86b48fce7400dc11497ed37e542d297efebc127f14f1ccb8a2dd8c68420b1d7bfaf64315c65d769a898c9378e02f5036edec218a4ebfbe4df558264e3d199dae6229e9373cf3cf7e2cdfcee730156c591146dc275462bc89681b3fa07812fb5220d636bb844a52c66bd4786d4da3991dde212553150c669e6265c3fff3cc84989f0ca9041ea1c25cc487650069d3d2a43f5d6fa7bd73aa562e0c00b2c436a70eae3589671468c7666895032eeeea234ef269b8e0dcc8900ff8f3a6ac5c6b6c10921686a6930609be47a7bd281980b781ed77f2e54a8894e6fd0c3efc9d7fd5ff155ea8480206efc5b923e9a0b2b53ed97f0855aa27dfcfdb72130f818096bb77069a97f8155c2bd88fb9459e80441b697883c457e3f58eaf66576ef0fd72d3c11e5d432aaf98bd4f6b46964cfc512016ea1391ed08ad67893d7d704c3aa5bb6247f68003151ce929bde0c8a9bcb2a1c2785f578e9dc22bed83d47f20513038c5a9d55d72dfab8e429f4bd2dbaee58b64d7b835cb83a10c22c58a61e52f92cc9d59a8b32136e8847eb5be0d3e9e3ef3fbcd3ad6a51f49b0e1ff30a52ec4304e7ceea64b7b9353dd1ffda8c94396dd2e441c893747829aca1100d30fbedac7972df1a3d26aa71619a7b161a70687c23ace0ce4fc0866e5532d619fed73f922477325437a3a31f2d08592a8a6a365ddcbcd292bd5c1d9b2668f4ad262119fcf0478f8ee806b46cb94782be0f88e71e3d387472dff5650b6164e8405cb7d10b8822aed07085baa03d935b0e2ab81650b7ba87d5f38f4a4ab8ced89bcf7a4f1529d929f3caf344429ed58b84da293bdecd2d27ab7db958006068b4a075bf247801b553d207a45adf13e06e34bdb94386ea832ccc4e1c696f4482d600460101e0e1e31fb20ac01830cbcc6b0c543783ac2bca8436b90f21a7bef1d6fef6e060d24ac27e85a9893042b925c6aefb51df2a559e8c197979cb5c8c6695d0fdb6640a137bc4100037626156f348310dbddbd0fab9f792415256df4b1d61cae77ed193aa7c4dddef3481c17c26051b10eb4350beaf7aba8d8dc3a78ac77976851736426a051e539d42925c4121457c60920ae3694fbc762681710204a2b40941f42fbf2f9ab7e3e4e41f58d0579ea695edcbd7c56a24a029176d8dac698e59fae87fe65be1fc61ae5dbe1215eb30bf29b6c8a52e5e310edde5f6e3e17ced7bd968888df752b9968de2549ff4954cd1b351a2e386b4d3ee7ab073812c6cc7eedb1d1e40327c6d284e08d3bca43e9c218dbededf0a969c2eb5e09929f82312270830ba6d22f5c654b035eacc25324902bba5b4ef3163a3832537146736502155727b499302ee98c16e9da94cc9b244421bd5f6f5844c8d7d59119a3965c0665ae24300bb0f07d40213713f1cf2019ff15acaa4c8d556caf0ff7c004d29ede6611dc58f48d806432e9d1ac26bb3f4fa168818987c3649ca079faa13873a6a765725c99932d0c0abb8f8f1ed94c76d78fe4b14daad1264fd4af5f98a40d546951d3968addd32bc3e1f49c175af13f02bb1783aa92fb0b8446dd804c204104e21f52b5116344d94fe17deff807536588ce7264b43c573908a5b44ae0cf7cf5f6519c0569637985305f2b709475da4cb0a6ef7e527690ba759a853c668fcd655c778395734592c4b9b10869bc9414b4fa29351b8471dfd4ba6b6544db4e23a249ce1be12748615c2bc75fee713da40ae5b071751ccfb6190b4ef36fbbc056767e6a29040f2143908514202c8271f8f9bed38e402312f43b4d88110c1c983290afa6df1521b34117b0bfa9314f27a7a42084a20fdaae89fabd29f24a00c4fe37a269b7cea23d4717c8e0b601b205cfafd0836a29e80d12d36ff426d5a66e0e3f86a4bb274f515d7c380c4383be2b9856120f868c95924aa40b286a455caa1b8be4ac99b2a8b2c2672a31183fba450fb578825483c389275766372fdf564c64985e0364226def9db058a6104aaa343ccb7441f27df0d272dd9b51a4f4f9d4cc7648290b7bf5ada6526cd8743c77410df20ccd120485adfddb0a48d02196afcd6b11928ebe22723ee5a7814bc0cd429df39df802e7f92965284d8cb586dbed1085483f6a0df4ddf5a48edd7d1e2ae1ce7a1f5124df569b640679331f46be65ced7e0ce4b0d47dc6cbfafc1588ff7b930dd0206a56b24e510b86640a5d47ec4a6f03c64b11079b0556f241542bc2b6fd887e11d994e3099a8e1f3b270309a5389355541548a0cb00d42bc25655352d9e243f5aaee30d8e27275b554a3399aa3aca846be3d3fb57cf0a6501a454ca2a8b720c19bd6c405a4c5238d95961a5e9ec3dc2fcd67fe01e5458aa23551c81077c706937fdda9bc42ff13ffd7061c440255a1ecd32fc116ca6624dd5df626a4fe600e495f27112cf748c8cd4b2fd7e838b307153d8201180443a9247f19521ca241f25564694ae98b8c945c1c0b5fde1875845e8b2da1e9bed7e82396cd7eda1466674e186ad6641593b5a78c1ea2a488855c444fb4d82b4c93609037571c683898b794761c8688ecc0df3e1eb497243ee7b5c764efab4d4530b23f6072d6bceab5189bcef1917bcc2118b34408c93bfa72268e3817f00b24cf17dd86fe5c0701b7bb09991cb999eef19108058932517c1760c2877f60777b34d7e8f925630deb62223bb4965ffd8892ed55ee408ce2d781713ec4eaa9a17dc2b8bd935122081f03a7ff276f5a76689b9124504ccad22d530b4188fa03b591976f36dc408a894042f1192b685fb3bc7962e17d74ff1c6cb0c45536b7d94cb6fa6a109bbc6f548559aa50b88ec420cdc86a9153186df67c27de49a33bb7e9732b4b62579ce19c24bdf36fc28cb83909e1e2280044be5ec9008326a2d3da468c34455e7a87d3a3bc9f42e3b05911d938b8009ca13aae8f8e6c92347fc87786e2f58af9517c6d192912d5d742fccbf27f8c1f1efc32a090463ed7d75e0f034e9c51f95c824edf2da855b523ffec44fa65f0ed25fc441fc0e1a49e28d7b52de2a963febf3932370f6c4d6d110f128defb00bae5315f56314d8e069d3a6ba3d3971f0f4b350bf7059a44b6bc8472fb7c47a249ab7b25f3ccd4a89b8818111a4cf6e9e55e5c1fe8e92f30155eb6e87221098a93841b9b0ba57b08511030860bac85cd3fe0af32b1fec40fce5d4f2f7c60f75f88cbf65947ae14944210ebd9be6e9ce2761de5e8d3d29b5eaf73321453247c6036c0c3609b793b86fb8ad2f08a7fe48ae47837f7794b33f2f68401b6c1d3766f96b1907147d362d2e39dc56814f7e49c9398e9f5df0522ee7c9c2ad693e12fab49c225d6c688b7dcc27129382e25368c665a05e4e99653c9db1d74e6741dd93fce94ec120f0643ab77790643ce3b74c69f383b780cf35f9ea06c3e17b5ecb7c4dfc6048c82be34bab0143daef1a28ab6fcf7f23dc4187d8826214dab30bbd2b5734f43c6ddac7eb651f775a83e375d1c97725922f19203cec68ab270e05141f2a9396f640ad168be66860ec37e52c2e87366d251e0e45dae6ce2ce21811484a43a66b1d31c680890b010b75f51020f9d7f0f4904da914f838d7db92abb5023d68b0cb49043dc85ca1520550fdc663765427f75ad1c7fb653f8593128df4da08f0bfdbfe7a267ba83ba5ff4acd8d3e066e967fb793ae0d14c880a018e71817368f5eb919508cdb6ed391e6fe156295c07a22c859cd60ba942451aaf60ed0ba04ccf8f0f8abbdfd230aa81d9823dc652945cea28eb71989f709ddc11d7a20216ee5b72315621acbb34234b845c24ae16ab09cc964dfa531c11e06963d6882b2ab65387cdbd69c74a7aa5c28780fea21c74b76ff3d2c601353224d09f43eb48765d7a12b2047d18f900a838e31f6249a5e5b3d805eba7f2601247b7dc87daee3721edd31e579f9ffa0b844e439c9e4cb84980fef2226c038ab728b80869d193145526a4703e3771b25320e495192ff5250a8f7c177a2d9c58b924a4e5c2aaf32bef53783a9d811fd8b9e09d813679612ac867fa65ee00c3e1e7478330d810251f564177337a700919ef1e4936b2ee20288b50a41cf955154f78e0456c4416eef66fd0203b68e95ba4dad2665b3b5f0226b88bdca304e8e1f8e761fa2b021dca152a0d511147777e5fd37887f58f672a441c643f1160e452d4ac739b1a4b0be7a39e16e04b12508b41485b900037638fd174793cd97662d6e97b85624a668aaf7fc22211b23f841529079104e5ce38391fcbdf812b1d61a9a8a71f1c617a305c18e9d026453beb44e361d6322190c8aaf49cec86820efdb8ccda282cff675a5e51e669ad9748bb4da674e62596d72eba24326058fc70171cb63d52a11223206323f6dc1f41f825fae5cf7a250a2fbf8db2590289fd392a610aad751a19ba5befafde65084c231c403645780aebc2b4fc3073b80da7fd3d3f76901ce122fdb40c403f8864a0b44b2fe247ede09fec22f2959c6bf11c4e51da068827febe716f8850fdba63e18eec5851db878813b948b655274edf385f0e138cc0423bb0c36711699ca3617ed718946d2ac0c144615113b54b9ee370bc728ae0ad49356595b3c101b051ef35c39cf8b6519a0ac45a67168c06549a2adc1e339d7d21915789193ed13306dcc5825a563f353dc93d43cf014d9baf561196726b6df5748f132e95ebd4f427387495059a27a220a0ee9b4615db06cb11671b7df7cd6604d52db11062d3a1083e462d63d63bc43b37bb80aa02cf154e7bc0f9191e2b3f8cce1680c49152c47403b9a6bcce6abc23902d7a9c08ed13e894e586c4e3310594fb048fd107340b69380524d78d17d9ca00f87c2c7b3c0a0350a8be7bbae81bb9b02021ee4947ca118e22e72ba482e561c96fa45fbf65fea5579c2d1bc97eafae00807ef2354e33e308674559d763e998056d5eb5b07178b35decd3bb0233e1ba2af1b08f96a1f8246d3558c3819abca85c8459645e66d0c4bdae5570f664a4190d005605307e9f8965a6fd932f1addf6d64124ce9718d3065c9e8f73b7efc9aa22befd89c1ea54858a7999abfef24ba52cec15d7bc06cec165e89d8b35f3e22b829a04f06ffa3651f39f036422fa404ba55c7f36d25ccf89fb7a014ffd8d553c80079e8ca9d485155ac77c8b57fd70878ae2c2486d353dd19c988cd69ea33fa80d89688f73a14a9dd3a7c0e11dad662aed35f2f193f8617198d1d8e9438a968901eea52178f2fc61b1be8f71fb75ccd527b85e7aa5882647cf8359992343000a21c5d5794371fac9fc755ba0bfbae9f3121dd15bee18bab5385907ff9c9b775fe57f784fc25985796bee0f0790293ff7112c8c9bfcc03d2ad680dda2670db9215d806ae3a57fd83f6fc774e288f77bcb4f789111566a34dd1ad0f4f8bd74d1478245ea47f3fe6c3db1748f27888fefec4a8041ca10925279eaacab133908c23f2fe9878bf941c88529d377c148fb4084f1ac035bbe2e5e56e44720bc5bf431ae63b99841b271fcc94775f65adc99a07b77f8a66eb847fb1ce730f6f1a8ef6a5484e8037769d130f530b7b2f3e0a599443ba6be3ec396143aa4690e45d8ed5feeaef45676200aef74c949b39194a6976e79e9d9a94199d13606074baa96ef11a078d3e4c99d23d675d27d54f8af7c0c6d8c8c9e6ac7617a04a7aa006f4982d28d38fc04f39f14ec548eb462164364ffe4873b977fddf1cc26b19e0d8ff114524195764ab629f896780bb18ab19d6fb8bb199c0c7a1e4d1ca949fca986ade6b6f56f1bba0479fb6893b7e2a74fdb8820a1acc31f44862da99af87c2f19a3a2c748b36b72a294347f3b3e5cbf061ad844564a22372e235d701e500b896054d9df85ea73643146b9a1e07877575aae320b9ea0275aadda6bf8c4fd46b7d4fd7d5bd28be2befb33b54f13a09c2b8797a384816c62342ad50228ce920aae36aaa29badb80d59f852a8417cddebbab12fbebe2c2c8461b228fd2cf21766c3c8222908a9886ddf596c514bb812fbdf647938fb5254153139a9dc7be05d35a675e4c0bf0b357efe9c6882b2650bca77c48f4ce30d468b91d6b12c38e2300445000e4dd0c9fae760df53e27b7e4b090fc62b87442ef8edd82aa6d7ece7fd9d2753e883dc880adbfb135270d28b0bdf451a32311d1f44d154090693161feb4ca0dcb08e0da9ea7f8f510c9d46612dc8a88321ebec6550d91f607b0eac07402e0f4db4f093f8b5c084620f603f61f39ad4e5a7ad0e037ce4e3e768994751f96e57c9e294abc5c329ed08d790602de407adec67b0b452a91b4ba9fd55bb528a54d042502768c77ce77753514c54dc897bc8005a7b60f70541c5046ff842e8f2803cde30ba6b4111d6e32d9d02d2c6f9a93d462e8619ec7859abefde6da1fe92b00d14333237b472610410418a57bc87901737b02ce71a4af8d2ce4df61aff74a9f5cef7c88e187478cd3a4452f4f25150a20c61233da5ac04121a4c497b5231e04026a738509f1901ed661feccaed3dfed50917d6e9bf81f9b815c89abff9c76f464f951339b2027212b3e9fde279a63ff0242655e6add26ba76877a39f982ae53a0c769fb3fd51d37a3c775d441a13df976c536cd7d907f280fa9a9d1cc92d8dcb3ba3f0c680530506966fdff1d9ab77b7cc99c4dc5d0fb76525a41aa4b8341dae405d354d3a7372110ed5fd983b838e23ed8a00c945713ac5bb41b37131f412036595a6430f609c50a4f8980bcb1f74eb8c97a3ce61b6523fc7eed2fe28f142d0bbc85e03e9bd953a5bd6f57e0a574c0dc23b9209791636df2f3d4caa06c9fec0114619035dc806163870e5073ce7e4da9713830de32b54dba1580a900568460447388d842c8887243c8e3285866e831aaee498490b0ad7ea7225a1468c455119a562697cbf1c4271974ecc7c3a2f9f9a5b156c8c37e722467c99964b36c0c49a802263a26a90bd38f6fad41272172257210649ff244f427ded6f67d3666dceedc3a3119988fb3e5eb2dbf200d2041b348bd6c9d7c3c61f8b33b5ec08e3c5029c9ab74ecc31354fb722911cf7d7051bfd039d4451b6fbda9cd086cfeff5841738e3504655fb9dfa596e41628d9867c39c3b22c5d1f5c3850ea633e297db7f9376070e06f6b3c751e9e2ce22c924d3db4fe54090250280900b24fa94f533548eabbf6cd955329f960aed8e34c868db6908bf584f03956c7b7fb8e34166d4ff1c5c1936855b0e1b8369ac912d8d7d52d0f73ca33e06563d64f6196bf853c17723f8e0bae83e4e522797a5aeaf059bd46e0e9628e40d9ae52c14a975e1078d7b960bb6f42e6e3cdcfa7d911f2305d24bea8d627cc75e752c97afca1c866289969d255068daddd8c9b96020d95f1180dabacd7d611af4f0423e831a86212ca250b7da7cf2e24149673c07cbc5f066de7d593a761185af33fe7f345817edcd5e6d4e81af6fbc6d347920385daed85f1959657fb30fbb68d5f99481fdbb209b23c7f273241d15fc9b325cdb86ddbe4e2240cc68dcf35490024756da8808f20f6497e6f4bbc7d4b5a7ea6e63995fb4572c2c979d45d761bd6dd1544d5354b0cd447488c007019961bb8053bec8674c46b029f70ef87cd4d4695065e5838232fe5c0fb19009cc12111184c4d8d89b989d58565da0bb8e3e6461b95494f45b52f6f77b4b4397e2276ba667ab223f79745ad095bddce8a8200f625cbc9e3204a04496f5ca07d15ccbea9ff849b29bb30b88a25b1efc776ccfdf430f994240ca80fdcf9f9e4c2c5d9b0fe8f35feeb16f3efb279b700f5a209f72e04bc0fd489027e15b79c7c8f7e7304e1dd1312a754aa607b4ae717b1f486daccccee2e6134d221cdea1e071afd127d883dcc8c40991cdd0d14d18d760b4eaf3b7cc1519ab10e4a93a1639fd8a78902dd76709144873ce4352c1bad42d74e7339f5a2a6c0092c6aea4da6a9c59e0bfac1ed4dba8ab929c1491d8b5a796072d0b9671e7629b880e82396762e61d84f216a2b50b64682342a12158ee26cf2aa97fcaaf7c4d4dcce598e23f9584a9f94cda6cdc26f3a98988c789e438a206c25ed11cc2167b2fa7bd26b9103f5224a7caeb8692269e2d7e3c0931decd1f771a6e3f5c32d23600a8bcbd7c4e49e1d84f8ee07b998819787cd90d7e9e2bffa8ea28a430c39da084f00b17779d37659408386a

Because the hero section of the Home page of our themes is so configurable, most customization should be possible using theme settings alone. To add hero sections to other pages, or to add new elements to existing hero sections, you can selectively copy part of the code from one of the examples or copy it in full, pasting it into the appropriate part of your page template.

Related patterns

Dividers

Dividers

14 patterns

Footers

Footers

6 patterns