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
97c4360139831c97168f6688310b06055a262d30763fdc8943846daef8fcf243336d88c3a9a58dee4929bcc6be237ca4c677374707b73783c25b050f2946a792c1a213fae61ffce39cb902b8ea04420336799fe722b5ebd2c639835eccdf79697e6eeb9e955f6a6d4ac352a085905fe4b90ba881b3b42da910545378df92c96cb3640c5d20d5259c411139b55ae1d29cb18e8c72ba69b3b35e89f4f0423fc708b031dd7e922939cea4ef392a128745e4f0c5ec007c9f0f4c1d0bd7427ddb74efcc26eec03518b2cb64a43fa727d1d19637e4a2c5e295f228d8877b3c3ce29f19816918a0054a75cadb2a266ee1b728942c4dde572bb02286cdd9284d2fd0fe92e234437e88c45cb89c8c6e4f60abf651b9884e2d4e9d0857ff7504ee16d3b648ba3e59988df7509860f5336884d0ae499e07764205393b62c5fe88b89f5dd9abbd6221a680590a46986fd60aa8ae9df72234d0370d9804eb34a53df61bfaab1e25840218a5f7daca0143ae90c8d93a7637ee46c55a75f5eb847d1d65e12511fb55af3f054e8f35d5d203c083e03f3f325f11c25d188fe1f1e8090906fd1ce110e21351545da321ef4149235ac803d17b7e9abcabc527874aab0656da6515394ec48c6dbbdc78314ad1911908c2f5b2e5c06760941819a2a1fce94ca14c8933c5a5a3a9ad683c9fc3da5f1b19972477d3e8dfd4e24906af1524dc186e8a6db145ba4535019f6c8db87de853ddb73724020196df4a98eb765d1b701ad18eaaa64c5b83213c702d6280decfe2dc751e57f367b412ba7103e084c9190817b9dcb23ac6dd9165dd7322cbdc729bd0752dcf3ae4e9686c6faa4172d1bbc41a3bc0a54ab0864d7efedd87f14a43829c0fd06946b0e83f15612b28f19386083a9d72e104de37409700c31616c3cc61285848eb63e9c4ee69f51de1a8dfe4a9993c310d6796ba0904ed59f245b747a76bacb72f283c17e28f1cae6c3e0617ed5de5f97965ae601be354c046931c486a532896577a48dc6bc52fae222852053f24e315bee821a7ee6f8ca6f1608474eff0d57737c039e1a2dccd385eb2b6c4f9d21f48bab8c59331e1561cc6e6e5ad1ea13f4d743e5a72db36d645135d41e44d339af71e4cea2add3610a319b83d6acc4ec4a4a3efda7ba6785fde1b06f8908249fdda1e5af0679b8690afb0bb19f4e3245ad201f0adf940d353a6cf793f8ecbf225cdeb7e66eb746cb820c48637ccd25d0d87798a71cd5ce7f6f4cee696324e71ed4108d6f0df28a0cfd62cef840f37cd4adcdf6ed1d2034b58d68096ee1b428d5d848b417e4a0741bbe21e3f44f5b80d35d111861ba26a125ebed83a7e5345cae14a02da9a724b3b67201a0a37c676acc5f2c6af533b1e098f91e30c12bd3df46dd2631f55e5a6580d10d910bf42274b7030606e37e1da5bbe8db50acf45e7ae534b70c2b5d7096aafd56d3a2d4f07007497219f145162fb51f18c8dccaba35fe67fde1eb1aa79010d27458deaa5048b45ef918696ff0b12ccf3f2f1d3a022c13154cfeab8dd73e8833d0e2460286216e314dab4bb3af6ff708969138f4361447eda93b21ffb94ca638988aa06918cc21b6499312285a1f100b94c84c045d1becdcc9d744f4c8425c3f1471d57a71a59694e480d3765d7ef11156d78cdd8694be18212b33909a0c6ddf46f7c0c78915f7a28b735df06c5fe2be45a8ba859db45b0f33e1ee4056d49ffd91967cb01eb3545184e0e061ba5f41adfe2cad44a6f10167d28bafa588709410bd06ef5b3be7a514ffe418f54da8b232b269681a8833ffeb4babe052930dce2b5e289e88eaee73ab2690a379233004a9883ca87aab2b0079986bffac04d830efbc885db845c8ae866b44c09eee7e733dc0a20c67053b5870ecbb8eddece3db8d3ad6b670c3e14fb9218a86b5c3839d05b59349a4935a7e8af1f4be25abd37cd5d2d1ce7b284a19889ed2a75af7fa687b7841aec97a0bd05973b75dc79b2ab96f23806c58a7991455c40df38a580f566645891ce840a5858974a56d0dea1196a98f5dbcb1ccb831bd8c6b83fb4fba902e80dfde587e9ac7e002ef8a18160e47ee2d542ba49c20969bef5c40b4276861f3574caec6e764c1b65126af33dd8455fd6ee0691618d99bd7d4ea94157da6662d9bed19b5e24e4a7441d13027f531d50aaa0bde65e6142f048c0766cc59dcea6bb18a1600a732334fc47c394a4a864d374094ba269d9e0a2c62bef87a59c82e900efb97fdac258297247cf95ad69d6024f5a36feff84c55ff4814b9f6798c7ddb830b387c407cc2ae4df6393d0fb590ab783106501ea49c0e28edb90a0de300cb8a23b283b28f5f2e1d6840ffa9ce449a2de18e33c4d292a7cc081e54905d56b2475aa7a6674ca06243ca8f36a3252b9159c0184249d0edba57e3d4b93f1519d71f3392fda0d301f6b13e633d87db80dc71043950744ca4537de7a83221d376e183e94b01eb944056a21f53f0a6c43f7857f66544cee25224c11dcb1d0fb34af9928f0765fb02ac8cbc111e2155c1e7d197fab67d3322f5959f55a35de61cab6414c5efe2aa00b35c357a4ac6ad468ce5483d3618f3776f95371c997d93bd1039860c51b797e33dd55970a2f06dde49db05838cebcc9601a4ff77e4ddd03ecc756ecea3a56d1fc6087a3a59c195db77f730364a6ea1195b62dc22324955451a557b7842b43594138a842c6a47998a47a48d88310b601e91a4390f79fe3a6ec77ae196441cc7e36912e233808df10e9785dbaba79547488f0cfd246374815510ea645f7c7c08a34d3e3f61fbaca314610133cd1c0821aa641273fdaf3dc5421abf10f841e20745128b470ff39f93a17dc01365d55fed0d4a16eac25fa68b153ffd90c54beca005a3702050863011acdb7155bdecb3d2fa153873ad4c68564629f30d4dd5b02ecb3470c1b42cc7ef9f4bad370d562a6a84f8d091eba54a861b843ca664143dfef8496832738d3e23180f2e6ec8d23ec32d90833e05ee90cec86e69a6ae70eae00c213bddfadc71fa374146b3a5f8b65e6b9505004d4fa07e46b5770625b694475e30e0e0f617e2ba91f417fa9b83c3f49bd34adf35ada85fde72ffbc3c6c5b900608eedc5b08981209f5d190e4bd16b65918583adc64257a79c5e712c1fc83a9dfcff5e582a7fa2eadbc8d50db51a0bc65be99c45568a6b30211c685ca56cc712b813f4b72310e68be07ecd510f10912ca2a27cd6bd98a0176271fe9d01e8bb1d501aa85fec0a221557ace557ef486da495347750b115a3329e66f6c21950c847d4fcc9693a4d49c5950eb9696b2d15ef7dec1e075add604c8e9bc3ee04f74db52adadbe54d53b732462db1d6defa9825fa2a65fa0dfad4e49ee5bcb7fe5493af7c35fb8c4250803dae6d23395ffb45a0a83d757970c7aae6df533b429e3174c12359dfea093f4f619781530c09e3137d9fdcc43b3719bbf043bc1f834767424db623a1c71d0ad236b96fe8c17b39b532e68d01bd44e2fc5949be7030473b5d0a7c5610b33629fd012c4875f93850d1b8158be9f09828e862ef90e7001756f21c9a7c7662cb90051a7a8704d3766d43d68cbdc980258d210d13988c93eba7a1d815a3eb8a9d621b724390af231c499eb0e4a374243eb0d0ee1d2af756ffeb69cceb53abe0dea360c1715f8a8dcaf14990a25dbc8fed76bed6fa6a9c145bbe31507232954b300634d7ee37a35cdd776926d6ff81752202528e18fc0658869af3a32b2f468ad4e64eb4dfedf2b2f8c5a69050a4a73fbeede17a50bd26c78b00e656cb30e9fe9cff4a18e1860f058582de51fa604c7dc8367c5e16d99cb0e55a6cddb9975f8ccab952a0f69d58182151a600f61f967964339a145722235309e63e779f23057966135eebc0feb81efef32ff14646d40c3449f23ea3fb1343923b9f92deea455eac97f5bb92d3d1c8febcb3f44f199bbd6bc86807212641db7e658ef3f05ce9412f1b0932fab898fd0724092f5b1856d3cdc7e3ec42101aca32b4f92114fab2d6d36129cc7ab538bd2899fed1df43a4a638c82f41ec248b70340bf2d3ab5a5fa5cc04d2a127f4dde9e86ee43cb8c5e793394c6213c497e1eeb09f602aea4f294f820af8611b152be1f4348f6d63f3d16d7d

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
11e56304b253892fd7adbae170c788696935fc80853953ee7af07872f6fcbded4c9a12c04636cf1b3cfeed58aefc3ded75dcf97386ff877433aabba5a991090eaca6b3e40f9b2c8dd29f192230c46196776a9fdcf790b28f94bfb659e35166f3635dac6e9c15e89b9b2c658b6887dd591adbf058a6a552d90e8a210e2f72ecbb5733a24ef585d0c86ba699d1489528986c4c6db72a7f1c870dea61ce528eee011844f4ebb87f364f31fe0e63b5885391e931682b34b07646c7f01a1cbbe85a6b4174c434ede8faf1f92f55018473fdc4eaef360f7261ce72df14c85be8e3f236b040bfca7a96e1fbd0dd4fe1cc3207c4deac2820d5c638a73ffc93e9bbbae8c33fb5e727d553618351952ce10a21f664576fb040905e6dd0563c1690e6673c3f6989ee52c7aa2f8f32b1c586e620ee748f6e5e93679b84c6e06ba3df261d98650c529927d55928c219e5646d91833b36705556231323f6493366190a374a3155f04caf053e2d0c69963a98ec50b38f3b0ce228a2b920cdb7fc405e47fc8df6478cd56745a009cca34212bfd2a5038e3ab7c3a1d85fded2da3448a3f72f9acfcf962b695ea1350a6ee00750d465476d28754946b059610bf3153a0e14cf110a6cbd38ff26e2bf3bd71b5c7d58887fb240b452ccbc4746d16ab3c85e8d12885e9cb56dc9bd48380b771c6549c37422040bd4610e7ce366c5aab6bdce7fa3c0e58c7a67b6e9804cca1aa8ebaa1e7cbc54466605098483f3c0fe40088945e6b8dcc4b7092ba670f6904a8297f7c051348fbd7c91f7b566f407252048610334931e3f7ee870adb38e38504b3c87d0e8fe0bcdd8d189564a6db1ef4038fbf10818ecafe5cab8812442c569488a0d22f6d3fb26bd0d091389a913899eb77d874cc0327c28ab699289a9a7778485d97bd89a890b882e5e8a423bc47481d18d0cc3c6f137d6c1003bc245e38d785ff6210e30ca90ba50e42cf78a4831e14fdd56a700d73b34f15ecff431adf57d3d3f347b51449b6d21e0b1154b63d99d3d3a1a2d7fa0bd4adb1c75d6c6246a4e2cfeec295135690d07e0e632fa63497542d85f04bd97113c1b0a7624c2968adb717402de2f00030f4127c2751e56357972ec11a4868968d368a3beb83a4a469542ba5fea716aa2778ca32b158b2ef0c59ea854a43a0f865da82f468dd9cc15dacfa6a5e2c564c01ce8d35e3961e3713caf28c567ee21dc385f964af1c5512e9c3e4cee7103a55ec063db75f190799b67fe03157a8dd3a21290dc8a1f503cfc72909edc0d120c02d667937029cfabc3794311c2778017a7737e91af8b38c29ecc840a48f09212be73fdde8ef651e47095c680b07afef84f22fc903078dc6e1c556d98ee153c34f872c29920e7aba85beda17549976dab2b04367a819bd420320e4b4832cbfedadb84295afbafba50eaf20c5814c7254afd27f4e47db02e3f3fc6479fbac72377476f019eee5edead117b41f8371b6cd7e537e75111cae435aebb4d80b16b38f221db0030d14277b6e1daa76a0da63391e4da66da7cf295c027e85563de44e42b6f4a1a117f4a769e797c30b611ef995d83d3ff7eb1956b5d6ce87ef398dcdbfa635134ba20cf7704c406e5c7e959c2dfc5cdc2dffef4f9256429f27731ffbd525c85865080397b353fef64c47e0c67d68a2696c5c376962c0d3fc09f1195f98e8a0ab220b2186a45c8b5b5fdb9dd7a6120904fd8518474864c2a3dab3192c25aa88debaf7a9d9006c38672043c310e6ca383c737b26fb8b0ffbe97be9a8a9a4398733f1f2389bd47dcae9a5b6ee51e0618530ebd862ed9c74389eb7b9805104e6c330fcbad1a45e7cb0ef26578da8b17b66e7800c68e0dbedba4caf705ea9b5138b47dee104e7ef2597c061ef558a900e3cca80da4f3d9901f9d0b60c538fa408e15000d5d1f4aa2144e95ee30b68b101e8c5b2002958b6342bef65749654f887821efa6d6ee352ebf52f354f2bf8f5175addac291fcdaa37cb0556b812d20263fb25833e79933d553b1b17cb52113dc00836056df42a1307dd6b7298e60bc1b4feec9b643bb810286b938f98f65aa61a7e00b7c1a95551d8946d19b680797fb448f07ac98752c1ba2e94910c9f92e462e364d7725f9d397b1a9a1d52fc7d5dbb0d29cb10a47fb9b5695730c9e6dfb1ab54a98a58e9c1e149e91f885d411134547e1cd3a6935f239a0ae0aebba2ce108fd96be57e1c49cdb1488fb1f0076d71ba00718ff3b69346b7313cc128041a43cbd7968ab6d21e0f76f865edb423f1df26d16fdf03f6f901d34c7022198771681d29d95770334d3f620be3bb8aa6c9dbeb9b09ec9959186ffc67cf1840017e47670576fe272e9574c1dd24edfea737293a81a22fe840cd57c102a53edc084ee6ec3bf03484158adeb5e41fe61de0bf565972bf591154c9f59ad6c1e515d75e2b628e9a9db4b1b1031cf933eb937cde6e377970700573918b7e369797c28ab92126d6a40c742f88d32513825ffd33649f6bdb715eda77e2e38e8ebf8b45d02bd3334e79f41c6b3752970eb3e0480461aad9da679b6fdbd960a69bf47592307e7daf0a08ca1c4a834e3d37792e5aa9703f5dd85aa3ee49822e11f3952af93b51bb4c89ef97f1b59f1a198832bac66914aa088a0575ac2743708ac422fae751d184d258d06113cff0f894b7fa097a169ccf44cebfd925ae3ca64c8101b0940091be4ffff373584ecc8c50f664389e763e68ed3520788893e656e5544a1050e5dfd17715fcb251ec48e8a7d7d44931547498c9b4968ddf792230d9b32eb924850f4e63c348171ba98fc9c34b005acb4ba4bb7b530b65afae0f869d35e9de37ee0c934f41424582287e049f5f96c48fd527b7e6ad84032a2c14398e72f270462cb5caf86cf783ff4620b2576a342aa8e2ebea62a4b95c1aec47ca5bc6d3a0de5ab192c770ad1264f388a8a54d760ef744d94d247280ecb1b6ea8e80995619263af08a89236f51e86c6a770909c75ba6af782d34013eb587c070a3075156c9da33c93bb9ca29579b61e48e8db1e880328b075290b8a3853de93564913ab6767aecad4f6baa31746d70b20e94c11312bd1eeb8f44e1d16050e0c5395056c7371639f339986eead70cc36aaabdf44b1be24aa88c93a99ebbb7b0826e327fa001ea67ddef47766a70afdbc92c731a307bb88d3472d739eb83791590f399d99f7d0d527b3b8ad609bc18f396a66423be8d09421c6a4a1ba1c4c17afbef18e272cb9c03cb1622dec16068dc5a4f1aa15ad409353ada34291307b205271e9958bcf3de9846e6be55b7fd41d983ffc9c74f9c0579890fdd80f65245c27cea24cb98ff9e837621d6e7deabde248ca29ce8341bde9d4d42a9e253345061d0c00916010910930d05a107e6bfd535c67bd4726b8b3a41fd5b4fc8a97fe61ad6365a1e40f4c217c40f6ee350b71e86041c8ed3d3ff2b082724cd38f48ae7172ac072d465d36732ee2b811e7af3ad06688567442577c3cfd3d4cdfe89040cad79f870c2ed1b02da65e53ae800c2425fddf18954695864071364f8befb59d6e3eebcfb601fbac0eda39e1922dc4dd6d2815730e16a0148f5d68906fd146e3f95be07cce5abddf57885ae30161e2bc40975d80e3f1760fcb20927ad8d3c6ff7d862e80f57fe6adf077a5cfe44aef8291743dad4623826355aeb2f41a8598aaae2409c04375e5e572828de7fcafef47d33775b661f814cdfeaaa592d530657ecda742bbc4924916afcc1b21d97d8f5039362a5334914497551798908d3bce32dacbe2e3be6451b2a56ed6ad360b462cb5ebe6e477be37d25e8a0f3dd46fd6b8df0ea18d61bcbccaf15d2c9c5d9fb33d0093eede5db6f7b7ab304abcdf14694cd0d85df355c7fbe7d4ace09dfbc1e19523035412321913a02acce0d4340efd0d594c8453bb3433fb1ff5d5cb0abd04b9724b02b087ac3f9583daa08e595e61a45cbf6d946a2d58cec4fdd3aa6691e48809a75fa76bb1140d727b290564ecabb4e85f63927cd48488db0d5fd05e775f3c3e911ee8c2dea605a4174a62d6ea54bea2add110af0fec7877a963e06cf76c9e91a0791bb0fda08490976e4b7cf8d1cdfcf3710372b02ced18f9dc575188f889d80febf58f140aa4c295ae1864639eab90a2ae2a226f4c84fc34404a54632f610d61d9c62be7c52cf49470794560e93ed28f89374e32e2c230c7cb1246a05abeba54fe2008f15db5fcf4dd92f3f592681e2de3be104164d0018f2fc83c64b16854ed6357e18eed640f790f07d02aa8d3bf39710fe0e731678953375a8b78cfb07185ca80ae007c4a5a3bb1a7ec1c06f28b8fc68d13a44903a514ca69c6ad547fb8a91f2cf8b17f55f50a97013562c087d56f43883a02128d6ff19571d712493db1adb2042c0736a0d5ab848cb3c8dbd353913a29b909e8df2e1cfbb5caca4892d806ab1effa1b56a430451ba4c254ba45f7fc3dcad52e9ff9de5395d0a94033d6b89909dc9500cade1c7fb8951e4295bb5dea15b26570ee35f9fe04c6eed09a3d49597fd35752f21bc57a396f929100bc995560aabbfb45a432fbf88c9540f0ab8ec67633d83464c78710cadd9ca8cada91b944531cb62577ce0f390c81518ffffb5e9724ca3289ede1cf34d7eb7c2770b19f17c7b0c13bc0a6367e44fdc17e14cd24222c223397d2321d3efaeb58e7ccdd78f81ee90c1bd9058c0befea90e6832172bbfb5821ec624f8a361ff59441080ba1903065b6775653d93e8a47be1eea9e3b322e32d8a7db133f9388913eaa53b5e348c666a7c15b4978991b0cdb10e462ff11ed2949f963298918b99fcf552b37dd4add777041e40cc740f40ecc0adbc126fe0220e3b807263abaaefbce31710642222205d54b51bde887ef824335d4df33573ace0b5a0c2cff1b48fdab6b59ea9f4dfa3856900b60550513d1cd58b471f44e17e59fd36ed1771d78adada4e86921680b8a5e2a787d3df287afa732dcf00c22dd6cccd229283d9fef26a296a865c5763efc1d3a8ba53d84f64c84e842c1bd9aef4865edcf7fb8f1aa0b02efadc0bd2034c6f2dbe8831a59e9a1bbc49131eac69ed56ec990956d710b55d670d2073fef6f2e8ddccfbb49b5f89e75cea808154d1447bca48625845da9b5836ac2b6f59137cb587e1a0f8520c0002c1bea78f797376e9f5f0d997f847af7046e44bf763c8740b798780b6704ff7a847e797f6eeb8c9a0de3c143ffa7ba2b53a9acb8bdec172b9c7492d46a5596adaa4d2f542ac0e780d70b967a76bda3369c502f6d87be1114aaa41bb4c11b97b5d5e6f1fe59dde54a40d5ee11b6a1c2cecc43397aa4307334541763b2b99ed6bd33d67cf17009341ca7c10f6637276bd14bcbbff5512aa02b9e7d88e86ec771b

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
ff7c5b0986252801c0c7f821ec23c3e8354048388b4c84cda0e6bc2bbc7bab0279aa29a306b136f24d8c92683248b84f0864ce1800fd02a3f3620e788cdd5de8eb29880523b5fb021ac99cc1a9a8dfc53dfa3afc2fd94b90f021eccc361e43d259257f8f7b28b770975a0a2bedf0ca26030ae366fecc2afa4725787270d338aa7fbde62ea59b6433a0ab1e400648f532415a805d71eb3bb112d3de13dade7b4244cf5f0eff9bebc7e5f25e6cf7a73b270dca7aa5f3636cd61020d7804903f85d68db06ecaa63ddda4ffd79a684c190d9845ec547c77bba4c2827baf2e7b90441daccae5cf90cfea2b9dacf87d6e0834ac60b5f2ba23b57d070bded4cafe34da734baf21d3ca745225455d1987454f784c70822f2c8269375f45afa82d3b7af48f9a0e13258fd8f9f970f43d9da2da2bfb91813027e08b2196f3bc7fc72e1f658d1755281f1dd8cf981cec6034a13263bfb57d9892c40e4d3a070f705cf43dab2f81281768aeddec413b103acdeba2f42beddf53c3c62cc6baa9172ba227d59febb7ded4c2eeede97a9e3322f7b9520829affb2c839f3bcb66beef6c67f28de6442158d57622ea53b9521efb66bd85a49a4b6ff62a5e098f58d727424e32ca04d86814bc0f333475ef90d152f05a68b147d965232e633f434fe24c1fad9f2af5303059006535a36eecec0ad4d6375600ae213eb536ffa09244e3435a9af7df5a8fd3c83cebfbab867d6d3c642ce78b83500a5de03d4d0393c198f2f848b4839f9447d6320acbfdf28957ad1d92ea24bfea02356d5d974d1ec91e7f79da54c5d66a9979feea6ffdb706adec773e0dedf56d6724f4666eb1b7d8a04bd02eff468565313d56ced17214b9b3bf87e93b4d5e2ade1f7ac59b7c5dacdabdc27b6d7e27543b6d153dc90a4511a0d78b7ecfeacf2670c59c2d0c3422bb766e60659a89ff1daa45e0363dfb1acf98b88e7a4517540a2a55f9edeea893a7e7d46ec843cac1392fb60023b6d9e1792cb1e57e1991901948bfdfa3ac093294754d3624a0fc242e9c19f2f1681807201645780d1d44dd278b330e131d72376c12839fc2c48606eafd1a6e4e0aef1184be4e9c710c370f596fa7e63627f77371c8cf060f3e2f64bc9151e042367cb362e3c3e95d1125f4d0ec30fb34577c8a8a386dfb1d271a05f2c69309f1a76794129c245b31c6e2809bb0263b0adea9adff45b21ec9fd50c847a19ac3a51418c54727e7d67c40f4ac1e6a21940c1d19b0f1de139b75a4e6b51f9fb9e40d16a8de463a5f346db888245656e7eb17ef362feb2e501466eb5c70722a3521fa33ddafbc2cb5632de8ac8af9918595843564e4db6495f161b190faef326f94247e3021e8bb3bd8ed27c6d33e4a2c83850fd58f3cf6db508b14ecb0e38d40d99c84276757dc4c414c077ed2e21050555a786fead62a6644e195983be23aaac70a00ea8eee6502739bd3a6e6b523db3fed61abd0581bf72670775777802a1f24022fd100c659773c94944f9d187f13ff636418dd9ce2b3083b54733c749ce2f24813d2a7dc1819ec5ed7eda902737fa0a6b0d1d1f2c5b92b37344c3f12a58bdba8860c715fa5b1938d8dba1e9962bcd2772e2dc747aa2c889db04b5b6d2975bb7307b0d95411dc5188834e537860c2540fdcd33896039f59fc648643a807dde9a906484254b5880abfb992ec217ea713cb3b8ccdefe6d6826260c574f45b5d6626ee0889d8dd05550e495d7b5af1fefaec6749409cc7e85440b57b9856c32d9d3248d4efc8e09130daceea68a25c7d6b0a0df2c1214d038e3dabf6084f2dd542bc5b0f6f84db9ce7578e22a7b16dad5fd9fe7f762b66e6102e375987388df8738148e1684fb680a237716cee83de16882cb0f3a6d9fe4b0d258e921b186bc8381559801393a5ef702d4d7b780c131ae59797f6ee6712a60e32ea6790af93a25b5c61c7d158fee585f4baaaee7eebd5f8fe7b6e6a4a35d06cccf6e6b8170f8cc8944367397d0c14267273902351144c6af1fbc40e8b88a32708650f3c1f93b5231bb06087e0481cd2ef4fb64ed960b8edd983a4c89e459a78d3500832c1501de51ae327dcce13fc8d730dd86b69c968d0c0f422c2921046d6035083200a23d7599293804c706eb58a39ec7c7b14ac7714dfe3360e10008d5d9d844e90a3e1c84ee96f38ef255384c44204a672d8209c6e14bb7abd440bdf9ae090757d5f9f323898a44d89e474c26a070a456f380bec8f43f2ca4985c23d520603f8245a1eba4cd2a66293b51a95422fb305d9c71f6f0879a8d00dccbeb0b7200498d66eeeb48e421ce419c043b790776e8e9ee979c32c1fe39be86830ab7c0a0f7c40b5c93fa08ec94aaeb614b9c2a94cd7751fca019d65fe28f888e306d5dff7c0510eca081e0f3eb796f7ae332df3b3544a9ec6f540afd8f2a5483e3808c30633b649f07992a37212061c5b6d78b0194ac6c03745892c634c921d50821dcfdddb92b83564207689497f146bee06b06dde22d6a26186e41f103b902fff397bd7336ecce9ebaadb3d56f8ef1f2c8e657039ef91b7e310d2bff23eb9cf5a3eeea8fe9dcfe0a6f1abb1ee4942d58ec4c37a0d5a24c40a80738f74f8bb39cc85d42b1055adb6d182bdee36356c3a8a331f455d0a9b26d7c6bd1bac1fcdea0b4c4ccc46ce3325957cd2eadc75cfeabaff5339ec264c030f8174a22a3a42b6b2767db2acb94de55261b2c41d5ad416098d40857a6bdfd307d0ed00801937fb61e6f1d77c11c37155857f3dc94affbbc577a2aac3b4635f5d652cf04e5b00e38b0c673c6b8f6e7f7fd462c10c3ab6c4c16f16163a32073d88057d134641a510fc84af54b8f297b33eef2405108d6c61c6e9019adb85168d00f8681ca30946010f89c6ad35e577b6e85bed727da9d9d68ab7cbb59b026ae3d7ccf64d6a98f03caa10a265c7a8d32e0806b3b625cff052e7ad58384261e27efce1532ee7aa085e5a3668ebff12614453cdedab46d65260c0dd69e0a1b8d995b9230bc8c9fd5b3181d8368ec8ff23b0d7fca67de65f44267b7f050effa11c633c8530166c0b906db0f06bd2b9eac89f11152b2109e27458771f77e761259a369751c223e88f2346b233a477179d48c3b7d58c73ae35ec91c3032c3953d208dddcf40d7c8d70fea38e963ad4f09d2166cb50d5d12632b9fd9bd0ce0680548b724000238eab0e43ef5869926d643466f0daab2cd1ad4d4297425206327a1a77aaff08e37e36f2879c32e25bf3f75eda471f52b54a5915622dff6118eb441f36dd4e6d893d45d5d55304aed27ee47e9dcea54d7fd1ceea7a55a34886bb656862c266c63aa7908824546cfe7e83dea96c6286f455a28abe1e05da986b4e8e45286b247ef4fd0e34cdbc43dd861207115fcd0023c45b0b674e67df94f71e4d7b8da00b6a4d25d3a435391bd8f21bac1283b30d5e842eb2e4a84b719cec21ee1f61f17439e06ff9be47dadd84a1ba544308890a630f87d079fca380053937fcec4dd53189a467e82f75bc3e0ee6b1eb36e391212476763ea60065159315d87e14de14c4b8c6cf3bfe350271df83b5a2db2b17908c4f26eedd42d48000284b9b2f3809758c02552994fa03a96ee8c0eb73e622b5b34f1e02a8468476c545837f9de600ce2a9641984c9b0ec61bad4a22b716229d7787f03ed550954ba543564dd29147796bdbe40c8fd45d624bbcff56ca6a84186f962956749fd8619c2ebce1dd53bcfaa5679e6d00288b3114a2148ef908890253a062a3bc885ce7f1fdc349e2cf26a0b5fc03b16b5e63c501d28648c0d95cff82e25d6aed2a4955c5427c959a87fe38d110ddc75e7f83117b702a8ee76d0f03db2facf191e029be08b76c623de4e6dbb8646ad5a93d624b03d26d4ef723d008ca96eba8ac2671cb2c395b0af1d0e4d0f692169620fee8e3feb064e2173821912319812e325613dd41df5d951872c6798ae10581b583c11de1c4a5b79aefb6f0284d0b36a4bd7b282c5f467cfd72b5bd506edd2a25ea04a5a141362b7bf1a6a75a8fd5fa361b01ed26d2d505c16ecbffccae62cec0fb1232b6a4c2cf36cb8eed2270a828179d94ba15b26b61e59f20021f7305b0bbabc3ae539b0bb152c7f786779978aea8f6687bae687ac0be1d1191a3834ee6466b78433c38082797442d9fc7f9adc751b498d2f751479e11827190db50f00d861c38f36c24bee8d1f188d4b8aa4ebc9732a2978e907dcf2a5274612b26a6c014bd8aa0aca85b57a7b0fc155dff9f6d0c1eeaed0baa61ae194c7c6882a921488f4f33722c0ec4cf0a6e82d1475259a8c1fb505e4fadeafc6c21c0fcb2a40fd0923b0ea8b35570c0dc0f4599c22917c0ea48496b026b4543221d16fde4aed656e932ec0112b80a66b2c4b01c36739c2b33c9ab8c86f0c33c83f73ffb6105b78b2fa7a962b141d94ce8b727acef83b71c08d57af0e084969d167846402043107b4b7a203b32269a2282c0e46ad8e94556a1e4477ba46e244b9ff504c024edf8601e43478a836e22eecefaeff7205f224d6f7b2037e4872646a860c01d44334f6d486b73d60d0f0a98d3598ac3b28208d0d5dc6320f97b3ed4710cca428984eb40640a85db5832e2991d8aff3a58ecca65b0147922f228c9475f5bd82b569a827e07315e17b4efba176f7ada1deb3fd0b096e22e74840a8270c6cc436cb17e063ca55dbfbf74fc651b455f6b079ee154546765019ba69a897fc009351f9ad4e1bd39e9fe62d550605b5e869f3bdb2f4f1eca1fe5620780d258a251b38ac866c3d3694a4b81b969d2c9e1bc23f1d33a1db896d25e6c7bc2167b5a378541b2cd5456c3bab0876ab30538cb8266fd32037f18c66688ab96937e60c62168d5165786bed0754675418043ae094f176ffb65d77f17fed8a69d3e77e2aad67c0635bc93d17901330aee6566d8a6011610f47dd3cbd33485238a783774950efed0ee7be79fbcc9ca126bd2f22f65e819b25691f38a48117d7b1c1699b08c1652413c0a077041a0d2c820bfe5013b75c83956e1c3592cc5ff9b646dd2f2e6db872f29fd21d5ef05c853ef2adb96b890e221ddf3e3b5e1914dc7eb124560961f080ddc22d8fddc1d2e0ba31a7172c5817045bf2278a355350973db6d7c6fbcfd4a9d9110674da5844f50e69c4619d688d5a22ebebaeec97e346395fcbd2c1124c82e765a92859f00823b8f456827eb3a609ce8f721acdf19c537ee43ec69c7014a44c6c6602cb31e7db4c8b33f65191112ea386cd03f2b6cccf40ab15b9193a2487acdc1bd1371ce693d85e869c0a0d75f93bb30b7b164951fbd41e85af4f057a3053ec0fd145a0fb3641bdf52f564fd8810f50f4f9656626f0c2d13adaae359b017a9d2b974139ac526cc622585477

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
d7078023d534f0aed0135a488181db47289346087d385d55ed8ba12541a154270f060ba73e5c3b7e51d13a9cc3a4d43a2dd9d6d54781ba28c1d95092e48bb45cf5bff1892b3912d051d72fc99c7464db1ee807f980f1ef31519234271219107eab8a83d5a36bd93f17e16315169c995a76fbd907ed2abc3a19643664c03eddbb774db9423358af4f6313d52744c30b64b77e113b339410f4ce4f896993a37e6ed6f4827239fef4a690b796610696aebb582085a54cbee591dbc8487750eddd0ec07119283b7acdccea879b18f2a6c7fc29a61af1b4d7dc196ed7494c5a43e657c06b3328600d1b8c55e80ab0fb9476b39458c8c886349d042746b9bb08047b097d291c83985e2b1d78214e39bb0181c9163c419fd7a34ee1a04688f71488af2b4be5cf0b8d99047f7b922fbb01e6eb8d4035ccc6e0e73de0aae86254951f847b7d7a0c6177c815e0657a3d5d24e15909f1b309673a75029e1c2406c54551c6a2ca48edf9d17955409601a25bad0074123cb8c9d230d6af3f0c3b1e143134412fa7e6d7c9cbe3671ed2bfa268baecf19651fa7233ade0c0313b9ae25beb8f873d02b5ad709a77629b8d02a4d32096eac4c1ec0542bfbfbca6657b5a1bb38d7acb24acc30879a7620c5c93d72859928df3fc69bb6442603458a82b4487e865903d706da4e585f5e1b91c67aac206e375f1d834e642fe21b1e07d961434ad3815bdb7b381be5f04ed8ff8a5d1b96be50f1edadd8d4ebd55d1d290ce8a38863fb34825b586c8314efa0a44b58393f689d2b1e4c6526568477c38e6c5f357bca84a965f25aaddafe6932a2bcd5ad5c1da8a95e35dd339d6e3d08aa884fc4133b7b8c4a7d76802e8c29cab77783ae803b394452d10e66ac716d5e4fbc1c09ef2343495a9504cd72f061cab198c7a64dc6b5ed68dd73409f9cde2fa5843c7e12cc2d9c082adb7cec831d5629819c428a59acdc60b80789b7f0b1ad76777f8a8024c1d1b12d9c64123ad1e2821478ee909b83fbe42be6e07a1e453a8df031d61f0f01958911892f8c49d832ba49f03a8a382304893b21ded6c3f2992d47e7f7fa2b5d056583da20730963f80b79a073bc1ac354323455077ddfb639d8848a3cf43f8d75737f94a44e098d0865afc2c14fdc1a4da6b9d4316c153e64e6a0f5522342959730f4247e3b25d6949b6c3e73bf62231ba60330b7c6a9abb11eb61ad55470a953b724e9caadc83baf51551ad19bb53a6049ba71c23abb2c5c35eef695cfbe1d9391887056bd53f4de91de6b1920b66421b075070d564de9794a388d05c8c929f1b5e7c84a72af3e03e0b3bb214e965af0f204e67c9aa11e19354b9269e9947d1302e88f624079417a2cfbcdaf57d16fd861e5443c2ea5910c368e788f57b1abe946ccc17d84a67c1aa7eaf5518f49b0f861d3df51f4649b5fe1f9f3e53ad487192b1ae0e8cc5e9eff638f46c6b692ea8f79d04014a4c3fb43c8b3ad8ce5ea3673ce0f61cdf4dcefad228073abdc6b72ec5f79cc94310fe88c1a2560d163d0d3571af9e0614d664304d9f1d87a6b8a1a068208c2d636c7880eadce43fd4b3875373c583262e20681e820ea00b729bdadbd235403c97063eaac0de7e69ebc567aa92caf4d315b2fe7848b87cf07aab9576d89ac1e07141344a9bccb513f53659787e1f30ee618f45630af9153a8291144ca103fbf53f3f38a61a103900c0a08d4186d9f902d095f4857aceca0e8d626b77b2b67386ce0fb20308f945e666c6ac809e03b70aef9630a47a3a51b53cca11aec8f1d5bc0d8f973993ecbc50f0bad9bd2d762de06a48287a50e7f03410512ddd5b7990117f85f48c8031b6e11021c3eeff4994d62fa5732a43da113c416930bf462960f3314b9bc04474f26d4cb70ab1be17414ed6347e6c42cd9d47fad14d82acd932fa28ccd077b5eb641affaf258d774c2d93061aa17d8aa9b6cfe397ea8fc79844ff16fd57a2b86b3a741fc86a7735a65991e7430ba84a5bc2bfe8957a89155881dcf5e3dd51e3bd4bad2f203a79fa194b0818c789da11bd10e7e92a9f5c72b4985e2d8bd7c3baee12bac331bda233569a6a054a3f30e032bba4c4153a6da43934e5888ce1cfad381ae450091af916ceb5c9e0afe016fd2543804b99f3b008b0342138d39f5a8c8f17d977513639758de62725f90f2ff3afe6cf43e8322b858d2934050ce2e7f4a531cf90f5360f4429c5d8f40b66939fdca6cbd70f61b3c4752b1bdea74d0971c415c720caeab9dccdad23d36af0f6633c8c9fab501768af974a6752dc78d2caf887443a7f4db6b29c1ce24d816e4a79c81009daeab49902147a65dbdfec22f538eb49a408430a7f15f5d4eb9f0560d5ef86ca1d415ecfd1671a5dbf8aaab8fd9594c5fff2932a04fb57af44f7e5e01d933c216a81c66bbcf0423343d93fb2d96d4357b9f46749393a63655d2df0a6d79c362c88fb71d732756d0e87e74eb0e444ba94a3a4439c0d8ea40c131a4d9a572c7fa382424f5d93f46ce8f9e7509c07da84913616a14ed2ef71d924608277088ae68f04279bde9e4daee27ad73e9b57040336e65c9d0d6728d37afce2220a3468aa810f15254be4eb581a5126c6bd5e3808092cc4671c9bcbc5428f33e667a7b9ec0b4a48ae1dfa190494f43dd66a9a0e341d3c44ac266160679c30d6a85dc2a5e668f36153bf3cec2fdb4f6c1955da5b875e9fb5dbd65c51cdc2ed9ab63af66eb58ac4142c26359e6aaebdf3dde276feaff01e40e8724cc9ea27b34686f6ae7423c6338ea46f89c2fca42a46467e3b0a5dd7a032c592afa47dfc317ea14f521775f90c6484893572080dd3f3fb8fbd5e978508fbce8339db4a40ebc67d3a25575e08acba313e596ad4555a024edeea000f5a7260c9410fe7c729e18a1e0eab40f30f983958aa348faf9edf6afbd8b8f43535f46f067a1ab25b1ec775df438c2d142895fad238283150b697a5e7a3f22d471ed3181e3e83e0ba3b92f39d23924043afb8b8e9d579cb830ff0051c8ee16c94550656e4afe105a364719c2eb33862007df4b87ce32c72aa344fe3d3134add1f51df3222e7a4e75512596befc192e5e4e153233a214f4ed72bbcc013c0cba3e88f428c5af857ae159cc40472fc2db6f448e4b419c74656efb62b23d281d5abf154b4650b04213351d69688050464c9793ef683e330111be286ee8a0d8223fd16a57992057fe0ffa7bbb5edd16c273c131965fd811ba95f146598525e0579ac0f61bd9eb65ea748fe2458f24256785e166cb60d205f0b378af128598fc340149ec1ffbe928b1c331b075f771f08533466a3cffc521c1771f8c2409c48497e3bc8e3551cdf69b22790d77f3b4cb350daad4f1d37469f0e447d868274ec2d279a7ede108d33f9ee7bb3b168f9aed87e8232203df42000ed5cdc2340dc10c0bf30167882f3a86b8074ba4f7f3e6b57294521a7728bcba3e567bd93892be9a1b4a38e4599d1e8e5973cabf744f9072d6800372416eb650a181780a23954ceab8907abfd501bef1b07ba058fd0eda16c2c7f68d41774c6a27a783d693906daebede5a3b3a0b5ca6c10efa0b752713a4f5a2360308595882e05ef9fadc735cd05a9671b2469775fc24072b0109e8f1456be9b08a4912843251896f236ac4d441ac899ece7021ee8e457b5ced46554ff93ab872394e8f10a881e4b5d98fe48d1816b6a1fdbd6efa566e7c2b7fb1ddd18298343ab6393e6ba8cae7b9be53e2bd1b7907456469269ef21518fa55ec00ca83511a857011999868b6dcc25d58c0f5a3a257d42d481ecf66b57103d4dd435a3df5f5640e6ba8ff4b7c5208dbd6718840c607dac012ed5a92632c2c59188d730111e0d72e7396d9a9304e787c6d2f8a447b7e3d8313734d03d8661d878672f2529957856c6f84562b6811338801b24bafd21bdcb8ae8e68d31ceae11a87e02ab871c40a34aa62aefba465919dd67c01904117ea26f9fb2948a5a24ba3089051e9718dffb8431d63f1482cf64c26ab38855e63a11da3d053934508859321da6680cbd60542132922b09dc2cd5913fcf3c1f443965ab0b4253a1fe7c985e9432e3260f0392337e5f8b658752330dbb4199c7bbdba2c2eb455749ac78b76f41a73b9ee6a77bae986bac23fbaedcf380c9303369af4e27202718cc0bd5236df8cff9cb88ff8d358f69b262e3c1579fb94663acefd039c1ffacb6ca3abe58527547ccd505ab3d50b1c70f86f51e0f9f0bc4f28efd1963c33bd3b94f5d65ab913ec9c945c917e1d32c3eb8d0127beace37ab7882d9c720461b9468410cc1754ae5c8d8096fd7e02571b1332dc24113df6ee340320dcc7ba9cbfa97648b65fd1d843da04866e62428bda37bc0cd800d0e73762fc1029fbbefb97325ced39eefdc1c2dd49d9cf6ada347a17a24946781bb6be02140bfb6e78972dc1dfd2fed26c7ee1231290b0c363b6f0e9be8ce530ecf874230f1327df2923e3a99398c45bc2d5cd774da8b7a9b863821fd692592ca7cb84e0bd2e635b74c7c253d9efbd8992f0234539abd44a86688afb922ed9154e291b3960613b0a70054db32c0116a9099c2fc52693ad2b04325b8cd31361a73e20c5275ffa68ac12b916498a93a46ea7271c36269ff20927cf2b27c29f75dbaa65a49d63796c9e7e02c390ed074cf2491c9cbc30b0d97a1b71d19bbd97bc627716c3cc28ca432e434b722452b37fb7e723a28e1cb3401cd0d39823bcadda283e68b7e26a4ed680c179e1b6571432ffc866271c99014d80dda42c9188638051ef2ef20922e4682c60e0066315d4190eb9675fe028c43f63ddf885d541fd8ee67f52724409cc82462293f05dbb7a523c3782f45edb76c07a89ad46eae9b6a85179e0c6f0ab2298c27595ec441d491086ffa2e365a59b43338e17170d2537c3371e4ae1fa8b3cde02a7a34f7b230cf815970dc857fe12d3b876f5bcdf91a0932d593120cc7dc6f877e9ceefc58a57c1712b6eed264b1d278bd52d39d154cdfa1619aa2e1f15221a6ef5c26286cfa781a322e2ec0928de8ffa20cca43167489fb456fb5311c0504e55ead05a665e87285662f2cb4fa3406d30fe84baad72fa8bd246b89d0f32a1f1919ddae5e303bad67c1bca87df9567d5dd7a6e0162d0b0320146867d428e9cd3895c4ba06b6e565332fae786cd684ecdd0bbe92b5f5e8868f237a1a03972f4830ca97af958e414dc9bfa2d4b56d8fee4e5b4bbffbc652d1bd56c43fbc867920240eb7dbce26e3eb5a93dca346464ca70641fb6634b2bd76d24b677c9395c2853c809bcc04a39fbd545f241487070ae2b3d0176c15304a035bdd0154e8f3ea470fdefb4255f51446c28a170288b7233660063ab624964bc9811490bca90cf021275b8a13f34c69d6d68a4fe77e74fbfbdb634aef365e9e0b

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
000ff78aec636272f1adaf3b53ebed607ed1cd8b01db14cc8a1edfc737f2041495f74a3f41eb7d2f1d81509f3530607e2f956992d2d9ea5ea9d41510f531dc970f6b2f2b2277bf2e2ddc3537d52974259efd1c09cdc9930e2cad03ad65960da8e6c5f138daa47e6ea601075b09bb82f7b2a67c3e497b5745ab58d63f0aeb9f0a85933f8738c1c18f993ff37a5d03806189d087deea239342e486e81a2d2472f5816f06f37511d8214c2aa686d577ead4a6edf79ddf099574fd4d80fc84317b74862932b076c0011fbf01ee82b1e6e2646646156295a02a21ddcfeb1545e758ee7dd4eafabdc765c6326f10576fdcec779cd52fd1429066353dfa05b707169aa4a082a30a08cc8242c7ac21e6136d9c774111b89dbe471dc95c10d1afda8e6fb4f32a63f0233627b30f5c8cce8667ba41ae85f020d811412e1a1794dacbc80eb51553b4637ce1f0dbe4b089836b41a73d0d9ca4f0536eef35cb7ceba8df011f31f681adf385a1278df0116ec32b0e32c940352c68db9ea3bdcd2d023c27a7c058d8ec94e44a8b72b3b5b0bb727a7caa6094d6f49881b813c9e8356d3ce286afa603c86ba28b9f8c89dc6f2f8483e20055808c8060ce45b5071dfa8ee3c9a4f04f3b01d86639561cb152b997f05615d3b510758a3a0a0dcc200e7305244fbbd7e676b34822a9cd175ded1913931cf10f2fb5d75a85aa64c0220b1d540ce8a7ccfded2b15f8e8260114ea240460c17a607e43799ac3682d687888e000575b7420696146d74daf55c7dc8ccf0531dd48d3a0766cda9feb3f5d14ca164f7613882782f11223d959277acc42c68af0d07f6279b278754eb85817ccf0c392cd2d5187a412d9edca19f1b8e196bbbe7699e6150b3f77b8652bb6473ba5d09f654610aceb9557c4bc2cc27431c629f68936e833abaa9e4b9b293dc24b87cc7b8fedc74f2e30990fedb752a52ddb10bb7e424f966ec6890901f343cbef3e7312868248965eeb0a56dec4f5f507ef67131fe7ec45b8bc79614e1c4728cde5566aa7c22723e1f84b87866b6a71aaee90f4516030222ae64967bce14a66d3162960b3ccdac8272514b224e7aad9b8a6b4e66111c9dd04e120524dd1fcc3234ded14d6bc123d82d3fb5ded74191c600fc3394e6548597cf33d2e5a99f2f03bc8ee80910232a0ac80c131fbfacffab491d6e847af67629344c2dc0c15289926cf7a0f8401a079bbb25f4a2d2ab50c01c37fec36ec147f92daab020bb8c33605e03810db34b05393055e0ef942678556f35f9e1fa05ff361fe8dcd177ae85594465370e5f01e4005bf2c01a6ba5b27d706a9f58c48cf36aa0662c40a06c18b5e5d49fba02f80b2e5bedf91c2cd7611e71b77c1e7b297e57fefdce17ce9ebebea9a88609284ea78dc438476c695906c3d24b84de63663cfd6d958a85e917aca9b18b1431594ce3e73cbeebe27a1c269ff905a4121938aab366709646399c4d0707b7a0dc90d7ed35942b4e87dafe3fc389362029ab732ae4902c2a722e2481ab76e6ccc9d5dae21da4b9b3702ea928d91c069f7bc657b1804b245204ed1566abc031e9a7d230739811c6d14fe90619e3c8a78ea56316b62ea17aa78c93cab226ddef400f2169cfe1748d17a4b56cdded1bb012bf626c10d6ee2d8c587fbc0d2df93a901cf267969c57f0c5cafcd3c94262c9952ebeefa70dfa71d9d654959970864bfef0ac3d0a6fe21af2989389a02b99ddd8cc8bd6439bd73cfcb2be20c131e837209037d0837022134943b895eaab6701458173998827757bb3c02b788529818594c5aa69ce065f43ff06ba224a3823f697854974cd4f6406c25091b1cd26982c87a556604f4d37e0b518cab1e00a1d3f66df8681d62629d3c7000e0c340d1ca1c296afe530ea84aa1d409501305c16b733d733b6d9f1b3f3d1690bfcaae7bf152ccb15d7f4056d1acca26be5b54b07d8f2bffb7759eb996a3b45563c53d79d43dac52521ec4d116cf8182640ff0a7e697221f3be6d391bc2fbb3cfd637be7b01ea6b8b30f0982436c4dff288c3d6c6f3010640675f20ea61958f5b4a126de43b400de88cbf72331c4bf3d8f39d2faa31d051d639a9900138a485cad4ba68f909f5c87f8699bc461825323701a06b2606fa70ea2853cafc7911374b2c134e42123f1f18311979ab06b874de3078923ba92bb452ff1fdd456feea5dfd0cf8d36cf52e46355bcb90447748af56b4674e133d20e550657cf6eaaf6d0981f537ef714cd38cbdc9c9d5d52ee2230443a8ecc56e186ef316884dfa6d8f9f9b6b6258ce401490f498fe16f10a567b7e2e1005a358c04214a0e028bd81c8fd6b5af17e6f5aa38c0bb99b1b0ae9fa37e663fd6aff1b1330bfcca54735a35124d816b8421888717c2d053b01420ea2533a570a3e8507617a42d1b1254fa1bacc4348f610fb1148167530b2fbc197e0cbdaa8775cd509ed0ae079a53f18904455f98dd15a2cad1d3f51d0a5e11fe989ccd9d4904bb5855fdecf3df83af63930b6d4d8dd1b89ae84300f58a4c70f266610eee3b550d76f973a18153b18bd42bafd5ef90dae3ec13ebe1bb7ee887fbd8c6e8ace2820e363f420cae0b691a7c1b0e985f4d3b2c78f5612da4300f0502558e31d7cbe9be564de16bc4305b26174c47f56ed4d2185596201c4826b882360ee4ce799d70280292e9e62c678dcf93b176ed86adfc17c3649050a459d9c7a027926ddb6412612d3fd10a86edace3007fc12a2a1928e9663a47d0eaf4d9786db7f3cef4d99b8b3b92a8225a5c40dea6173c1f93a5642e4f3b37fecf5abb975f5f11a84f4cd9d4ceb71fc42af0a0dd75d59b9557d2eb8ea80b34ee728959a61d38319e42028feb580b3d9fffff68f05daa47889b716e62e05fccd1ec3b8a7964814c39c18110a97bda2541a6fd9b6fd03a6fe07814e397d79aa0af5524331be2451607593276d8a606a2f622b83c28fb2c1f3f53ac9ba6a8b1c3c5b32f0d0a01257aa46c66f89fab0153faa0daafe1fb5ee5e8e971960e7e3e9e18c0db56936d6f2bbe7adc1181c2937bc1a5fa4bc8cfd7f17821a63230a73a21496d51c91cc2783999dc730900a9ba917609bd263e7dc63991b8fc6b0497e5dc04e70fbbc375d9383361811e8f5ab7235c7a67eed191c35160828095a9c63ff4964b6d9cb55e8fad7cfcef932c91983421efbaf40c086191fb0c5141720d0c3fe0c9a190425e517530d4adffe251d4ea34101fd6fba5c674c045caedbe149827b9c801749dacc6f7c58852600a6a13141f9bd54dd498297fbbc0d1fef5db9591817eef3604321180504e05aad6dbea2b4c83db82cb949f2dcbde8f604db21de35260011c0e7721615aa51b0417d7a5b5c02b609ae0fdc753ca4671ed709e7ee406b5240f540281f3953ebbb2ad8bf0e8f151ea2cbaeda8392484ab5b97ecded580c1d641897354d72ccb47fcedb83e122024408edcef2d1b6ea4ad7fc0029c4a8ab7f8d732b64dbadca3747b52e0cb9afeceb7de2b3b2b613056f0a5c8de77a700f5df5b2c18dee51f5eb687dc305fbe64d9e91bcb4e7792196551215c7934a0e8f0ca9677f4d0cbb68e7cb46b9901c3c931ac28d418a85c41d991ae676aecaa88c6e37a8aaefa5197f67bfcba91bcae80aab3dd2f0382c7af4375ee24f76393c2eed314e6ccf283e30d7e9b504a5b9963b4ba41f52a8182e04ba5ff71997d8d81ee4d9d3ebc16eecfac93326775cf17cc0e68d8aa6f9d83917604a48e9badf7881f3b1486b397ee7f34a7e5c59161643e05603f3d38d55f642adf42ae335585f9c3febb9b0dc39cd50fdc433b982ac40f85bc90628cc28bc0b7a4dde93bf5410697216f0b9b79e82aa757c2f177de1ee139ce3547b2594781911d696ce5d064e5b2629365dd30264608817926432823127fc2237f5b6a126975fc1be72eaa0c9f96a333202b0faad1495530dd39c33cef9c4f467b557453ba37661dff354c196acc6d99db7a7f2fd5dc275e46df1661e35976d36d908926ddf9b87ff5a11e016df326b922a0d79b8a245fbf1eae58123b02f6e59cf102414f6550e08b607c17714f8934f3b519e70894a405d0f8594b03822f77c7f7ff4e17e699442952a42cf59d69576b40669b1259e8bb0da7c6808c6c8e68337e3ccd8677f0910738042801c74d3dd84456286a5a81e77298fcc83d4e8e065961ab5cd695088d6bcf75476389ba9dd506d9df986de34d317958066398ee65e1b881ed8d9c1efe21ecb558aa331c803bb757c983e7df664be8436d5fe710f893d0b8a8b3038063fc0625a6032c04466a83d77267fe8a92b88aaafd7e4fd0137e10e430d1d3a1e8a5f0c09b477642405bec79611e36a7bd63cba4dc654b09f38c1d9cd3b7cd850f51687a8e6b69a3e41f51c3693affc947cbac8de818793fffab8f6e2827fcb0bc49903976b082103a677d53c24fad86a9730477af55c31b9b372a145424f2e217cbe29cc38aa98aa8ec3e2a2f8044ba3dec42408f4545d8fdce06e278606551f9989a5ba360a979142405d714153eeb1de82bed8649934fb780df9e72194e7a861daa63ea49f0084f0bfe2467f3a4442a3ef9caed29e38c2afda49734d3cd56e95bf14655317de917ef4380b9a7f0e04c3871a84c6cac4ec8c3a886fef6e702fb7c0fe171cc660232fcb80625e22d43d65ac1653fb195af082d6886983d02f7a67f0cfd805e113d95b41c181510dc1867d26be15b4772183050692fafadc8a47731965a897fbef043c24b6b556ed62e0e59831d5318c2851ba4cf308efefe9d95cefbb009d100087100b091f706c9d7b3957c639bbd80a1506bdab03243027dbafdeea99556ec73a18531998410a9883a81e88ccfb733d93a0f2ba59a78c3d59deb4661512d9b9d687e901c2f5bdb3d2e01ada699276e776c2b631cfdcd205629f92e4c8029bd2c904dc5a90e25d6917ec9577610bb1d1b61ab7a44324b446720c29755d7b6c719db08afdf863f35cd0573dbde0ddaba7e1966fec7d360b8a58d53fd98f258f778e80fb1276b42e13a9c8ddcd27891f0237bc7ec602c7f9e1a86ea59cc59615e21556d5e62ecad60c28f3c0e0f7199017f49d3d0c15fdae13655626ba239ff8c24f8613d8521d889b87bf11db7b2d7c9595e9cec1f482c1de0950f8539ed4586eca81de3e7af6674507239e896e7e0c694aa5f8ca303c18141f58106b95ac53fac848b53d92354f59c87d14dbae5d3416c5a7edbb44329564c77c6b2a94cfc40efe2914b7ab806a69b8488d9595e0dfedae9b0573bd9466e6858de9af3ce33c7adda0dfae00af565255507b38919f0a4b8b1b515d8388d76a8b59dc110ba7311b71c4b6e0486b4c6404a4cf3fe02fce016e4678d2c498a7a2e2c44d5a827680230460f88de36df30c07a27f713d828e32bb628a79cf19d66e7beb0c48f698d06cc6e8a6681fabf4fde692b804a225368181cca1cc7bc9fde081a28f8a755e8dca590a9e87270b4e95439c27695bce67d48969595017acfe067cbdc9c261dffe4867bafb67b957e956138f3ad9b66ffbad209795d2445c9484b27c4b3b7bf4fbb0d7c7

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
55f7ba649773117e583f14a5f7cf0953f02dffd28a61e02dbf157ea9b31ec6b6398354e619622fd0eda205503a797618e3d78a6a83a8a1dd789a1388a13e47730069a72cc4dbc5fc696f37572275a6dbbe5aa109b3c878d9c957784002cfae8da9c098b9597ba7126db75e790581a93b368b7e6917f47a31bd76af15e6370051e55ae1f0535163de651e96a52f35e3932ab26d77ce7b25f268c12d8c34839572d922caf0c08f1fec84e98956914ebd79c4c362e04ef60cf9fe4c49281d8070e592c9b594a7a60190dbd4741312348d05b0a5f6992f2f9498226d67f23da4076c049038a7f47c1d8d53764199af51fcd43f7eae4afe42656df6f142237d56f62fbe2f76c15c34fa6c11fa65c23bdbe0e33fccdbde8b27e535140269fceb1fe5f6d72ffb4d8963d8c7b611d794beb8bb6fdd1d5bd321a055346daf8cd0341841eda0d143fada0a3da763b63ced73f6dab9f9a5c346db1e17936affa67eb5e7ff3fd6ee90776b2b65a630df321133898f8801e008efeeecdd7ecf630d38433771a0f03a33242e18d870487e308d2f76bad6890f0f51481c5fba6f3c4c53d1db8f86227616bbd131777d133ef30085ec5138873cca8513eef44ed27bf64c81eccdfeb93c0694e422c2691cce12be0cf71b361b36b175e6f940eaee4478f2d3d407ccba42cb13289531e1c2135624258ec874636063d21a5ddd196113c6acd535cab95cb3595f8a1847301e5aaedd7ae4ee00353398c72cf933118a4ae98d830e7566f5d3394c6443f17ceb16fad04a230c0ffd11be530d31b183df73b2fa890e55d6ebc8d2860eb830193f8c0778ebfcd019043dc6af2d694ae1a8ddfba478b3dbbfcc30176c2605f736b3cc160eff5ce82791f2d3d3bab1f77e63343276924c9651fc61e9ebee438d72fc5f35dfdd983b912cc1f22b4f73ae2137ac829752a23c6587d1c095c1144c3f0f3bddfa25c238c5867b53d6099987a75b42cb0a3bd974cca6abee79d110fc65fedf70952430f151ee8046ea40b148cb54d5f17c8021a05e5ac889774313d662df0e3724d9cb33b05e9cf66e23b19430e9bbcf126f57e23f8fdb5b761ec16e8e2ec7273ef92efecc9809b904622d85626ecbb00c0b9af0457b25579020c4e13d5104eb8c465cc9cf2841fe6ab64d30db022c31fb0b5d5c54dfcdcf5e75567888ba4cee1e3e16089c7b72385e97b84fefdc229da079f04e9ecda31a2a8038b4f76861b402500ddeb017485d86e8ac00f484a87bf092defe3108b548acf8249d9951843db20ae6318037354eb354b194037950654cd7c3ce667e90b7b7f785a93113710b6d56328d23be13c8b046205a255d1a39e085abae4e233003116ca5f277d09c32795a5c3254f097cd11d7e305084b47f264cc36ff06bc803055903a5b8c89ffcd7686c5bba5c5bcbecd01beffa82d4551db84661b0620d0b1cd30ee48207f91ca8c18026e627e0f6ff08934ae484dbf58a3e5ec71bb62678319eebaffec9b62213bcef4a7c3e6881378a9b0df7cc90f902f1664eb3746e765cf0e06e9c14333e45ca293a4ad318b529b113caf2d881be1bb354d26501cc9c7b21fa95ff8e61981a570ee7c54837bf470d258d554ad3fec4f7ab11582620087f1ab079b26817d4e3846c8303a1d4a5008486dd681660a3aa00724d36a29f15c6c288c89b1556a7140171eed2743f05af961d1a93a11fe9a8d3db9043cdd0c7c2e3ff72a205afc0e2f4e0f8a5cb666dc03befb97b1a6b499aa1a08b6965c3b476d82060209bdb92293a4e1aaa77f82b7f6b4637b51bab70ca2adf1fb07df2e51a6b2ba26a409d27d3d58e25da006e39eb1628b5dd3b7122c10ecab3e488ab0a4fb334a30fdea2608902929a1ba7d9b86a82a02a6bf45b268fe245694a1883dc15f1603a73165e43ebcc67fb078340b88a7406e576c52576bedc9412f71736c64a71af3d5111e0c95948b8e6d128dcc141b11e1e7d28ce2c3b5b96f94d330a826ef4d08122b6690510c08fde4aa61b1a6c6029961e684a2610b94f41c754fc2fbf6e7c5cc507b510a9f21a6993bc58d6b339d7656f3960d11dbd8c8372f68f6c28faba3955098694cea6a4eadea7b6a19ab54c05d78530f83d1c5322be496eda29606820c80eb9c1a46e7509626f59b89a16a22e349d4d984b7da8f4f1721ee7184c0a3e8d28276c12a19933d71567be836cb019c15b3e5a4d5c4b27da9092423b3d08a0ee2067a7abadd1d88420c57fd416acc5d5c9119bb470094610977bfe09ad98a940eb2756508702da0e8f9338019731eeb21289d12caa2cfedc09416d43e336e8a45a9cbe3b35b318098df9eb128557f334eea3fcac4276167f7598801c2251dcbb8048d54d76af6c5ad8f04db1e7bf3d3f6eaafefcfaae983eeab3a5a93a2493c0f2d9d6d0124a6964c9ce15bc0c79f4082008fb1a241f169735f36f0d272ccb95b2b13c71314b64a0aa18bcc23bc6b3d6c5e380b67924ae74d47b69ab48fb4fe37fbdc596e30f8012fa81b8c1534e36ed5ff68949b4271c5efe2c04a4f0ade8f8b51cf0ab833c39df2ee02612c53d458cd66552334eba3109f9dab2b4cd3b8e36a3e5a3af4e58ab87023a80ebd2f1a08f6fe09635c4048175fd19b974f792ff18f391b7f10bb2eff10ff5c41f5953ca17f7e2ca4cf15c839d0bf87d95109f4d51602de95dae8d8d3da1808d6e6d3f2fa9e1be50475224fec3d547cb5382b28d08d43920bda160bb49773368e6b9344a97fb2448154496fd17d9f9104829b607302f47676c57801b0422a4635c70c60e7323cff73e1f84faeb8df966aca1fbde81bb0b4bdd5abe656186b0176c63bc4a082caa3500d0617e4cae77b9d7a37afb2edf6dd4c23341dfbbe016c237853fb52e93693278a400c4f58982aca765783d1cb6c640459826405a49f6946b11e19c1a4931c3524ca46b424b6d1ec24ba9e3489bed89111d991116e513981ebb4bd1dab55b26751567c6a1fa2947232b8057c6da6ee28a46eaed1cc4b5d2188d2e843647a009c8cd865c9a995ff13f2c349a5d492eb66785e3c52dc6ca01fc6e40036f92c15a10fd8609866f946960a15e3c456a5e6004494eb09cda41f2871e1a529c4f2bc774aa830ddc455da5746027e58f1c775d55591f955a94704d284507717577468d8a1cec75112e0f1719cca564e0c26ff14c7dfcaae4d2f88b5347294512817404415fba088aee41449b7265c9e7191c44332a2ab27b4bf515170eab5e49d16afde8f5c402a6219904b2c47adc4ebf586a20948cb83a5898a864b6e54b50dba43b4974cd68e5f1968bcfa54703bcb6de4a36277931d75fc7ba00973e8ff49b6c051b8bba69adbb60bca0c72a63b3ab8afa059b76a3ec77ae1a595e96849fb320f0315c5d77445200ed5c97ec9bdd9f3b22c467864cf9f518fc04d6ac1cb4d49b868c9170b99c50add7031fbf82869e5364bb19fef66d56d332b20e185c971d4bec05a78fd233a9d0782013260172b271689c9274fa9328d8bba35d9393f019da01224bb00176fa8ecf702ace00fd51fd02a435ef764db511bb81eafe6f83dabcd3dc1058e2ffb20dfe35c2323812900c73acf9ebab1515bba28a1bf62b821c442e479fefd3422e03551abd686e73739d3556a2f8d25f38d01c56a2ada63c229003188272a325f84ff93a63ce87adc6ab4026bd9acf44bb9356d88c65b52c50190f2724a9d6d40324955ae05c788717d078812f0a9e97430e42cd11a81dd3af10c656ab13ca8195631a76540b8b27ec3f629f5e8617a6b6f04a953a9441388e2f050c5958e181a9e0aafd5cf80bf588caf8582f362217af65f72f0cdcce0616ebb101491eb2973329fc5ac92719775d3f53a28c73b7614c1246b43766b6f6ae03a12a5b5a28fc13ce3437a0377e7720c01bd5f593708b48904da7fe169b3e1f1d7765f4a94341bbce8e568bf3794cc7005c64647a25f5b4bbde96468f5a69d1107d90c4d5bd11741dc43fe08a64784c3b1fd74b648736298a5f0433dee73b8fc5fcc995c7d2059625ebcb614979a5f8df1d2c0f655cd6d7f5ba3e13a191d9e25713e7d9971c94e9fdcc319e9fa38501edfb44521a86351d768cdeb24dafd9df16502e21feebc3572eb035033448d919b9f4e0bf657ffd6939139324e563ab35886f5c571e5d515b3be3ad5b0745b4547cef7ce15d80bf985eafc04e272f3fc9566c09889f578431ea0b766cc26ece78821a28a946354da3788af0f43ab59b34a5216ab705c9059e0a4bc12771aff011c2135238c2d5b671256d60ba03bd268187d1b86f5a7317abf1687850f3b83c64ae41b9612a73eca6e80a5cc7614e1a5c0d78a29aabf17c92e661faf452a75c4a3f482f13545b5a7a490e5acc15ee94237b39da878a1a1d2591eb688918b27ed54ad69804242fec75fcba6e28b658b350b26b73ad8aa6eeddf57f83b3531c12f6103ca248a7f5197b3f6a30f1904d557e9126bd2146d313b1dcacc3904f1fb25e4e2c7f811484e2251a73d92722688c22f13634da00a164e796bde9f49bbe43e810718149c73dc68afe07370214cb932db62bf3d7231e3036153b0c7c485c70d1ba43742c60de18588de7ddca1444099df008f5861a9b72e71b02ae26a8c79a4b7bce7dda60772e64ae6c94f8e5c6d273e02d97d0bac581435ef0994fdf2782ae400857916b5a50556af35ff029d124ed7a3c414cc92fb6a9b5df3e6cc7a7ad5c5d1aebf8cf98baf23d3091e71e0ab5c25317aea7040fb84a8f2460c345606d53a8305a56de0a75984c225a2c6c981e648f8213299f434eea5cd7116238bfc2e8cb75af095f0cf2e17b9c6d93215808dc68d18dda30d17c6710b709fb99a20d939c744de5e5df4c3e91f52e9e2def5a90ff7068ec0bbbd76951f7607cb23a23d25a7d5a8c9aa9fe44c6e3e21aedeb26061fb9c5f2c9188b6717ea4e6fde5260f118b538a7ee1e5ec30d49370fa1da82052c2260f7ac273f59bdc0b144098b92b2e78a37ad167a13e20c262c7ed30ff20784fda0bddaa4818f27276cce68a32f9f23da0f1b4afb98efab041c4bbfb5220e310b02567d233db0cb15ab536458833489d717d8493db6e7a15556677484b8fff712ea4e477350bd8dd6e854f81125dcddd6f411add3b7774992f7a44c1568a4a004a4ed3135b8b8d6562aa389632921b2681c1f46c39ba1cba58f951fdce5d7bd7e19ae895b8e7669219a8ad5b088f24e720db3534cd515e9822e77fb48ba2780a264409868be6b5ab438e471cfd98d3db12428c56dc3103033d03e561d1b3d942a5e9b93b5970298f2404548f12a67c70b032dc959c271db2c50f076a92ab5f11b75f9e829c0d304780f0761fe4e7ed9958a93f152a83e338e1f5e7b655c54e9586a096cb80173fef9710dce7201bce4d9677004c032e20c924d6425ce13869ac423332427a40f5617a73de63d26a6ae54d92c2685162e31f3338aded90f25b0edf08f1911f32b24104c410c39351b73663d6f7f44aa542cdc65a6f229d603e99c06a1860c217ca5039006591d1e45d57dc54a16316d953bbc8db7b569832d5c40941d8e93c4367e6e9332839013852b5fc9e268f4a74293fde4068a3a8a2e2b55f182ecdc9dc402dd6cfea6c296eae2e9e871625c89d7f3e8f35b55b1a33775a342bc52c17a2ba3be0f294f30933c9047f642181bad354d1a51d26a920be587e13d329375816a184a3fd8b0b53be50ba2f8c119b1c7d94cad23ca59c2b32380fad631d3535ce375d56284dc5a5043a7a749138c1178f442fe18672b3488a8c894b43c40a012197858491954900c23da2a8b008568395dad95706881ad4c2e01770fad0cbe5bdc57c9c697a949355963aa033694a33fe36168b08e08bf4bc93b12286a4be51c9563810a7e1c2c3710cf48fb5d3d21f06a7f048e0067bbe3f942e104c9ea1ed90d80717c003afd9ae865316bbd1722eda8a30ad0408c57bec343999f74a853728632b77ada08f899eabe7644135c549dc71c4bf5cbdbee7b76d249aea50a35885f4e5144dbcf9079ccb248de0b50baf921d398a19ade1db1ee5715c78d8472195fbc1f6ee264a313c09d5a02cccec61d60950c2b40190aee86c007b904af09931ac866f0a738f377abd72d3d612b7c49eb5c71388262359c45dc25fee0832695e88c9e40c060015a2bf22c60df11e5da08e374b7868fbe6b40e8fbf507a0f64656bd4c478a18bcc9df24506a5980de0193b787bccb504ebbd16c37717b573ae4240405842ed6810fe055f726adbf0092a8d2486ab106e96d99ca704c708b93cd95459b487a18796e09713428523870be4468875681ea074dc448a9ea784b63841c77158dcb24c04b2f0fb1f62d7555d59d8e6117fa5b00b789f3feb0aa8e606570717c90894c8d0ac4a40fa370df7438deab43d2d0e98c1e5e7584b734584ca0b0190eafd2e1cab9c63cc171132cd303e4777ca0d0294d254483060118eb68500088afd0649689c773a531f648d9fb400ee44430a159e02f52effcd911d39b18fb72ff4837dc81a4bd1e09d404b12b761a0e5ad970554e53e4c10129572b766e0b3b9c9d36c99d370c268aa6bf7f42c93a6aa8e72d87655273efe19f4b642d2944761d6c97204f32eab64ba9dd0e119985f0b50ab710c6b8874f1c86a71048005d6054c73fbeb050d2865cf46717fac4f573103987344c2b892f6ea271f0d5a659f676b3df3f758b2a2029126c1ae1b9bc935785c1d0f2c83b81cfa3bab422cb3d59748a5d7fcf397ff0ea495bed589cf4a4f1aae8699cd29d9e4650d558cac1377a50a7cc5522331ff9a1afa2974e143730a8261d01b12fcd45162543d05675f27a4f83242c2c813b7215ba405c8e4e2e6d22e49f25b558936e09ba702ca80997dcf87116e1f4776a0194c133e03b3e2a9f12811cb797865ad5db33dd9d1f6a550a8378c0a663912a26fdbba0e2a9ece86e48f92d9e83d247eb4480e6f533e539b6445b81b7561c9ae529308dcf3d532f342d1dcb5102aed18d6ebba5315f1b7d29df13d77c606a2e1bb9dd19103bdcc9ae412e6ff98ac6cedef20bce19da3adcd57897e1fca925b48b3af64090ce995d6ddbc4d7d33a83823e8257df3a15b6462424194d4ef6f7a33f101e515cf63454c29ef0370ec8401f07c93a27d92836f7aa3730b996d605ab34b2362bbf9c00da23934f67949cff5f8141c56bd8dbc97c74ed8bbad340ffd799fc3a62407a471e96b773189c031b59dfd4d4fe74b4ea9e6a8028954151d3f2de1760224865fdb3cb115354686203d10d0793b6fcee6731c52867e712014af9c7b36c65f05b9733ea08349b0feb5301d2df2c8aaf5e2e0b4a247f7b00df3bc4614811861a423d023172f322636c01855c0973f52d7e32800c18c0bf2b02e2f19b1ec45e4658c9fc1bdf2c70ac28b77184746ebafc09547d22a3b782ad14adf2fac25d6c0da9ecca00f1ad293ef318cfad2003022bc272910d7b2c93daa85014677515d9690c73180ca60f85af21429bdecd231f63f160e172cc0135daddea7f783c74db40ad3ec767ae8c2c836f8cbaef7319f171843f3d9cea4cc3f7d35b5e6676d329fa88449e8d62c5c992ee55bbe5fe3920d6c4c49507bb5b5ba7b789ed777d833ee776de18d2c70566affe3563552583e0c84b6db1e27f5ce35502abefa7c5e4305346940281f9fd8f845e9d5120aaf1d69dc2ecfdcdaef2bff1b62e8cc0c11cc363da31f4a11f89343f3c5f338d3411d1bc3b4e0426dbf958b7c31e1e23264af43e2bfae897fdfb40399b89234c4d7f45cbeb681613a1230957492f96713568646f1fe6fce0fc8d27108cdc24cb0f5168d9d2d363a430282018e828ebcbeb1ea66717113962941cdae33a683507200fb9bbc346bac7e2ff2f1ddd91fb6de3809aa49446a265f34dfba4a142ccec55f64f2e5c8dec9eeb83f0290ddf693c7f105823d77e32c8b0ec425dfe8a1bd431f13b6278d099588bfdb5dc44debf4ece2305c1e780cc6b2c67ea559f9f0740e1963c0a3ac9d53638be297b989d31c55a4dc5b202fa66d59e961ab8e7ef27183bed3e7d5c9a766a71756d0be8152390705c4e981494c9bfc512ecba566aa004b2d6945b58b31d8d39f14e6494d281bc504f6d2d03a6c7db2e9f6fb79b3eec4a4d9ebd380f3ebedbc31695efc33e0b6fc960d9498e8165e66942e1a384c92a6dff37f3434f0dd0d1898d0dcc0fde1adb196ff2e4744a4d67d27c452638029f4245a24a01674ea09589d170eab0909ad3083ea53a7c26d4cbb89326a7caba74f6e626ddf7ed8cb85e7502b96856e9ea48ee05d8c61de3a872f74effcfc85613993de96cc03f7862be821cfcf9ccec6202d2c12278a994b6f8c7e049b91e12dd5f2c35f6fb5a4637f968ece15b030c07287625e4c406535a438ab4189d54b149214128377147e232891b023a6bbe353bdfc9954ecccbceae59d1aba9569dc099ef4c98e83d5f5c0ef490000dc7c61aa74d202e53ef147383b3df6e45b78a8a6161a8aa41ff43c53f81d6a3c8f2fbd4b8104022fb25e94681ce6de919851b5d8ded85f7e028b37d0c6bf8faeaf1ee12272cbed8607e0a2bdc3b9197de87bad55fd66fc4515f67a4fc3a16e325b34e41c66284fd9ee83e137b65024d88b418504b1c20889dc4375e3b01dc1c4d97ff10333f1b34be89e965e95f3ec557c318dc86da074458829c68c52f6f19e6c05e1c99616173a97811120b64a9c238a053655118febee5700064eb9eeefe35ddbe72b58ef6c32010da2c14c757352eb05b38bd0b23d59e9fab3f4b13f46410d6ebf6f1c559e9d99fac909332e059518806fd0341ea67f6498c800d93ce88bcebfe2dfd875c58f800760a902876eda99d04bdcc2cb88d8ac2c57c83cf0afd416e4cbc033c0c0fb48c803122a4d01f84c2f7fbec06dd678569e17ba00eb63d2cbec03a2227dc351dc60aca41bc093710f46d49fc83502cba514274b8b08de42df484e2537df0bb6ffc99d5554ef859bc8d6a5110e90336ed9a8794393fa019b52d75560ec138b1d3bfc5f1c7dac7095185d2d3311ff3b7240ce3d82cf0df85297f28920f9f6ea4f14497940daf7ac23db13c2fd3533c23478b6a79dfe569d8cc7a3c8299c6443302dd4c0e39d5d5776e066ee0b6fac85e60fe83c3841730abca46099f5a84f90c8b948098cd66ec58d22bc39bf2043fa0bc1ba5c86af3e2465d23f50e907d7cc0b7ac2b350cfab7021f84046abf683d8e76ed408b356a6ee0f161236eccf8c2698efd5f6d73ceef8e6d63fb8b85c871876a9465a2a3ed17c5c3c51b7eaecde10405347cee849c3acd973cba14225d49c983ee32920b4eecd4bdfadc805ea92ca47c713f75bae3f175528307b16799f6ac926a115303fe5a201404ad972960b7fc66ddee0a3d3791ae9e46204a2517941667053cf9f

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