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
ddbfeb28bfe37fe0e32d97b0424b1f61e9fe9fae4a5f72020a66aaf44575e50c3712c3e012c3336811133a50a71b3b1133b91851682f10ee4001748bfcf4a4baaf496f118af85a3c200c6d0c17e15abb0f9a239c44bd894ebd528e12127baacdcd473fafa0376fcf1e88aa5cc33d79d3cac03416d4f2506bbaba329431568db52c66dab482dfb1d07555fd8a1d468f6a247a389334f4ff249075ddfe99d0daccd109ac0dd26113755ae2b57e20d8327d6ece2e15bb2e29c7ddd0822c08d5a97ba3b823f2ce2a36e080451334d2e956778d332de9f6836a503de678f8cac97ad39978a1fd5080b04670be7388054b3e770dcc448772e76a805e562f6c4d1afb21df643c1f3509dcc1e56f790c28b765d179ba6d12251edc2fdd29d444d12c019965b2a71cf00cf5995d034a4528ecc8d444457c9271b4eb96c18000706a6043d85f6aa78ecbcc86fe939788cf8c069e5015ffaf02a44fbdc7ede957369caa7617e60b36118b8853375e8671e5957076d18fd1199f356ef1e8f0e656d09fee0ec1aebdc616816ac5b68a4c316c11e5ff3feb594e6dcdf2e764cb8669a3f4754b6edeee56948733dc6bcb7e8e996e1ff4a88b17c773a03a95358e3adc0f1e1ff7edd99cdd69b574807b8737e33694b3d2ea8a5e3a9cd56452ae29706db036962ba6580ca76880d60b848b8e96eb385e170b7f025b06884052ec3a33135b72d222124bc806807769a9ed9af633294ef5960fa426b69bb782e6c45380450d28a38a941f573e32ae908b644fc0d6c192de150dfe8fdb9beccdaaf7c6969a3a2f29153b628787bcb2776a0409a8f714689e328f5a52b3918231293848b4373d130a79f6260ca2315754d0c281606d449b57ab0d45ef386fb7bdac009cc45e7bf56e19a5c9791b970ed22e54981231156766cf8da416505071d33d9397d0147cfac30065cc35b4c029b7ceb61c03257923750f45212bb66d1c85c7bc9a606aa8148cd1cb49e2fa2bf76920c1f8cbd4e9945e3a7ff82c66f435344a359464faf390887832aa6a9f491c82085e922fef04023288ed1cc520edd0ee42f57a54e74dd82161b1b3cc451614429d0cc21882d93e443a6d88597e40951d816069aff8603fd49c6982993eb02fe5b6c2dcb9f63923e7a1fcf78a6d64ac0f962cafd028b66c269d0ac6d704d8b8c3f214ba71ecec77e3f949d739a101acfd9a2f3bf498578a523a021aa1cd1749c0ec6c0968fa9942c56850cea457e417bd0d42afa5e2ab3d5b4b8385a752d42e2cdf742247e96f08f8710db4d2abccafeb13272d792d438e6c8556e23671e5a9bd4181b8f5c29aaa2e7fb7c3fefa43f16e298c13d3c6084e959d411f299cba6a701bd12484325c34a09a7a3964ba62e7fd46904cc351704fca3b1691238f3cbf6b60224891310a4d8281327a3b0b76acb68a69cbf23720ce6e39628d9450adfaf7facf1e6e747156e28f5e7dacfc0b29b644bfe7176de63e8edb508d55b84f389625e5b2a3e0505d0cb94b857bfec3e71971e136ff03757c993d5c4e5d60f38fa0c1722b051248b84fdbcc17bbfb9acef1c2275167187b78d30ce843e709f7414b0b7a3139f55b7a5e20dcad5e08b9a04a95ac48ddbe61945553d2201d86f52f72e826af2f81ada14fc927a99b7b9169ea05e890c39e9660032501f98f8e5531d0d08a151e73d7b7e2c3a7940aae9ceba3a6d3044de2fd17c872b015a9a07ae0b6e287758d42180b09db89135e5601fb76b1b2f10121895a1212a4ff399822b9cd4c4ef2dc16abb675a7635deae780ed9d674fc4cf75a160ec1d0a610f711327aa5ded57662b521d37dc4e925b1f97ed993ae4d4a1417a907981280ffeeee815a9bf4d28ea6b8775be52ec39c38c3188f0ad6a25fa23fd1b5f58f89d8f3b75bcc41f801a2261528fef7d610fa42222f53fd4e0c2e9af26668d54ff0cfff2606d5220446e32f61e7bc66afdd73320813fa5d533a998e4c810021f1350d9d0849d50825e3bb54017f2eb8ab8a5bbf995d2997d0d4a278a99dc761af69b66949f1557c001128b4295d2f023f58121dfc8143afe97637ddb9ad8ade2417ee6fe8e005c84bc34e4fe50797f26bb08064b8642636a03bf999f03361babd61befdfe0b6284e73d7404917dabfffa381085ed661032d977739255458534493e3b0d27594dcbfb9a871f43f4f0b5aae205a7602d3bf63f56957e3c5c509e2177f679f09b2ae4701cb8ed8eb88b7cc5ac9a607f14c6bf6c9f4e35bdd35c56dad5431debd9486bd48fb6b40f917435b216bac294b8a7ead940323142d306a878ca9dd3712ebf1f7497a97789f3171264153ed97bcf591c5ccf23a1936928d87cd90681f65ea7ff4a4c4b80b4f9877d23509a10f43f613883973a4b2985dfc9a7113711d57ac96eb16c43023869098c4a0216c4a4eebc6ddf12fd3c10ca28f74f55f15804aaf9dc4d72c4dc15f7a1bdedee8401c751562d0fad20b8f35c6d3550687e6c1ebb3a42efb54e152680e9d2ed88d2f9891059cd4e3c401f29a33eabd9c104e6a183deefe43a509a33478c4c712445f30c858f32ad3e2339def191f9151e9c1a57d3afa8d9db2a6eef6a0ed4cd01bc4f79a1a9ef1b8c609d73b3c6fbd9deba98d41bb6faddd81ad3448d3d0b5d78f6f8287040679afd8c7e5ee118ff25fb59ab0ebbf122a421b2f24cb435513c7d6a6f3b12ae67b59117dfd90236af659f860edd962c180a164236f00c2d67ed3b9db91ae926ce81ec0bcf578325a5f180aab2ca21b583b1d4711b28118935760b39d2dc4d90c2eea5fab697b9d9d832703a3ca56cf830806231cc13235e749fc074a8148c44fa0efd4a31df6a65c8940f3a35f04fedff99a4d9a5718e0f96e877f570ca25c1ecdfca665ae0d3b0332ec1cede765f250ace9ed1047aa6c61a64a9f0a9e4427bf6c186cb3924c4baf1519095c7e76e49f7900ad381036117ff3da407f3e2a9f91a37139f05be012ecf497a3b13003b34d64b231ebac3bb777b786c1c72d7ce16ee657d980c5a57f5700c72a806501a1006ac47ad8692af4257caff87e25928bd8f25910bf0fec441a1243e01a4f48737f68f2dfb21b31e2d4350ae1fa5471889c71a6bc40c162519e47be1d7cc1acf23a506ec682ebb6a1000282c4ba6e744d58b7693ae815b0adff883e4d063e4988dec6c0c9c7d40f07b334ed9facdb1ef1eb8f11fb85f4d163ca9561bbb84992443f599626251141abe9dea19d802ab8c14178086edec9d86043f45bfe379539171cee554c4259c02932202a63a430cd94f759c17d7f40c861ac40742a0fab580021bb4f76ba9ace6de296ac04a229809f940013305be3e6514403fb58b68505f27d8e9819c8488edab66d92352270672e21f2539a3ed9fdc6d5368160a7cabd197f3b0f9ff902b085410586b8bb306e21248fabda8f756b37179de52dda97629346ba4d18a3a4dc2e7b874b47301b01843b97d48dfb24e8b4a47b8a27311c0769847cee0e5f245179fdf50f3229bbd38bafb558662f6e2a4e6cc7b4aeab7d566df95a223f56ba00b24d3b1bd42ee33e625a190cb59383d3fa24f2367e155eb39d6d076ff283c4d139dd66476e7a54736634e5bd54d0e74ca56997e65d230744907bb107b80b8186d03b1fde3229f456ef5493b4d3fc5108473f28f6951033f539fbd0196a50d66f7b60c0e21802b13d8b424506009c4752d1c47fbcaad878905fee2fbeb101dc60aed79a6c27258b4d2f16a44c08431a9ffce94eb3e8f6db24f57e97072ff84d4c3b5f15a8a1497db44befe5725af835fcdf68f0020da518dfda7984ff422cc61dc8cb866d71117429cb29aab5c81a64da5e0e964cb5a32a18d23216931f39001f165d782a3122f5ac219b84827dd708c955f58ecc44cef60eb6858f697ae0f9ae558835f6ea9887e49935e02ac9fb5756f77b8f3712d557af3cb01e39926e37ca6d6e999725e5139510607908dbeb2a8f88f6ff40207eb6fe3b3bc9f149326916512c2f072a831d21f790f54423ab13ce3502b8c84e63613f96f78740a174112261a2627840e1369a4bebbaea1ab58232e967e7ba36a791f5a53cdc8dcc74be55e18e24d6687995c713b6cb32ea085ffb4754f772

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
001cea31bf1e0666bbb61ca94e4b5792897a392d262aa6557bd6a0ccfb5c8300e87a1819de231d3242dc636c2753ffd5a661f1767326099e3c5b5b069d69129f979d97963fb4580450190f655387986134c297edf5e33277d6f3e3983c188d2cac73a9b2945726fba2f6f3e1e0501bb115fb4729e7dbded7c129b4b5a4f53d0da7612e767eafaa5e612b01d82ba151decd0d84c82839943896b051de7e941a47131b9892116ea7173f52c281b23c3ca85852c0f1ddb8b3fd04c49bac98ad3e120e8861f9179a16145c8be1fb8936b72d9675784164d52caf1d29d32e54216a807beffd9a83e60cb1f3bd1426f0f795417832116071154feeaaef130bd473f970bb6e49ab625cf1e7be2793cddf91a103335351eb852711628a3721360687d41a2f871b9926b3f55a37d823eee29103f5a88da25c2b11d4cfbe9daec4c77b11c703f3e34a6654dd04dea078ebe8cb67c4836ac2f03bcb94768fa67ae3145663e4671cb0d7156f385df0f5c439518fb0684ec3467c83288b005c9f34a0a65bdbcfcff5670eae25d357102563c5554883e90c9c5b4e39f93f99ac074e37fa38327736b3ce2379e40adff04285d5382ecec58132846351ead4537f42f8cf313b50fabf9ca8795adca3263d07b1cc25fcc7e348c68362de00d4fe59e1e7bb2f45934bf7be6a8ff55f5bb290f43f52f23dea802a8c9888d11b6b073ed37429662dec9187fd6490eaff55dd8c2cd843a7390dbacd6077b9bf42090d6d0463f5bd2fed5404c1d29e53aa1409eaefa50a5279b647d91a3dc1678909585e152e92dd7237842b987721cfef5277c916e4a14cd5529dad4c50f42af3a2a807538ac8d447a7512573183a771c4384f4c157a0e2189e95271870409eb5075ae7fcbec2558f8b5eeaf709db57f3d487f958c253397ec98257ec6e18520dfb6c0dd17072978618455c3d9e21922cafd3a458bc208d41a4f73e23883073b08336829758ed552be46fea4fef3cd65293379ca86b2e304d7e18f5b60432392a6bd439b2481a1b1a32514c9951ec05e95f95dace10794ff362a6e3aeb080440e26bb148043bd4eb298293ac716ce4a83e67922facd65f5dbe72e2b9cf760d86c0341449373e8c16a41c234c14f7944cec0307daede46c35e6dc9163d60dc1e88ac4df2f71606b8cc676d90602b839e254ac1f0286cfe0896bf22f2181d1e5def281195197822d98ef1d7dcfb5fc83d1fd766e42e2157e9a9b5ba7678c03efc15f43beabe1b890de726ddb12b7e9640c608d89712696530accc0b043a6a8be1720f9b533e5f5afa51b4022371eca3759b0512b2daed0c9211e94bc2b8f6a6d7c6fe8bc105b89445e0505675563dbf3443bd67737cf5a3de9edbddf31e3fcbd086ecaed9c0a870400fcd416e65d4160f8eba81ecba1a8398ea4f67233f1e4ad39267ddcdec0e0c5ae458b3b14035be39d01f2c36f9dd7e84e84d248b5f010450effba3b543afee7f1eebb5e5f69e6b511df16bdead2ef18772837dbb4e48150faa921552083d584e89d918aaaf90026d165a682b31d7fcb61219b231e129a10ff50214a363470bff480b2b05fb8212ffb08f996d023a1e29ec38d061119883235e306241eadbed7fc8a80b036d40c08fc4c59cf1cacbd69cc9d315b0715a0daf009ea54fd616d3929f236134d76b41264334255baffd2224fe3bb39a101c12b749d8a21bf324055e2e9ca1dee52782ba805d68494e05fba528a4d8d4494777dea9adbee5b8d827b4d34e3b4977dfc259be84482334b2136a8c61668375f046fb0373b0f6f58d0bd2553179238f0b0bc4f84478a3b9d5f18ae6c09e5de8d32aa8c1bfa111411f16d6803728d34d34e20122ca1b48f22cbf92c979030c2677128b667e5cbd28a0497e34d751711cf8e1bcb3084fedf4392951ed3f8c3b767edea7b820030ca05bf932ed20315f221d21fbaa8fd8b45a9162fda012b50b3452dd74b997675b51a3372443b0e89660d0aabd1c3dcd4bb8fbb2637fd9ed35e81d3fd0638e4ee7c1683f633e7e4499fbeec6f302cc5c5e0c448485baba1568011e5d14e555e60709dddb9df9ddcaebad5ee51130c26a7f2e9b544d6639618e39b5275950264b0e7f78a245780952e317e7638ea3331265bf757645ec10c10c8177bff22553619fee46c87153501aa2ed24349781fc4b5f895842e23b26b0bd7f97a033e813831644b3799cd37e7bde6eac5d8925eefa70f92c501928a08bd7f01f8ee7832de2037336228f7b42666f8fae0f48f3385c743eb79171c14fc9b5442456c6563ef95e3d492400ad659a31233da997a59ce9eb6f8482e00cdef331e06f41e438dd51a8342d01078fea3235c9d6b05fd83a13db7c09377ea185cc1c0ed5aa67f8660762212c7eb39e90d63b7b3c198ed3da314227bc59b488eceaeb7052783eb73efe17b0de62198dcc83633ad7d1ecb9194b2e8bca51d7e058be96fdd04830504828bab8e01db7548e9258f6df5078e466e07802135eee4a883ee6d2b76b652d257af065c6b32f40bae0633eac1d65bc735b9b2757ff305855fbaa985366455944e6af172c3f1ccfc2a1c04ba0728301418840282e2706f2af28823d1d042eac36f8c0fa2307fa06e9f8da358b06f6afc47c44fda768cf7ff14d3f9983357bb8614a6dcba0c91b8519d37cb37c40b556721eeea5cef70b23cf892a957cf29062c31137374033fb87da234a8a850730a0b6ba9e9111f39d4281288cea95b4c09073ae63be66c0633f1dd73106f6b79c45b7531cdac98b76962174a84503242071c509f0bd26cbd0334437fd0a3557895bffd01f24c0ac85c3d2178cdc29604faae46fd8a8ddacdd8f98b2b009bb9d563b7c40f2c349ffcc9b590d4b01e4cb023a58d1f7188457c9be2e3960e10c5ad50dc6d7b95d19107279adccbf6294fd4fa0040387f34b4fd56a8a5799959ba3b006d409bce50b86876a85193f14479809a474180484cf28c5ec8dc86dc12c5569b0c49497425c56678bd5b3a24a4d367a44eaaac3232138d7f2a088009753903a662d8a9143135ca87a2591aafed0129b3e44c3fb446c8e72b7024ea3e0a01e4b77b727fceca529dd5514db6d58e8a0d01290281dff9fd38c2ee0881e592ec30cfc512d780b3c7169a4a274815949e994cd87603dc92518f2e0cca13e660dbc99a76b2a30053da4bd0bdec79bba1a765688b7c1888a6a2d9ddfe031a43651985b83abe632c1e12057a7cec5d35f6d331e90e7bd32439ca361a0a9e8e0b685e221cb0d3c934c657e4db0dd2996995b420dcb2f4ef8ecc236c0b172a299757944629b4390c376de41c67f78355f33d85fdc8d71715f5fc7b302b5a0e2a40b7a846297e87151b153e66c1382484210e3b0053741ba1f4775d322ba9a1878bb1b66b9bf30be92e0202c42212dafa03d54a705db77af99144b3aa107afe41b89fd41f818375d8b6b5366d411cbd208c0de6a92bba5d543919daec865dc442e029167006e0eb839747d6cd6e981966f12e84c8028c1899315080542777ac0139994e414f0d39bb073a6c91d5121c77413ee37b1394aa1b891640b4ae1f23de88bd285132ac550141d1a44af85c1045b95306483142385b05f0960c1d280b0b62eedbc2fc1e3626594950e8c64faeaf0b58f7aa76fab5b768a26e8aa6be64587ddd8282698ef833e7fb9c5a4acfca1418bd26e4406b9ab88bf6d670ed2c9737bc60d84dbf1e9bc13a52def6f64fe6b5c61f99c3fde17f459f4bcdec069be843ea69ef9321a6f379137ef7874453f08b8b31595b5654719a16f634e450ded7d455c2325a877b2a32abd5a0fd9c710dcce989ae8b73b883232afaf79bd921cd366d3f9fbfc3569c2a9b34aaf740fa1168bad99b619b1fa0bc77967d0fa9ee657a808c5897345f88044172c3c18a2f0f1db60ea718f1d972c0f281dc3fb7361aa62713b8e73252fa2465c00ad68ac83d1edfc35e8ef2b571226d5e4ed070888e798b8d66d4cac9fd87a0d1dcfd5fc30d43bea79d3df74bf1886041aaebe7f9a83212b8ef6f345a95c8531fec3a1f05e0714846f58425a507f8bcc98b8a9c16ab6c3230dc1437cdee813c4b15debb0c70857790ed07cf168581b2be99cf12d7b101be36cdbc46db0f34e97f735eb1f26e65e01463c1bfbfbfdbd0fcb369bb3df23b02dbb978041cce4557a6cd645acb5644fc3842262e9ccb9e62a253711e044f56572b2563bee77915ae665867f26d1e96efc3d6e545fbcc83b0d5f7b52bb3a5574162a1eed914d5906b1e63c4bd9712acd05bd8f697b2e5e538c6db5d8b4e3e2425ffd971a67539d96e1e1c5a87b4569a3c2371a8a5a9db09e078651ab5ba7f5b9334d2854cc9eff935c14a69e7f377df6a7593f300499a9b564aa87d072bd26957d4e2f094b60df640536f461a88ef3231262038bb979f99aff3a36cd439a5fc29fdc42057bc59675db079e76f1716ca41a9c4ed29609a838fe8e54cb5555b2b6c54f2b2fcdcaf4585a43bcefc02be47e07dc0b0108157c0514c5b4e7611ff395de17f60f5ec637986696cc0c3be2a2a4813cfa41610b4046b16a57f973cb6dad8261258db6999fc65edb7836bb0e3de488b3db6bfb8ab74e0b5dad9f0b83574ea4dfcfeafae5bf99655a4a9813f17c3c4ce9dbc8a71556a0ea36c9502553052fa73a1f0ae98f46b3b52a7c1e9ce3c4647b418fb5341c3a34841e4434688d8c7e3b0ae898b314a72f6ce9b0097bf1c7d7d8d48501858593b96e2d1de27cf9dad3966a44397a0a73b66b22737130cc4d651a47244531f3903db0b5a4fcdbe31b005dec803975dd4028f687a9798c99c0e5b1bcdb8d46fa1c550c3efea3ec653431bf59b412c0496dce00e2bcc360e82bac6760ef2caa45845d4d0e0d685c68a1db69a93308a3ffc533d57b0fafcbd7f9db753cec57cf2edb1c1b445a0088f60ea24fd6a5631320753e290f7809d203bf4a60df34aafa51e322f6e74315e410591f6913542e14ac3f7fa2073ec362473d65e5f6d9bad9a56bd5ad3955376fcdb36eba89d626be3c7a72f4cc8efef89cbcccbb3dfb0aef145b00d77a42af0c9b5bf40263541715d02f80c25fbc3fd2cb361aea3b8e057aa5897d106299b6b9afb9e2094420ae499beaea7e1890867dfe7b3bc7a81a2c43560f833ee80b156962fefed24fa460383972e0e20d980656c2111039d0284e618744659cbbee231faf9a7189b19a5534cfe32e0e945773683f4d759d57ee4cad73eb69c2a7ed49bb7d46b379b6fdab7ebf64470c30edd05918cac381efa946089d407edd540106db7e91892bdf0b6d7c59092cb611b1df5a559be1df19e8b65ee6f3a7a10c2b7834e81d9d6a9355616e01c341d19ec60ed71a53

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
dc0300d676fc8ed75fa192bb18278fa5742cdbf65456683157654841f8f4d8947cbd6d6e58734181a2c1378d0c5d349eacbcb5f0893968cb8755ef944a4516c4a63b6f88c8048c3dd6c9c59496378e985703d18b99e88a7fdbfc4d052347d8ae60e68e142e7747a5739e7c99c8630cc816351b867d6aedd68d014c5876125e73cb3a7ae2d0a75ff6a5a05dfab14a3d702fd68698f46291799eddee84a407ccbc92e1e8c284440edce0d5da2fb00fd8d8f561fc9f16ba53fd6a682c9cd1fdda316848be9882739bab669bc79c72efef725078509f7b90a2406858771d5a2ce0b674293aa94965eb575309525d13199f9e4a076c577d0ca754dbb7c274f38220cb676e83aebadea506c0d66351cf8ed8a7d54288b94fc03c4408d2138e5a26cb42d51b630a7b0a233a281e4d482e5b0698d7f16cb3cbc14a8a17485d061dcbd04f1d2c5a60f21fbbdb69bf89c8e6f126723f2a0dd65369c0ba00c2b6b3821cab94117f735c4febdec29f9999fc868a2a869a0c7dabdb6af4610ed4e17dae82a53a2279e8d5cecc8493f356cf860727af2d1cc4e257bd9ee91cac168aa00e1d7033064a10a8655db48bb5739abf7b085b302b8b5ed87803135db0985e94cf2cc54ecf600b60deaf7b3b8ce25a0eea8889e0cbaf0442298f5e6b7a8f7216288c518523f3f221a793a6a7746994288e5912e6988b79b3a2bc126ea43f4f6a0433afb513b878414d2d103461da24f98e4125ec909b672629e9fb60d1ba770604f1e4b3e08eabb27804749a2a3e6e393fe434ac1aeacf5611ed1311367cb85811955a608c6650701efe541a8babac44f012888c97f33558769aca49101586680d2abf111e42f6d187508325bd3af4e2fcd99f812464d46a4352fdcddd96a66e1660256fc11846b78da31f4e793607fd0635c822f56c25833c6755d7a1bfe21003a6e0186c34489ab462ea3750a889ec50489c46bfdc590405aa677455628549726b903073967928039035aa8de01ce43a224a212b39d3c675d4ccd31241aa48cdf8530bc14efaf95ed75961ce791031602c8c94eaaa27cb759f2d2840e317fbfa17d444c752f9dfb138a4411517ae0e2963c688048a95a126d30343ed33aa6b9321541ad2644634a91558fe75ac76faaf200cf2a34eca507767ef0c2da287b35741caae1a1653eeb8701a95394d4156a6241b521e56070886de42f57a7f82eee4f23543e86fb5726608820763a2616f6a45e39d8393199732ccef7400707d501cd71ef3428315d854864d25eae8cce286b7124d9e9ed0a96b60483fff023ab33c1845a4e8a0ef65aa25019050192de82ab8fa4c2d92c27d405298d387744fceb1b7b20a6a6de3a3676179877a1c15514bd6edbdd76b08b12b5ff652f0fa15169832ec5618053219bfbf27ac327ad2380d48c4d3c495c3ec68808dae2fa1ed1617a423180a70afda126663a8e55334955d47fcd4e5fa95b8fe6ba44a169d7d2a6b5e49d9003faad74bf24ad89a3f40a09bb44e9dfa94d05aab94495ce051efde97af52bf16743fbd4e976fdec01fe4524c0c6baacc7b9d34ae685a907da3918ba8c473eede450e8635364085d52e3fc79d594ed4be84a0bbfc26d92bcfe1618eca354d4156e49403e7d753b29aab81cbeeddfe67364209842dc384e00341c4fb7af73d63dc008769910b6c8b3896bb35f637dcb42d6d99516537d58d628dcd71cefdc2f95e364cbadcf95925561a0afbf94657d43d1ff5cd754c7e4355037d65c94c8ce1b9c8343716a25d74772a348104da4ed439c7418d73b441a9a3f46826fb6b914aacd6497822c121635ae15ac84540547d5a70a5a2cc203ef9c969d6f2ed331af962e5538b62d81e78b09b11eeba06aca7a6790eb964150a267e6680ccc06249347474ef6eb5d6dc8c517bdd0d25643f1e4b075e4d1e2586b6eeb90c50a07c58ea94a5c6349bd572ddd95d2a6fa78879ff6d85ae5a3a99ef9bf501b77de71b927ad255a4b22a0764dd45df395f8c8bffc4fe9edae0fab5f77631c709d3e00002e1ccb55b68e1e96305c9536ff13e06223d354e82553c5abf4d4b2384a51bfa911340761022ad642e99fd4ceaa53669a8c041af1c92b75ca63729c245e565f02d75d4b0371b574fcc1e824bd9d7c4eb7b0e99fe0dc4f1b3b7e83725e487708a4b3757ff1f659e49a54ae740c2c928a7b05d952a4f876cbae7f6eafb925241dcc7cf4c1ce0626152f2117b3f1ef6dc9c4bf76f165f3d24d5c5d2d092d48b98384f9528023c96d3d024c16c243b647d68b9b78efa372931312f2732a36ae5d6beddbba9f221030c8bc094880b9d2472c8c6a96c446958484c867ac363c83ba85e7d8c72fad3ed8289c3e6201c492e047abb617d812dc8d2aad20c0269e95fde91c88dc1369bc87b7a01d256fa957aee1b3cd6ad74e3b6a2ee9e16a62c9b340dc9556a5e36f5d40696df67bf30189d3c18ab8286499d1ac73b7d5c1bef238797061de9197fb3cb52cd4c9a90e2f57635979d9f68bc99b0f59ac8d7dd17662eda18ffe5e2526a87ff9ea500f104b6d1a24c4e9bc4771d5bf9b444169ab4db5f3a9d0f531c8d40d228297f684c6226c67db2abfb1df75d64dcdecf8d6f005b3e891ea7a288926aaf31b1f7455adfb2ce0df7c49099b6b09f2f68f7c0db64fe46558074d63e3394ce3e16a9f48e501a49e4cfffb68bd6a2a05dcae4ee3a4ca58270ee740dc830fcb2cc1c07ac84fc812025212d3e5ae851141a58ce9d7148092ebdeb8df8c615a2fd776839f30c74129a43654286ca3f846f7051082c7e8b6ed6d51a672cebaf584da65973135a8c58231a5dcaf97bee1dbf4469abf9f1c0905295580074078aa10b5ee6600ed79878917c26de1196ca52994c131a6f2e0283832988ca0355e704e49e864080a1c7a6eb1120366fc7c9f4c8a51349cfadbcf26a0857159d7ad6adda95666e2874923cd763851eea1a2b27339f55a52a7c60ebe9e6324f32b4009a4b3e70b3fa76281df22151b5fae2611909df1f0e81487ba1ffc316b1d126bc2baca61a02fa9d94a0d8e68bfce20370afff32b1514d65e127af0e0c361553f7e4eae96f045d73c9f835577ba378e33070418f0f5e23277f5ebfefd3929ac5ea3f4fa7faca035fb6b832241669f4bfbfeef3d31867c66b0f602a737d431d146b2ab6ad484b886755f458f4fcbbd9098d1bedbfa16eebb7340c3a12b7ea2ddbaa93e072a5598f113d9706d2619e3062207d4bac1714e0b0f3b64739636cd5f5ef0b4b54818ef3a6d5c0f0ec4b2ae2aa0e2cbae41a386b29389d8c1695097f421a7acebab74b3f91a24efe387d0afc80c738016cb7d44be97742a53ca8dfc24801f71f017ca1b1e12f6ca955040e4db32c5a8421bbaa16d295dd217c1505286817e02f3fa30e21b6dc7762e4b4a5903ffa1bdbd5035c5be821bea8f6f65b7541a3ce389d92ddbdde0672390b3cc3a6d6b6e6012bcb43b08326f7233055a1ab97f0272430f73b8f03bbff7ac4b23fb2fb8e185dc4acf93bf9c9689b1a27f2f0da21833b1a535b1b49b77ef0ee8c0dfdadd2f834760e18033f4d448f4459ce9310ea34a7c132a690f656108544450ae44e3b5e3143fd2bc7d3d23952ea59b15c3a20b801bb52e8e9b0a2466a65a0431b093610162d4d8022968c42bef749f10bfb42b50b5d72f71e6fbab9ff9bb6d6cf9ad2dcbd09ad943a3de3cfbc46b0c27d522f815c69e183156c1938262f6018acb780120936749d97d52b96878469b659260f38cbb8f1d533ffccff21184761f2a643992fd7f39685ece03c120d0a57d74945829c08276a5562120a2d7e8e775aae4650df21176ae945956baf390826018336bae6afa7741336dcc0da8d0d749962966b2713ddd43db0d533ed65bc8e6087ddc7ae5e608c25d253213e87c6474f441b73aaf0cf5d9905e14670afc17439b8fbf51438f20458bc5d0857a03964e0c68bb592ba566fce527fcf0382cb76d3ae776a728daba6145eb367e89b064e03cf6ed3bb1e09fd2f3831601f1d4cc7da1eb70a9f8ba1c1438b1e832520ce1acecb8be9823ad2ad8cf61e47c320c2a0f2d4e7c54ff1200b2e072fa71e2fe9f638539ce86335d5cf43989e72fef11f6298bd5c7742fb5c9436d88ce5605138a26f673e7c9ee7c9c2ed0b15286e08d6d59f5b1fdc55b1ce0e9c829881b8cfca5d5895886ca45542767738eda44bb42e6d94ee68a6f43df34aafec8183778de756e5fd75dc0b56f4bf4535d943ae0f1c7dafc4334631db7ca5747f3c63dc466e2151e4772873ef164b6935592c7b82eadbf117a6738973ffc30453275781c826220735d3020e5cb350db5cb1e87001d8a9261bca9f52a74b57b553c8b7e5410e866d8abe262c8fa02dc3c8d132ee38b0a5c6330e279d9d8b264959656e6e3606a38594b62d21904e3ae7009df8e48b293e4b46e9d804e9b7fb3d52c72dda0302cba8a68eccbf758ca2c2254e748bb179dc0fb484c535319734c41d79c2b124c27131e82af80b7453c58192d209df6e23b9f646b4d3330f34adee151d4200016c8151429f40071467cb77e9133c7ff185815e4026ce2a641b8ad91a9a081324c72a235fd8ad094bd81dba9d0427c79ec1ce0aa1338cd258377f8f3aa4c5f5e2ca5d33774bd8929dcd37a4ed7a2777cc80be0427f6b3c6be9aebdd135192b163e0836a446382671d4b5def937a446c9b3725dc3736e2f81df224f3b473109dda33ebd56e48626e5f391ce5709dea2a74488d3c7a2d354e742036123046f77c1cf7610af313fb0d04f88c89c56f72b9f921ff60e436d64b3e61f8771191130082b5d9b5de9d4fd1d8e477d3b54cfd9b8059f598e04bebd15fbbad528e1e53ed4da48e33c9bbf0f6ff50636b01146ddec811cf64d59adfada96e7bc52eac5cf9cd25c8b0967e8ade1135ec7ff559b2a5d8dbc96724dd06e05b4695148fa41fc47899e397db48fe10f1d8f9c00e73aa0baf4a8c501f14c37c2168308ffcc4fbed4f74b7c9d272b1012879ff97c4837cda8d2bfb1002aabdad93b81c74c5149d03674cc746571d62ed57931173f277d86ecea4e5831e7de503f6528f52ccf560ae546a050ffc9d1f5a1af4a18db2665aa911a13928251bbcdaa3a4a9752ff5ff48da3d3ddaeccefad2fa788f7bd4e1fca389c3a240515eac4454920532f4251416e28184f400bc7a06d03dad86f047b3836df8da00629380e29332a141c23e6cc5942050a3497ea7d209210eaadfbf1646241bf9d3307f64a954c4e422b6ad034bd872f1ede7c1d7a8dbc099bf65c15d65b18c6b3afac5b8ad8cead43856a6cd87b050efffc0fbdfeffe7082f7d9b090b477d7d6c99c6c1d3fd75886f8bf1eb751f06b8ea2

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
f5b554a63d5cf708a6c5a43a6a1258f18d3c1dae32d0092c574adbadc37178d587090e5204be9529c0136ddefce5f6847052fdb2b332aac697d7d19b1ba2803ec0527d3d978545af0defe12c670b3d479bb0aeecdcb1caa0a5ad24ecb33833dc205e3c494d20a95fa83ce5df795b6647564b37bdc09cd4499f86f74c9a72d59ee353d854210d72988ca9bf3a7142ab57ad9e5c426b2745e95f159a279b193ff7e399eb2970279c94661acf71219f8cecbb27edd6ae0329f43f9c3ea9342ed4d97f8cce32f3fb3355d1c93353cab40886d8e4a4eaf27ab86f0e05dc22ed249a75646dc77b3fa2fac7fac80107b636958c3650f7e50c8467ea4da84c810d1744b86d75f6a2acc2d760ce71a157c362d885919c6a2f6b5ae2798229e9587343dd7322ab48557e362252ea9ea9c5faab16a9c51ae6aa7ae3fe5bc62cc59d1173585987aa7ac05beaee1d1773a8f5fc42431d87fb3bf7c790dd4930822d482f221f2a4c92641fa83acb14f96e1c63451c618cf2d44889621f0f77ca76ce38d4e1a0020795e1317d2c1ee19ca47815b9deb575521f49430ce925164ebc7465d465d4618805406bc314f91c819a633c9ee104ca7251e771c2024becaa11e2ae1b76ef55514cad7fedeb0ab66792ec82b7dcb60ab7ee12794b5407ce62e5c3945f0f96f2bc8b79914aea718be0f16b6e86b54c79200fc1fa6e5184eb7a4336cb0b8a2d7943e31641a0dc486ba5f9b6926f5aca2cf524639fcb3f2b59158843ae0e08d95fa509e80b56a4744606891a214b46fe28dfd46a8d93d01e411e539adfcb2ebaee2d030628e2c70950b7dc92610fb77b920fadb0c72b0b802a23c0f6046fda5adea68c42e3942c179eb9220214801d89e3a9bd4316e2fd8c93d65e8f42eb4937399e9ffaa2d50d7204ba9104f35325c10f4aa12591771182eec6731d8d2f7d82c223828520d65240b9195040e1c762faa3ee54023cbd8972e8de8c2d02ed6b3ba7295302fd7d32c39485f4a69b55fda17ed4060e79e7585586d86509cb8af1bc5df3882c6c7721d527f33d610b117e40933bd555f1c497b2c40ab251329cdbe7724cd0c9e86ce31aaf6c54d8582ddbcaaaf4e61a416319de6c5c50a06902211bc912a519c113ad9c460f48baf3642a44c41babd3f6f40a6279a1c1adbb1c396ff41ed266941b060c5309a2be343e39fc1d14179f6c564a0acf9dbe8bf2b8fd670be275ed6591c101464c61023992c5123faa077d792467fad00beab137227d06a171c112a9c6f22a94372eb736c4409f302aa94620236517bb8add5d32bd9e830f079f48f92ff1c04b0d196349b50724b06a2b8efeb31ee5065e565de1b01b1eddb2d46b9985eec2fd6dd32df3586b332c1059e43a8dc08c3ded49139c338ecabd04839f86d839d068193bb5d32690a66eb7ea22721530dfd4845fde46a20d53a5b42be806e3ca30a49f9d495e3fc81e825def77bcc73357c56eb9a37c974cb4553c407bf44916da36c30429a446748868b581fd1e44c93706858cc6179805d17eb0fc8b11965b94740604377f7cfb8b66356b0969afe9be28fece0702729f524cb81adf040f0031e641fac3183a3a68017226fd53ab4336fd3f17c70255dd0268e58abd97b6dd2c46d6690af964c0ebe11cb44b4dfb8ffdb468be50dcb547d678f895fbc4fd44104a33c92389be653039b343c0bd0b5db73e47cb294c33da432bbfe2a2a0442ec5a15172768c76efb7799ef4c06afbbf2ae258f91de9a6b56c69c5f49205a520997f11444be6cc44af07ab4ca120d7872317133694c5d4771a273108085d8a1bb22f8cbb917464e701266cfe22aa593691f5aaf2dc0f16646306f0c875820c048e064c6c0d78a1fc56c6c873ccf7b91ff1dd940033429d2379891cd50ce544f393d6717081bee73d16b677315a4aaa34c7055ed6395abd985abcfc2596ffe1c1abf7e90c2981371a3d85d0fb6e25cbbf7ce34b6cd6d9d44127a3595796483daab77603b8e56bd9b68a875704fa171067e365e9356366f8971ac914bbb635fa9f0ee8390544bdf55d7de1272589efbf618cc213454ea5635f1b2d9be48d83a9b5d6aa79d99f94d78e5ce9162f0ed4e18f6e9de93e6def88bad4b63ef862e2ba95610ccdbbf93926aba321a8e885d1ae469912f89e02e81e090a3d705cc112ddaca6c4d67ea59ab3ff2d16d5650047617e4cdf38b24bbb8ffe4411ad5414821f6b4e7768cc9d481a10df2aed63383e85562cc736fd27c6f490723e491f363871dcf0e350befb154c14feb7193801ff133b4596e50cab4add4ad2326c1039f715ca14496e2d41ce49e704af12b37a9bd8ce3b166430594f374a38e025febd49f8d3cf75b04082833250b83403848dbef8737c2a874f0406ce2a37e6f6a00ff184a53575262716f7de481509f55d726ce3da961bf9a529f737b6c153a1346089f9791304f4c47f0859f31bb7b2d49b56906df7c733f3bd77afe1b819fc3aa820fbd0904d687592b772acebff8e06ab9d4141c20de45089da306e7ab0da786a2e554c59ba29707913335fdc914eec633072dfb2dc531b7557b71b9486da6ce348447b33c72e4fcb97c8c281f8c0726027e4e3527b8b51014d1902f5fb1e7f5688ac500f6af6c045a16803d77cefb9298eececa47f9f97e9fe0de19f55018dfc848114d1174d94900639acf9e7cf07e64912a48bd40a62f309c6366b3e519387d73a0f8220d0e49fcadb240dd5e73b940826c324a89c635b13389d96044b4cecdf8e02fcea479cd9a07276a66f5ef3b403ca14a003ab0b824b7a58a01f67337f19d499c59af5fbdd2f9b3979625d1743a89e2d7af68812b3a97a023d00a38d895c461969426b5dafee6788ab1f0d16ec6e3a4e17e5002ce04e0c0f01a1981557504040c743acae1cb7f187257276f1f0fdb23ce3a20804dae91fb2c39022ebddf49926f830b3e33facfe664127fe8e8835099c1f4b65aa8bdd02dc444d5712f388c2d4f6c4df893d4cf561dba8e272c2e0842a34b777e9534306be2f55ee6255d7c84a7b84ff156b07dd071e6fb4a7e010e49eefa516a6b41e0bc42572c3001ec19d817a56fea419f33edb11793d6b01f92fc2898768d7a0aee9817483ebda48d2f590fa87b938bc45b6d194509385bf1791442ae04c67d32bbfada9304079d5ad6154d8d6bcc6480c7a16aafc471cf98528b39ce8b8e03eba38cf9478357f4d65bb40e4c57a7a47c19c527f211f329f664888a2144366e7daafcee59b05b606ddc174cbc63ba546532916e4b8586bae59f1fd0ffcd9bc2d701c696190825a3f21d8faadf27555e29d8a7901ac794ea538f59a520a8128215ef4a67640b107640914442244a03944d72318ae78f91f60fc96594ed08cf492db5e448fa9dbaacc644bf05cb5c2118794e3745fe272e288fd712b51ee07fea0c971cc2d6a804cebefd52049194319e41addbfd9deaac27cb25fe68fda8df390938c7326fa02c433730e2b4fffe79eaa311faf3197df870336c39094741d6320446c182ee9c5a72fed1ed46c22b070c6acfab4c7c5b60b30a3cfcf777118ab900dff156326474967a6dec47e6dd48edadaa8a53a08bc8fec35046bc45ccd1409801fdecba0ab5106c3501e6756d3901d2328cd4018e8edeceedea204aff8e9c416e6357365f08517a029d44220ad3cb18f08f27cb70107097a1b30a9b1135ff7a9522907621dbeb24031b8d96c9ce3d36341ee3e9f28690f855f208666cfd2d33f86622609f239e09f1151ed82ebffed53cb10f4c8f48e2c372aa581f5ac183166565a51f60f38bb6bf20c77affd815a1df996febec6e145fecda4adfb5e318164a00fdeef9074ee29ff42ac9580e45a019bc62e7a84fcff61ca734b12c04c6ee6b1147a11998e75cb14110cbe7343dfcdfebbe037494d5d5111c523c5be17c230c02785e394261669a68dc27adff6949b6dc6e0c822e3832ffdc93ece4767d2d4701219d662499cca96b04bce00e28a466c5688721dadbd26afabd7e82e9db3f3acd6ceadfd440552ebcab89b91992a414628a3a45637903946179d698abfee33a5a2ce5d9d2cd06e68bf0c33484bc8cb93e44efa6c25f27aa4272b5b1c30f43975d64d338fcb1c5775f47ffea7decfb637af2b84237a9fa9e424709552955465b7b0e65cc488e33804f80cf51a08cbacba35db82834c014a6b19aec9526f7649fa2c6821f5cb674d51fffacb3a0bc57b625795df4f2efe3659fd62280ba10380eeab68941e3df9272b07a7a3ad7ea5cc91dea65a188cd4946408b53aaf91c6da33555ad86772e305635e1c925ad5fdba9bd21c2c4cb2a23abdaa482fc77a25c45e61558f04c438ad36ec4e6a3ce952d2aa18be519fd6cf70144b63839146d5368206600c7543f54d737ceb6f8b12c15f97d0bb2dc857fd7561da67c5e81485d3f9dbfda2919e9bc55774f3e56ca176b5ee5aa444c8c7735c2fc65f49a3adc1ac199a8e44dcfb0a9160c417ba61a6a05cd706c9dea64a3b4de503e4a2330e47e899a8e5a1fe6fe043fc846128d17879da67808445c11352748288e2498cd2c9f9845ce664c6eb3c401fd3d169d4a8a6512bbb03b8bd3bca0a3c335811ab21161e8ee46adafb7914015b54c6895e5522061579212d68e62b8b01d6d7d64a9012456a5dc25eb3bb2b5fae09e12bd312cabab60015bcda0551e79d19b121c621dd096fdc4529745f51321e293631f7d4d0ef67cf506ac76d1c7491c932064e64d3e1b9767f0dea8bedde7165286d460af62e707709d2c1cb59dcf0fbb9491b361482633017f9674563a55382fb64b5e55dfe2cc301e646788347e61e112aeb8d951801a3d98975eed579a0c10569b22ffb0e7da4e8a1b049a062f7336c1209ba01eaf155971bdfabb9996816a8512b20dafdf63d16ae6f69cc8d8efc3c5f7d745861a98a817264beb0051ffb72f3f5b8f8d9201bbd3c27bf8c6144c59066b3087a50b3002324c03e31815c1ccfaac6aabc50bfc812b040d62c7a92edb2441706d5c2bae6912b8f083c842c86a76eddab7c8c87796c27190e9fcf626ec06476beec5221a5e17592b1d4ec9c8a26bbb943cf61e10cedf61c806ffe25fe21d8e099e5f70bf10ef683cd976ee620dd5d9a67c123fd920a6ab45e4e883082d3d48dd9c0b43a563ad1e8affd24d7293e5c82c1e024b004af463c63e50fbda4d8442909a58d7c08fe9c63e7793c328446447fb99186f5d57e948592f2c1dcd052acfa7518419a18b12d84f37a53919062799bb94d8e5522b78c6c7dc54eb0fc4c599b3da829e675aa5bc42a95d994bcb65722106d87fabae7f8fcb51f61fd6f12848f6644b994cff4a33a78e98326e3e01cb2582d7265e9d9c8272b7f6ded05c906f09409aae8e2a44d

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
8d923dff56381b6bf9c16538056e2ca0c9fdcff0a37a045365f2f57abc1f2400a7087d870721aa57c3daa4141e5d6b7fb3262c30314536f2a9e2d3685cfdd0c7ba524bc946d59b71354e36e2481295c075e4a95acd8d678354db75691bc4c23d48f22da3e57e7b188fa129a2b3938a41d22bd31fab248203617efd33a3d947fa3ce67992950dbd11e5d606d7d15b620e3b3777106ea83684cf90960ad2aa1f5830dc3e1a0c215d1148dd611b8067ca170133d1df861826ab74a7b387090f4a1a9f3abf9caef527b0507dd127d6a81ef7d5d386a43e63950058a8a4a45ce0b1f70737bd84ae34cfc82ea7583f113111b543ce4e8d2b3cd21ceea46ff5ce1ff2e851fb73225874eed7ff5629a2a0a381c63d8d95da71b969019a702b651f2bd4e8029e7c929aa800984945275c84ef822b2794d75c42c087dc6dd61955fc0c1f9dac9e07275cbfb4e06324185c6312775d0e347d82a243d61664e32518edc1381d75a5d5bdea371b9f12ace7a7dfeb1a3854097940bd98b6d02da400cfa7af63caa6e1ee3913b77c1a4d186cec4dbe300ff90b2cdde4ea32a36e202831794586f8b3c70fa371d8602e70fdc7da6b723355d623f81ed15d821ee1202fe6340c39a04698b29babd9c1f87eb965887135d1bdcc739f1633376f0eb516530fb2e0dd2f8e1dd2adaf85c0ece5b1521f6d538a207b074ea2c501d2fdd4ba25b94b457368fcd88659f1272e5c7243958c18ad49908565d0e4c467db7fb631fd450f93db551f60bf89af7f12b6019cca8fa607bdeb9761bde28736248d5227d2c9e41befc85aea86f3eda1968194c08fc933bc99b596b1ff3ed611e1dcac185927e447d2753596c5162d157f2982bba87900dde3b129355abc855e049776f05518e490ae399066b3697cb56ee08d8885eb67e63b922e824694fc383be15f1fc77c27faed90d10e259cb007f6e22480e2d7e9082443829d2a29e72a4bfc3ce4245d6e0744cd3db21b10ddb5f00d4b7bebf3ae59908aa8ca757424a5eb0e062644df6d17f684bd05ac0eb1265a4410d87b8e84a2eb54c8bf2e6ba59f9ac3b072619872a004647af9614839e2f72693ba9de324f637168c12c2257651f77ad92760ee8047c06d97415b235d684b0ee757ae5f020a7a5c5c3726d6713713b6e7be291365b85ec996915536a51eb4684e212d61be9d6c11060ce3836d2457ab05e25ec5e26ccefc19b8c1564a53f3f61a7664ae6bc61274c723bceffc23edfff5210908f33ed00b2370e6887426202f7fe922294d9df06c31f89ef5a69ca158575bb78557b5944a7be51f38a01112a2d1bd1ff3048058136a97a2eb661bdf52fad79fda81e781ecfacc52e5e88c5cc8c07214fe3953ba9c10575e974b8aeddc6059cb542333b6cd32bc0b484319d45fde13a80bbd5f2542dec0f6efeeaf593d75cea1d7439c426411e70f98dcc54db8a28dc3172b17d952182f33cf55a9f6718c6758db5bb5be07d4dd7991389e541de1bbdfd77a366878ca6adae5cac91dc5900589b78bde92a5f449d7f35c1b522092d556b3cef49a20485ccb7b92aa31762b287959a68bba57d07dc115498da1d55f23266d7a7729561ec7433f54966b0a71f148f9d61697c5d2c34626d77b24f90782413d5d4c43d4d914f15b95955b993da1e160c2ad353c08f0991e3c75d9c2eb3f277e41eea285f63ba86e8e71bc4f9fffec83c2f3729eb25c60322d52fa94db085281d09eed4b57b9972863ddd3f14a2f872522b9c5db04fae0643dad74f6c55cb5e85bddaf34abaed3ae18dbbf34e6db95fa9a51c5db5567c0a55a23a8c6b316ce6a6e4fd05d782b113b2ee5ff5bb3562d2d228830f8a8d8e3595c1d645aacc49c79c62bf39ee9ab30de61f757c48ad6b8ab2e5e917a4db6c2c763b282429f322cc5a4f8412eb19ea58542585b746d70e1983c60fb2e32651699b9371608bf8494e875a6641e499639ff94bb95779660f63824a7a70997ac5170cac87563c70e11a653df4cf4362d2bb78412b965239f4768f8efc925ea7aa7459b0c3a074d394c32d5128d4b54cac324b29d236607e209051d0844f13ccf0af6560158bf5ca5e167af0f92b86b1b9455da5ce212db609480632f9143cae914cb766653d15930af75c7488ceccadd9ff04327cf1336f7d06ae97225da348419f91a4c5b9a78f103d25d57f1b6a028760ecdea3c89dea25e143c86af7232f858a6d060be0d471fd8f5bccd1e1f673ca12cd8b9497f7a10da827a5b82d539dde4877171312b171049f5de87e39739ae36e13d18d115d1c815674ffe75aeeabaf8a8bbaa2c5aba3a7f490507fb6791bd3dbac39ec5d328157c30ac685fc15db23065d370e0012f7af08028c438815935423962f81feb4205529990dd4afa0e76f7238f928cbf71481117ca989dec1adcb1ea785d3bf2919cdde63e4a3ea33149d16794659913dd49982b119a3af66dd7ffeec6d62a27ccac51643a0f38c6b31b005f4bbef22d8e7702a82bdc580a9e8faf86baa855f25bbe1d89f9ca0c7ae390efaaec448d70fb2ee55b76e082c1e4d07750ca7422d788ee9c7c975e4d33ff3307049e851d4b655647679cfb336f7601652a20830ac99663782e44bfb0ff8f947c58d98b26f91e53287f2084c39046b717a981f7381819d31a7a9b70d11c290ec7ff41076e510b092aeae6e4d44e45a29ca8b68728b616eee00650ba378602508fb7b5a176c744b9e899ae0b5e57d0fe8c9d907cc1ce3567dcbc645267227f2731bd3ee5c582b01cceeb3f4400d8ed1d954ede3ac3e3fa4ef1cad2947cd93550f60512877ad43a5018cefb3eef3669f93fdaad1bb25c00c5f05a434057c0892c8eb21da12e60adf2cb7d40502d437f7ce3f4b93f12e66a55928bbff61ee744f45179266365e0ebf000f8952c2c67a0942edbabb26e6769e34a98c0322fa31f07f677f75c641ac9011d06dc1d3893968641254dbaceb8a07bf6fbc9fe7b9c06a62e90ba97b5e0251d12cb6f11c84945b3a78b618f415d29b8b09dec14e16a67f1822fff8ee1c5b29219cd968a8939b5359c765f7117b79cf85374ebd6c241bea3dbb420d62ee1cbae637f84b492cc67e2a16e43e5de7450db7dd81c4106790f8b3b320ef2a6f923441110709ec1af9f1625f2cc31b6fcb003f66bbb4935d6f544a78f24d1e6ceea626fd16c0e866aa2fdf3b224361e826d0309971257fa6a073d70db6fbe9502f859184a10bc321e48a28f1c683af5aa53523a5a677e241f8023dd2d0733d41380251b0c84fd1dbbb38f84262ab049f01780df5df1649a150bb6b59c0e57e33163c4546d62abf957ce1246536776cfab5ed9c9626834890a514dbf69fab8d09995fa03239eed2a24deeb2e6777ad576f752ab6e5b52cde8e3b8854e4a3b70ef3a534e573765dd573938f369937d340bf667bd24b13f5e71566d178b275235cdcf9ab435eb2a0118259f22f986b1516de137464f52fbb9916f5d68399c7d662b1cd425332242fbfb567162b71176e69aa56e6edf558f6b0605ade46f45af33f528b125dabe6e63a75716af352f17348839b2be4dcf6d04368f0a844a9a953035cbdd953b9b08438df8637a8a91981c67b70962566eaad144c1e41658bad7f4a3ea37ba4777e50f9e2d5b64f4e6aa39eaf969be2ab356208bd89e730d11b4a8fc4019e4978dc79ee8bb6cbc2d2f4e59dc97d680b4b254f97c00841a85b331220abb92faf11d9eefc65e3264a5c7fdb0cfee295afd58973846cdb4621c9b8270342313e342aac95065286f039c37608a50543ecb8c9ce7bcad7b5c1ceef8261f23f623af8697abfa19ea877f62173c296a3eb4db6ebf3f8282e649f76ae7390fb917afcfa25e38657720e50e730672a2ca0ab8845fe2c1d60bbfb0737f5d82b4fc34fec3358b5d1a12691ac15e15386dff36555c3e7482cbce6ee5f15d6e78fe9f87a54495f9d01dc6dcc78a7bab7a5547af1ca988cf20d1ccf7b66f429364e1bebc883691e944dfd6f75e3c98b9b874550218190d4beea9b1a8360e457f5654c087dbcf060e5a8dbd4a44fcf1a6bc12b379c06730ce33fcd9f83f638bf877f2533a8094ba32a313c2025505cdc4b96a039cd24942f5fe3704bd42acd793dbf592373a45488be10042fceb8cc91c9a8d6ca1ce28a613eb0d1a318d960e02134f5552bbc971116dbccaa3283d884681667488bdd7167be282afdf66192df9f0a352a4ed98a0463e8eff924976f77b52bcedf6f1e55a6a68173ea932372951266a8c606b3a384fd0379b10f1a3f3f86fd2a3ca7ce0ce7f2b2bc3a737a2ca953b0849388c58e05277d413e176242457a510e318101826f0357f4a8c99359f2e7f84bb90d188f56c125f7204da38f1f91f6c34c9c0f4716b100134af98097d6afbf1fc221608a78f14cd1ae7e4b7a8e1366e4e0c18cc5608fb41fb38dce0122df3eda172c2a80e2eecb5b9f6764e849766ddbe564899fae65a6f4e4405f5825ba5b62316690595dc7d517d2b137c596140ce491d8c1ab07fbe883a32e5c620ce5129aa0fdc342a413fb593ff5c4c7fd7751fd61beca1131d2f7d3add3ca4bfb233270a1235c676f6374427abb96fc5bdc0c90ad00c669bcf2b1b06e4c1529efe014fabf8a0448f1f8c46857ec85d9c6c492a75724da7f2802a1b10d3254e0e152b19abd433cad975347142cdda103f3f7e2a2fdf8b8fd42bf5e29cb78a36912d3e83d5e587e054f62063147e6bff0c93ad41d3e81f29ff13c2bccc9350bfcc9e155251a1b7a2cad1fa27201e94cbafbf88468a0e59a5667a40fe8744c7668ca32f4cd1149a3cdd58ca003e9c55012402fc9f9ca458c171b122816e2689e876b80926cc343c008d7222a4af18ea3bb0395c38d4559bbacb9926034045174df709f7196a8b8ad0a7ab9f0894651a7c396d415b385c7b8eda290f41ccabaa993944ccf0e863c962385eba4236899c88e746f7386a341fa2635aa0361a0b8110156e3e74b5a76c49eefc90735f292a10964901bf908a6c85e96904732e67094a6a98db714bc21d18bd0dadc5ef171a885ada904877d42f5cc51ef0e2dee955ad56bca5896077f556b9f8a189fd114b84480659fd1d5ff603be1c0cb7b97dc323cbb189416f8f621a401d90007c5fbcf90bbc9bb7211d95b15bd3b548db7d0ae4043f1700b95aa55808f8086f8182ce0d52675d94cce97a168116a6c7a57e0bc3b9e17821c26763bbf9fa0b3777524fb3daa6956412c5b5540ca81e8bbb1bb33ef859e674f92a9af83bcff6e9c13a69e261eba834745d47adf478154afe526d2054e6617811b8ccf12f542dce3041495a6e3441c7fb82cd56362bc6ef3d74dc28e127acc2bfdce0711f1575e30c5d9dd97639e3c6f0c19fedf59334a9d32d4f6eedd601a49fa3e928972428616cef10c558c35204184b86627e785d8dd1245a249e1188923e728caf2627504fcfb170fc8e107072b0200b3ceae9672f1f5f83cb960c521e776382696fa63f6df539f8deb671cd13ab9d5b2dee11bcd79eba25a3758ff7120902563b72b6592e2577f68f9f668f772d486ac2e96262eb0f210c0798432b36b3a3059c9c1cd8dca2551049eaab8b553262bd120ae3a011ebc904261b54f69533cf99b142cebab0e1f

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
1b26676212cde1b1eaa8301be3997943176c9aeea1aaa10a0ac40a92c022e1acf8c507eb44bf31f311859153ba68f93786117b1d2dd99b84987e287e4fad561e8298c913b2ed5420c86e423548c08e6f91a390d7850afbaf22c6b236058b2f3805241ab5b31bb8e4f8bd9e43ce833f8a77cd196656b0a6c45ece3775a758981525ff86e2bf93ee25d9e2c76cedc5933f6a1867e2ac79b6843ef49e9b44ce11208dcbb5a7a1af1562e10306c8cfdf4014f4282ab6e65e37dad852849d94d537e6213d0af3a94d848025497ca5a47ea3273901af4f7a3e23bef44440fed680bd3460bad7c1789083f3a394cc3960181aa7a04fc1c3eac52d7653afe5e2b035160178fb84ab6d4f87553c5e39bb134950cacf56456e584f3cfb3d904c28cbb56eda62eb85f0be88d5530f83e596890722f2129f27d4250f3086e31275de840a9cc6d13ad0bd1a4cbd277ab65efc4d0e51701c9656ab4ae5f10035dfd369b92e2b15aeb21dfaa3efe21e31b7e8a46a87cdb19d5273fb4123320f7ecfc722eb302d0f48c91a2434d9ffb6fc3f43d0408a918b1670bfd3ad1f69f9464cba72266433fac402339347b85e556bf487f701a02d3973c793ef63bcd484a62047a09ce2aec37ef7c1edd8ebf0c30f0a4c4b3b559c371d1a5eac7eb4f63149554f796dfa123b7ae59fc6c6645c68fe0e822babea8ccb94be7078e6b9e76d90c5109dc6caa4da27bc7ccf31a62d243a363af02d2c1aed5d17145a330ca8ab46cdba9ccacc54f96e23df681daf276a0987bd2d2a061365739ad8c1780fa652cadef019bab8cdf4bd8896f1be20a16b0be42c9b2d7c31a59825c24de0203ee0d29c23995654307962398d4e0cdab5f3992ed5363db05707a1b71fad0a346e1a9d05434e9769fc92d2c75148f8ca14712458a8bd0f6831e945281e10ad1854105c697f1a76226abc46410d103d5be8443d8dc9af4f3d1041ca03dd7057b700dc7c138d98e6b24777352f4230e5443f44b29ede187743003dc9b62b500e083fe6d6d4c9d315ca2b6d3fe7f44d9772a1d7a51ffe85230c6063d490c1f1e1cb2c71238503ffe893c37c275300a1dd65df533fb1afb5863241b249e1526ab8008fe0ea0193b5a9bfab339eabf22a3f4fea72126d6917e4d6e886024ab325dea16d72fefb72cec4199618447f75706e36314735e9b509cfcbedc367e52ce2b2ac48f3492a53c1fed8153fdae8af42bcd078b4dfdefb7e6b6b6740600759ac9277976576587d4c4b37423d07620b0736e9015d83f62151cea04bf939b82a289408a36283ece8c471c20a19716c6a3ce912b95699e2fbb1e2a6c1cd93a913017462934d3438d18818d94245a3c6255bc319ea6e21c8b26b533f320007abd9e66ea265eb3c882fb177b4196b9c906fb90303716435b81b1d6912a482efdc49ddac4f129a35d95b85e27e62468b9d0d99f2b5a98c6af602a1b206836a0615e33b3be73cd7bbda5a69c26fcf1d9c47b766c1d476c924932d0783b6b464009c885d405add1051c4081c8e9efcb7401e4a37e6ed1e5a92e6f4b8305769492873801df6ff78aa0110c44c125269545e158425ef34dd8498859fed5ec3d5e8aed066b91a87bb6e1a67b7d92d21577b49704faa7474635f5a85afb78a6aaf0d0bd21699998fcdd87b3fae5d77892640c2bea24c252691d81666172b2af3c31a0dc907f1f249b790a992993b3dd389d695cdf986893e34f41f33da22ab4c8016658e00924d17a8c718d786a0e59c6a48bf9f01fdad1611db8db8d2be1d2ad3245b4eb9dca9992550d2fbf3d485f5016453e2e60fb6d50c5ec4a269b1930f20bdad849eb48324314e83bb931067d904c3d7dd25a6a451adce361728560ec49c8719ae3b86c03dfa7935b033f45047be7c1e7dc6a4305fb46e3fad6d272e60769a67f718ecf6b52987c7928975334fa07b200bb5a68acff3d94c961475de498994166c285d7a49a5c8b947f56d638469d2938112f23babecb68edf7ef89ed92c13b2d36aca79453f1734c7179c67cfb509c3001126e903e3f4168ea6bd3b42c002affcc4a312ae95f573ffd125381ba08f4319d771fe4e08ff66867eec35fa288e28ea4ff2970ef83a08ee8736405f5152d5f264081008dbb8bd59e5b61f59001042dcd6c3407f362fcf281fee22a9463da8c5134483bfb3bb333a9cb0aa31cec04fba3bce561701a91a5d4b772ed274d01d42e2cab0dc797f8d269dc77b9caeeff6a425ab49c5d563f7db49ee247b385042ca1247abe6ebae8041de0c979a320bf00e25b78c1a36680645af399b113b2ff975a53ddefbf3c02d4309090301121c5c8b51fed96b05c6ad1950d4871fe0c90a900189e073874c6c2ddb8344507e07e91cb5dd3ce29b82a302c482457c6b193c4569283fde8b1e962b164e79c938eb84e22f9e05736a811c2e21028c8edd8f99af4219b86b070888b80cebbe4b2e2a6acf2570242dca38ad0032981a1a69b2ba33c59998bf10ef3d392d9c9688a23104849b6e6355d8fc4cbc6b2bc63bb4dd2ea03692787aed4f06a4af9b818e529dcd36615d23a553ecd055a9bea6daa63e4867b17c485b8bd698ed6f95bd1b295164ca6900ccafae249730689889d4b42ca78c3324e86d28dd880ff1f05fa519b139fd1991f6f5a6329b3443d595d49a2f523e049e0004ac5bdbe99dafa9262cb3a027483ff68174260f3bd10184b6a344d063b307038bc165fe59d160f9c386f6aad4a1c53c4af190f4914d3a309c9b06fd4a7b25d1e5480c6ef0a294c91ad1a91a4afc40b4970292e3fd1c11bdd0cd88efd6f0d72a6882153e5875cf268c0073a7d671a8d81701ac3a1b0a18fc8418853f28daaf74cd3d525f5cba020956fff70b0b9abfc9a2773643dd8139bf73ec655f893940d4992a14b01749f12aef89676e3e9436c14231bccacdc08020b76b537f1152ba36663401a910c01b76fb4aa952b40131d51a90e21d6d2c4db12ceee749f07269852979cba6dc7bc2bde600830613c21dd6fb5ffb44c63f437acdb717795f988353cbdc21e5872302a065516a102fabc07fe9f53fda9e73b3e974e3be348e2c5ed626bc2ba06f466f8d91b9d9100c8e9dc9343d21bd592750f2a0f5e5edf4c4f644f25bd747084295a332ef75d247759b790c1a8c82de2452f2c412121b4b88f6bf2a7c0ca4997cec65a104a70bb58a1df342f8182870e7a03b3e8d8ffe4b755237a9ef621d52138dba897425fa954a6c3ed639d59a229a27005580973235c4bd2d9ffcef23b76d620c982acfef139d226e4e2290f05040ea5df0348fb1b2306457ec17f32bd4270830b6e2cc7b05b102e976bd84f32fe8118d7941d17e4d571c69fd31351ba1ea14766a89c777725bfa009107a1486641619c76691e4e9037ab019303131d4e0eb92e21351ab18d6a0d64294f9c7669dda7562618468da77aa14ad569e9ffad6e3e4a5bb28c7eb60727c941d741c5948faa00617d4cac88978d88f1ecdebaaff55468f68ed9d30377ebf8a102bfbf85416a63dcd59e2bbae2d5f536657c72e0aecd91f20673c3974bd5335d7fc2980651a68dbb2bfd6fcf15378185d002c7c6cba6ac564c1bca1b6f88892b663cef464513d3ca30be0bc84615311d428571213e0e420cf392c4d2d399d64c82145c888b1ab85a46f581e7781e8ba33e1438b9d73504e085956f6cd4a459a19824f7e74e9903d82cdb8f1d8b22c0bc55b07f9c509cc211aa88e80d3b0a1b239619ba813385b1cb4d9a749aafac54619a6ed1e277850e37807f83ce69df669a38b6790c1f6869469d34275906b8ecb949d6b8f9ad222ec7c29f956da46f10a73f11f901a85d022a9ac3ec5874de56baba995c3f9f2a5ca11f8d5bb21201ae1a908abbac9c3545dc64cdfbb3aaae503dc9691ec0c08e0fe2cec1cfa7cc4340bd7d5f38ea6beac10355c765bffee61197220ede71dd73c979088c5949b2030820534011ca41a6e8ee12bcae0477b305d6dcfb5bed6ef9f961f0a8855ddc5b763fee4a463f5c367b6493a8e582c367a88ec682fea630be9fb5782a3a13d93f7d80879fe4a927ab2a9391beefc3b0c4fa4ecd492b7f1f9dcbd5c6ba34a253a17687857889969806dfaa53a72a524605f7f7e4605e1b80d16cec3f6246fa205ff02c1e9c8c2b998e27e392d5819bc9af2f78610710c6d36ff631545822ab5040f8517d2b2d81ed2705ec2bc5c21b35735b95c71855faae4b9e357ceca78e6969a8a35591e6f1087b9482a3385516827d9d6d48b9aba3904ebf022c29232ce943e443d7b36fdc1a1a41c4bc81475992fe61f079dd8b75ebe3304f370c0e4cf05e41626fcb2d9fc6569f75da27b3390b3fee81a1ef18f7c15babb23a6272df76faed2dcc19cf3062e0913f96a42a98e5b09e97ff19ac63d92821b35ef40162e9b590622ff726ca5ff9737f444d2829e6fe537e5b50916ce13c16e278e05887b1f42a3f9099269abbf70efc2716ef416193e7b7f7052bdf881bc9023eb356221c9ce3e642a267c71e5f69a224394f8f05f49b9a7244dbbfd7ba08125adcd0e54bf84afb88febb0e9499458437fc9f53aaba8c8b6c1c1c995001406fdbf4bb4a5424d00903363223a633e59bfead525dce632ddf9badb454eed50c0c4c19309949c3c40fbe9e3c4d0c8dc55aa98f9962eca27003e24d9955dfe2b62504cf36d71d8b872c7e7685ca8f52e25ceb3f0a54577af11b68e02101670ed3e50a89a9ea59db380c21033dddd74d0f7d6664dd85f8cbf853324d16ac020d1176a62088331b79f195d3fbe3f82086c0f8210e2c349f2521cca8f2f03f929a0e6f8d8f679f255fd6f08231047d4026e3962de1945241145adc44c13e70b13311b8b2b0188b2caf25ba4639355388098cc95154c4ae6f06a4ca0b10f5571138469dea1ac7771b1d3eb620fc479b57364794b457f19b6c50b642478fbea9784f7ed6f409faeee477e9e495f279c074bc80bba618f22dae35b8e6e5942caca59276867c4c950aa0dee9397620a43aa6d228381136115c57c0ae78f84b97b26186fafc31d266013d9aca252da6983c7af024f4ad702e11847aec8ff85340f25c6d9bf56cc0cfc3204cf8c274458e5522b2306730cc9a95fa6e1e69ed6a2e68bb7594cfec9910376ecf696f092c62804332e63a5d3145413802a901c0f66fb0d95ece690cdc8c8dc2912661411be3da889848cda58c99c6cac5d10dd08d348debb51edf53507bbf0d1e165b936b59f68d7db44124646274229dfcb21afc692258c42a92ea23a3ab95cb4bb6a8eed2e23599d175b25da8c96833f66277e3a4d326633157e200e8e8255a5b11b2c3974c4bb799557c0ce35b84018f79be6326308b7d1e4786f6dfd79c0e22bc753120d9f31ee36014707f0d7284998e409f1c9a13cdac855797a0caa578a36f01b88e47d6d36568d6b8860227bd5edbc35c7a565b6f8f11957c6c995bc3fcba6245ae1cae3c7c3efb1f529860bead511dcfaedc580cd619f6ce806cafc5c712b6aa27c66c3fd822a883f730352bded344f7c73ccb28df7c9ea6e9af2349c4d6055bb08d2a2133c1b6f096d743530a87458e39177d5b5b16b7af27ef47b3108d80d4a9023e297026d8e75b4277627757261411d4c523a31768f91d5104b78a3b67dffc0bbc575d46da9b46e091394086ab8d1d35a81fd238439488aef3976892bf33495a125d746cf84b3d97710a6c5e180c5551cc9b3c4005ce083f2c74ae8a6b83344ef867995c54d1c4c0c46f44c2fe8e432219068cff4dafc8d8439fe6e00bf2d229054eb0c8d825c7d09e597b79142290c43bd5f881871cac3a8a7a5ea071d6a0aa5c711cc6e32645269a76f5a9e0ba18a7c64182b1df7b93bfd7d2932efc5b3abd0b80ca8a225bc91913fe41b72977e9683ca025ee29542887f9c43819383982a57425514e697cbaef0eb2e5587f4570d191f7ba3bb1f9b6bc78ecde68a808c868a6652afe9c435556082b9d67bfa40fa90a54e783d6fa7c27d63cc92e01bae25bef44c877268c86699b7ac4565562451ac44e1e446410be66e6bebfe09eb600ca46a745f898b4cae999947ad738b2c59e10002904988ebada8bd70ff87fb50e84707a95daa54b875191e0399eb7fabaef96c311a553b4ba3e0d51d735379c3f2ce1c08ac46582598df1c5eb6ef261e66b0eae9c595aef30b1afc88f28ba1395bc7721d7cbd194b6144eb74506a4fe56f7b17e36e6f292d1c1e934e6f212eacd96fd8f9226a879c3c4a80feab167dc1329e36bfc4178617db97b70511cce77db64f7ebf8f89cff1d68f510ce820b7d472ac330009cba703e30528a10c49b2e5137feda4696b2b1284235fe128ae1a74a1f30eeed38dcb753c11f790162c5cf1a8d2018dcc00fb7297ab96a759f1599945f8dd7c64367452055f5b9f3ff8e2c4a625b17ab9cb964ca681f97de02de5cd162a864aa403d6fbb0d8353ed851086c6ee096d20f11cf7f0470044204ac1237e15d456b4b59f084c4b2abb34d160594c4713f280731b4d0c014e45e5d8c7334d5ffaed71121ecf24413a6b65a44a9abdd909b446bccfc7422a8c82fb11ed06ae3663f36d7b6361e2f77d49c032c41c5fde0f9b410aa54b2fa7239468d2f46c69655680f49e60c7c41379b7075e1235110cf734ca1f804e82abee28b4c62f4cbffa5847867f883a9bd9cf0a93f84f3967c35d0b0595fe3b1950f444b7865f514e2e7ec4a996fe7e2e3902341669943676bb758547c13b38fb32fc08baaa4bb9f907c397ab29140b3ad6f98edf87c0c26c35d1fdc4be0332209c0d3d06ec046bdf9f59c021208402258e97edb6b4c8faa9be9754ade9a2e62997cdc116745fc78aea930e84fbcc448c0979085431ce09ee24ba2efd6b112b1a28a33eedd6b9c5f3537989e706eebc91b5f2a5f64b79435f9a9da6b39f36a8265e0289719a5c5032971e08d6d0888ecc56bdea0b6499955bb32106a63b4ca7ecb7c2091ed304e0f9818afd39a7222b2e00bd622e5b41defa7fe834a013c8328083e08f2934347ac3638d9627b0a64a3dab7b2d89efac4c3886e6034ab92389db707ce6c0a1d23ff667444197cadaebbc5bcec89b4faf39239db6f8632f1ecab2d79d61ecb95ddd9ecb27126bf39ce962ffd0856cc48c387e8122964e5229610d39399e77cb9d0c99291e25c5c0cfe8ed10e2a4f352f0a8ba2e1b55b3d1ba20685a73045b11e7bcd9a5e62de3f06d974afaf2a9e3eec669b045247aabbe81030a5488d9837b3cf21bba9638eb23d8b4a866582356e5afd2b87d7c1626430dd10a944d4b8e6c45204bc42da01207beab2cb6d0f6656b0996ac21f9f6e0171890edd48771140355f617714db3a99a3e2fea21e493be3363f5adcfcd373c378a7085fecd86bf8ef474065836d7dab0a7dcede7f1b46af791d906dd94fd371a1d008780ef10f6045fa9977b1cf9a9242a27a301fc14aa1ec13fd57c08a781f80a303f16fd59ad08e2e2caf1185b1efc488bbf7aaf434193ccb96970d14161ffa51cf69e3d5496ab0354b33d80c65e7825ad67c28df11f056c972a2a0fa897937f41ee6374d2e73b11a062514a1345dfa3981adaabe22c4808ca47d60c58cdfc6f972bb016ad21d86be216a0884e9e77e3cb50d5101ef049bc7676f413e645533588d3bc48c004e3efb334fd6095e1f823a945d7f66004c7d94881b1316de9207eb62d849900d742fe34151707cfe248f26e4c113c0fcf4279fa0489096e3d02cf03c96812ec9198b517c4f34243442440d26eaca8a88c29d7e4b533b685cc7b002becb673a8aa5a800eb124f3a5431ea4171160fb13f65fdf628622b3df19845f2f0f30dfaef9583d746d065c6ccfc08ef755f2644b5de34063d768266fb0b8ab9d227b6f878817937e8f8686b185189c34cb38c6f4d11a4e0946e8bef4bb32942fb6f23e82d2493b9a38684df2524d3f926afe0b73e59d706eae056f324fe092d7b19cd0799cd3e0e2d8d55757ef7bc7c116e0ed33f361fe9fa4b6789b566d9bc86e2dfea8971cafd34e59d7e89bc728b3d70de05d22ec891c14ff7b71554319a241805835519b46159510934172885cfe50cb686ae09ae420f709f5f904937ab82ffe8f7fd7163ada19cae05893c32241969ed588407b229a674361f1bddd784f719a96e4b59b825b02815a93a2f5083a5889f2496d726ed5f1fe37b0468d6d2557e90d6ff377f88c055daa429085f73fb439827a8da6efb8f48bda5f7c5977ef8b74098b495c7d7571419aa26ad4de9eea1af742b1de3d03803d35551372d5bf436e53c596ad9e82bf64e6406bc9c0ecf79a6863b174be5c139a29113559c4bc5e26f2e72d7b5d6c0a3a025df93ad6f81f58d15de36936b6acfb50d9356febcf8fd600f460651948e3b970fcc8ccdfce6beed68d558a3add90eda034d481e5c510f799d2752bcfc90500923e2e6c5c8ca6389f200a6b4f59a290112895e0f941398d1633628caac882288190640980c8ffe38a2a146215b2eaeaa50470066ef9e3fb762ce728082768f6b975e030d66cb78c408b2920b4e28dea82ac0d3ddda4d29b3c915e4a7979b93319db893da17ee462cbd892918ac76d034b66350feb716fe96e403b009eda12a3566f510cc8849a10ca335f244264ad15cce06e67e1b4f462f67fb52e42b877c4e9ab76c70c85e3ec330b0d2932a26aa15e1cd6e8d2f64f92cf28e022badf5af9a7573a1ec9777ed61d9185c8501c2c2ef7709ec0d2c400b4de8ce023e0efffb4f8afb84adda02f889e2dba13e4bbc2eaaef839bd5449b12d4894fec617797e0765f5151c4edfd369c0afe266cfef892f0430809cd96e9f1acaca0f1d9cb86127d0d11e24b271948acf4e41a8cb24f7233cc049867209b3846d6c5f588442a0deb54d85ce913542f7ec14c32a3fa2a32d44591a01e48063ddcf3fcc98cc7b70f55de1b6c4e15ddd0027b914b753626e13facc635628a45eb72f905e5f5bca3ce17a992ecca407d7104dce39b0453c1e6c31664be6742aebef7087013a90ba486fa62fc00c93ee16873126b459b2427b08c83ecf827f8279ff91099ad6110bbd13ecb5c22df847b3c5ec1344b6b4ccc0aec3b7f9822e08ed576216af455123c413080e2b37c1b518c1a69649ec4fe02a4de9593b0d9c90d9788e4150ffcb903d67ae2d4282891b56a1cdab2eb4f1a831aed7121c7ec4d04f632658b76c67d5665a0a6fca3f0f6bec6ce40559df58ad2c9f99477a2793e9c62f2f78b2065f4810c0de1af4468fe02eae7a303917222b209df0f007c186f5a244453b0953e0e9f3cd1530e3011f41382738271be9317a4743c038dd84f718d45fefd0a467b065d939dd3b345545b6a00e64b87551f7920b3c6a4522545d22f3154e4f5b853b79a5abf41761c3931dfdd750ff6153e64292f937f9a3c25993faeee36523ec85457d407af3c5def6e10ed2b4cef7341c1431dba50c4cc58441d307fb1b91e31acefa718944ed1f295f

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