Hero section with background shape
A hero section that is extremely flexible. You can provide a full-width background image and there is an overlay that you can use to add text and link.
Syntax
{{< hero-section-with-background-and-content-2background-color="any background or gradient"background-image="Any valid image link"border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."border-style="solid|dotted|dashed"border-width="Any valid number with unit like 10px or 10rem"bottom-background-color="any background or gradient"button-background-color="any background or gradient"button-background-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-border-width="Any valid number with unit like 10px or 10rem"button-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-text="Any text"button-text-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading="Any text"heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading-line-height="Any valid number with unit like 10px, 10rem or 50%"heading-size="Any valid number with unit like 10px, 10rem or 50%"height="Any valid number with unit like 10px, 100vh, 10rem or 50%"image="Any valid image link"is-animation="true|false"is-full-width="true|false"is-open-in-new="true|false"link="Any valid http link"margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"text-line-height="Any valid number with unit like 10px, 10rem or 50%"text-size="Any valid number with unit like 10px, 10rem or 50%"video-link="Any valid http link" >}}
The actual message goes here
{{< /hero-section-with-background-and-content-2 >}}
Default Sample
Grilled Chicken Skewers
Bringing together juicy, marinated chicken with the smoky flavor of the grill, these are perfectly seasoned and skewered with vibrant vegetables, making a visually appealing and tasty dish. Ideal for gatherings or quick meals, they offer a flavorful, protein-packed bite in every piece.
Buy Now
Others Sample
Modern Sports Cars
Modern sports cars combine cutting-edge technology with powerful engines to deliver an exhilarating driving experience. Sleek designs and aerodynamic builds enhance speed and stability, making them both thrilling and refined. These cars are crafted for enthusiasts who value performance, innovation, and a dynamic connection to the road.
View more