We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.
JOY Theme allows you to display the site’s wrapper with small, medium, large as well as full width. These options can be selected in the Warp administration.
This theme comes with three different navigation layouts and some additional options. The main menu can be centered or aligned to the left or right.
You can place the menu on top of the content and it will automatically turn transparent. The navigation can also be inverted for better display. If the navigation is fixed, it will maintain its default color.
Of course this theme provides the option to apply a sticky navigation. When scrolling the page it will remain at the top of the browser window.
Another option allows you extend the main navigation dropdown to the width of the entire browser window. A subtle overlay will be applied to the rest of the site while the dropdown is open.
The additional Hero positions at the top and bottom of the theme feature a number of custom settings.
Image or Color
You can enter a background image path or color value (RGBA or Hex) for each hero position.
Enabling this option will add an animation to the you background color, rotating it through a spectrum of automatically generated hues.
Add your own color value (RGBA or Hex) to the particles animation.
Enabling this option will add an animation similar to snow falling upwards.
You can add custom classes here and they will be applied to the block. For example, add the .tm-top-hero-gradient class to the top-hero section to fade it out towards the bottom.
To give you more flexibility, JOY theme provides a number of settings for each widget position. You can apply different background colors, paddings, content widths and place a divider between blocks.
Muted, Default, Primary, Secondary
Full, Default, Small
None, Small, Default, Large
Checkbox (true or false)
The custom Slideshow widget features a display announcing the number of items as well as the active item.
The conjoint slidenav can be positioned to the top left, top right, bottom left or bottom right of the Slideshow.
The custom Slideshow Panel widget features the same additions as the Slideshow, i.e. the numeration and special slidenav.
JOY theme comes with a fancy typewriter effect for headings. Just add the data-tw attribute to a text element and the letters of each word will be displayed successively.
Enjoy your Life
By default, the letters just pop in. But you can use any of the classes of the Animation component from UIkit to apply an effect, like a fade or scale.
You can adjust all of your cookie settings by navigating the tabs on the left hand side.
Uitsluitend noodzakelijke cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.