Projects

Written by Super User on 06 January 2016. Posted in Uncategorised

Theme Features

Written by Super User on 05 January 2016. Posted in Uncategorised

Styles

6 different theme styles for a good start.

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.

Default

Enjoy

Festival

Roadtrip

Sunday

Spectrum

Page Appearance

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.

Navigation settings

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.

Hero Blocks

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.

Color animation

Enabling this option will add an animation to the you background color, rotating it through a spectrum of automatically generated hues.

Particles color

Add your own color value (RGBA or Hex) to the particles animation.

Particles animation

Enabling this option will add an animation similar to snow falling upwards.

Class

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.

Block Appearance

To give you more flexibility, JOY theme provides a number of settings for each module position. You can apply different background colors, paddings, content widths and place a divider between blocks.

Background Colors

Muted, Default, Primary, Secondary

Available Widths

Full, Default, Small

Padding

None, Small, Default, Large

Divider

Checkbox (true or false)

Widgets

Typewriter effect

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

Animation

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.

	
		<p data-tw="{cls: 'uk-animation-scale-down'}">...</p>
	

Speed

To adjust the speed of the letters coming in, add the data-tw="{cls: speed: 1}" attribute. The higher the numeric value, the slower the animation will progress.

Article Style

JOY theme comes with an optional alternative blog layout. The default blog layout is also still available.

Custom Classes

UIkit Framework

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Visit Website

Warp Framework

A fast and slick theme framework which is built on the latest web techniques.

Visit Website

This theme is available for Joomla and WordPress including the same features on each system.

Built with UIkit

Written by Super User on 05 January 2016. Posted in Uncategorised

• Home
• Blog
• Category
• Post

Article title

Written by Super User on 12 April. Posted in Blog

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

---

text-muted
text-primary
text-success
text-warning
text-danger

a element
em element
strong
code element
del element

ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5

h6

Lorem ipsum dolor.

Someone famous

• 

  Author

  May 2, 2090 at 1:55 pm

  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

• 1
• 2
• 3
• 4
• ...
• 20

• Header
• Active
• Parent
  • Sub item
  • Sub item
    • Sub item
    • Sub item
• Item

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%

55%

55%

55%

Form states

Form styles

Large

Small

Mini

About

Written by Super User on 05 January 2016. Posted in Uncategorised

Get in touch