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
9a6ab5f01b861220ba985f428d53dd451561d1e5d076b1a6c5ff6190a633b0b071395360e9e53c4bd502a94c5efe2205c5d18b6cd726f7ce3e17592208cd98685b0eb1b4886c158f4f3e6be4b2354b0b5a1f0fc13abf26e75779646c6d9d75c04f1e3ad2e48b3dc3ca9785e67a4cd0ac98bf4a73962423ee105f1d89fee875d14953e93f1bfb70a5fc9cea20b41cd96aac58d49bedae37b34d38be3e4856ad339736184d93c7411aa821ca4e1cc03bedb8d90fb06efdfb3c4b6ed6c145dc46969ffa6ffd27045d6d190f1d5bb4254140eec399a3b8787df4ceb97dad92dbd6835046659d0401c39d328a1b60814e1d84336af61fb36e7a922ab636128a9949d65468a2e3083842d74e3bc06902e121df6ce664d830418fecc1c8bc6af37e894b1882d23bf5cc8cca14ab00490d6753c3bfc47b77b70b5579630698b200b112b9407c0c92996c4e777aa9d5f8d28baedebe17922360fd9da51c1ba5d98249ddc79552ba0404d5d8f89ca18d2347347e6d9edce0d75cc25214edc82699a87b16536e55c157db5ed3da6af2705ca07a28a5cf53c2d40652ca6eaa57e487cbe39de8b59caf6ea8faf621f9da173db5e3b74eb92d4ff144ddfc5b6dfeca15b9d1ee48d3909e951865880b1d713bb23f3592cac7ca5dfa48bf2dede5d5d0c606e0e241c7fe2af1740d4a76379ac240e8b5c943e3b290565df7839ea3e1f484d7f5e00a223def29dc690b1c516fc90d59a94d245ccea1f06b7725e32a88b962dd04b26882ca01e2766bf965f621c864e0e4007f58fbdd3fc29ab6ba835db1c6fabe4da9db05b63174cd5e2d3d114569c7bfc3ff08ce373ca8cb1caaa9ff2fa8356f3cf4da36e4f11a69df78155f6d2a0aa3cba0c861d1d2a7dd6cf6d24a5f34c97aabe716453afc51de9606787d65425f1304237e827c0e960d643c5c28402239858ec00acd5facc0c6ecbebdaba548596680340ed114f51b21a57fb4510cbfcd535d332b54810558b24ea06db1585a85d6572f119b3848a17b1e94affee2e97c77a75fec8e729df11013112cf41f40b6e5c8bb8165102a38d05f93a95700b554380d1330fda6f57cc9b4848766b8f217e442e27555f0b3a1f5eae0e9f64e062d736c4feb2ae1eb9ad4dcc493d878e851502e6c67145cf9e5f31bf70b9a8d31bdd48d456fac293e9ab56ccd36d7a44cbf8785e7b79a3f244ad01ec6269d0222a3dce2d5b59ebe4ff2e622078cbe3f6e42159370052effaab365aba58ce73123c24f0437ff879962dcd665ec538bf7f4b8ed4eaad5c47dfc4005c57f2b5ab1931bc4da33900765dc5d5864c60245b1598b540d034b2709be2fbf0a481c12ae039c0defffd1072ddaf3124ae71c52d4421cef4fe3b6204254b523a3a26b8e09a2a7caf3eb8f90fde0be16253d5732ed57b5c6fad4230c2b7d237bba5648126dc8e267e6429e9044ed10d832a0fb1da4d6066bdb3624dc4f21de0d26be4a2137d58ee4e8241ab198a72204169a7f6c90a49a45d7c7b8129d89637d41d35c86cec40b8f7b4e020cc634b7d9264d183d19c5029956a057b677ac0bee17346c6c919032b6bf45820eb2cc400284d98c2dd97ad81fc863f57f66b7ffb9033fedd210b730a6fe934d4d28df30ec407c0f9451bc21611b5355f5aa73a545b1e14d919468803606ceafae898b38bfab2ff2b720e44279ce6612c4641c2f8ef49db285dd95883b7f88db680ed2cfcd8fac46148d90448a556156029a761587db352bad0de820f110e1fe725f043b15506a00364d43a056621b2867adace5dd7574f591df8dd235fe98878d05681206489462482b1fad223969508c3df1403c3a82239d9f285d130e1ad5da919bc63f55dba989fa5ce8d730b886fccda98b21f65de4a6865631666b9e0ca4a8e091e739fe27a236ec6a7ab512ec7b6f14230ee1b432218ce587bb425ac565eb2e47ac5087f440389929093f849b53f99fb4e4960f3ad52381d6c0d44e647d136cc02a8b4cbc5c457029fcde93d35b446dd6afae6fb9498ba102d2a84ac41e3e83c26d9680eede6f12c3a4489355a923af44d1d3c197ad46d88f5566455467344672f6c5f2c890defbe389ec174304db143788485de27e268bdd35eed9294ef65e63418e20569a8807115f53f227221d1917c0bb82a341a3dc08fa28ccd4c17d3e471a6c17662b8b14c508a4a5f75fae9659ff49b07325398a481cdc60ac8e07bdead76af452e50759d6aa771446738ad937731e64c3472c076cb032feaaf2be0c1ef82ddbdab8696a56e2bc4d27ee23b777b3bed5de82578cb5955d43ef0ecaeee02bc05ecac44e699f31082e756579d52a6b0f3f4b16094f4cf722e00ae4b23a2d517814a402e68748429a30ce9a3635b6f202871de530c10dca231972f329723a949d4f1831f0274057d844b7c607e198559ff6fc84019c3e5c539e6902ba8ebc621373dd2a4a8d468b89532ea1f9c46e762ad47032cf613785378b919b181fab9e3315199eb6738697fbe12a2b4ab17ef9ac4383d94bb74801cb84f2b5266c07dfc584ca5159a7e254363952fc90bde005e443c20757adfc22806f01c5bbd52ac82eb61fc1f8e437f88072701fc65bbdfaf981e7ce98d7e5dd50d537389a14be0a5888389e297b2b05b89ed22c70673be8eeab3dfe0253cabe0cd93af95ac3c814cb41fd92319d6076d87edef81388047a84c57f904f21fbf43b3dac142bc92c92c40aa8b2230395777852c14d4ddb08c99656f8d8ea34f8fa06cfb94da6984fa71fa89ac8e77b8239689184da5f6c8c1a8c242326f621ad38064ad6e4a7a1335bd46e64665a22008c3984a461d8349939775ccb85bed31fb9d7f6307065ffc43b6e761c112a2c8204bcf4406a775de5bfe63eb35e78328ba217ceaef481600a5f1666bc5ce66fcb9900efd9f8627cdd661ecd7a9284df81e56310ab409885af8c5bb9b9f08169416a0bbbd3634373776afcac6f8efd549c86dd639e92851c39411ce8abcf12c90a08305b6b94c91b258af39acd0ad080ebd6377a58fc55e7f4fd379e8aa5a2b532f95bd5cad44cb12c81a2cc2b614259d83aa99d241039bed95ac58df08ae817e17c2ffdd308bce015544084cf711541655fb9e40f2b649a1fb3718af25842e4a0efbda2a2f98597b83e16c9f7d83ecf9af5d07b2d8b64674ccb030a1ad6ec72981e3a8859d1d0407dc6c500cdb2b0ab43edc34fb959c3e4c52ec19e0f0310c3a59699106de68b349baf06261cc16af93d8d2d2faab110803465658853028ef6f310de6d91361f0267c03576f4402e620f15a689a9a025c42b5aa5e3744f1376f7d0a32651820440a88f459febb744ad97904d04406e986aa40b9037e29dbfcb8186a5944df96e89339c7f81a7074edaec11a8e23a4e3586bca2dc4c66552f45f7dbab19ffbff8135fce19ff417c3692fb4aa5cbf76a983148d401f302fe408feae27dd181574d474edd1cfeb4910b3752edded189a234dd65e0f3604c97bd2242239f6f56abf6676d0c297d80f7d1329f2b7b82b1fbed072a61ea94c66e8ac426df55353aea595cefc8699830bc7b459b75eda27747db7f505a73fe7b3c69b00e86cd7512ad3972d0e93080df94645a8178cc6f971f12e3edd54de8c7a85c47e2b50b78f1412dbba0c1281e4a7225566ba4470ec59af0800a3f4d74baa5e9f112dd5c6ab4e016981e19915f4396ced1d47ba8bdf579a00e73b0bc655b7a1fe30a96cca81e22702f4a818fc7e17fbb7c1304727e18e0b9effa6d4558a8cd5b060ab7a5c34ba5198c0c74f6869588212fb2ad4e16d5b3d5b5a98b4d16bf53330cd03089c49f2de3600381a9467b8eaf7f8c21ea37e365f67061b22838d157762fda4214e5acb45fdddf7deaee60c962782f1738735a54ecd8b02e00638d36dccddb937426b694fd05aa0878dc7b9b615945004358238af307930fd7df93d612ad0cfd50fa1926f846c6e7fcaadc360d0b7bad63c11175f70af263f863bada6ec944a37e53f53388b08e8f30d7f6ca84a0a91dabefa7036181b4b2d27a7324d126c3af6637adbd19da1620c2cfae1277342841795ab5d97b204f9cd78170488dedac60ddda5f753256c614e8cbdbd0f65b376e5151fdc3b933f9110a8299f034e55e95578c

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
eece0ff7f8b33da0105f9cbf34c27ccef381b3e1989cdb485bebe960a2cde4274f0c3413c3ad5975387c0f6c8d90f149ba750f637a0d15bcf3d3083481f6a7573e116083da6bc7e6d2ce8f093c5f1da0e7c9ba30184f4b9ebc713d1cc20173ff2938a2c6f67cbdf9154fc05c9353553612289440f2e4d944a8e3a00380b9e7faf38b24610dfe8bd0e72f3eb3af2200d36cd4d8c3598ee81150e7bc98c19e4126130a4303ce9cd84bff28b307db93d0b9089e3a9ba61eadbf65cb4be488389542ab7c995caaa8df15e5dd6df795a91160ccc5bc7780ee72fc24bff5954b71c3d9ea3ab1a4b8e29d5520d9a6c36c2ee5190c287ef07be46e2515a7d9bf869b1522fb18a6f4d1f399e4e7ad822a7f8b4ecda40fbe1afabbb0d96d1b97b6bd2574cf833afc0cc4b1a87f7e704418541f2da481af965d16af4c2b02c6718e6644a2201c2385c193f0b6974674098348c683f13ea4ed22009eec28fef33ac358594871c5a50dd391dc2d9c7a3f2251a046f4fe3d5286aec4656dd7fe8723aec97fc1fa34e6fc9c732fe7c96d7d7981a1f564170d5fe52ba53786dca32544972ee417c87b62e49287ec7fa1945150693012b6731c44f1994057d3252270dce43ead75315a07dc6ecd79c0e9101dbb505520134ef33f5f784814f911a97b09c987723c0d85b4ae79e2e06290c6bf3257a8f13cdd85ba8e0a314cff58854e535347abca3820305a0fc82916576de307355cd7ca205a573ac5bd926eea638e360f0c0d5b34eab91248e4ac15fc87eaed5c2b45a046d4d93343fde3699225ea889d1b8b9131fbfe76bf2d6189c7e49d657fb07fbafda204bb1756506d86704cde2d9172175b497961ae7e43efa6705d49d3233a067d2c832645436c27aca0cc7fb08a8851b1d5ee4b1b577a618152490f7350b5daf3d3508abb48219e2c4c62504c223079c0eba7d7f72378ec1152819af84bb472df3f1ef3b6b0ede66df71c7c6c81d8e261f98e19b83db7e5bf295d69ed47b4e97454c89c9146ab7581301c3e1771cfa9f2830b36a111beca34f4490591d592a09b01eedc9c037af695b5e457348a6e08ca87b3e84ca62c83e98c7910f19ab4dd9ae47527a53c40ae92bed95d8b66fa3ab61c3cbfc1b166d9ea164c47ecce41d1027616d116931cb096cf10d27886593e7f774888cafd5de3f5de174d36b80bc6d14e452bc00b90b60fcbdd71a5eaa2bfda4477dae106d488bab056af6d0160fbfc9b52186e54d375d55af5e37a87524139c3c604f6bc1eb0be39c5b0ab92bf74d7eebb5179069c5cda9cc05f05e7e17a8b115c5b33af8b5d6d92db79f3344e37e192f9837f55638805b13dbec7c0aa605ce05a34f209c06f09214efae2107ae6de6307cc3e205ebe85d21d7c2eb1cf3d0309418a7a2bbd717e4e942ed394b4fc5f4c339e2b53ca7554a5a534bb81ebec4ce0325e04ad1b8091c4bca33f67b09ca0c920ecb275a87349989f2058c55208a512f4eb17821f851910ad2ca5671698bc3e42f8a44698f81a55dbb183896818e2f7a84395a7dc6dcb12fac1b7783abb4634a11551ac17a0cf722bdcb306735fa50e5cebe781cb08ea4b345ae342ec1792072a7b38736a320e2819fa56535cc900bc6e49b38c67f3b6ce9c535dc23940719fcba91300392b0680d8122595503ebe3dfba7db7967195d8ebdd2fc5df84cba98730e03ea764aeda6a385f40795caa958cbb0f143ddc1331b862f38744892d545fff550c3560b7fa1030c99c0cb8dfce4952e629c622c2361c50ef9ecd512840115291bd6235db7a1c98833ce6f191d37ef19d430ff7ace9b277d0789c4665d0258b21f8f8b6cc890418f4082d7e55dd18b551ca6097beef241d2e375011b206d1322795dabae127051d6edcf2f2b222c9655c50f3838fa3cf2406810999b7f82249fe972ac88ae9432fc3b100a414252b1b9f64d9e91dfd28c63dac79034530cf9a94e9cecd6ed9fa642be40fda7edb1972287bff535322ad5d65793147acbf39e51eda6644a395f0ca7032583ee84e598a0831afc3878e015a641baa88ac4df35105e31a7ecd24466718a818e9f642712d758e9f3f3c2a52323d7fbef8991adfff6fe4055738825f6aa51184536651c0813ca03b573e92cce24f69f53693f95bef3918f35b07a2399d4e0343ccc5d9948f1d858ea1961f09160f10948f1b85271862b718d7d319e307a6277b10fccce15833a976e360911e15d43c73f2d062bbd313e0a785e3856b5a1cbb47daf3374e351d051a06364980f91f19e0ae4a17ea25c0a78cf4d5be87d99b0ed4225e5441747b6c9c247338d7793a4a99468da3a1ec0eb7b43323ed514eaef4644db6ac1f4e46f65cbcc99bb8204d0ad97b93db9334f0d3287f05c452ed405b8dea2074188c1635b883c6b1e481db13013c897f06b9168008168e983e9701a875a99215718d702e0d53ee3035d4abf9434687a619c74d987fb7c13890f0690d5f0b20812966a048cea7c298c793b5cae024d48639ee99cc80e8ced107ec850454d5c16bd676ab2e01ee1ddc276b0edbb455a7907ca5d3505f6a999fb8790bcdcb26fef9b50af2ff0f7dc4edb04dbac8ba15ee50c42a0dbffe006989649fb96663c719d92e0340e52006b69f936708117ae284b44d19fcab7fde7e07bb4752b6fc310cf82419b4536e17fe8a21eec25d633760fa3f3f677fd3dc4803c2ff9a77396c6e967e7160019685f1ebbdcef63b3f8bf0078b81784dab9b84c15257cff957f5495f70d16257651cde8c5c470f0e451c5d7ff2f1a28f9ef721162ef1bf90842c648bae994e8c9a9d07767163f5ad35f73246ed7c8b284bdb747f419cb9ebe8fe5d1c133358c107d0a1eaa3b92e4e2cd62e475209ad730f0624056c3461a2fe7bf5cb4bacbdf6febc3f94daafcef3a106b560dfe7cdcfa9191c387ca7dd60ff47c3065e9729dbcd8e1574be8f52a01dcefcbb9c5db5b2db23b9c594cc17409003b0a5b86a87a3513fe1f409abdb7ad51d1f9e7906aa894146a9bb16133e29181286aef19490262bf3cc61d40d17a32a593a6cc56a5872399266df2409118f51c24e5e249dedc71d84b36ed7deb98b8065625c98023720c3c9b4a62bffa6245dae656fb8fa0e986d9df448f88c8bf138cb76c743b16977075960c6e6cc6267789be9758bdb1ef8123fc7464d4c6a24384a1f4ab61944626897d89f4da143f8ab7cc020005191c0cf056c92c43f58c79e6f8b91f42a72cfa19f065d728862cf0208fc16409fd172892d277a48d44af57dead5e42420d38ec52e9b41121e75a2a52c32dc8491f9c3f9c1fc72088f548326e2bde9055e48c62abdd38a25b447da7d363963b60a4ef6a616787c7ce0fc760ba43f1c570a5df5f864419200102bbc841e0bcaa4b1c6ab73d8d17aba5e004b089c424d4f677f9ec76b9bc53aa590cc330419bd04e347ff4e7fc4692790169b9e439c5a44de88878f9ff95fb39598f9bf6bd12d5c0931992b4def866c0299f2464aecbe104973d515ccb3725106c3a4d823b8fdbd7adfb061093556d9ebdb5b7e8bae7d851ea358bd286e9ab99750f33dd04656338b0180e6dd3d874874100f0e3c4e9419c83994abc7f3d118480b2f9327f8be859fd823224c4092a26a08f0c9cd6fe5f3ec929fa7b3840218a013923a38d674b28a92bdb7ecf24c8e24190cf69a667e0525317d51082d6596c9c482313dd11a24a1e7a8b268fa606b8602fa940110f28ed396582e5ae9a9dd446ccafac47c8c6588c36ccb5cb890cd3e1154b91459cbbf874537083bd4c8cf2ae6095e3781468ff1c4518ed03573da33030d832625c3cf15f29efca269077fcf15c8835267fe492ee98e329fc9300d3a749f680b7a2be5769acc1632ad3c990a7fe72678bb722c23ae61d0c2cb514901443f8973a0bccda91b19713f0ee1a3a47af8a102aec83578b2b029d2528556dfed0391289d65b6b0cc7a62c47a34735da80368eb087f649473a9895519c23490cfc76711340425fbfe70f74772023c8cb89d01751637218a741bb76223de9fa76d71c8b40c8b58dae564d846ddd785928b97e482ab472ad1ae07e0c3862e10a538ce6dfda434939f97cf65e5cf8cff50493e6c28c81dfe6675a5c2d8f27ee356b456f35c0e86cf9f26e639c1454495671d44d6583fb0d817b9db82ae4d54a701a4a865d28c87dc01777383d02cc622d3b72ac2f3c5655d41d2324d6fc60da9139428ecb2b7af9c5ccbbd2979d2c1492d39283e8af2f047c3ae8ae5fb2484047522f7a284ec0731ba2c835abf0468af5b510f963c9acb22420e3ffa60f18655fce39d521199eb118a58105dea387d24606511a8af642924cc3550347bf41c2938ff4a72178a5f56daed9fd278be405c525903bf978ac17ceeb5dce5105513e6e77fbf5249be474a2834f24a1661d29a8e3b5d7ef0b511f3ee69e0d3ce8e741a580e82a8d9be9f826afa45ce8b1021378ef41746ac7e78b499290e004532c6cb919e4c2248450aabe9f8e006b6760ee17e1f4fa53fef700da435973e2007c036d744425b4940354159e3cc6783157f181453ae1c84bd1499be71a901a18574c9e1cbdae8da73ef20df92f15c379950f94fde8aa71c895e3c1a0072e218c6a9528fe34f4b61f777dc83f79a10c70d38e40d25c20d8a6e724ee79c698446c5116983f599aebed3608ce856975a67b7bff952c55acd71e1557f4a6a5157ff784a98d9a70846886e6f8f95878a2fbb3ac5a26948815dae733de9707501846f062e4ef931162cb5a36dc2ab2ce715ce00c3c22a9570429899435f9bb953e1bb89de8bd03807babde67b4ed25eee87c91e0628b72787ae6b58c11e306183ddb5eb338816a177c7634bb459d82a71437e4f5def76941f620cc1853eb69773c6222bad6ccf62b2daf62587c7f05cd50a3fcdf9d1b858b97dfc6a9baeeb186ce2489e6cebb92f34c565fbf5ebeb1d8ccd9d31ec293c01fbfa9d118a49cb2983491e81f755f4a37e3defa6c6d92d689b8864ab1055a4257f3dc4462cf402b51a4c6d536ff0f2d0a6ca1ff1a1de65a40aec0565b5ae2d9321f43e3cfc8d7295c63022f05275538059e5b7630e9bb987e8a1418b1129a703f84221c34e304e88c2b8528a07207ee9bdbfc5ad41857e15de080a7e13ed82a648d70c1921afeed11a13237e7a26e2a53a42992c91f98179e2248c8a7415d3e71b1c3738e1e8f3ed9eab08dfb1012bd43c00aaf3d56879a014a56e4793a8500908e82202d9d6e8347256d7fda05b8c5ac5f1a2c0c2067cfa81b86f7da47da17162aa9ba575df7f538a5adda0dd62b6b7dda5785889936cf44bbd30029e65930b2563b4985b4306b23a7b3bd0c102b464b141ecc89c905098c90e9507509ab8d6ef224086a

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
9bb1039d5785ac75840ca6911019c322171d113cc78febdf970f126594b7f69bb62be0090f0f2839a6189f93b0945f198c3fb9da65a81b56f913b2cd1217fc9ddb3c467a586f5d5c6c7b2f1b49492d7c9f4b79603a23b196993d5c85f007d7b1ca9a0a5fc381c1eacaa695109802e80b0fb8e0dcb04180d903ad9f80ad2b3c197ebbe521bd7e1cc72e312711401ae1eba9f40d1a8b0e9329436da1223ddf096fa59c3d6c9485ac42c2385b28156a666dd298e0427adabe862a6256618636e548179f948a9d3e667f06d25dcf9813498f9bfba9e8838af7c1fa99750f5a6cf22c114da266ade68747c1b995220a965ac66260526640833c973577daf5994f1f174e7994345e20da0004bbfd2e4c4f6c5cb42c5bc7722db2522f979bbd50660d52d4dd53cc906d9d4cb6f0907b210bb431d7eb355f8f33f94e370887f5a57ef4e3b77d8e14987f029f5efff04662141666f9cb3676c7cfffdc75398857428a877f7c4c0cd90ec6ef7f4b6b5e0fb17ffdcd51eced534cd1037860e79e69a8286d5a05b187ddd7444ff33b798b2858552a05139ba9d4767178a2d49cd51fb469ea822dc09176c66c205c8af07ac8728432b0576183c576adf3246522007d5189729d5b8a723dcf6fbb20cb6a193241d52deeff38c68f69411ddf918056ac1b955fdc76104574b98004d8381eb288e2ceaac48fbd6fd5fe9abdef82f1abb0605b777c35b3f70b756ad3517066347c77c3d011b2d7449e312c0f645694815a8eb8c7aa6d63230e3b6b820151ce8ba3949dabfd75cc78939b1c5af8930c6085e2a1e5bab72029f1f8e43233e66a6911eb6b8caf73929edf73f7046e8615e807224794633ab10366b5010d98f359d615017d574b722657a29510a937c4cb8cfd712a3bbfb2fdeae64427d6a10cc62fc347f409c9bf7d9006e8f2223275cf6560e79b1ced015c19156185cf10e379ea95bb5424395544983e3532df8e111af32bfa6e2ab0c694cfbfd0f826aec44ccafa90b911c0d291489389f04469d332721e81f1591d23e6f550c697ee0d36367a3cbcf279e2f646faf2547d95c0ddeed88e77caa4073b35adff7db94e4fcddafbd445b55d1895507241ffa0983d92fed8ef444235539fd832198432a32b8b286b7809d04efa329d9f7f07c368b25b27afba64ce4b94c08af8418a8f78eae42760b3e2ef665a7f7a80cddcd1afe8922ae0f946e1c8ab00dc668dd5afc608cc67740b1841bcebaa7196b153a79cff8e896fba88189527f03224a721845797d69798c7a50a4e8b80ff29dbbebc48e4b86f3d8065b77abfdd45e4e4e5ea9038c8e2dd20a3f5de9f3de961cf3928623f45148ad4b060bddac4d5ff739ad78cb9a18935d2b18f5ef159311bf206c401275c0ea77188e578353e08896b35e96c1136de90cdf4ea9d1de5ba600cdb06206b7461098752ccaae2b8b81295fa1aac9bdb4b5a555058106dc3030a93eb1603bc61c9a95a7a3bac7f0acfc1d241061c0116dbc33ae021edbf13b5110bda61757391e5fcc5bda2ad72d0cc8acfc5ca8ccef268ed478f2e9120b4c2c56817c41d2f4c9300be29256cb491c26428ba98bc0996ac255463b391e7572fc953c2f6f49ed8cb908f06867a13604282c70deb2ddb2e82c11af6b80b05afd95f27fb3ad1b46fa81c85fb29883a4a50fe5c3aef3da2949e4652ed7d54590282078a4aed23680c6992ab3d83acc7e7923d3c9c33fdef65033889edf4b6455076bf43a419ae731fadd6ef6a7eba1a7d8b8f5755c2c2bfff948645ca7e7ac6ebfa164abc489baae811d9018e599efbdae88de83e47ea459e255259f18f0804179ec52ddb399be71077c0f493f11e7074afa333768f718d1d0029e61025e0450692bff0c8ca4d9a7839c910a32bc57bd5711a5e0a604bd072b9e100b1e64d6574d986c4d3f18efd5d6dda0f9ffac3623c96d031db98b94e821d8407f170c73cbe398fd9be07d4808d4619954da9990aac30f9cbd6a0686b8ddcb15b2170f745d1701c2586649b3dd12db2293705649c29dbe1bd2925357f924aea9829b2dce18b73e8816afb6e8cb867f8e27d38a2936aa4a6ae7619a21f53ab4b0869b5aa2627a60290cfccdf04697d2207c2a41f80702f7e6e23256c95c83b884971f23d5efe9462931d99798722baa4eff3ec05ab15279d642e62809df65e8d36de48269f287a9f0399fb33a93cefcd87fb8bfaea160213a80dea6f9ed9c87a8dc3ffa373ea7cd3a4c6bc388af177f74824715394b3ccea0c8c663f5ba167585813372927f560c5a90e1cc2445eaeda0b5e1a5e0c155f26b9d6bea546ba6425cabc74600269062609ab2a823c26525bfdd38565fb7ce1f4777d64d84a951ee6a531656c5252de7f18df6b39a4bdf84d7c15df159be0457c7c2e869fdf3a91d0c5813f81c753247b5ccfbb7086be8590972b1084d6865e7e0f04e459945ffddfadd249746e702db40f6bf43e0bdf06758b69c506af0d770c0480dceb52c3c168645883f9e4a1259a84d73257ea2c688be7281c64e437ff86b7d61c2b1e8e29372759134e370b1e3ab389f49cea74b44a1ec6c2d74c752d1b74357710e7ba11e7860721469b978936d1160163a821388eaa2d0b19dcc5f9fbd840f8254f8d622446f34b853d97b46b08dea364fdfe0b2a78cf32dffcd7b434ed5be03af186a14055a03fdc78b32f021c3e37b4cc29df4334a26f7e66dfc6896e95b30062f38e88a0e54055f17aa5a0cee350e14457f99021523bf948ad353cf4d0bb7f752553a8ad86d3210fb87e1642a485fa38d8583a8e69c7968a2c7d24761fa67fecdb0ef72d84fdddb368f7fbd3c2a7a6023fa0e600e6ea52b8b9568480a18fe94f3b7408311b960666ac11b7cd590ef1f3995d6ced4126888812f4a04b89c50601d90718edc3c2e807ddf3d6235e4ba5b0c276a9ea58ec9732186acb886ec5d15c9967e4281a6a60441d2dee3159a82164663858462be049d6877e9bce7ccaaa66387e0435baa744028a8b734797f59436cd37ed4c26a62d2094976fe7f80e7cf8aac934034b64434be74a1a14fb8abc3d4798b6c0f4177826eb5c05591f50e157e73b79bb02379ce7d7eabb45d7d57a2b2d49d7729a0886ff40cb7e586520d00e0fb6ba59345ccf69e6b2511e97dc13e7463977aa897c722908bf360e16c0d7d1c93d5ea70b30f120f97c5e1d58808cb70244107eec5a949c56585e69ed265602c50395fe5f74c07bad5ce560c680534b9e812e506df00d6545b9244618c9f2c0acb487a071d5bedc676adabb821c41a6b96f5a3ae550f65caa0f0b51a036159d20d53cb25005ef302f176750f64cda2c151abe36f56c3f3565f6cec178dde914d4a4954cbf30ad8731d9ac3214a8aabb35ae2657e48b51106d2d52221659011fbc89a0debabb5faacdf22d753cc1e5eca5d02b591e9572841f1f560f6a90055b7647b76987f7774f86bdbbcc13686930f84c4eba78b6535969035305012a8697593e575967b087e129d6f23092b865e67b1117836fe1b3d8c37295c33dc8ae264f36e6be329948e1d683931bf77997a13b666541adbb252184ffcc75d586b7ed6ff9961307f0f71b727fe3e9e74dc17da5df5ceba5d903d65bdb3cabe15b1c2ac5798faccddfe4d58068fd15bf159028a2ffb7e381e5238320fbb6da9e2dcdca97f6b5188dea2da87fc37cf42f54bb01f5d98583b924e0bf810f833cd8777c4d954155cb57ddd1d72937bab19e2debc5f3f6de4cb863a0a148705398806dfd1261cdf5a254223a739394687827a459168f85f213c649cb01387f51cab0cab87bcd09b732d26b4397fc6392b8a004521ab760506be75e0425c48fe2028351fd489bf128edc298a4e2be21d3b5377bbba4e834563939516c854786ba95c91b15114d61ce055ade60d021143b59550dfe559ce5375027a4ff2c0e7861c736662ad3f0d1b9191ff283672754c996ce98e97232b46beec7016d63f24c97310b6eea1db419dc7adec2d647c8356ad62aa0d6926a3bab1ecbf941b2c125a78390541b86cabc0189f43179c836fee9e8a911652edb19fa3ce70691ee293179d8a614b3364fa134d80372d15b0f3bde126cf489f62992f7c89251a51adea36721acb718b221df0eb5a71fd07c1d9c502364925c1eceedee622989a8bb4304bce65fe907bf6d376887554909e175053c37488eef2c369845cec30423bfeff3bf5cd603d3362c6e512960bb2fe7ccfc19437956a84356db0f89983c3fb78249b9a27695928dd0e34980d5a508bb2287aa9d61de5d0e83b05d7afe27fc2e8b82bbcc90855454eae04c12db101c6cbe2d1f1847b3cf7b1663d8abd6965dfc5592f6da061b1dbc53c8b356ab79c64974e1ae24445e52cae7feaaf01c290e30b8dbba36af6da34a678fa1762329d3503586c5ce23d522ac26f8a6d4482dfea5d75da6ee6b52570288fe2ba59ff136df0b15f757c64f48cc9fd816f91737e03ac083183e8168feb1e98b1c35044decd4b021adc5e86c46f4ac094647490efb303d809c149c8aa08426fdacb8908bf341f7204992070349026b235bf7248bc1a856cc5a701719301871787cec6379260121782a767276728d9c8214b7b2e3092f041672b4a6aa47579c460f9be1b31311b01592db25098b00ec9ca3290278e31f565820bf35e6e38233c4937750458b2edc4110dc9f56ecc378c782188b38a84b53f1aa4b9e3d80e8a25cc938180523b67d621a40e55c3536e8964e92a3ac430564205d4252e3004177e40256f63a6da2dd2e56864eb14893a9ec2974587a8d3df77b7f1713f2b1a091874b1125830bd7c7fdbe526b7f18bd2527916ffad6bb723db1d32f287cdf09dae6ae75a851c02c5340304ea2da3339226b996afe83d66b02d286d77be2fa883bdec43a1d2be8c3e10d7beebaf2d0b4c2fb4848f8ef84b861c67833ccb63b2bc713ae0840e2e2ac0ea8ed72cc963e8dedb2705eab3f53e5a8946927f61fd63090e2c741856bb473433c6f450e181c7b5ce5c5616ff39a8b34658523281cdb4a737c129385969a6eb09c9b3dd58cf77874c3b1d347ba5de034d6bf0231c156fee255d73575d64ffb5023248c883b1583ff318e03f8342c4dfc8e690182bb2e1657c2be59944a32489723b05476792583de855c0cd232327ed161a5cdc03193a780305aa5505b5e500de143a5934faba9a1dd5714f0bcfc107e4a7033eb44800830f71a34a973d4847a88cb15cbd97e10e213d0610499235faf88e5432d173458970e90980f81652707260e2fe8ea1c53c22012483e690957f1365c7c8418ca157435cfe98c77693026c6430cde84404e91feb69d2cd9550c466996abed3a4f6359e0f14ab003e8bad2876d0656c67c08a96602a989225e89

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
c1e0c6b930fcf5819e88027428b791fed7df5c2081c4f20f02ada82b7f3481d92b2e6086877293052b47dd4aca76f301168ca7f48f3ca6271465a6829c7820eb555f3d0421f341ae63043687b7e573bb2a31a40fc0073cbae96d541487a218a767904a60638e7b398cfca725f48dc4d7f756754ce9ff3553d7b03f13164d22f040ee94c813c2cf91db8dbff3773df01358b3e13ed2708ce61bd980d8c75d02e755d249bf5dcc6306ac317fab9a00f97c05c48591497f4b404f08ff7179515c52e56878d51af8f1f8dd2018d9151266f4241be90eabbd74fe1e2d4c847d068fe6c43d871e1b33b658f8c6827f33eac712879523ca0bf30db22e52bde508e3298ee37fc5dfc42820933723597818102791f0d9a34eb18c4aabc70acbfc2cd52f8d3abf9cfea625312d46e25f5ccd001950d15b70658bf06072ae69d6a22fd6ed7f91efb6617f058467bae0ff23c3496fff56ba9e8eb3414325d4df6df23693def3bc8f944f21db69fa7e45e62553e2c577fc2864750536cf7662d1211c950fe1cfd147bbc7aab063bb8e50464ccc15490f4b96079f0330b07b6f9302f25792ff816d089161cafd84c35b9af6f859054605a91ea8f56dcf06d8184b3154f66609a229c23926176bdfe3428efad9b235c9f4d06dd8e59f2781b75915606da322b5c52c8fab2a83c70c88604d637c84c206f04c30077b136f6b2bb32ef234da273c123d5da459df4fb009e35b38b9b4b1cf27ff85e3880c1d323d3aac3df45a2595fcd3a6ff9954062105906ce20fcb6b7fb954d475c3fe842544b9a2a8fba0134a18ccee3cfaaab57f8db753ea2486ebd752f50f3477d305ca2447be1f51c4cd8fb8a818c424da807f08b33e3a5f699f3186346437d42bb6845ab1b0465f1268ff09a2fc3b84611f4096759028f6783552fa87c47fc7669993417512af2a1d9abcd46f9fdfb48637fd8856815a292644e543e6f2e0f696d5e0c7c9aaea1bcc03927c86d090e4f888b4822dc11b8b35d7a1a505ed9dc1c93e9458099f52f62c6f01a1ec5d49a073ca6b1585e1c8a7c97e81e29ea04e17c4b2a16d2a7a746e5e2237408e4df884ba51ca1463c9a2b17b53d9265c36f5aefe5b8fed9d9efde3ec3087c17f6635c6e2cf1024d2238f4bdb3e3b90513fc59bf574ad719e1bf8bc3797a5f876142b4611b60a90f097286046b13fe196c1cc0df38d6977eb62c45b85b7d0ef42f602b380329e5098388df77033c5cc767b41ce97af9c640d58a5d7223e794756e191d9d31ed05821e4af6d0d9b3dfb90cb3a6bcbbc51964ecadd2fe133a339bae16cc788200a325a12047a643c2a3f0389b51df0f132a037030cf3ec2bc3c90c6f1aa0bbbc08117853e7c278920b13b29cb89257626b3cd12682209d14dca01a7d1e8af72ed027fc6ea520a9c4a76b465198dce3c314e9d495b6f749387f9f2c13ad91533685848db5c2b92e5dc9f6ff2b9ded6e4c2bd401447ea59cb6d79bc574d6c7004e26623c1008bc2377a9994eb7be97a5ebb1451e90908150bbc8df9e50683f1be1aa4c7655bb17a631a8322c11d42affbbe2d8e01298ed21fa9b8e583acab8924e5db01fedf08573b6c806e049309ba0595cbb5f51b3288091974d2ae45cb881fa001e406d909c512086e9c29d75892d0022da0f8e5f94c42848559cafefd7df59869b779825f92982fc02db3b17f5025a0de39ac16e453066277f043ac9637868ed89a092af1fed9fe015b883bfb5a8a3a820e64467284e5adf486776591b5418ca8e46fdc36b4204c71b87bf9d33374443660b75fa9fc018fddf0c43d62875f0876d1f007b4b59eb8aa4b1d938cb982cbd47c04f700f52cbd95ee564afc6d4fedbcbe8ae6f5014e15a58a4db0bf7bcc65bef9b78340dd07126b090369264fb83eea0ef82440a8cc68decabc8eaaa0dcede9b215ac44bb23b1fab7205cf71225e595f7d4cb6214d1b251eb417fb5f318d867e31cd3f4a3a5049eea450249c7275c48362008dee26d6f2feae0d571410148ea1bd5875f247fa2b0605227169641738596aefea57fa972fcf6f8d1a7e580cdd91124805428e58729df64d83198f01d543116cb0bf0c75e9c8042f8b03fa6cb08f024838f84b2c013a33c638ed532ce5d380eb0f5de1311e91ddbfcbebdbf628e7aa99431d295e0238b89412bad4bdea70623695449a3355914094dad2c83fec4a3e659f760807c16857912776077ef8942e64b6aaa2e7b3059275c7ffc773f862bef4275b7ab6f6a972951402ba9eff64810203f162039e7a44f34b37721dc0479a0ee4aeb153198ff767e127a3815c0eb4420b7102a6b03693b430fb453d2ea4e16d3f5e6151704f06590206c3293353d8148e17cc86fa81be7fbb87cfb92cfd50d1ae3fd62b806e191593d87f4b2155881d31947a1b3ae1e8889822c410df9344dfb4d718720414449801f78323bb662df234d7f9419b7f5fe9e170403a62a5717452a4e2807919119f3838f514020269ed93b4075b6b38b3cc0410f5bcd4e775fca3cddf9e7515fb58c6f0f6d0035d38c69252e4b0d418215d67b70510a486fc0d430521566235f59e5218849c491f6ef114769944f2a3956175105e3eb8d6290f9a4b899864922b96d456120f3ea94af8245502f38687ea5ccab8b894a45b8b622c67eee4167020532efcd9437ddc9b94929c63f7cc1071311b2bc3b1ff5080031e706c01e1d5d565b2bb185b1ea61a12310baa79702b33d3a83ff9bc2d528e77e4a06fe7026b386560e08b65f490b1158a471cb0b70a1ce8576d193f48b3754ad80809c24d61148d8858912185b573fcd8d4ff8795115c91e3261a4357f6c7da8319a091b69566eda7dd638df60b2fc0bb0350636839cf3e66f7006e3f744eff9402c372580b18facf03a5b1849f9a11921e8cc04c2809f276cb385110fcbc77454f883bdf11f3a885222fb6012cd0ac36f6eee89d5cdc3573f8776275b915eab83eadbca6f5e0507c7b9f648d1b6bf63c84998b0994e4221b3731243944ec343b26e6f3c09ad54a5e71d14a9602964360982961700f24acf51e35f4e74ef101e419720bec9e0fe8050d7df10dbac76909fa48e82e4eb8519474648bd94ae77f164e42efa2cca9647f0d7826e66481662f2d0d1ba415379988400f2281fb7b18e89ce8856359a85fee7a8d2f5946ae35a08814ff7ea942a3d155d4748e1ac418da7909bdf5144fc72aebe2f54bb143aaa6d1d25446b86b544d1a50d3aa04dbc0b5acb3d1132c33f783f66aeb616f89c63751eaf86ff1e7ad66b3e8dbfb7577bfb340ad37d43e1b99ff58146d84322da1ac4d24a3343dd27d46e8fa8afb867b4275c7dca79e3e11830a0a45f4bbcd798644a287ac4f034f5c7ca282a1978971bba9d386d3c0757d5baaf7ab557f7d73ae9431ba71fe44be2f293cb9e19de90d475710b8ec754559f91044fb10d3e569d4314b3d8431cc8faae214dd82450da8a697f5fd71c1f22969b1e32148224c12c692c92253ff0fbfbb1d7386cf06b15ecbedb787a5a85c09d99d66925fdf45de3c612ca1c460e715bff43bbd56ad4e94911cab9eaa94aec85a5af9a39ebdbe10024209bc05dba9cdc8b8ada0fcb14097bfceb9966c4850221aeee2a953d485ce9ad25a0bc2297ee80043a1abc9d888cdb175fbfaa0cba288becbcce6edbe32fbb878eec71b89257b3fd85d55c53594d017e34591659f1236d3b8e6fbb4b1305f5c4ab1504ecb682a51534a9a9614f2a37667ed76f003f615cfeb3e58d69d3732ecf66de0db7ec8c2f813720e4cdce1495d4bdb2e7f909dfcd21ded9cad43809445f92efa5d4340222c32f9d08a90da4f2410ec7e294e2c978daf8633f432fd9cb2f32fd9bd5000395d58b5827217861799578ca4df39d6cdba8ed569a16ff88b91ecf78fec5f5ef9f0a7a139624078fe144fd1c2b2cf50b0c3665ae53bf9b152195ce8189c671b3488245d300759121ebc64f0317e27e53d4cc941ab1769c5a62fc43d802226675daf32b8883eaf60b6662bcbdf424d2a14d374b51a1ae9c7b4a7eef9afb6d31fb2637e1905a64cdc2f3f295f201f2bcb20abbc236446f4c1586dde06025fd630fba755be0d0c38cc914fbf9691f32571fe86180f97bc0251f7cc073e37e09cf0845e7a824c1d2b899561dbb89b605519242d0c8c66f1b9fb8dee2796b0193709015bc79bbbb08c3e18464daec1a28771750789b736fa94fa6c1c412768cbc43a309b57a86219e252205c8065cbbb640a3ead32e158ebdaca64fbc55313cab7058f9eb5ffca6488598c342e182510fbab41a35a6e93394853808026a9541009b49628e80a888c6f22a3b20930e7daf8792e76bf68e41207a860fe889dc7ddf7084e0f37102ee58adcb36d56abe9420b710b126d373cc9ef736ec55edabed4edc6e8670b6eadf8719e31eb8257f3cef6037397fd6a5ccb17eec5b26c6db1a486c62ce6451351e07d376aadf3bd664aaf7bb66c6a29d0a40106d40740bf462c23202a80793078a8378703c85f965e8530e4f0195a0a7eede7c540fcf288c5e727ac7ea697c8a4a865dd3214444ca9ce9ee409502f2b7b491c4fb41ae96f430050a8805f50ff6bdd94de80559f121a4580a44f3b8555add7fe46d50114974dc53080b89e973a13fe6468967207be1a10ce8b5e592080e2af06b0441d5e1744ac7dd25cfef689a0e79489e4e49a5ef6c2c8f25498d0f7cfbfbefc3a7a36ebd50065bf086216ae6f09adb0761b3c5a5db54d9b89ffd203f8b7baef8514e4c4ff40597631f8db34650066c6f6f8d7f9505c66a929d4d5b65215bd8a6bc83bfa6aaeecc2e832ba270079e6ca04efa99af9971f2bf4797abfab1350db80a5d68ddc9cf3795242bae01cd01cc29f70103bc96aba68bbcd7da5a6e755a5f5f332245e3cf3829eb84e897305983c0cc9e86cfebd8bf46695bad0a0a3ca9e4ca075f18dac16cc1c992533373ca0cf3580d0cdee74158220387efbdc8b5a4664e22fa1a4f3f2d53edf5299de5a90f8b542ede5cdfaedc8977c411da1ddb15b6cb86bee4a4ba54a48fc5f89c5cc14dab7eed37181d627a4c69735c509c8bfb0a4fc8cf33cd8aec1090f87888deb65c220397cc3cc2eb7966b3ebf14701052bb09b5a30f1f4c6432fb97a8c988e8e89d9de895a6408240390b6515263c19d025c342891f365db767cb4bc11bab136cfa66c8901e8bc0b4ee10fa1fcbf530a8c52a59b79ab0dfcf34cd69d67ea6157715ba67ea3c46e55c51f8976752059b7204cee67364203f2a5d2e555641ad1e198f4af06b6f19c2a696983eb68afc0199bd821e1f1148db428aca2f3ee383c8aa7ababc2e708e0863edd55e2adf1a589e5dfef3911574189de30dd05f07840c5614ae1e9e9b4201243a7d6baece2470063f4fbc564c1299cd2b

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
b99df9ab0a69ac25d9813458b417b12e3ada0777153da152c8836e2787b807b75134c5ecfc12a599eb2f5b59431aa046150ffd7878bb4f916df220da904dac5f3ec3f6d4ab57e51cb830edb0f041dbe5910361a1a6d7f21621d4161e3d026879fc30ae689e6c7b16c77bd4929cf2077c0ce11bcd924eba9c0afc80a10ec8af28c81719f0e76bd9bb79cc7279a392305a0ce48d878ed819ddf9685b635f76f89446f947968ecdd4d29be734a22cac85e06ba9276daffdfffdb941031ab8ce86b5038a5bb610a242c17d6e07bca2d21c5fac935c583037e6f6686e2872ad2fc7dcdf2e889f45407e1b8012861d593617c894674967f3efe396dc8439bc594e4bfb0ca06ba06ab459c631787e162844dcee31faf3c671d12a605b59d5a592e78b72cb628352db0b5e0e75fc1a3f081685292a1cd0706c55ed9a993c12c395673241c8a2b28a65d599348566e98ff2ccd8037d7a641762013235c56fd5c993bf570d16609a1ef5541a91036aa3d9a505116b88f123095b885991ca20584006610fcaf45d7704b1e35960695812da935661ee07f616b1fad5237d30bee9da6a64f496423c132de31b67722ce7425d874e5fa56b147e8b106123855da652e9b89191ee2fbec5669586d4bfc64bc81272c809b8b5ec684a9c58fa3e97891be95f1b822a4b284728602de8753a081fa05e1a3016fa34e1a2f3246533cdc952d1ae7973e910bde33613b4f3e4c1d3bbb86c4c79fc32a6b21fb2e1ac5862cb3fa0e6dfbf4737176fe7e7faac0d2a02bdb529e016367e60952cc393b2beb9f2cc2f9e289369e707575c6c0a4741d5341cd5093a3ba23049a9b7de1d56c47935151c950272255acf864896ec03053b9fff5081532bea42e2e7172f21d5fc8794ad11ba13e897d14dd0a418a1725588b1c08e1e54f55c86973ed2a124d0ff62391d0592c2862455382cb2dab21cfc7d8c21e58da956433411b70ee1e60894716344b07a3140842b346cfb58d1c6ebfe97b5d0dee728d563e82ae9e205f3d220fee02ac362d63ff7aeb4947f293d4241ac9f44a9a03d85bc04c8bb5b7aefdf95e7f050e791119ede09c0fbc980382ea67da460f8732e6942add60adee289b033a277cb5a1f5c5af09f3d10df53655e14df35d70e48050832b31a56165f221eb231b853032f6145915e7c285a49466adb77ba97751238ff8c880c24c8f45712f62972301202b024a4d38423a5b243b1eb9b3dac31b5c1f45896cd1fa75ae9d1951cbfe33103920fe783ca93a02011e46f2039756b9d796d62cb25e953adde59466f1be7777de6032415f7760503c39fb45c2041a3b998e33ede809401a93ff2698a49efe247562953e45d9ecb8ba07552255ea38817263f0c4c9a252120968d8ca4d2122e2b47a0d534f568a377f96c3074d692142a259c00fa8923adce985bf4d36f6f2edb7bda80243579dc0c8a00377d1e2735744333f3cecd3333e5e99fa49e198142abb9b2e1233c24567dbb79a9b05a4fe811fbe9dc658bad9180a5a72bf228ed0350fc58b0da0a560188f1f0fc26aafb6559ce9b8ccac080c97525a1b045de6c5c43e1b2a0aa2a1c98ef8c8891c9b17f97ec96a497bd949d1337a62ae6468e7ea88b0a1faa3a263c780113e5763ab170555cdd591661b2679e7b0fb540be0d87666813413e8c02d10962f5bc7bc0ad66556ba52919ca1c97e6c3c2558b228cadf4ac581764ff7b955af70615381b72ceef5084987530451a17868cca8a811c65a03c25c036cd738fdfa43f17765c10c53c6f0822ad64c9dd5647b1988c382ec38f7da9c9a0e6f7e68015e99044cba1981788d5cff930487c287d2798a71e609b702eb3a5f42460b5576fd18a1c0c39e32f8837e64acb783c9f5fb1ceebb1e870871566d8cae5d667267eb9cc3a74ef15ec74ee45d3d774fa0b0c7e0810f54b965eebf2c985a1f334abece6c7c14c7d6cd3f88464bde6e9cd328179943588a4e2f7d5ff258830058f2dd41cc8894a753993abf60ed1c8773450137f2e80fb15792e06c40e1c186fa945828e1c0f69765fb564066a0c2c72c43c21be3a6ca2c738e77fc0e75d153f131af51223e97ca0f6029c9b78bbef8ff4bdb13ca99a9ee6996e9a44fba688dca808dab64bc926020ed8af4e3cb175ba96bfe77f89fa730b2dc85ec80d260c3e394267e3b7cccf16886c0aa5b5227be3279c737c4ea5de88d91b4c05cb3cdaab9a582e55f91e2c96ada89bd146e3ebc5d808834ad3eaa414950590506f84d005bb6f646b71af5e7b8abbd1346134dedb1b8e60f924358779c05ea5980a3130d6571ed1277f6e74dacceb0063109963b83127d1f8ef4623d160312fd6f720967d81ca080c88f89836258717ffc793cd142bec3b5a609c6c35164e77263f58d05dd9ad87ab59c5e1e99c8b47e4ac0217c67ae63bb9231334e41f9224f0188666dd981adbb1c3d748f71148f25a80c45dcc119eb5a9edf7ea957fd50cdba4fe22a9c566f86edc9847934439e588959507a5c1b58e1e1ce47d55e33fe4342c33e21d243a22939ef2795a7b9e7f1c1b082d6bcfd48e24df632ced09ac68b09e6d9c8838d4e906df11aad7b0bc7e71f1cef60f0b4eaa38b6e27749e3b82f4a9426c17f69ed95ad4111574fda652641dc65b6d791129c4dc89e03748072c10c7a10481d87c66eaaeac181ac898ec3f74c5531dd21c34e5156f31b3d17b6636847bbc776a11fb2c355c0fe54036196b5487de98ead2b9940717f0974d69010cd1fc01309c9735d9c766130e627d8842e81d3fd18e0d32f5efdbe1e803c51ade00f3b9349a7cfe95514a6d8dc13c324fbf7e695b66340ca52efec3dd462ed8c4d9b4bb10bd21e40934550b9133c475ea7c2819e81ef93082546f7cd0ffdcf78fea9d07e9165269796ab8b94c03fcefd7b6ea87469890448877054f57892b8f5ff3cb85e77fa6ba988f7f36ccebf75320a3e5a878cc44f36eb2d871fddbcb6f4223726e5dc777fa928cc3c4c146494beea3fa29e973915699e9f44452c31dcf55d94228a3e1d369a1edf64d8eebd7d9edcaee10d58addd729efe9829b8fe3a23a6935c99e223c207b75feb08775fdd62ac55220dd4e38f1eed5b9f228f7829297dcdcf9208045c8ef27e35bf39f004e3f9bdaf8031fad2aa59cfbee232557c3c627630eb4fc7a7e772b1a69cc266ae25a90857a0b5ac0ca70fbdcc3856c0d0d9aa99ca2b9b831536765820e9bdb459f543a0d5604ae00254d72fd668471ae6719abb65f9e0533a363a78207b951dfeac8677ff22fe153d835683d5b86432c2dfdadeee963f88abe42a4833dc2a5bb9df086df79f23e650fd289a159d23a542fc4d32a238660566ffec291cb94485a2d51128fba0d1ead67c954e2e7c1f899e437cb838f43ca6d1745ab51756fb3a764ee21eb4a4feecd79e87468f92ea295da24daa22bc7863f1a740ab600ce949df8aad7b789c037c6398a53771f2d1a45f15b89acdaafb2e8299661fff9106e781f5521626bc77215e8b1b9845882833fdf6559365c9e54c20807b094fd916a06d91084707756d344ae17efda971d66142e613d59bbf2c703a113ade62717be65a18893ebf6a1055025d389548a70b8fcc092338c99ce8b76c914695b40b2fca10c7ede2669709ee10f8b044795809f6d4027854ee72c0a96587de8dc51913c7d38074e30ecc69476cbfd466aeb3179b75ef9421970e28d9454d6bc6ed6bc788ae0b665383203390dc4e60acb14503a19dfbbc4c551bfabfef61a9f21c1c494973dcd7d41bab6732b0f4ff83a2493107d5c9ffaf8084f38bc51d8d8ff6cc973b1d8e11d8a05bf2847a945e06e47d24da71844c57a3b5779c664f8b3752f2680abf2098385187eac071c87b7ad008a335d5bb73399e7ea6b37a405e9f952664a742b7c600edd16e81d08c5d52ecb0f993144e83dee2cb407d5c70030db7ff323729628b598f26ff93ee563f7bd48e892130d46dedc99b3061dd7b6acd2e4ad83978dc5686a36201e6a51f18d3898bb06c4bbb98fbb5be81aea22391b2626309f95fab73a82b9b60dba2fb5e61486b94417fca986001ef853252b9d56d8c972508c90375e03c3b43f13253863e893259d4c724736e6799d0ae37fa4bd49daa4e6525921f17a9edf5d11bcc7fa2222cb0c7d61def5247823446350d2ecc78fc0b315bd2c63885f5a4cb376a86d69de9f89a2559a5bee8d011cb7ca45ce96e294041bfe7ca8e7d20317264dcf10a3ee9faf043cc4073c488016157e0964f8eef0cf2d777a5c726647e7cb84359fdd9e6e1f76fc9ba3f9fc2c6c0bbf4ae8854bf28c7afcd3ff9e512a8e4d3cb58ce1ff4de0b7cf34b1010c6e5d2dab800ed234b5a03b46f839ccfc585bb7d69b4d5de6f16e405b282d914a5ae55b3da08b222a3953ef081db714b16eaea974f97042dee23f59e14476ce1b76d3016dfee36911c6c230d700fbb0751b99c0fce66ad221f1d016bb2431005afb394062e36dc5c6f8bca8b5e0db1ca1e93cf7f87fc4454b69af030f377396d5a9b38f6264c5b5c9fa5b4e1649c42a6d94c1e8a0271c8fc48fa118a51ba2bae2ee8d3a4556f2a31fa5dba7076be9b0a4baf574ad6546f0ed6bc1ab944c87f0066a1f87ea0d08f701e6d0a9008141377ecb1d5c35f1e2eeafa6519748fd5c49d3cf0580d4fa0e699c0d02f64913647ad4ac90987646bc006a37db5ff750b0ee997fc5aaa352e0f6ff892e3bfaf552317ad145b7a11b80fc655574487215b857c07f6ec3f3e4f87c0e7f104537d7faf92ae352cf236467adb4c6b9ce1f1b3bf2e2fcc3a7b23f1846619d0bcd2ec879ba31a9e80f9bd7b4a146d29ae8c81762478ff3578cc02b5e3554bdd50ae62d3531b5e6a67fc39f69d8b874d8954eff18ecb798ba051ad20edec7488330c86e90894bca48857a123364bf9023ead52651a06dde3abb39c31745c40bc11404ae44868ea8633a40359bba3056a826a69c04acaa31be0a198be315ad01ffa305b696d6e955fe809be8f0522b4d5ce94e4dbe2918bf982dca5f7e658e63e1b194f3df8f87d8641cc1cb53ad180d98307c99b7ca27a9edab53195f53a9b9c62c516b4f1f507b7a2620175363d3863db6e9ec213ba400a2de26caf96205f167d3c1ec9aab9958404adb1950ed1a51553ef2c26727606f0d64cfbc5a6e38e05ccc14024236ac2b1651f404fc50fc0c8e872879f86071da383afceb74660c3b9166f6d595aa203f4f2d24d1c0bb03afc784938c743eae658b3235e908df3d18310f771a0960aabb570107d5f1a1524aeae8124fe2a03f92b16d30383454b1532cf36dc03eb37e77d9a227a3c5b0d30aa55aae3e99feb56ef42e3a586483bb5d9be7602caa7f5d77985b11c1a354b066ccc8ddd92532ecc53a53d136c811c2a9a30b46a3374e4a016a9977e2a2c34d8d6058cb0a2b29ffccc4ad8f7e5b4857c3d9221f3699ab08a8f6351493201ef60a8234bf0632e70cec33f1bdfddee661185724807767abde27393e9c95dbd07f696cff484094ec25e62a096ee1293a1329804e0993a1d98e781f34ab73678328c0e1367114417

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
0690cb09c1534c8211315cfaacafeaf05bf93da9bb0313e9867188acb811f2f00f4760211d191619447c5dfe9c40b08ee45119465e76dabdc78a46526114182ff532b523e15649ddee8de0158e5b5677ad191a39958ef3ce748195bd8eb78775eae248e082c70f7137dba2d885d236754300e1cc2f7b6db364b530b6b7245fdc5a543df47a412f2c54a431a75453ae4a2360e372099fe8290c5755a01927e18730f0c3e39a801752514f37b6f23e8e72294bd35056c34a46c444899a67d26f49228c704e0b44b87ffeaede53873e897b39d34198161592f09ef493563c89c0c1205d571cd6d2bac44974cff6874c0668de9f5cbe82a8b8d1f70988dfb0bfc049deba380fc0c0ba43ba960e6a7a62824b90f85eace22d49113eb68d82c5e0957d75dd4c6b45c87a34768886bb9fb9e86ef2b0b3ec564cfa1bb2e74fe67d557f8a309025094165dabc35a1279c80ff607bd9b31765e2a96777b20bc8c55e2849c3b0f64a9c06c12d1d3358a188bbab05db3f7693c694267f2ab2d5d522b20dd7f0621a8922ff6f5d4eebd15a731fa736ceaf47edfd77b6a3d92b26545b01ac3259966a1e01c75811b473661a1fcad3c5fea216322ed7d8daf72e83c652b35d0d3d94fec16c9e8c253ac4feff1456da9859e54c6009bc4f65e63c0815f16df24985b2da67b38a81346abd635b5a56b56d61a9ec56e80082ca76863d0bb029bb7de0a35bb06d3dd46822540fa24998b6661d75f836145c5d01b033232533bf0cf154017ce180a135e658b688738a63f03d4781e2dee6ba8d99279f808e91915e11dba9b23e6376d5f3fc2dab6bb3d7117b1d4c4469933001b07ee9e084614447a7ef5cd0f1a137d9649fc239571209d997ffc96d60993d67f3c5672e38c16be263fbf61be954ef90eabffeba1438cb49c8bdb2b3ca74b293efab149b894e35bfcbede26f78718774b947e972102b83c87b7c87624de09064f49695367f8f0c42bf5126b8e54f54bea49cf23c681b4bd8c9c12ed9a58c302156510784b5231fa9a9c84133d87b4231c4fbdb92275a77d7ec1dbfd6701fca7066cbc633a16d98c873fe980099accba9431e835a1fb4b8522ad96ae6c8c91d6ad23e82f45d44e5b1494915dca803a5410758085b60a18423f8f2028870c1101878acf11c3a4731b5e162ce7637f3927efba3afe38e037defb28c0b6ac91f29c1fc0de8d55416304448196aefd13742c89e26565502cd42df63b0e641787f146be807350290ef07d4140e6c13d2e6631741f5195ad9024f31bb6c7c98dafbd1af4332259bd77edc4905dd87a3b7babfe7a443ea397907704838846edaec4ef97799fc92c22ab9fcbccea172336cdf723354391b2db96bc8d52c820b9b0c719c37876033b7fda3219bdc23f2539a143b202149abd271cb7923aa910b4a33a2d27ae52bed9411e2c8c49d8c55bea4e5c732c73b1b236d9898cbc724f925345377705b66cc013c63bf26ae0c52b99668972389ba84d37b836192571411157cbdeb96da984457d1dc3339e844b6a3c4d5f5deb4208985b2e9fcb86823695a5f1988c331afaf4f738b26b80571e37d9672fc6d7d1097d6646098fe448a82923a54ee6d67e61dd308149db7c086b42302409847e1fbc5869946bb2023c0ccc23692381945696b3c9dfc889eb94867a3202b6f28091aa0a983a505cbec3981c71ab43d222ea8b8acf36eab640eb130942b1f91e82c239ee46a2825ecb1638d080c94bc4e993dc5c73aae985e997883f181287172eef440e4aca858b8e6099b303be63ac9c7b8037d7a651f36980d16a2919f6fa91c91cfe42354eec5e4434ee7f8b47b528c65080a8155aca63e9a95f28986721d1912346a1aa12c1d36acff7287639722ec11c2f7d3a0794b347befd51c57316412cd22714cc0e07da07e12d52693704b249a6484de8c980bb01c7130672155edc72c1822614f3d7616a3ae43f9e59df2b21c5c982ec4b0b2d2725c57d1569d5738332da66dbbce4bbc8726052f27189a1fd25c91302dd3be8cee0430cdbd70503ca0a4d68c756efc038a8c32d13f87960a0800108dd721c7820468e9680987cd0217cc825332bb60d3b5ee868efabd28f26a6509529f1538a7910b1b79b45fe09db9ec7af25fea90e704af4debaaa5984338fcaf7e9016336cfa66e9a93f8e4b9ab3b9047884dc9a13c119568e1d8d0e1d15458c8a13062672ee1262b394c89b29c9218e4c12f928078c0c30dc36bad0a45e971078b2eeb2d2ed6799f736421ce5548968c21eb71041af0dec2383c8d62f69a28eabe4ca3baac08b69ed83e92ccc39c00c86f1d67a933b88b142f84cbf1267f8ee9d3b8aab9ba08c37fb6966cedfce8ca8a013faab018f5ba95b529905c17da5402edb6ee7866ad3efbb0e57030c571d72322ab57f8dcddd98fefbe3e6533350381ad946d4ab2c80049e62b86ddd569cba38429103fecbb8ffcb70766a23e5650713b1916c7e5aa19c96501d5ce076de3273d813dc27f0ba9ff69e5079855daa646b00d353fcba196673ab8a62aee26cedff10d570b8ec900c90ded35cf916d1e63b67e9ca83aaefa943e833631bdecf7460bb1d6d0d1407a8a534fc63de827f741836a34854442e69e89a9b448dfa8e081eb588f532a1e0fb0978904706d3378f1c327ad75b4e56457e51251a1ad89b3bfd21d93183bf09328b2d09bdc3949c44153b09ab25f847b72006e8177f6f89585ddf2716938147689b067928674bf626463f734a752cf34006cda1d8e4402b1d8890a6efc54b0dfb832ae1023473d4bb03d37e9a821b327c54632c4dc1f2984159d5dd58cfbf6261b444de97af84f0fa822f03fa834917c30c451b7e0aa77432a83c06194e6434e1ec047e0a770a29af4be7f2ea854c39db832ec8a26110c0ab17ba391f05614d607f0cd2192d31e3c6b3e522796e21e5645354c3586216aca9c66ce5bb2281490cdd3e564ef7d791a71544ad449a3afaf25e18233bbaa82fd47aca28dfb20f905f7c368d0ac74be9c73204b2f102ce81c2bcb8bb89d7ffa3c7ee2b2949c0102229114e91f10743e8b9837d5b1b0043df399d5e2c2aa3951e01d55140fb5efca4e35f633b5bbb779fb729c8d6c8d7876a35393533ebca687361e4826c1bccc9c0be194761780c0a857d708805587f58db67848d6c07da6a38d5ec3cefdff0d37d9ffb7f3e344260cbf823bf86cae33eaccd53780b1634f76e640d17fbbe8e93f553c0908caf3117824dea54298b8a5687d19ac61d204f92894b87557cb3137f8336291dcc22329cb0b7fb706cf7405429e7fc90dc8249c2749c4ca587b355da767c3597468ba33114ccad064c6d45a694b9cff797db240f8562206a42ccb7821f385ecb9339aa80b520499c76fee2481b8b502e8be5188adca8add5a7131233b0c9d20936924d04ea3b729d4f4eac266528587ce33f0f6eb90894ee7d39503a9a2c9440241e337caae40db9cc107401164d73e7aea940b83b68c0aac4f8a85d3a864bda30cff8eb483baacb43d83c2f230db36eccfc13a9a8e6a1648412d62dd33c09f518f10c354854f4189ac3381361f239f3208f8c19071c02e5b2358d9580cdfe3b9e9b53da720e7394f64cee249f40a980d96aec8e6fff2e2740a6751cf23874b7c819afd2e8c524948a73c60aba5e020bf39d877a468d813dd20768961e3b0d0d9d5c6b937ce68ecb47f72072a57b7cd8a9e66689518a5638fd4c0afb59a07dd12d8f353ea6bbea5bdf945041168799abacf5b1cb902edc70a2d053af00616a1dc1cb21464a2648e9aab72c47af2b3cdc2bea881b8be7bf76d8a55e70642066c91a5db0df185cb217c0574e3f6692a5c0299fa023e4a6e73601050d3c51d469af6b5f92b3c9eca42469853a3f05972d83fbbed2defbf8ace8a8b03a3b268a8885542686786e0b3fbed2e729f748a99a096d11cecccca10f5bcab589ac21e6a15f7cfbc90445a140121d1a727d8e929f5014a6336b975dd46bf90598f8a95966f53f3d1efb339ebaee9a68b09603425795ebab9a905b6744a2608ef721442b97ba2aeac12d7f8460c0a8c632afa2069b02970e7ca408bb00cb5cc89469c981c966a88f0aed3551b1d1202aa4254d460e8454fb92e896997357f41e4cc65b215b20fbb02184ed974710ae7162116ee6913105284c8b4e642a878b14c2d59acb0953fec4e11fa8c7bda4500721102bbb495042db78b92023ea18e0c652567f3f0cc820fee66d5db29a2b46f5c28923922e4a1acb66c60a189d46cea83ec2b2d63aa5cd4700aa2154da720251f7379b8b336a1e3fc19df264e4bfef20ce96559e198bcb375324b777a1aa81e0023abc9dbf98c7de376ac28a86112440024efc304ae9173d20a47420c59516f5962fd7ec8e1577e1e3328216bb18d44b764d51d4d7e2c480d0ad10482dc8bd3203634a351208d519d2a3b70484fb2faad309e001649ce7fc5946a988af6caaae99510cf7561e4d7d79d596c45fee2bfddfc88fa5941b7444d8e4e3bbb105cd6d21210d558175c58930f6f823a0040f0914785d885bdf544ded8660634b898535e1cc0b73f3c9738fc9180066d8c0d057d6ec2a235fd670db8418a63946e4b5817669b8a4345c7206069f19f48747feabeb92f90c84a540ba6db8e187c048f25b8b9bc1a984275bb8305cd4f1be9c229815fb4db70db1d6690f128bded9196adb0888959d5d5783f68570821b3d5ac29b638dd4a463abf9fd0fe71da5ee20292b32f8a5f387ca6451f2f992ec02d991f8e5c8fc7d595dad6744916a3980b22ef1a348e9c8d78029ed62005e5243a83ba83eef5c868efa5a372f07ff466cea853068aa1054173a4452f89c31ab1d16b43c7d2132845572e3483b92df9e7445d8b5cf941516c16597a985940afea2da280c10eb4df3569c965cf0d56ac5cbd8c8197c85297f6a3c4d962eaf3b47fc8d204c04d55ac3375b278ee972134265c2586c3bc224ad799ea647006f0c0d93a732a05a54b47ba36255c576b6e97d5218e865918796cf12dc3def4333e2ebed70b02d2d8f9fe0e5b8ddbbf0f2d391cc17b1649cbd9369f78adcd9d2f24f48c2357a158bf967314dae546a0c8d8bc1a902644bc2381024c8645ce91d5153ad1b6be483168094f40e03ee07a9cd5dbf1ce24dbca2b91db01bd711eea51d298d57a713d10091a1544a065aee1ed52992e800cc3dc77c1c1ac7a1f2d9eedf7f309b7db31e1c0bb20239961317297dc04fc17afca6ec02a47a1f4e7b4da31dd422a0675b04d104be757da2eb1b8f4f5360b26f9401de3e876bc75335e15c9c66677ab349d2732bf607ff8eae55ca4937a293dfcc0180967b983b14fcd821f599e494705a7b7f16517e5dd2eb04236e27e5b1d7286dcc254db1bda7b13ed6109293d9ef30e1ad7cd611741a00295e03564e2e2372552bb1ba379c0c09f13b90a53deab98493a8f5d3fb6f5745ab54074e67dd2369b64e8c00f694deac233e3f47c0b082b9a748c4b39ef5b3b01dc2901e67ae00ab9e1eed9011d0f1d66b562d2ea232e1f040a8f450c6743d87af48eb981455a71740d26a146461260da8ee391d22fd96bb5b5fb22a9dfd75a57824e421a9eb8bde9e787f7891a7456a02593ba8d4d09eed416b2f166db8c9df81ab71a0f9cbb514a5fc83e242e29fb770486fbf7934a11429e296b85859551ebd2d5fd15c91e2e2e96c3c3a364a5fde9e6373889aa4e58554dcc40b662313f1bab320c253ab6a6ce96910919bd82bbc54a46929b34e693602ff2090339950971235385b90a55cd07291ef191a4aecb781f9eb5ee5ddc2088ad7ba1427c66f760258e8aa934984b928ae7ac241529daf99a597ff22f15a40881e9064a63b75414f0925f0acda3f284a6a72c183c926d3e6242e2f52b8f34b0c67a124c43976cc88ed85db31670d5fdc44c2a21998251592582c45661f3e2e99e5125dc59f662e39514ae5146a94b9ba6791e5192d5beb51d7bd459ce810de78aadac32fcc818b1c1dc7ed9a4be3ccf1bb49e8501fe4859d23f1fd463370ac63600b621db696b93af16f05c31348a82e56c94994f25afc543a38f238b25d96402241f24833739eb897e8615577f7197a577cea22fd45f21abef4f7c60690be66e1b945d6a456100a7d41d932249d647864ddb8cb54f307e79a6d05921277bdc2e46b17c53c4deb5253e485e63adda50f8c60114cf007c678484a09103353eacfc0a0f6e0584e78468b442e43b365621bad5514cf42dc4a99b3b60cc03bf654ed67b07600b4f7de83fc653a3a300d876326ee6701bea84735eb211ab994d95dabc14a75f8ffa9aa2c0b4b30c25f460e94de7358c2b78c6dd45e1694027dab27fa4178015ea43b4b5fe5bfcb9db0c90954fd94b4873fb21562453b0c0e009ee7f1bf036e13796dc46a5eecba0a85396eb741020f7206c1db7a7833687919860df96439a9b2c1bd42df6bb437d621a5a1bbc6dd66cebc62b08ba3401cc3f141d5ce910bf22b31bee736618aa2e328c53b2a0b621cc9c1fdf64c2ad16080bd8521e9f6965ce58c59e17359fec30016a7600a85a5c06f1304ebd499232698d8469990b9598a5eee628127f01343ef00c6df9801c8ad7f154203b12758171aba1d9a83c826495e9f28246e6aa29ebdba64c0632c9c874d1dc5b3fcb32d7668d1e63a832a687dcd67bc145cde1ae48a6c6eb4407b7f1d00c3c7ec6c12a387430e1e363485ef0d63c8ad8bbee59cb702bebd9fe1263933c35128db0bb2573741ba51851136f917ac09191e73f15ac2fbe0c6648491e10956f1a88e38158a8a834b5a5a847e11c530826e06bf70f721c482cb8fdaf9dce8176c240326f6d7a6d4ee243cddb404c687c3633517bd76be564467796970796004dc33861ba7ae1470b46a0cf82f207084e1b38678f57bd26d788c921754de95801f78bb732ed53e17a838110ed4ad905b9d8f6493555f8448e9fdd12c36ffaa4895e0d705692bdf30c12c2cc213291c61f01561c072c91d254a87f79e25b108ab4a7f47a0b5395a202c2101915b7b9c4e942aa9a3a0c48bf3952d25dbf22be68e8c2e3709d024ad82208c8ea1896a477350e818d300cec62f554462718b4b079958086a34cb06f62c4d9a70ec3d273e1228094cfe3ed03a4bc6c8a98d1657bc81f9bc7a638284db3f784161a687601772eecd2f718e39d9dd86b8bcef081515ecf27212557f4e41172cd562511c419abb1a6680f431c108e92ecf297319fcb2321143cb3a719db8d5fe8c8f068e35011a7aa321e7c7178738f937d1f4315cd0aaf99ab03d66a7091e40ae532438282ee925a66d1f114933ee2ad94211d288d7257dbb97c0cdfafd789e0e0c1f487f218715360491ea177f329bd388419ddddfc29a9ef6bb6e765332e0c53dd25dcc739b1724a554d93f88ddbd25297f16c04d84a1dddf59551c6c764b169d5b936a314e0dbb7764524b4975b596fc980711edd4f92716918f1d45f5950fcd3e67f3d1a7b5f7be3b82d501b147fa1ee1c9027519505fc6240e98faef31367d3369549bea74cb55f401ed3a18c0b9275b2d5c94bd4513d4e44d736fb2c32eda2c4d2b52369770f35305d764c0d387d2622487e0b60a34031e1a6fc34dc71b58ff3935631ad0220bfde663ce7e9e4afd20d1783ba9f385eecc3f74fe50ed18085d6c58a20ba80b38985cb01b377ada6931a2cc17bfc6215147c27dd82283de5fb8323a477cb728d2e4c3541feeffc60d1247318060f0f3dbb70faeba3c9c6d9b9c36224bbb16b7f73f70c27eb727e4e911608f4f3cbeec9d0100a1de70a264c0903925f44f3d9e127e67850c5084f074de2d4d6981859fbc17e9401b2b06239a9205e466335d8c590a00db7f78e7df0c6436eb06a882d191ad51174e5733126c060ca696419d09bf50c1c33758f3a8713d558d5ca1a5854fd0221a9b89aaa2f68d006b9062eb5e87f83625cf4bb91e26072c672fb684dcbfb1683b7843937c670007c4505fd93c43de75bf88bd0a81e3ebc8a634626d1017ac511660bba39db649c4aba2bd2c8957d35013eb723a718a69f17f1c767a636534e73980c7c3bc9ec3dc3e32092766abd2277668e66f26cb8c00c3205ec38654b4bfcf5116907bf8ca191d3c1ccc01221720a2d134cee6a817520228f56bb58cf870ac95eeccc015539ac05f881db6eaf77d10348693c254b05c8b439763b40b1f91c7f08f6191686cfe0b1563ebf538be456960484f7721672ccda72f2f86ec52167c6fa2145600b60021fafa008af10330c8171d095fdc24e50bb0b54c1b6f2a773d8f1c4226819ce1d025f03aaf1edaf18a9db6beb37b0b1e28daf1fa40ab27f89746aef91c22bdffc0afb1632cdb26b5b820012e8a3031c9b3de54a5dc494a3b6a91d32524733c963dcbe127e752b5c68336a9dc710e400b3b2cade0f8ce49bbd6e9cef643c971baf9d1dc2cf3dc9bca55a740c3809dd13a73056a4dcc55b122d3556acc135a71f9d3229eb1b0c7be150a92f486e2990a121fcc778a439605254acf6ae10b165ce2a4ef7c65bc67806bc5b3c633c45dffe59592ce90c4ceaf039f1c445430d3eca236886c1cb281de95faafb554ff6eb8b215381a760c91d55a42cd13de2372f3af8959080f486549136958f513a307e5d56f8da236d6dda716ca65f8bd8650b154c6285b9e1f54fb84341c575568a02f00ca734e478e76b5cd3edc6a0c213d4adc2a042028992c79f5e068ffa16d0a3913f331af98d13c941905c6bac1f866735a87c25d1eaaec9b69c3c0dcc1c70483e0abbe53befd09878a8da9a2a755ffb9e813b265d88ba09ca00a5b7ead7f5392616edd9c0cb18e6ec3ca04991b5ada573b4b160195d47354ffeaf977ea44aec6ad4c9c29721d39d1a98ec1e1d7a2b38954164c7c716dda7b53949f1560c65a3336d56954b75c836c6ba5682657f5071cb5454b4eb82b1a89c925f902676f0dd53840ac12ce3acf04acb39bf0e29e98ee74f9587ba64e1ae9d2721b0af6adb6814aecdcdd1353000c569068a7276a1beb0c5f867574628273d9b2a601cb4c36cb2029320ff35b50a1bb2671a7d507e55a97dbdde6ab495123b15dc7773ddfb49c90c7e0941e29d1bcfc3d1bf27ae4f6a5265208a774e2609a2c0f48f5dfdc0b6c605b34b496318c9ad6d7bc268f1c2ae8329fc777eb73da78267f6d2647bf6d0c4b415abff3f2b6510357db74786407badba0b1a1d4c8460b2e8a234956b0bd837216e67d2d3a6911ed9f9f5fce8ca8a3100565df686f549a7c618b31b9f8285e023ec03dba0bb8a1a34c8c23da5f3745bcdc4e30e7fd25441897976c0073c8655c04dcc72ede851c8a09a8d6fa6e0e8df591da14d15aa3f493614bc606a7f58e84a151bcbc77399be671d41c6b0213cd2244f8ef400a8544345d6a7ed01b51d59b19

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