Friday, 20/1/2017 | : : UTC+1
UCKG HelpCentre
London, UK
+6C

[button link=”#sc-av”]Audio/Videos[/button]
[button link=”#sc-blockquotes”]Blockquotes[/button]
[button link=”#sc-buttons”]Buttons[/button]
[button link=”#sc-columns”]Columns[/button]
[button link=”#sc-contact”]Contact Form[/button]
[button link=”#sc-dividers”]Dividers[/button]
[button link=”#sc-logged-in”]Logged In/Out[/button]
[button link=”#sc-sidebars”]Sidebars[/button]
[button link=”#sc-toggle-boxes”]Toggle Boxes[/button]

Audio/Videos

[two]

YouTube Video

[/two]

[two_last]

Vimeo Video

[/two_last]

[clear]

[two]

Self-hosted Flash Video

[/two]

[two_last]

Self-hosted HTML5 Video

[/two_last]

[clear]

[one]

MP3 File

[/one]

[clear]

  • Options & Code

    Example

    [video url="http://youtu.be/wOUgRif7JRc" width="420" height="243"]

    Options

    OptionValuesDefault ValueRequiredDescription
    urlYesThe URL of your video
    html5_1The HTML5 video URL for Chrome/Safari (MP4/WEBM)
    html5_2The HTML5 video URL for FireFox/Opera (OGG/OGV)
    priorityflash, html5flashChoose whether the video player loads in flash or HTML5 by default
    imageThe URL of your video thumbnail
    width560YesThe width of your video
    height315YesThe height of your video
    controlbarbottom, over, top, nonebottomControl bar display options
    autostarttrue, falsefalseChoose whether your video starts automatically
    iconstrue, falsetrueChoose whether the video play icon is shown
    stretchingfill, exactfit, uniform, nonefillChoose how your video is stretched in the video player
    alignalignleft, alignright, aligncenteralignleftThe alignment of your video
    pluginsAdd any code that is required to load plugins for the video player, for more information click here.
    skin/lib/scripts/mediaplayer/fs39/fs39.xmlThe URL to your video player skin
    player/lib/scripts/mediaplayer/player.swfThe URL to your video player

  • Blockquotes

    [bq_left]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_left]

    Monotonectally extend an expanded array of alignments whereas client-based channels. Synergistically extend optimal technologies whereas B2B communities. Enthusiastically seize enterprise-wide interfaces rather than viral total linkage. Seamlessly drive ubiquitous applications without tactical mindshare. Continually. Collaboratively foster client-centered architectures before fully researched e-tailers. Holisticly envisioneer turnkey supply chains vis-a-vis premium markets. Dynamically brand accurate communities before process-centric customer service. Credibly architect backend portals before cost effective e-tailers. Conveniently brand. Authoritatively matrix top-line e-tailers without team building expertise. Proactively target focused channels and tactical value. Assertively synergize tactical opportunities before compelling portals. Appropriately re-engineer magnetic channels rather than premier e-business. Enthusiastically whiteboard virtual solutions vis-a-vis just in time meta-services. Completely exploit premium testing procedures without state of the art strategic theme areas. Appropriately envisioneer 24/365 services via cross-media communities.

    [bq_right]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_right]

    Synergistically extend vertical methodologies and corporate manufactured products. Phosfluorescently synthesize bleeding-edge customer service through market-driven quality vectors. Energistically mesh. Proactively repurpose bricks-and-clicks content via backend technologies. Efficiently benchmark user friendly strategic theme areas after e-business services. Proactively communicate global niche markets for 24/7 sources. Dynamically morph business solutions via global intellectual capital. Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital. Credibly pursue ethical paradigms after leading-edge deliverables. Professionally productivate fully tested solutions vis-a-vis efficient portals. Assertively leverage other’s standards compliant e-tailers through synergistic scenarios. Appropriately scale client-focused vortals via.

    [clear]

  • Options & Code

    Example

    [[bq_left]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_left]] 
    
    Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.
    
    [[bq_right]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_right]]
    
    Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.

  • Columns

    [one]

    1

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus.[/one]

    [clear]

    [[one]Text[/one]]

    [clear]

    [two]

    1/2

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper.[/two]

    [two_last]

    1/2

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper.[/two_last]

    [clear]

    [[two]Text[/two]] [[two_last]Text[/two_last]]

    [clear]

    [three type=”separate”]

    1/3

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/three]

    [three type=”separate”]

    1/3

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/three]

    [three_last type=”separate”]

    1/3

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/three_last]

    [clear]

    [[three type="separate"]Text[/three]] [[three type="separate"]Text[/three]] [[three_last type="separate"]Text[/three_last]]

    [clear]

    [four type=”joint”]

    1/4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four]

    [four_middle type=”joint”]

    1/4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four_middle]

    [four_middle type=”joint”]

    1/4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four_middle]

    [four_last type=”joint”]

    1/4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four_last]

    [clear]

    [[four type="joint"]Text[/four]] [[four_middle type="joint"]Text[/four_middle]] [[four_middle type="joint"]Text[/four_middle]] [[four_last type="joint"]Text[/four_last]]

    [clear]

    [five type=”joint”]

    1/5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five]

    [five_middle type=”joint”]

    1/5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_middle]

    [five_middle type=”joint”]

    1/5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_middle]

    [five_middle type=”joint”]

    1/5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_middle]

    [five_last type=”joint”]

    1/5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_last]

    [clear]

    [[five type="joint"]Text[/five]] [[five_middle type="joint"]Text[/five_middle]] [[five_middle type="joint"]Text[/five_middle]] [[five_middle type="joint"]Text[/five_middle]] [[five_last type="joint"]Text[/five_last]]

    [clear]

    [twothirds]

    2/3

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus. [/twothirds]

    [onethird_last]

    1/3

    Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/onethird_last]

    [clear]

    [[twothirds]Text[/twothirds]] [[onethird_last]Text[/onethird_last]]

    [clear]

    [onefourth]

    1/4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/onefourth]

    [threefourths_last]

    3/4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat.[/threefourths_last]

    [clear]

    [[onefourth]Text[/onefourth]] [[threefourths_last]Text[/threefourths_last]]

    [clear]

  • Options & Code

    Example

    [[two]Insert your text here[/two]] [[two_last]Insert your text here[/two_last]]

    Options

    OptionValuesDefault ValueRequiredDescription
    text_aligntext-left, text-right, text-centertext-leftThe text alignment in columns
    heightThe height of your columns in px, em or %
    paddingThe column padding in px, em or % (top,right,bottom,left e.g 20,10,20,50)
    marginsThe column margins in px, em or % (top,right,bottom,left e.g 20,10,20,50)
    backgroundThe background colour and/or image of your column (e.g. background=”#eee” or background=”#000 url(IMAGE URL)”)
    bordertrue, falsetrueChoose whether to display a border around joint and separate columns

  • [two]

    Contact Form

    [contact email=”#”]

    [clear]

  • Options & Code

    Example

    [[contact email="test@email.com"]]

    Options

    OptionValuesDefault ValueRequiredDescription
    emailYesThe email address to send your form to


  • [/two]

    [two_last]

    Sidebars

    [sidebar name=”cs-shortcode-sidebar”]

    [clear]

  • Options & Code

    Example

    [[sidebar name="Shortcode Sidebar"]]

    Options

    OptionValuesDefault ValueRequiredDescription
    namedefaultYesThe name of your sidebar
    widthThe width of your sidebar
    alignalignnonealignnone, alignleft, alignright, aligncenterThe alignment of your sidebar
    textThe text displayed if no widgets have been added to the sidebar


  • [/two_last]

    Buttons

    [button link=”#” target=”_blank”]Read On[/button]

    [clear]

  • Options & Code

    Example

    [[button link="#"]Click Here[/button]]

    Options

    OptionValuesDefault ValueRequiredDescription
    linkYesThe link your button goes to
    target_self, _blank_selfChoose whether the link opens in a new window

  • Dividers


    [divider]

    [top_divider]
    [[top_divider]]

    [small_divider]
    [[small_divider]]

    [clear]
    There’s nothing to see here! This divider breaks up content without any visible divider.
    [[clear]]

    Logged In/Out

    [logged_in]Can only see this content when logged in.[/logged_in]

    [[logged_in]Can only see this content when logged in.[/logged_in]]

    [clear]

    [logged_out]Can only see this content when logged out.[/logged_out]

    [[logged_out]Can only see this content when logged out.[/logged_out]]

    Toggle Boxes

  • Efficiently evisculate ubiquitous data for client-centered core competencies

    Collaboratively grow cost effective benefits before principle-centered catalysts for change. Credibly morph next-generation alignments and progressive schemas. Competently simplify efficient synergy whereas stand-alone web services. Intrinsicly facilitate emerging action items via one-to-one outsourcing. Objectively coordinate diverse alignments and best-of-breed total linkage.

  • Uniquely foster end-to-end scenarios through

    Phosfluorescently incentivize vertical functionalities without market positioning scenarios. Progressively innovate unique methodologies with high-quality alignments. Objectively. Assertively morph competitive architectures whereas real-time markets. Progressively plagiarize high-payoff networks with plug-and-play products. Efficiently fashion bleeding-edge experiences via.

  • [clear]

  • Options & Code

    Options

    OptionValuesDefault ValueRequiredDescription
    titleYesThe title of your toggle box