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
4af66ca8b97317a6aaa481299f4fd57abb377327d0ae810ae3723f3cfb005d0a7810df062a355189af0eb72e6e0257719596cf9e92b4851919794216474879ab221d465c09ffdbdcb0c552d5c305610f873151b0078e164362b7fee0cf5f1757d7ef8bb221e81b224a75a45ef4c8d2bafb1989f348ab0565762aaa8408ea2480a3cbe9e87fbebb6befbf596c5c0b79b1fe99cfde1911a1e2277e3223b764aba518bbe5f635ebeb744bc474057350734ffaaa2869ab1657533a7ec956d842f4f9147d9e6c5dda2d0dc875bcc4bfecbae9e6a89ddad26716f11412890e5de9ec3246be4c07296da6ca87674bc15ee2563520069d28ccb7218864813112c638d4675a9458c098d901adbf1b688cabe1c5b5c41102dc78892de354ad4387e5069243de7f6201ac6fb7a746428d2a024383c1d33e1e42463cd7b5c7a220249b7a30d1b9126d39c556d838bcb29ded0179e6eb7904fc66bef03cf824e7aaa3e599eacf4a0b6ad79d9f080fc7391ff458dc04c059e0e2034ea633f4be2243da5f012ca56d90c5c2816dd2fda4d8d378ab47bd6518a7c03036ed836fd3ec3c26b916b3f3382777697b7cc6139648916f032dfcc39ba355b561348d5921d92ad2956ec2e66d3f80fbbf0eb792320c06cec3f39b141a84093dfd84c74aba85795624dc5df5995671a84eb3bcf50e69d5f6bf6b182384c6905c593b790ab15fec30b3ef762d04e42a1a99d4978019b99a0a2bd64ee7afdd578f15f1dc73c8fa36b80a2310002a1bceda57faf3c907b093ac0938345c7b97ea8fd5462ca013b4ee7b0c7bf2dbe1db3f2bd43a27e00925120092afd781a1f859cdd060769da63b386b3faa3a0c6754ab52ba911c516e4400bc7219dc20bc95f59047560bf3f513286a697bbdb8218a833faba1b0a06d36bad1a42b73e1513c13c99b9ac5cd210403b665b41549e26365ceb649b715335744399ce616a5ac0ff1c4e18077a2db47677f97cfd5a234a8c1821af84892ab7219d4b68f60180ff75125fb8876adbf41011e103574589b1a1cb3eda32945f77bcd3c1e97c5581777af96b468a94a4d005268b748df66dec3b69caf8b1afed156e952471092284a33dab675c2e48556b88d398eb79f4fbd9f21ad7fdd6493a7f35eb7f56b93cc0a8d64b286fa159fe57eaa5c64bcbbf3e4a002f665d62dc09a6ee9578e7ba31fd16adb3f21340c02c203f0a40c1f7773efc136ec7f2bb72c0db7eb2c03ebca20c829154a5394feece02f1171a30d1e5d4e598b54f0acefe9de1682d49e9f6f16ac1c604460bcf646c76adfe20c7746d7b3a28c746864fa1589adeb24b803fb615077199189cd1aaf21512225e47bf41fb1976e985d4dc1e84b9f0bedb43291abb7578ff0d003989f391cb23d78d08d75073c22406e85c12fe3dd07e0e6fe7125c46e7246ddcc75d4a69887609c2cdb2903f7c48a16d2a908c865b99bff9aa03c5e99621dc25960026a0317ca44c79765a6f73dacb0a90ac0efcf9a3df26adc004064ec433fee288c65bfda5b2d9d5022d1f49eab594a4d1f34cfddb0eac746d175e439886d16df1afe39cc3fae28995793e7ad6f602764aa5dfbbe316478e7e04ad9b8869ca6e8c6377c1ceb45e991cfd30abb4457029f2b47fab3d7b17183fe81ff48cd15b0986618e410ca786b893846f5079fac0218b4b9f566d4977cc8de67fa18996a13cd593b5820f70ff943c9436c4bb3baaa276a2990837c4150b794540ea861b3a4a2591cb852cb6c7276b9bbeb8086201d2831092499fa0fb141d8df08e822c352a8839ce82ac44780d43a47471ea8ea6ac9476b45cc4aa62673808fd5959e375c3338f39fb2635ca20eb5863319059a2ce9173ff93b07fb8766dfad13f6b7ab620d947e139e1332457c2f048fac5dd2b3a9b53fd3756e9704e554d257657460b935a8d80900d8555b566781fdb176ce16db1dfc566b12ee0a6fa743c5b7b13425126c126db3d0a7a00ea46edfd8c8a3dfa17a5e4a425ad532b2750695e511aa6d62da11ebcdc9a1fc26d1c2911825840872f9f7962bfc4994497ec8f03f9315547173ffc93b229b9ba559055c5055caa6ef1eb2e3343644a489658c28ad5e7c97c8f6ba6aab0ab74a538d68613ce03b8d561a52c056798a26d56009bc8e9899f1c535d14b5a35cd6a4211b7471f02e0315466d08dbe826152009bdc969d7369731a32f48d1d7e2209ced8317adbe5917c28bb511bac44d4f6b83198eef9f3334f5d58385f4485c9afc870c0ac26baa82f0310f847883f0382e0562fe9cff176924a7e329c1ae1dc1258a68fb3a4beed070c8daa04752f1ee1a6aed6fe97121814fd2c6796badbca13ec57dfec2f88584aba398297ea879fdf7412c873d6973f9ff112a36c330e93c4502c257281c1cb41e627df57d2f0fefe478dfdfa2aed867add31574ed61b78e0ba37f62c3b902d6ded11b8971da8d352b2d6989a0b11a18eb8a7905046e0a633c579afb39067c6f33483519cd1222d3ae194fe3e70edb821e29e006fafff4c1e69f34e2262606531759311b50038fc6782503d4ca47cc2fbef52a2773237a3a30f497bd77246b1b9f71115d88d3577abffb3e9b36eb7c40582ab52ff36c222cacd1f03306355f50f8277050dfecf034c653576fa8dee1388fa3204df557a428adc4252496d6e2e12271878787266c77b1fd283a77f01491f3eccfb5f9cc66a1d3ba1c5c537b6badfdd8f52209a8213ec983771015c4422d1d019c85e32374dfbe4ad8c1ff05b302c1e150cdca8499d7f0e98c021e041cad8dd86e6506ca58eb7a12d727807ca383eebf01626c93c3cce6cbe89dcc046d9d039a8713147a4e35f618f65462ece550620200bc627fdd443a9bf0b717eb283b0482d9107084c600c1309afe4f0ad6c4b802db2adc515b00ca75d7edaa39c4ad3953579b8938e4356fde2e9c737be6505ed18b9a62113eb97af0cdc40468e50634a40b48c9c3c76fbb260ec1d64802dfe3ca7da571d6fca2d2f8325e420aa674b185cda456f1a0207cd02b8e6d179517aa899795007d2ab18140450df8f524672aaf33a9032fa6a44d33b48c5376c573879a2384387b3a2cdf324e45fad39484d66004577343e4d63abdb40dab8fd7cfac17dc0effded3233a3f997c8b7e50d0f8605d5d23e32abc51a58c67b06144f2b1f555b27304bc3ce1099e15dab31ec605347880d702c407e9c8542ed910bc873649dc797601dcc292c6c53da36960ff1dec2a5d74df3ea5a166a84487ad83589fe84d9bb27565f026457fe89eb2c0eeb929c1f173c413e784e7b74b8c2e41354d8667736f87861d65553669ab4f7da4fcbe91507247f67626159beec2bca6e617da202afffe9adb421a350d1924e9bfc82505750bf62c2cb55cbc161308e05bf866a5d814344fa70014d4925965f9351ccad80f871d0ea614ee5ca3b8d35a81255e10d7de994ca653c543cc5f98bdace5b885864e43d983f865d7c88c3a48e1ec406520acc32b733adae9cf1cf1f314b5fea9ecf7ab75877162fa89fc8f71c0d8dc537103051abc9845258526e75ec36e63024560bd05dd92720267d7c623effdebf338e0a7d34adbee203391558847f228ea1e273882d47f6e9f0ed0f0319ceaca4c8351d459d9e13beac93478928d27470da96275e1aa0fb2503319c4580682c6de79f9510434bc8d0e33f7ce959e56df3442b94a30622f110606ee2ee4b81333a32b5aa79ae4c2c7e07ba553f2732938128596d26e15f2aa54ec9d003516529dd299c2dc283fc642f1493fc1e2d9cd45d5ccde6e14ca62f6219581638457e3cd7425aed61410e66a691df726abacc545423505a48fe58c0d930b8ecf8e12c15cc19bc1a68071012981bc656be71b6868c03a3e82deed10f4b8d56d0fe41986751afea3da768ca34dcb7531b5fd0511c63a779a32e71df0f067308d8cf716b3c6072420b726507820029a6bff5cbf84b438b5a8da3cfd60170028504559c82b14bc840ec560091bf7f4ef97a12485ed4d0e433c169bc7002c4359aab05a45a6bbc3117fec4fb14a53127961e6b24e267fd5089f0a7131db38526484657da083c0fb5770341007b5230b4bfa5ec581c3162488a46e7b836f7c7c060687d1e69b16c02a833ffbcc67b93

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

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
cc3de87d30c0e83ead557bb44c7cdfc9113edea42057cab2a5864f5016f455efb5f16c895f1d3fcf75c28d114d3e62208e9a7e871032cff3ef4be1c2772795702dbf6fa2466928bbf2fd592525bf218c94e9e95e780b27dc14ea9bd0253c22b36eac2340f4d08562009089ec457502998a91daf810ccd184eb9081a30a61458b357f724c741b4a8f18b8cc299978a2d72d64a164c56417d2e67c7af1688f44b4bc473ab67896bcf0a7c01e9bea17403fb4820454975184c743c12c27c10987d692d4a0b8be912d5e8638ff37cf937be8eddd945d9499d0bf050b5f2e4de045fac4b14e706926f99f2950da37c97bfe8b0198f72dcc05324c900aa1de9d7633dba735f689ffdad7e089cd2437b3fffea3e42001bf1965c8d79fb9d4af378d8f40e136a2b7782daf1290cf91b5ce5e8a7069e553c3206f24d487eef09c12c46d6c5fc3b0467bada4f67baf1306b4eb78f977b579335088b7bc6a214cddd5bf99da6103d0ec815d598cfc41f08c2f0c87c2ffa1dec596596fde372ca173cdda03e6c0e9b91050bd58423ed2cd2f2e61b747fe7922d5c62a80719e123cdf2916b8b207fa17a6a8223785c48dface1dc6cf92b5d4e9ed3adc8643f142cf3620c04eb5d764b4f2670189082ae3ba15527543c65e5853a96cc8106b7f9b3750809102086243c0e72f5b50bf9b39492b215421839df93fa886f0393a733cfea6c12bfc766fd2d136afeb827968a3ca363f6d91f2e0f6d91b9aa3832620dd74e8eb112e5e459a57f0475337c797f807989a90e7fb0397c56bdbe36ec2b1ea12a56417101fc85ec1db66cc162830fd703e353a82129ec3f5890ff52aadf02ba214a2dfed07dbb771912dfbcfd1cf62e65663f8277b777b48b74ef3d5ad5fe0a06b366d9efd646f414989c69ce18f4c5eeb2e431ced04706630e5f40e40562500198f51b421440765ba8199e52a48bc1b6b7b353de5080df7e123df3c1bf1ad62ae67a71bd1c639eeb089609536a3c995bf56f97ec5bce83533d84b3776044fbcc80ab9630f6bc38b4fc0ff1c2506595573eca7ae562e8a309d0f296e0e962777d5ca863a0fc9db5327929d012780188967531468ebed15b20147d52772bfa762e64edd4750031619944a5d25025bff90e2f5e2c4495955cdc4438ba11adf4eb1e383b3a7f64a4c21223d25d2af150135cf499b4ebbd48a6cd2b9e3f17c3034075abc0a555d2800dc5b9a57d964eb488679ce8175bd571e8a58520bf67bcc70561c415ebcbbbc49777019b4d277904366e1e82c514e39de986220e229ad1df61ed302282148bf7e90eafceb7c17629e1b80ef190aeb04e78921694bfaa710764ff02cb69d6b96e5e0443c77eb597d14fd4f8600ccb41902c2d211e22f8deeff122088db6b3c83fc1888170392585e512c360ed38f71196d5a3760dee8f03634ea9e3bd580873c02152eda2acbe87c6508fa12330b5aebd0a4a723013e6a9d1ab697050081be8d986f937b9feda405fea7fcfb6c2739168582b42e0789ebe10c478a3457b2b3e5ba0acc9f254204df2776ee1f2a3e5212e2c90aacb303564d59624583c4968ebe77b8946b7fc703d9222f1416d20a06feabd0725c2434e28684104d66ef85cdf75f24028ab595aba36f3d03bed45c37b49251ab3eca59fe55e0c48bd2afd06e6aa16604f19b8c1147696fa7bf6909ee3f3b798deab7c44400212956b5ba4067e7f7cd7fc82c62125e68fa0e35d908746d503a3aa3fc47d39c8ba046f820d2737bcf7e9834c11d40f1e095d05ec9413955bf89f815480c6b0cd16ff8114049406669914933b6f795134d9ac663b9cf4a062e1e7129e7aa37c22ad5660883909f206a8de6103666080531ef4b70f73ca9644e770a8dbe420fa27dc0514bd5b656b13159e498137df2f0351951709a79d987e26c9162abb462fed57dde06aa1e945f8785987ceebf69d5a9b15ba5959777ff2ef62bbf73cebb2fd398406bfb3f8a3c70514570299d40d177f46755f5d11c348e4d2e23c349022f482dc3a6a22199775a08c4e0e9598cc95017c2c1cc646a4c5a9e2cfb19c03b8f4b0428be31903935ea4434f8e789ba04e391ad4f66e3bd72bd830173c5ffcf01cb99bcd2a3075368d68dbe29c3e084750b7818f5b9e2fd80b18bd1c738d1464a2b9e0181050cdbf5a0b63285d4473c6bd8dc55cc5524aebc2c6ce9acd51ce4fc099e98e7d465bfff34569586e6fcf2427b17c1ffb9e6471317f21a7cc61848a315889e59938a9306bba32fa7a2f93600541ca093e009f9b0e799da215fdfa29ebf5f9e4d68b8ca9f6024ee85709b928f94ff81432e0c09161080ad6859f99de3b42b66c229d41abcc3f7c3be4c7abdc6fd962f1329db09adafb5a9b4605e56e7c7a82a12df111d0e31d01d88ae38efe38f0994ec2c8e7ab7f375fc6e913f97eff6658949f4a561eec22b3c727c50f80e2c97a4ee83d2a02f1d28013135249cb5720225ec18658ce5e631ada67ea054b807d892c4aee187a68644f1e558503fabe00ecba5bb0c9b2da6b186558cdc5af621baf74c88c44f93eef927304242118ec3c8f5664f514c69d218e97e6a8be97324a46d0404289d2ae6806bd88bf09422fddbd693ef775db476437e38f6f212b2d6f66939b0802b85c92e15e174bc81952ca1f8f1010d11efac524a384294976988e937d7158b45db134d0bcd88dc1f08722ebf4ec19751d8eb9aaa15e72bc6b4a1420f096f7db02e89e25d88bc5343510d985df5b6c547b05fd880dc2a48db22fd49af0ffc3132fadbba5e35665f4c288a7f9327b4fced0bb511b51b8049c75e80f72910a2a695ebeb0e4a24aa385d8ff2ea0186740023a7d059c3d46ff19e14be82e18b3db300a5d34acd65447812402a14a9054d776681468507a896b8f06219d65af8893fdf63e15e91ea27fc0553e7388d2106a16140e54ff300ce673fee2c8440f74f720f1c7b0a3c8249beb78b2880652ad6060c02bd91697079d2d6b8f9459b659e38e112b2827e6616bb0bd3a739eacec33dfa6762ba83156af4996d1e0af10d4f86336e7cfc1210b65ab73c2278dde2564ed6664dce089cbff1829c9bb8879f31978f98e19a06e5a300a6b0bf90496bd9aade798e573c8ca98323efb16e9898b1a40cab89c8f542b119bfe474bdac4ff713d445822acf0c116b8273df322e6eb25fe58eb22bcdf6c996260ac483753f4813a695c257ec7e59a6f58ee764daa38133ef7d81825e3d06e93a57203f42f11d4d641faf1059e6031191fb6e3f061d4986a32cfa2f1e099bdead76f681c2b2a8b7bcdd5e7ff0da96b93b078481d80ca9a311fccbd0916d6a883a3cba46f85e573a8c68fc41b22f91225b816ead5d8f535b7ff76faa778a44248dc78f3972126a9dd06b7147dedcd6acb7352b1e7a2866b707b32bb2451304e07958e742102334305dcbb15971fbf101968c9a85554508103aeae25c76df6c49fde448bc55ec4a91321b5af1a60e16eae43cc919c801c516255fd293cf016f0cf4c166d995c86c018fda90a13611a2e1ef87413fa9fbd5443cf46a1a246e68b240b891dc44e6f2b56bc952687f77e51ffc10fcde3a2123969c88cf75c9f5ce168a507acbc50dea0821e5c830634bfb14c990c641f06dd9f7b85fd76753d7b46c08ac7fd9ad685e133301e439e7e0c5aa7f4216ffba488f18d24ae3d14a1ba42b1dde3b9774a1dcb05996a09d3831ed0f72a4b3974d8150424822dc1ccde44d4af4263d7fc7d8d621fb18b1132ec2037138bbd73e2c92b9a4ec0f7a9e1ded779e93bba3735da42768ce9e104b07d9101f17fa6f87d513b10474c69e365750b2f413913fe1b43605f67136fafd029d58f5816f1f7675a8d8c2345d4e5fe77cd7ec7144bf72279f8647969e0f86cc0d5fa5e6da0d2a387c3e4d150bb7970d97eeed1c5278d8d8500a9c0dfef01ab7502303003e6cf6283611495570c94a10f3168c15a60c50ce5c783ed3ffb86c20be6ae4d836c6b1b7ec1f2dc98933eeab63848074e264439979499ad1b30cf5328933fb1fe2e9446f702a60e16fae53ff2019fb116f5fdf04b6501f5d30b5f285b04c01c9c81ce168169b0b474efb252c6468fbd7719903354d86d91bf5fc610cb4ab420af5b15b1e3eb0a2d5eb0e8299b323d2eef14d536e3dd62dba28f109f98b5fc5a869e209156341e48ffbf0b901f08b69a8a2dd239a6efafad0242048948c660ba8dec81df619847fe46ce13ea7fa0da9c1475f4ded57b027597e98355a4d01beab8d8da922e02c6540e9bfd25be104051530043beac584ab842d2ec45cd71531bb2192ee7c207c394f5a4a2207b9e7dcaa72a704a7aaf15519fda568beda770771e7bdbd6d87374a2c4a21653653ff9ec11317f0c43e4ffe8a17f89333eecb21e7c17abc43cb5ba06282b01c1f2f512f02f1136d9fd96410a80231cd0c12bdf3a0e2ab1347c5766a2783e03f1cf058dd388c6b2daeee67d24e1420addd8a8d33218a70b2e2c9c6bce8774d08a52b5c1d962091888d2939634b4b29746bfdb6cdceb051cb57aeebabc6017eb009f5e393040bf03055554f03a621fabe0989780cc9bcbecadff3ec93b5213c25879cddc9fbcbbee7db98924a10f9d788c892feb75287e2c5a21cf2527b9d25a90842ac211771951e65be8bcec573270b3c07291c7a47c6ce08a53259edc05df0f4fe844602d4c91703a1370fbf8919f3b7360405c12283750579f783a4fb868498b06c0e658139afa25e0296e3181586c6420da8984373d7373c3486437a799498214be23cb7ef64efa707f26ddc2e1aa090fd34ea636a83bb919b6144c290c152fba1a2cfee5ff32ae06ec5a5ac78ca072a1773130e02d8a770d90ce58ecf824df374adc7b861e98b657f86f289ae618633f3799848bf8e1d5851c242ce037429eab4cafa8b05cf39d9ed2562b07db501103f0231417f2fdedc5a9b55c9d7b40818ab76f713a2389bba8600282498ebd2a4cb5af429b79db771cc2deea7366b3f7621a45988e0f205a5a53b572b0753a00df88aa41b24c8a395b01afc33d684789d9d54485aa5e8e693c375d543de7c19f315faa0b396efbd7b7ced143ddd7a139bd091bef45dcfa9a92bc58384ba9364ddc81b26c6457ffb64c3cb5ea98ec43f876865302128c7574c62e7e270607f2b22561b78803bd41aafef362d02ec2d8db79a322f8662159209aeaf6296576b746ff4a75f996ca3c704924e30922696282a979f15d8b3f08085fac2b1a66ff0a4e6ef2f5070e0a50d253958bf8a185731f0254664e95bb1eaf647f3620761ece2183ea33ffc24a8d897fcb0cc4ff86bcbddd96cc6936d7e1d576f53c42ac9f545e25b7551860e02ca61693f1ef7c85d03f1827e46a1c4ce8ea4519eff

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
2b591620398fed2b7b196134ebd7513e63d3ae9534ba57619af25091525b1029bc7c32b30682aadcfecdf76e498609bb57252c6531c56e89e9068e3b802c35fef67fb75e46688327ed94695ed679a148f1b82007bc3e9049e4d57034a142a6b4e0e28431b4960bfd15db43148c6868db0a00f71e1892b36b3a6434a2ef94dffecc99874d16feaab01a62f3ec20d6cfdda76aa30cbe76360d18af06d733b5d5084433e539540e4fe4692e32bbfcdd88c7d67b0cf074abe8f7f4dd182292b09a204e762685fa93de66a87f382d84127234782ec3d6ba9f648547b61115b8c0345c7a2452e676735f4cfe0aa8ca46a4e7d9ca612d8a3fff4f0aef7dc450505760ff5d47b676b06439f06c201d681d236f8783c3748814f3c62064fca5bf231a3f84a35d3c82a1ef0d8d448b0e7c9e6f7cdcbadb843a8d5d597704adca35fed6b9231e5e1ab4ab7e9c1c86a1fd785f1da92cb50d371190a94493bed8e1845c6960ee6642e6153a96448421e206dcefc826c44f5c2c8e999b7980c5eb50b3829db6d2c26baf4dd626acd4069177facaad19705f00216c6404ea83a67f75e8ee929d23483b41c3e345161eeb2f4a34e76a26da21d994f1549d1681cad23e2092ec5e600f8c97c07b599d38eed631f8f9331cad59ba38dc914f8c3abc695cf98cd4ff11f0e3bc5f5edad2e4aa67678b31e6f2a11e8d0d8f55b7bbcb06dbba39e679c4d83efae3117bd059d5396f2cc9848aef331cfa1471342bbfa0a93d8f53561b4238dc7f1d987cc4ceb9a183b112dfd9cbffdc978cf097c0780a601b927e3c30bfd44526fb643fe8f9842471e2ac1d492bf23d40f2fb08aa40712fbe388ddf253f133f572488e510cd1a500f0c72de49bb2a86377254903fad0c44750bf6225b2c65ae9c0a447c762cccc7a39984cbc4a969e8cbf908de4584f5ce5c0513412ae054601789d3b1baedacaf244fa8ccb2714e3b02769b7acce3f7155580012a586562296715de8ea60c129059b4d39188d0bceb07157ac6292211848fb212a74827d7ee2f08f3c86287d38cbd045fe2644965f0b97be9cab97df054bda23a83c255822b861b8575cb0924135200c10f319831df8c9e6334932c83639b12f7d4664c293bcc8d379cd8afe56d5940cfcad2b477a8917baf818a8f6e16bb56a531ceca6659b496e48e22363efaf738af2cffd2c6da3098bf99cfc9a6564e7228292063e6cdfda2dd93091eb3971ef98140e393d27a6a97acc02baa0d571963fd6349af7df2cb436f67a5f00d13e63d522adce5f8d7a026985fb3f500ddda2db315a67a2196965fb4c4b8415b3f1a3961657293eb3c9910820b54315487c25aea3c949bcdc58e7f45ccef7f2034b6c5254470fd17ef149ffb0a895c8870c4e659a76e652c4dafe1c39f42690ece569ba291909503aefecf175cd04bc305591575af5e5dd37c4f8b756b331435efab4e4b50d3e1f0c7da9ca73255c223b4a249e44a78dfa0e7aede5ac1aed4a9c9e95d8880a07043df6485280289e6a0e3cc568ecd6024f7673378f2816dabe7ab0bb7961577e72452874d91d0d4f534a73f3dde052196573494c69294e5e1cee4a2803be951b7a2959945ed8045b08b9d0f8d8d4ecc7857e81f22d85f2f9901957fcc0758f63898fc39c864e86b2493cb7890208b67f61544601463d37433dc7493628cdb445a48f444daecb0b66476f8c529996ce8fd0ba415ab04e92b8da2af635f960dd5836a7179e0206b0bda3ab1aec1fa2b489c5f36a7cc49c3e0f9d4df65ac3b77fdb791633330ed153726e28b80de6af47d5de81b1fae92ed5c0faed0fa7a3e848ce860da4c8be2e0826c475c006d6f124a175bd87a7c22d950c34e62e645b7d1ac5074826026ce12a228513d9fda711327138d2e406e18dfdf1e443a9f025d3f6c9bc6f2ff23d66ef53ce32af67ed7296e4b9aa62a1b1433e394287f20984aead5be962b174bd593e4d4a5678ad84e53d9812702767421ec79df77db3de6c79b76ed264323aea574c8418a7c9bce24eccd2a64f9640086879e70eed3893a8063c25ec8d81a7c9d921ef1ba9d64f7cad2a44e2d8699d1f9f4c8680c7ba3e9a7c18a83c49f026bb0e1b48c6aa480bbcbda4d7dc87e40aa84dab51847d0fbf1e9f0a0565673d8da75ff6d3b5f61ab40ea3ec24f9b6beb7f10d31735aae1c0236ca2044c84f5a09f8ecd0cffcd84c9018b6ed605c77b870c882e9055a1608fb14b436e2073b2295f9212d840b7f2e39e3a1c9e18f32af31f7f451a9fb86ea043596d1c4b4e40ec91261aafd5a9ff3092b815cbc4f0f693a955829169806e57ecd468c2a1fc7dc6511547dbf1aa562e9c7001c34072e28d19544102f46ef84b0bb88d6e9b0d200f649c81ff83fca97acae432c7e757a28df0ed2b62d731f3923617845ae5b7506a9657efca38a3d2f1121cb3aff73bc50a27e1e8e39c74b9ce7f8b2aeb99d274d4a26ff74dafce59ed960a0f733dc3dc25ef6a508e813da85840cc7b1bf4134bb8c59119fd6b6d60e41ac886f5b3e70faacd3a4ffb5079f707a7b209242c910dfc9d804d6eec0fa651eb8950ddb4380639af72c371d32c0228cced656446bf45fae6caabf90a5f9bc082e21b95cbe273820d59aca9eab1da23515ca3fe03ad4dbf0cd6aa92c758dd720630efa0848c5eaf63c6f9e0c7243c2903ad6faea98fb238b3ca7b1bf630d7e0b5ffb902c2787df5d384ae144c8fa7c41e9cc2993ec3e6f16b01759d6fbf81757c0bf417c7f4d714682fef6c201da206fcfbb123f9dfa747eed259f8f040374556712bdf95c53f3a9be9e7fab9482f82d4126d3c06d5edb2cc68bbfced856d953849265ad0af7f6787de3135372d9372e9db82339192325c15d4ebe0c5f70b3c9ff575fef96e856753130a814eb21ede3d6b8a813aedbb416b8d09e3b4b044c120f37d5493e2d3366d9b340e4c8385a43fc0cf88fde86fe67429b3405df6e473034efe97d105ecfca0dbaa5494514330992b6318a3d204cec2ff3ea368996f097dbc8595b98378e00bd54ccfb51d9522c8572ab6ffd258badd2e9b8a634fad7dbc3aa4a4963990fb6589bb56ac0f7872a0fb0717ade93f89ec56b6af306e80d7c5bca4df1142ad37e9d573e3ed2adaf40abc05e86e2f1b430a5bb186288ba369a369786166d37f381bfb0ec3654a29bad739cebc5ad5b9a38b4b30da84e1172b77ba8045316b87f375b98e20afc4ce763d25d33091bb6543bd3f26c2c3ce6e7921479925712872724eff975b2a4bb0c48238e371fe3eadf9041bfe07aa7065555d2aaa8a6c974bf9f7fb879edb950e27335a70337d4d960439a3b82b0209a0f539b2c45810bfd163160999014c32add226a935cb978d3f3bc872757a64d257b3132f7a27265e1615aacb6ac15f4a1e9d876ee88c8ee2d7183ba223a66012df607aa8f7bbc565b4f9105f471429bd6a91b1a62c4608b5981f6423eb7d1837042f01e112b857ece575222bee62ff813acdcc2e9809ea19e3fd581a36b79854b9b7903073af3acd0cd4790282c4c7de297b676e2689e37c04439d7b69d8de3397ff407fbc222b346d8869afd803a44f95e57da988d4c473fd45fae90a6269dc79ef16ca31d6abb33829aeec6b50c32e22364d8a53ef0bc72d91aa6d48c451ce664d549c1f9b154b669fd8279364884b242d4dfa0c4b4a868165fb8adaffda76a68a03e9179a2316037061ac77c090aeb7c1299a2f76721d20c25f2740df5ff585a1cbcf62d55abfbf49c92a46cfeeb85b865459d05f87638cbaf17aceb090d766a4986ff1e1a952aff48147dc9d7e394cab067740533110b7143803d376cfdc86dce9acc863a4cb25ec17c0ab6e5fe34f386696ba49d993e8d5b45253deeeecfd781347aae503c52379bbde2c4a23b2983fcebfff6989aa81d8aec79da891882f28200c3b63634d7b8ff2b7f8db5d260df4bb7a04befef36de62afd53418a59397578e4db7267111b730f37fc273177675e45ccc534742a960a9328bdcfc48c7545ca1654364d4c86de777c94d0a09ef74286699bbc58a77582f7e2db4a37ee4ad0a43454d7fc7c799bee9f7be603400c5bced64e048823beea8a2cdd0ade2a938bd8067d17b31dddf93a1b1efd1cd52b84ffe568f72680e197127f8fd375e937e33adc2e5f1119a8cd19d4b9341c2ced46e22163097b764295e3dbfe6ac2c91999bb46054828f82b0f52e30d1ac3020b8e0bb45303e2014d0d841aaa0b480da536dd2d542431cff37d5507629052da417cd9f3a7e684966a31d380497b5e9b4dea212a27263b9b14ffc000946864f0db56fd905896482cee8bac1f56b6ac7c6e6cc5b28bf8bc535ef84a948b51f19229044ca1c2bcc1833bc840904502ba1dff25cf9781b0f54cfd9dd7ce651e60660016e799327d8acdc47cd5d3f2dd53299e515fad0ee52f1d317efc7b9b3de32bce01ed643da110aa5c96608416af0b411314f5aa1363bf387ab9417dbb488ac0b2174565426e46150320170e078a2e67f4966bdd71640504eb2859638e383f2b527ee9130145454a3fb3e3aa8271eb4ff190045522e7261104b185e3ea353bb765cb01f0f1460368cbff13c56326932308f757ad0eb35675524480ba47d243b2d7473892863c6b016c5fea7aa045745852f8e52e85ebc6c36e22f9f6422e3494b49cd159809660cda9828ec99fb3c4ea4fc92b2382eae6715d9744953cd0398a8db9677606998c520ec77e4cff0d79f5e066d66d975f95eee6ad6ed63ff435f91b4e4d958f7719d2eb86d8b0bfaf5170e20b693d709605173a16956744a908fc655a6cd476588b4e660a5e26ec9c84b97460f865b910e3a76a65f7a6497a1521e8f616ff68e1468ce9949c4da9e9aedecd6fc3f00b829bc5af4892a2ad52e52ea74c824457856051df08887e896851f65c2178b63bab9b2e7831f41f3f7e4e7f02852c3efedfa7e943490bc04c1d0a45ec7da7e848488f221791654099221ac07fcb37e2950834cf34324d1ca1a309a18d50adbe792a5c75c38b0102a5ddf0a38bc6f16c8f228ddcd536060512588198c105048382c81568c90ab715e1c3b5e561a2b2c232b95cf7aa85a8f588b56e0f75d7b1234ba81632a0fab302bab2204dc81e02f1ec1a623bcbd4923a632f3904607dbc9a56df50142f5751295e05a6091e354f47b0fd7c7d44fc578ccecd584dac86169c5872fa6ab3b148ef113d8b6e0af8a4d6136b55719d8a879c192aab102693bb417d9be8eb3924ea439d688eb2f08d530ab77aae5682666c3586c7f228ea3af6f0522f18171bc898a4cebcfa4f4f8086c9dad98fcdaae8c6a39725f04c9486bddea25530f89abfc5d332ca7b238dfdbb904a5108ed729567d17ff6d3a6a1c4bd11fb58b47f7202dea6a083716e439f33f10c97b605

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
14cc9069aa5b583334323071a0be306bd2003ae35e2d58d282bf82d7dfcd79883cd27af5ad45f092e95b5943335c3aef3cd4c40e2101c3f33a48247d9e0f7033a1aa98b053ae9736b50da8ae1cce75ce27536a5a2ff7fce65665cdea430565edddb5d53af429749582f4b52964dd432e9ba1dfa3a553bd452e5875ce7de0180308dcb61f65d49507f0519808bb3a12f08ead559fb000b47a8f20cbbdcf45b886a59edcf97c3f549f9fa7c9c9e85d2d6cdab3b74916c489c137946e01e9033e21a7226104525d24a2344e2318f23ed0dfc2a220ccfbf9dc0bcd72d6134a109d6620a3f717b1fffd47f24e0de6661142cf98fc17d1a659003c13585213354d8a8fb7b10b839182b34f39419b3dfe92ac7339c9783c514ba7f009dc82ad5b5b604b42f0cdd2ad7ba2339519604fdd0f71c77d649dfa3922bb676941eac35921694ba564a4a6a82306c4af2b303573244915db9d888141f864bfb67ea3629c1d9382b0a79db1f66cc9e5b6dd39aac7589d0ba4d2c282985a7f2bbc3bd926e8f9e8bf894a267ca5aa56b58dcff30f1577dad73960b1e09596cb5fdba62b0b996c14079cd14272441afa9572393f9ed2dc07f9dacf10789a38b3b0257e6874e6a8b4894acb5d21b2144490b949795cbbb76270fa4863d6bdfa762875a1a3a7549776f15decc428fb8318c00283fd44ab9bc0cdfb6c3ea5c5fc57c99c019fb97a31fc49afda607746f5591b8daa4a70df4c847fe166bacb4ef10654dda058db879c88d27f1f4d4405da121af2febf3dce7eeff4c7e2e9eb10a58693ef3c6a3bf657392cb63489f23ff0e0980abbd9020a351d093c457ef9a7baf957b986601dbf60e9036c798b1cbf080c75c56164697fc7f471f58bddbb5bf2c1a6f2409b88c573cc868f6053e99f4526a2eae7f98d6692d4e95faf4d2992f416b78f3f9c3c26096e7e83e2b7764d3cf7883f1032c6d55652434cc9747ac328e0a37a5379826ef81c73be96df8f146c7bbad09023b8e47ffa5f6aa441eb912c3a87a5bceb8024a8e7a51ec483bcc4a462d3adc9b3bcd2f1a565338936b673b335e384f2fc40ab9738149dc7b30cce019b37c1c6530229a8f3177650833fdf4e92655a9f2d71f94832148f843c13139dfa2253cef145e0120b8a68f9688c2c62fafd50c5756ff91f3014352b8cb323b5a012153635a0e0373cb36bbe8b7fbc35504604a8eefed2ceb891c7d2162e8a8f6e12df0e500b5f027f20b2e0b628a7ab5a636cec126da631e45f9ee6fa8022a6f858401b88f2ccab6188e279611889c1154c6e30669f600846898a76c1563bdf89a3c94af6dfd88fee53cc3cb64606a89d6cd8457af24ae899b09391b4100da6145b94673595783bc555f6e8805e9182a0b150d8e316f618c69de4a47c2f4c30c1bbd9019150b413dbb6dab72f7eec44daa557382bcf73c3a36fd43d33bbe3e0c1091a4c49875074bcd0f09601506ae1bcafc0131cacd62c1498fdf62661fc615ff2af1e823c417b4f5ee627e5f71e4a4df6279e4471d2866b8e6776bf811cf8fbefc5ceaf29bb8834270c596cc899cddf70055d273e86f12e5329b50fa81be4799ff5892f216b1fb4a651b5820b8233c0830bfd10d97bb1d1db97238d2db4f14ddfc0192a3b87522a9bd58fb7074610ac67df21354f9895942e483caafad9874656d9f8fa6af6238a0d3662d711cc2fa3ad7a81c5f1e76a40336bc8131d64ce7f6a085d5bdd4ba577f79b5473c27ec4bd401768933de8f5e48e8e5de651cdfaf8687cad2aa033429163fe399373e39744b312ecc884c28e708dc837d31ae57cd4a25c875212b32227cadadd1d780ec754fd4ee81285b77542f11094933e02c6b35daa8ad95ba6a59f64f83ee761aa263f6965178503dc4650e245911d6d8e14008e325b87e52c59490209d98e832ac6c6739c3636d67f6aaefe4c7115de905197ba71f56fd481ace7ec9b263d68d8fec422eec9c2b42035540b2a8e4b803e54e9bdaf8ef1d9fa21c070cbaa5400f913d51866390fb447125ded8ac18d3db4d308813bb8da00cbe0d9260a25446de9fc92cf4fd710440ac1927b594b456f563f7f6b6d141d721247b024417b64578ec3fee2882039e24a69ddaadf32398a4a8acb103fc6e1aeac586554a3d07ec9ef6508216ae658ae7086b67bb4c5f0655c4efea2eaf0f45e3560c28bec3e488f16ea27bb1847bb1c1953a24a51b07d209b2a828f8c5b1977780570c316de5a6db936b64eae874c4d5ccfe674b9f44fd1d9b17be9ad7f77568ecaec8d63bd19ba7c5d719ee8d107aeda9a9df0297da16ce59903a416278b8309c5846bcf14a0018a0f12d8257e053595028c5825b26f9ceed87cd8b93daca7df94a3d7d2c0c2d903d4df06a25d4d9e2698a22c2064254692f1bb235463c95e7f7e39c191f9ad2ea79c7300aebf138f8e7fe5f512ac12f2df040163ec284a7dc6720c957285a164b88c09ca36ac34bd686bf14b97470ac69dc767379341ac19664867cbad0642452999fcf5259aeb1d28496e575374ef0fa745cf6148e21957f2333ac7757c0150b2b6509da6b00c63fb730deb6286138b7f112746e52443c1d02fa0506db527ea42877139e9a0fa916fa29c6a9ca1f17cd04032656ffa03d4d0a24c602bc185322600a0798615027c1aa2dc900f5c0edcf1afd0e7ae3405d02a6a12abd3c0aa58c4265e2a841c4218d90d4fa82e259edc323319d6bab61ec2aad3fa0855c945342328b426d11bf72f4a1949c8c332b63ae9d5c775bfb40cf06a7699d8fcf0c9c31c0cdbe630e10611956c2592c60d9d8dfc4d9985e4896e6246045926c3ef807e5ae47855416aa1bff69ad6bcd3b3635c54306de4334763173a5151faff0e2c12c04011b77643b97b277e98e675b0cabc1c2d8d17a124f834819c8eb3131d97d1cfdd1c855341eef911474f227f99ec44838062decf0870c7351505f805196e02fb97ad5ecbd0dbd0861b3fa60f07c68e4cd5ba2e601fa29283dff3ee08c5044ca1355f7d4e8ee24865518b5d898553e4859f43ee7b9de4aef60ec7af39bdda8d5396eda63483e4cc1fcc4e7164f1d55ee90f1e1d32902778a0332ca3d66973d391e3ad9a40af174e4c51babaabde173a3cf88458fc13d0f1bcd552da36a6a40740387885ce8f0ddc95afc43a1f4549d1663a7f361a3530a3a01de65cfccc280f46106b2116a5231c614aa9983040af49f808cec18255874586ae754c406d5e6b355c5e627e60a29fc833fa54ba3e7a532e9ada83fcbe96fee115da2e696e55c4f23acea87be7f9773fecef8122911f610dda3992f0eb37771b419c9ee87583ee1121ec6ba022dbd561edbecf3e46b74419443f11eb534fe11986654f5f96ba8a4c92cae6c5f44da796d515005219b11055d4018a616ee6e4e1e045d5eec2e4fd2e7e81729410d007aad64d6c1053f97b84b29466506bfe5d4d8251a50eea5b25a6db846f1b4d9b470f76af4cc509e28ed20d22aecf8dd0bb35fb0f309307174b39dbf3bd4eeb1207f38cf3a0fcd69f3386ec53b139523a88e21badd795102dc66427fb1b8bd6fee0914c68556e71ed4848cac3ff3b62e377febb4db880bec0e9e4dbb423cbaa4f12a7fed832ee26923f09b62c6c975f2d91d473bc7bb749f1aeb882f4a2e6d8e07263e624f75c0b03e96b734e291b666d2e202c8ce1309638cbcd7891b2ac6ae34f21d8abfd8aee38194c649817a9194a7bddbf2fdef2a4532d80d6e9f40b221c4b9826ddcacf8646f8ebaa93a215e690e8f3a97b861503053f92c45430ad9717827d5c0e05526df67b8e6fc163c107428aa47e79ee22be0cb3ace115f754f2c8f67de1ebbcf21a9c2f3bedadfb575ecc77c8b39938c412af86a6dba6d4fdab823137bc143c55db6eb2ac708201ea533e4504426d63c64cac4d4609da786235cced191d76c73e9b8401b0b36da8090907c0f366014e7b9c911003ed40c14c8180de3dc8d5679c26bf4e50b83445c92b629a933518056e1cec4b88ff65cb5a1dde0d66a73f591c6c9bd77096ee68f050732308d029c6ba8959c3db46b8eca9bb344276df6ca0f7c4f55c5c8daad021b04b91a2d3161f08c9656bd58a41dce816b234ad505d3c7183861abf8b7ac8644e6fa51b914a83d181ada3465b262c9d3039a6eaad487dab3cf4fb8c992ee6a870cbb156072f6208e566672a263aa5caaa1d2a61baf816d5430b3f4cd543c95a072c1e85279e9f4b6c3655eb0d2881c446428d343210e564014246ea516e94a54901be72a95d39e83f90f883518f2de593d64b50c425ed1b89cc9194bb9f0604d33d1d95d2cda0180e709a98b9adf8eb70358999503d9e0568356999010c0b90707df8c608ac1673cbda879d286ed6ceed9dd39601e900ee4d8ff473719d6bfcf3a81443c1fbecaac7308032d65de5b11b0ead1090e17248efab312c63b8a9a3ad57fa5b6c1d0fb9a84c58e46649d9daca211dd7708814f1ce047ef61df87df2af66653dbd38c619972e7b9f9d9a970ddad7f58839294352d56fc1783e9df9124c9456a06dbeb49807bd6d5be17e2eac11c5c156d2a234ce8137625184589e1aaebc2a0f904e52eee8976c20184ffbcea909d32e1ac6716f9e03b5d8c12e023b9e97b7b0929a0e1ba720921e84edc27e663a7fddc865b5c959ac338eaf69d9415e37af7da5ff0a905b35d53095293c6637137f5a67722e2ee007faba5f0f220b1c971b23944b53851b2aa4dd33dea4b3cc4d49ad8b3601f1e8e323a02d10b82497cfcd2f9cd9f0c6e97bbf5c2c0df7bd053033789f45506f8315158956ebfa2843ab2e64999b822c4b1ff24118f4184c9c2f10286afc90b0b8d492b61dab464e1b8c13f8a3ac791cb3501d67b6d3eaa1b0ef3d4d35f50d41deff2b1cef6a188ed6a31fe96e86526ff8e5e72722bf6e5e0afe0579be686b26d203d07ad3e87098f0578d3c86ec68ac6670f69579a20eb690fadfccd13a979da5d1455cc029a9168dd654900d6d421f7b69e29f8428b66e2e82195ecfeca04a4ade4400a0fb4c8c298ec004b6f7bfcc1cfc7038565681418b1aee2b7795e1f8fce35794f812b360715ca7440fe73dae73208cbb6935cf6591d8747c636ee545c44e87e9a1ca9f29a9d0273ffc64fe668cd21ba31de6d31005805f141a908522008ed067899ed1fce0cad88d02fab29e0e4c47b5e3cadc1cbd7bd89ea6ef33d2432e8d59583ccb1d10a83103208f1c97519bf42288d3a58f6bfa93206a7373861a504451988ce78149c4edfd83b061f898f515baf85c77ac058e67347d05412cb70330ee48ebb2abeed638b6fa805dcd11a6b1e07efbd1064c0b54b598e553933d60986ccf0fc81bf2401f10c212df132fa12de2d0383f97446d5e036345d21d8ea87acdfb98421a729cbe2688116f1414022582c30a58bf48ed149f713d5149db191442ea7281fb93e985160939fa396c9d61eef2485bdedb14a1602df5849eb79318669bd2a6daf51cfd1ce04ba2a1d4100c750ae3f195c974b4d7eb75639f15dce2344d2af3169326b6d0868675ad83f0c235340d38f546ad05d0207751

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
3984daaa94dd3809fe507b8f3060bd27aade5342e2c65450b07e0ca7c53a551ebb491f8bc40e373efb70def2b587207524209ccf493eb9a3374326cd0b81b2f8c95eb27485d0759d587d43435a1c108de53aa0495d63cf2dfc612dd88670e7bb23749d96f5644d5d0c64e0c0a6a4d21916387e233ee639c88ede8d1e030868493d7d55ca162c729aef1ab96b2ad312614a68dffa178a79e83291d0027aa7065da580325c49cdfec7bad4425954a77bfdf35c11d424c0fa5671b14e6c967cf069b14813d0e0a3be9d4947db78b48b3fcf82694c4e4e2794a8ce5054248a2c851b63964614a1e46f94f85baf30c0ec871c9832a7c0faf92931c1d0f3503212c2b5d6bc0235c42146d0ea073e78c2ef795aed8fc354b43a0ae027167edc6608e3127837dd9470ea27694810df50e50b55962420b737f65c0447fabded504bc1ec4204845fd66e4e4be116fb20c08db00a6b9a73c7c33bc282b9b545d1315fc81c09aabc1dbb0b31d62d0f1866e2c83e2ddcb9e79a5742060ea4cb3c4e10c8f81ecd4b66cc07041982a6996dd07a0cb2f73dd90c3a7654ed1afc2266f8310cd48988a780f6606f1e55a0e12ac987ced5a953894b6c9d7adf3c90813943857de6f1a52f47f738018fe984a34d18a27b177e3e4fd33a89b96d8676b874e95088b907d7a30158d1deb405c68f3bd2322e4a5258c12b310ee93c9979cda23ba12123c7971fba90efd076568fa93a1010588927710cbd942f1407049383201a298a1db8ed7305245b1e7c85b2f4c4f2dc283745b9837075010f9545b7de146123d556edf84c8f3acccc81308886f311a5dbec75a00e17b308f38be718bd6a59d9a511812f3c1d4867422f6f99c2031535ea81f802cae59d5d92118dd0b6c7af9248d16923eec7f7562d1ad6e2efcd0b5684bf6b92d2437ce351dde6a5119de0441ea3044db17e537e68d01198d4ea61414c2c1972eb712470aea5bf12b7c51a0ba4002e74d8974715f708f787272f1bd31f09fb5124bbb9d69328db3e4f087b04ddc4cfca516f6ffc7e40178d0c7b5f1c16c9eac84d64440759f9daca6a30de1926f52c41b151099df16fe63368ccaa5452b4ed734dcb8ee8af98fb282643d5e6d2e2512c8d0223e0af99e4b24234ffad673c11a726e36766dee859a4fdc40220fc783d6a17a162c715f222913d013600a7d59b76476fbe83dc81b4f8baffa6d89d9513ccaeb6f29d14116100b617ce834fc9260479be5963914a73d05111258787cab2f556824557687a6e76b7a78c2740e7068eff84f7d9375b7a752e04f795e7a7e79f0f39c52b243aa6a06838ce6b6d3e574ea6e82177c322fb2d9769922938e698819fcef922d3fa61c918b38892fa11c09b8911059a861c8af27772c8b06c0f7ec56e12c7e50a5aba92c65414e74748d41fc5d8fe6eb0eb9916926ad6d96659d142fd5b0d3191b95f56babd82a61ab160cad9f8e336afe2bd09549fb8fe87346bf1a1f3bd061ed018328187b5ec582ccb1607db4778e0942b1f4ac9a341068c9489eb4931fe95ba393500b182e09dad0a1734f27c035cc11711ccd2075badabfaa5f0f67bb1c6b7d54d5fdc8ac30f4e8267f206eebffa788e1210610d7a268615e23b27dc2520d66c34743d3d07ca037a44924a5c66a5a8c8d9bcb44bc8e72e9d7eed68dbcc541519e94152626d121d5fe8bc3af28138f54c86251dcf71168954e09ee4d929ecfb852e8c0a5725973cd20a7828e5032a0a361144361793db7ff6d19e160e6fcf679560049d9262a9396cd732fafa8aee2e6455c306b61bf406047fde4580ad09debfb966de61ee7050d409110ba45022a0ae9cb1ae6ca7754cd01f14c733c5f5171e3f3eb2a75bddb913207072a025457e97dedfa1369c6eba2b34e2f5aa5a58ba8e221b0127e26093eb42046d0b650776035a7bc3896139a81bdc823964c221618235f6af4291411d1de5f7ed2180bfaa95fe8003caeb06e1cdd3e952d2ec879810a45e0cc9fd04e294237c28a8f1ad3339dad3381f1cdf9b8e19ed63cfb096f9be5044410d0da999cb6ba51b7302b9212e5766f62c84874d8b7dfcf87f699a9f099418c14b4797f875c073f56bec63e8f1a62db1080330abd7e83dadfabcea19fdbacc12c1b3f05c274240a28ba68fbbe6c5c175fcf01f4414140a42088a2737f6658bf6da50c45774a02553f37793eccd10d779de1c216fe7d2bcff4b198c69ab225f7885b0255e9b39dd5948fcfaebd9855393e89ca475acbef1976013831477532818edb18a74731af1c5d0c200b87aad9ee9c4f1729f7fe7fe7ed5f1329cc9354da7d51feb305685a98a751e4228ed8172795f2e9dac9517c55beeaf3173a4ad964a2edcf000cbe17205933f65c17aac789d28c53ccb7fc7ccb0642c34bb27d214d4176aabcdc81359bd92df70378b7420cc844fbe612e9f62346c71b73f3feff5489d3ba6d95578638cf2d164bb6b015b9dbd4d69445d9f352d4db7d91b90f2eff80e16a79224a41bd6f59d3040983f3f09a43647d255f7241205f6bd97c2da94602916ca51af57190f6bcb02e289313637a0228d0da9722cb673ad9153becaa95989f360264198e738e2572dc2e3c30f3ea060e939654170c9a10e20bd562849fbec3302276699398c75f61754352390bf72b1446bc2c7e2f167ba8e3a8a560fee261b0d75c6421085e2703a7303d22f99027b88d7156eed93e98ee9b8eca707704c81d42053544c88d775af5a2a93f1abd7e8882b770f38d1cbf7da86f84e2f7ae412caab260d55b67d2c60518b80c15f6105de7610b03955ad6a473e072b78ddd180914f78dfa737676a728315fdccf4763a9f80d4e1f595c4da0c1e633c0f672d14d8873295933feddd5b951e003216b27dde927bbe2b96d24af9a6deb2ba56f61118fe83f19f70588c025f9be6f4d722742594a56259ac411d02f606ff8da1e120aa059ceec50d73f8cbc0a88dd2b5d8d65b26e28ef50e7fd5671311637ee16b8a7b15678cf6300127d93517c4a372f1bcc668caaddf467e940dd70edbb55b0d0abbcaffeba8d42eb96403f68a27b1c00c3c3814ff8d20ce1269fc62f35e05b0716c5934d8d0ce9fc9f4dc245bc0c3b2bd2c63d4de109e0525b794eaa667d375d6e6aee20485a306a058b8be2f2553620e23c4aeb8ce8a6f8deb842a7c76fc8d4c6a9729f84da435dae3b0de1bd552be30a0434a978272ecbdf602b67d869e23b20633fef142badb05c965fbe768420cc966ba362cdfe1c795d661702f02aeb05b6892c509b075eeb151f55b77bc1e0ab15c974f185f515021322bf86cb14e3e3b456e6a55fea18381989e4b10602e7549f2c0c8d5d548e09c9b7b1384860188364cdc44f8e5fdc4d61421f055aac6ee7a6b64ece58bd2b03e1a46f6e2e8bdd57eb29d3a3b98a66b2cc83e8aa1d78f8b0cb4886bf0f5ca9e61ca0b515d60d243cf7f890b6a5b5bd986f4fd4fc62d8239d456b6e40527595e29d55b21239b6aff22e43f158439ac9dbca2cba73848bc85372cedb2671afffcffc2fce914279c26a675fc127decf05190970436c995db89c3fbf561bb65861c63678d56539b95875cdcbffccad2fcfc3899160d1a4f82b05c6de151a7dc6a8b008d169ac4d2e633cd317670af1a67547f1f553291f80fb426a2fd1b49bd4f89369d1eea4cc627fa16e09f17e20bfee1f00e5416f6a5c97e12405329ee898fdf5f87972337454899be866ef532cac01d5ba76a4e9a71dbbedefe3813cb22f85e8b36cf0a051025a3f201d6bca3b07929deb894788b0cbe7d0060667e95a60b7590559154d3f66a33f05acd1b8000d223141118b871849072805c4d8080c3e83abb69ac94f6ca102bdfecc02cf76deb32c1c52ca796a34b764e512580cf4b9c6561073b7c2954a054c8c0529904ab2b90f15ae6e94ed89189d40f1eb7b172b78ef818362580759aa62f729fcb0301e51a9885eb390f7272904239c14c6abc1cdc1d97df5129a553024e5a640c63f03b122f72cad76819ece76f008b87f75f1c08b0182c31c96bb780e4b4180fd567c6e9ca81ec8afaa5364e20dc151becbe854679904b3e45e05e5fc2e5546567f8df7c55eed774b54aff3d60b1a1c8ee8e1d7d6f0b2459b37c0a5a0feb04efc9238fc8dadea236261de5e3e002e34883e563299a92d9d0824df56bcffdb53b78f1b7e962746cb54a04963a4dbe64177754a2a4f630dfb34c3aa00d810546907c2afadd65309bd6b832f1e8e90fa2192dfe18386efd99ee5f5fc9588af0e99063e6f8b5e145b66eb50c8923e228e14d95bda3ca683202241eff1296c10ddf34193c722d5e546721a12b8c933a5644c3350894ac8b33208dc01c7ae9fe6dda5d78065a6690dbe426f36ad5d9039407975ec749eea6acc8638007218adc88f132ecb40120999a2436cd42788412df306274753fb79f58ba78300bea8e1350257319849f0cc0a981c15365d1d1db6484b432ec6606296f20a5769d7376c2dbbeef90e032b6bc3323bd8c09743211bd7dcd2bf25a64109a2369f9a25652c100322aca2a702272bd3b1d12a6bf638729d16a512bd3aac73a6d897c08db233b6518a7c12749d719506a079f131290c8a8233e121651da813c6e2ff060c67ff88b62a1fdcda3912bea216ecd173f77488d581797e2a1d68f420c7ba9880bc837f77881855f0f8ef87b7c1e01a02c2950e24dd647978d6bfc02013506c8f79862692a4af66727f9260452991fbabd6845dc23f36b146c18f56887ecfa6796eb1051516022e3a73eb4f5ec736b6b303fab481c3c1ae8a8d62ad47837090b7f0bd5af7ac0499c2e27fd9b97facc3eec54586ca878c5cfebdabedc76a1e9a0d6302da147bae543a222af43860dc89cd21ce37593d9508153b1734753aea5bacb4d06f8c63ffd339a3355fc41e071d375e8fd4d95c68a852a0fc9023c60eb77e837bcb6f401d288b4179329621556367404ca7d24618a061196218fcef1111a4479e5bd122c3397c4a4a967104ce062af198cda61309973de904c271127e160470e02b7cf87c51343347a7ebeb4418ab518f6946d522bb95a11bed805c7d4a66e2aa8d03019dd1dd1f9bd2d2fe83980874c2e5ae3929ecdff4e3cd2a37dd3be861bb2bb3d9ec01de391be52a577e4d1b26465e8939feef9de0e455586a3382ebd75575a12d34b07f8ee998b1990bbb787f28c3795e2dd96440a9750b35fb35fa88a589357072bd40d449eb59073a2ed50f0bafb9c94c18942c5e357d1debfd93168662f77f08a7543abf8d1ceb9f8eea24b6fc9286e27bf0bf83882cf88b6b01a7fbc0929bee1f762de8edfd57d18fca9cf8e4d15fe97cc949f197e02ecc5acdea218f08ac5eb1ce4308d915530d13a02b47cd77947850fa1a1bd874abeb0c167dc30a9250cf5982f022e6fffc095dd2ed80b2988c077ea5e097ae7d29e58d969d21b4b4b7e01a4b8b6ed30cca19c4550856d1d523470b6c6a12ace42d24553c4186b0b27a3e1d8352b9e73140dc051c39f4af846d6b442b1027748c2444587cf1fd3e826fa701cff50bda926e872dbb6ad1572781d6616a6fbfd9ea4e711f3b231be33ad8c5a12aa8e4209f8fea5279ce4d600d7b7232ba56de01dc6590c322c19eeb918a36d13cd8688b1fff2edc2e98e22fe311c8ffcd0c8c582fe05cfbb735897c09956800b8555d5c867a65b99b60717733f5d81ae9ae717b3174a1a95e2230cfd137054ed01801eb4867c2e5a0dce417f755f7453803c205241cbbea08444ab9cb8668145509615df1d52beab84b1d9bfc42b300c843b43791fdc4cf66b88fc7470662e4e1600626548d3eeab3a5a529f8733878fc718923a67231fb9f1b9170107748ea25aab0bbd818593a91ae8ed31a871a2c7f85a6f68a510254b1120ea6a31fd99ac54e415e2b9834cf76ac71a460726312af167b2ed5d3d205358a7fc9b7a941e617ac3eafa941a6c30ca64b14025fca7b288b057cd98ceec49be0a46605bcb663b9c88aa1814df01bc1449b7c84a950db8f05264ac798f688f1b87e2eda1cb59a6f1d099cdbd5ed063862da3dee2acfa6ab7f97351277d2bfe4457c54e038cf4a5a704057f38aa090015911a1f98badd8f5fe080adff8ca71516424c39b55da652e449db7259be76d9d287e3f004b480d4223383cd57737f660ab1420fbd06c69fa91d13b530991be3636e9e424bb7ddb519a7ae804d44287c0de584b4150f7f14571a504437cf312c42de3ee44bc1eac2d76721c84030d1c1e0661d2fc1638ce628cf4658201bfe5644f9530af3a0ba4b58f06946463edbd8cc700333b1ee9c55a33634e584ea5ff35959e2d8212b3b70b8f9c71e101796a34da3de0b248fc8c994b7bff6667f4d065003395aac85af8879330391cf3724ee4c43eaa3e4fe52522f529a144ee88297e98666c26d1c00056c50d878408def1d17a9b36848240f22176f1c130fca9f63c2c0dc87f31018b1a3be238ba4d7ba1c73fcc2724b58ea4bc223b74e5342a03fa3694b9df75d89b33ce1f39f37858b144329edebb6154b8e739b10c951c0b4ebce4c1d3a316e28b221d481f9e9632676cce661b7a1f54088b9e6cf70b85f543a5453345a030600966d188f24e711735b351ca9c44fd8eda97d5d7844df01cdb7df22e910cd9f83e69b205e2f756aa9d6a95625a7b5d92e39c4fb0a1b7f959a22087eeeaf08c4aa2508d76b272ac0d88617fa925d40a4c8ed4037cd1ea0b1e35f335554af16cf9ab6e4186b14b841fc2e69fc0b1729cba87a0ecad1ea804601e97827a586337b7cb773b73f1ab561be483aedc380faea2094de71abd0f653c9c3dfd2a966f349530ee99ab5829a319c5d7f7d46ca1284f4d123f2fb9808be3d09c7ff20f2bda95782485c17f6302f0273e811d65948ad3326410e8c0208429baf1f34c8e04f1d9e643ec9da522e91f20a3449f8ed6f83ba222563f9db37145229b895757c8de10eba8cd61c9cbdeb719fb2ba37504a301e38e86504017aad1732edcbfabead28d111b4c9fa6874340108e609fad25c38ddce44e0f23aea09d1ea3cdef0656d4a0b72a58434ccea5eee7dcc9f0fe9c5a4ea1c78f95ae7ae35fafa6d951238026083611150ccbe9182cd8bcdd278a5e61f76c8c0adf47c52918b3fa69b038a21cecf9a907ae5f800f273497f285edb83ecf7066442a2c9310164a7c02377e8181f705432be802145000d025b88c7d58110f170c2e4c028b80e28e634fd4b422fe7dd15bc24c474fa7474e0856e8c38bba4d2e5d6b01fb82412c5e6bab12258f71b3d3d9e594ad280e464b732a5794addca81c6a16c7231d908bf494e9e817a10c6e97b003dd67ad29a1f6cc0984b76ae715b7a1deac2308207958b8bf627f94a6f887e93009e3ae447eb9df5bab3041ac82b6ced98a3f76d04deb68a40322214f90b60b1f08b035092afaf595a4d8ab0854c6258ec05042b66522c325b7a360094fda1d918461c0ba7523387d5aa7d47e68177c7219024f6d9d6270327884e6e1c205433f95f33ee7653e2313c64bf7ba7f39e7dd0b3dfc2031ed4d9660e90ae18b57a52b1ece53baeaeeac82c4441ec271d9a0e1759fb020d40adb27dd7c7bd2d6aaa7610225471661db06ad1e0028d9300cedc20bc024cb40ce9f2f60e22a36048e6d5659915324a7216abadd357340d1cb67ee4b9f8a83010dcb6a9b248704b9261ee886df4c88a6410963584d8ece150fe3e40263ec10cf2d8201731f0d826df81dd826d98167961d7906e20d82b245210f054314ad4b94c90b5e24534b526936ad9348139358cf1c6f4409eae885d3adb6a83c223c04d79b504141dcd62a66cdd6b425fd4a054426148dde96dbf4029d7d90a47f23ca3839961b0cde58366f4efa5d55ef81cfb509399fd69af208350531fbcbfdb681bce1ad8f2e85d80563da0af1872202b7670ea49695f5d06d50730875da090defe7a4a49172fbb970c1bf69b944a88fd39d48c577e6b9fa141cb8a9895189cda077c980de39f1a0d405000f6c68b2f56dd8f08ab357efc13a6df687e5c6c22a1a6bbe0744b053ddfcc2b5327cb16dc6bd6955a62ff58318d6d4b0ad8ab887e4b8a396deeb7f585a25a921bc05cfc4abf7e9a804b53dc6647674751eeb77fc2fc6231dcc5819b83772686a7367a3faab2faaf5013cd89b93570b7b1522d11284edbdcf2f4038d596c73706c866ad2fa524b2d88b02d423e74f0e16dc5b883e2854ce7eb554598e51c607474fff31a0fdb3069ecc691ddc9df9df87bb445c74c0802654d832a1dded2629d696623b19fda14df64230c7ce12a4fae1bf0cb7e072b32514dbe44c099ba264406e3dfc3faa2e90c59b7353a5d8d339ea1d3022d3532375c1f7118820ccc738d87a221e72db53652cc5eef7bd1c4f1cb4887edff5a901aeac17b54d5ccace02f9fba5db3b4f868096ec62731de0424d3f5c058bd9fe14e1efbfa88dec57a0937c27a8d94c15f39037e0b207ed1003fdd271a1830893dca6f9eb8b3e497c2b138822f1340f3218c4afd9eaea365420fd94ee0a9fc4d707fa2c51f0f895703ca1ca77cfd97abc6296e843252057057229e9da43dcef3ee7327a78d9845d6091299ff675abd0ee1a59663345668431369ea16f7a96972b1df8263a02c6b432a4146318c43d73d3c07585def35ad8949beea199ac6dc2498b20ca761b6d18ceec8e7106c81031909948d995a49b827e646686d363cfe2162e7ee7ef8b8bff222abfc8b4a88a5c38caf49f5666103a3ca55dbb6eb9b48104909b6a3b74d376f825e101c24bafe69b35405bd2817334448eac30620e68d0758845071d36ca80513ef16641f28be8552cf7035e0539c44549837879b7f565625f5c4b0e53a66d3fe04dc055017f7b46ecd6f55122071eb5d0664a90a69d9d22a660e797622761cc3b35b4e00ba3bfc8b8f6ce1fe3d4208cb9730af0041510718dc8202fe78e7dfb30bfe4d9e26fd1213e0923206fe157ebfd92b9c3b4a72c9a9e4f60f3a50330977f8c1e0b9dc9c954b9008b1921da769fccdbf48a0e566b54adcfdb08e33529629ae32572719339b0cb951fa5cad32f9bced37eb172fcbb20ba7fc60dfd81fd72595879a3e43f6827ceb37aca5c6659a3e92429eca5674bef2eb89a12ff915e8a80ebe5205ed6c825dc9b8ae2be2309645439e62e6d5453319ef37b117a0bc786201bd6a00817a91bfb17ef8e56d69351038f7f0788f061886f322cbf7914cefe8ecf03b53499091c54e523cd5fdf03db0134f606904df5a47de6d59bba609f4cc8f8b4d68d4387ec2c829cc95bb9ddda5a45db06fad69680d41c511108b1fe9212fb63e59a5fa86216a0188fc97ca3b2ec86eabee86245a84180c776bd00dae12bfd85468034a5c477ada87ec5152b896272bbe8f03cf38b2f332561c150aa5744f93

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