Parallax

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

[sourcecode language=”html”]
[full_width] [parallax imgsrc="..."] …
[/parallax] [/full_width][/sourcecode]
parameters
  • ratio - speed to move relative to vertical scroll. example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
  • overlay - in %
  • imgsrc - image

Flexslider

  • elysium is here

    Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.
[sourcecode language=”html”]
[flex_slider] [flex_slider_item imgsrc="..."]…
[/flex_slider_item] [/flex_slider][/sourcecode]

flex_slider parameters
  • animation - animation type - slide; fade;
  • height - height slider
  • loop - true; false;
  • smooth - true; false;
  • slideshow - true; false;
  • speed
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - true; false;
  • dircontrols - true; false;
flex_slider_item parameters
  • imgsrc - image source
  • title - title image

Flexslider type 2

Button Go
Button arrow
[sourcecode language=”html”]
[flex_slider_type2 buttonlink="#navigation"] [flex_slider_type2_item imgsrc=..."] …[/flex_slider_type2_item] …[/flex_slider_type2][/sourcecode]

flex_slider_type2 parameters
  • buttontext
  • buttonlink
  • height - height slider
  • loop - true; false;
  • smooth - true; false;
  • slideshow - true; false;
  • speed
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - true; false;
  • dircontrols - true; false;
flex_slider_type2_item parameters
  • imgsrc - image source

Flexslider type 3

Dive right into!
Button arrow
[sourcecode language=”html”]
[flex_slider_type3 buttontext="Dive right into!"
buttonlink="..." buttonlink2="#"] [flex_slider_type3_item imgsrc="..."] …[/flex_slider_type3_item] …[/flex_slider_type3][/sourcecode]

flex_slider_type3 parameters
  • buttontext
  • buttonlink - button link to button with button text
  • buttonlink2 - button link to button with arrow
  • height - height slider
  • loop - true; false;
  • smooth - true; false;
  • slideshow - true; false;
  • speed
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - true; false;
  • dircontrols - true; false;
flex_slider_type3_item parameters
  • imgsrc - image source

Logo slider

[sourcecode language=”html”]
[logo_slider] [logo_slider_item imgsrc="..."] …
[logo_slider_item imgsrc="..."] [/logo_slider][/sourcecode]

logo_slider parameters
  • animation - animation type - slide; fade;
  • loop - should the animation loop? if false, directionnav will received "disable" classes at either end - true; false;
  • smooth - allow height of the slider to animate smoothly in horizontal mode - true; false;
  • slideshow - animate slider automatically - true; false;
  • speed - set the speed of the slideshow cycling, in milliseconds
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - create navigation for paging control of each clide? note: leave true for manualcontrols usage - true; false;
  • dircontrols - create navigation for previous/next navigation? - true; false;
logo_slider_item parameters
  • link - ex. http://www.google.com
  • imgsrc - image source

Mini flexslider

Button
Button Go
[sourcecode language=”html”]
[mini_flex_slider link="#" buttonicon="fa-check"
link2="#" buttontext="Go"] [mini_flex_slider_item imgsrc="..."] …[/mini_flex_slider][/sourcecode]

mini_flex_slider parameters
  • link - ex. http://www.google.com
  • buttonicon
  • link2 - ex. http://www.google.com
  • buttontext - button text 2
  • animation - animation type - slide; fade;
  • height - height slider
  • loop - true; false;
  • smooth - true; false;
  • slideshow - true; false;
  • speed
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - true; false;
  • dircontrols - true; false;
mini_flex_slider_item parameters
  • imgsrc - image source

Quote flexslider

  • Yes, yes we did! John Doe: CEO elysium corp.

  • We dove the deepest sea to get a pearl for you! John Doe: CEO elysium corp.

[sourcecode language=”html”]
[quote_slider icon=" fa-rocket"] [quote_slider_item author="..."]…[/quote_slider_item] …[/quote_slider][/sourcecode]

quote_slider parameters
  • icon
  • animation - animation type - slide; fade;
  • loop - true; false;
  • smooth - true; false;
  • slideshow - true; false;
  • speed
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - true; false;
  • dircontrols - true; false;
quote_slider_item parameters
  • author

Services slider

  • We love every single pixel

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem
    ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

    Portfolio
    We love every single pixel

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem
    ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

    Blog
    We love every single pixel

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem
    ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

    Contact
  • We love every single pixel

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem
    ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

    Portfolio
    We love every single pixel

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem
    ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

    Blog
    We love every single pixel

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem
    ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

    Contact
[sourcecode language=”html”]
[services_slider] [services_slider_item icon="fa-heart-o"
title="We love every single pixel"
link="#" buttontext="Portfolio"] …[/services_slider_item] …[/services_slider][/sourcecode]

logo_slider parameters
  • animation - animation type - slide; fade;
  • loop - should the animation loop? if false, directionnav will received "disable" classes at either end - true; false;
  • smooth - allow height of the slider to animate smoothly in horizontal mode - true; false;
  • slideshow - animate slider automatically - true; false;
  • speed - set the speed of the slideshow cycling, in milliseconds
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - create navigation for paging control of each clide? note: leave true for manualcontrols usage - true; false;
  • dircontrols - create navigation for previous/next navigation? - true; false;
logo_slider_item parameters
  • icon
  • title - title text
  • link - ex. http://www.google.com
  • buttontext

Video slider

  • elysium is reduced to the max

  • elysium is reduced to the max

  • elysium is reduced to the max

[sourcecode language=”html”][video_slider link="..."] [video_slider_item]…[/video_slider_item] …[/video_slider][/sourcecode]

video_slider parameters
  • animation - animation type - slide; fade;
  • loop - should the animation loop? if false, directionnav will received "disable" classes at either end - true; false;
  • smooth - allow height of the slider to animate smoothly in horizontal mode - true; false;
  • slideshow - animate slider automatically - true; false;
  • speed - set the speed of the slideshow cycling, in milliseconds
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - create navigation for paging control of each clide? note: leave true for manualcontrols usage - true; false;
  • dircontrols - create navigation for previous/next navigation? - true; false;
video_slider_item parameters
  • link - ex. http://www.google.com
  • imgsrc - image source

Video slider type 2

  • elysium is here Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium. read more! >>
  • elysium is here Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.
  • elysium is here Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.
[sourcecode language=”html”][video_slider_type2] [video_slider_type2_item background="..." link="..."
title="elysium is here" buttontext="read more! >>"
buttonlink="..."]…[/video_slider_type2_item] …[/video_slider_type2][/sourcecode]

video_slider_type2 parameters
  • animation - animation type - slide; fade;
  • loop - true; false;
  • smooth - true; false;
  • slideshow - true; false;
  • speed
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controls - true; false;
  • dircontrols - true; false;
video_slider_type2_item parameters
  • background - background image source
  • link - video link, direct movie link
  • image - image source, if you don't use field link this image take it place
  • title - title image
  • buttontext
  • buttonlink

Gallery group

[sourcecode language=”html”][gallery_group groups="cat1,cat2,cat3"] [gallery_group_item image="..." groups="cat1,cat3" show="null"] …[/gallery_group][/sourcecode]

gallery_group parameters
  • allfilterheader - "all filter" header, header for the 'show all' filter
  • columns - 3; 4; 5;
  • groups - separate group names by commas.group will appear as buttons in the gallery
gallery_group_item parameters
  • image
  • title - title text
  • show - show filters
  • link1 - link left, if empty, slide will be displayed when image is clicked
  • link2 - link right
  • groups - filters, filter names

Scroll image

[sourcecode language=”html”]
[scroll_image image1="..."
image2="..." add="no"][/scroll_image][/sourcecode]
parameters
  • image1 - image ipad, image source,to achieve a better effect should be set high image
  • image2 - image iphone, image source,to achieve a better effect should be set high image
  • add - add badge button - yes; no;
  • link - ex. http://www.google.com
  • expose - text to expose

Images

[sourcecode language=”html”]
[img src="..." align="default"][/sourcecode]
parameters
  • src - image, image source
  • alt - alternate text
  • width - image width
  • height - image height
  • align - image align - default; left; center; right;
  • link - ex. http://www.google.com
  • class - image class
  • animation_speed - animation speed, in miliseconds ex. 2000 is 2 seconds
  • animation - animate this element once it becomes visible. supported animations: https://daneden.me/animate/

Lets stay in contact

About Elysium

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapip.

elysium

331 W 4th St, New York, NY

(049) +1 212-242-9502

Get in contact

331 W 4th St, New York, NY


Phone1: +1 212-242-9502
Phone2: +1 212-242-9502

Drop us a line!

Posuere velit aliquet. Duis mollis, est non commodo luctus

elysium Style Switcher