Shortcodes

If you can dream it, you can do it

Parallax

To create a parallax effect on an image, use the [parallax_image] shortcode.


markup
[parallax_image img="images/background/bg-image-3.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"]
  your elements here
[/parallax_image]

To create the parallax effect on an element, use the [parallax] shortcode. To learn more about all the options attribute, see this table

markup
[parallax options="opacity: '1,0', y: '-50'"]your elements here[/parallax]

Our Menu

The true taste of good design


markup
[parallax_image img="images/background/bg-image-3.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"]
  [parallax options="opacity: '0,1', scale: '0.75,1', viewport: '0.5'"]
  [heading size="h1" style="uk-module-title-alt uk-margin-top"]Our Menu[/heading]
  [heading size="h3" style="uk-sub-title"]The true taste of good design[/heading]
  [/parallax]
[/parallax_image]

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.