Skynation Demo Options
Skynation
Skynation is a landuse & digitally creative brand intersecting technology, entertainment and design.

Shortcodes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Button Examples

Button Functions
Button Group Radio
Button Group Checkbox
Button Color Alternatives
Button Sizes
Button Block and Disable
Button Shortcodes

[bs_button url="#" target="_self" class="primary"] Button [/bs_button] [bs_button type="toggle" class="primary"] Toggle Button [/bs_button] [bs_button type="stateful" state="Loading..." url="javascript:loadingButtonFunction()" class="primary"] Loading Button [/bs_button]

[bs_button_group] [bs_button class="primary"] Left Button [/bs_button] [bs_button class="primary"] Middle Button [/bs_button] [bs_button class="primary"] Right Button [/bs_button] [/bs_button_group]

[bs_button_group type="checkbox" class="primary"] [bs_button class="primary"] Left Button [/bs_button] [bs_button class="primary"] Middle Button [/bs_button] [bs_button class="primary"] Right Button [/bs_button] [/bs_button_group]

[bs_button url="#" target="_self"] Default Style [/bs_button] [bs_button url="#" target="_self" class="primary"] Primary Style [/bs_button] [bs_button url="#" target="_self" class="info"] Info Style [/bs_button] [bs_button url="#" target="_self" class="success"] Success Style [/bs_button] [bs_button url="#" target="_self" class="warning"] Warning Style [/bs_button] [bs_button url="#" target="_self" class="danger"] Danger Style [/bs_button]

[bs_button class="primary" size="large"] Large Button [/bs_button] [bs_button size="large"] Large Button [/bs_button] [bs_button class="primary"] Default Button [/bs_button] [bs_button] Default Button [/bs_button] [bs_button class="primary" size="small"] Small Button [/bs_button] [bs_button size="small"] Small Button [/bs_button] [bs_button class="primary" size="mini"] Mini Button [/bs_button] [bs_button size="mini"] Mini Button [/bs_button]

[bs_button class="primary" block="on"] Block Button [/bs_button] [bs_button block="on"] Block Button [/bs_button] [bs_button class="primary" disabled="on"] Disabled Button [/bs_button] [bs_button disabled="on"] Disabled Button [/bs_button]

Hover Examples

Tooltip

Tight pants first level keffiyeh you probably haven’t heard of top. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel have a terry richardson left chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s right vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw bottom single-origin coffee viral.
 

[bs_tooltip title="On Top" delayhide="2000"]top[/bs_tooltip]
[bs_tooltip placement="right" title="Right"]right[/bs_tooltip]

Popover

Tight pants first level keffiyeh you probably haven’t heard of top. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel have a terry richardson left chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s right vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw bottom single-origin coffee viral.
 

[bs_popover placement="top" title="Top" body="This popover is <strong>on top</strong>" delayHide="2000"]top[/bs_popover]
[bs_popover placement="bottom" title="Bottom" body="This popover is <strong>at the bottom</strong>"]bottom[/bs_popover]

Alert Examples

Simple Alerts
This is a sample of the default style alert box
This is a sample of the info style alert box
This is a sample of the success style alert box
This is a sample of the danger style alert box
This is a sample of the simple style alert box
Alert Boxes
Aenean posuere tellus conseq

Duo albucius legendos an. Ius simul nihil et, consul cet ero torquatos ad vis. Et eos vita quidam menandri abho rreant, Posse principes sit eutic. Utamur vice nostrum

Aenean posuere tellus conseq

Duo albucius legendos an. Ius simul nihil et, consul cet ero torquatos ad vis. Et eos vita quidam menandri abho rreant, Posse principes sit eutic. Utamur vice nostrum

Alerts with Gradients
This is a sample of the default style alert box
This is a sample of the info style alert box
This is a sample of the success style alert box
This is a sample of the danger style alert box
Alert Shortcodes

[bs_alert] Content Default Alert [/bs_alert] [bs_alert type="info"] Content Info Alert [/bs_alert] [bs_alert type="success"] Content Success Alert [/bs_alert] [bs_alert type="error"] Content Errod Alert [/bs_alert]

List Examples

  • Lorem ipsum dolor sit amet
  • Justo aeterno scripserit
  • Prodesset ei has audiam
  • Nominavi intellegebat
    • Decore iuvaret torquatos
    • At cum dicat saperet
  • Sea prima abhorreant
  • Lorem ipsum dolor sit amet
  • Justo aeterno scripserit
  • Prodesset ei has audiam
  • Nominavi intellegebat
    • Decore iuvaret torquatos
    • At cum dicat saperet
  • Sea prima abhorreant
  • Lorem ipsum dolor sit amet
  • Justo aeterno scripserit
  • Prodesset ei has audiam
  • Nominavi intellegebat
    • Decore iuvaret torquatos
    • At cum dicat saperet
  • Sea prima abhorreant
  • Lorem ipsum dolor sit amet
  • Justo aeterno scripserit
  • Prodesset ei has audiam
  • Nominavi intellegebat
    • Decore iuvaret torquatos
    • At cum dicat saperet
  • Sea prima abhorreant

[styledlist style="1"]
     <ul>
	<li><span>Lorem ipsum dolor sit amet, ut duo kauden lorem</span></li>
	<li><span>Justo aeterno scripserit eos ut, sagettis latine veri</span></li>
	<li><span>Prodesset ei has audiam et eam, vis dam civibus</span></li>
	<li><span>Nominavi intellegebat ut pri otace porent et quali</span>
            <ul class=”style1″>
	       <li><span>Decore iuvaret torquatos ut proper metre san</span></li>
	      <li><span> At cum dicat saperet, etusto docendi peni orc</span></li>
           </ul>
        </li>
	<li><span>Sea prima abhorreant ad viderer tibique et libri</span></li>
     </ul>
[/styledlist]

Tab Examples

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

[bs_tabs] [bs_tab title="First Tab"] Content [/bs_tab] [bs_tab title="Second Tab"] Content [/bs_tab] [bs_tab title="Third Tab"] Content [/bs_tab] [/bs_tabs]

Dropcaps and Highlight Examples

Phasellus diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. Sed laoreet mauri non ante vulputate consectetur. Duis dignissim scelerisque tellus.

Phasellus diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. Sed laoreet mauri non ante vulputate consectetur. Duis dignissim scelerisque tellus.

Phasellus diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. Sed laoreet mauri non ante vulputate consectetur. Duis dignissim scelerisque tellus.

Phasellus diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. Sed laoreet mauri vulputate consectetur. Duis dignissim scelerisque tellus.
[dropcap]Mis carpens…[/dropcap]
[dropcap style="circle" color="success"]Lorem… [/dropcap]
[dropcap style="circle" color="success"]Dunter ellastis[/dropcap]
[bs_label type="success"]Cumque egori[/bs_label]
[bs_label type="warning"]ascendit[/bs_label]
[bs_label type="inverse"]Lacrimas effunditis[/bs_label]
[bs_label]aliquam tractos mas[/bs_label]

BlockQuotes Left/Right

Lorem ipsum dolor sit amet, quod tamen cursu. Sordido triclinio laudes quod tamen adnuente rediens eam eos, auri in modo invenit nutricis actum. Omnia filia dedit beneficio ad nomine. Cellam modico illius generositas mihi quidditer iter navigaret ipsam ornatam regis suam vidit Dionysiadi Apollonius ut libertatem petitiones. Caelum ad suis caelo in fuerat construeret in rei sensibilium iussit in modo genito in 

ThemePunch

Lorem ipsum dolor sit amet, quod tamen cursu. Sordido triclinio laudes quod tamen adnuente rediens eam eos, auri in modo invenit nutricis actum. Omnia filia dedit beneficio ad nomine. Cellam modico illius generositas mihi quidditer iter navigaret ipsam ornatam regis suam vidit Dionysiadi Apollonius ut libertatem petitiones. Caelum ad suis caelo in fuerat construeret in rei sensibilium iussit in modo genito in 

ThemePunch

[blockquote author="ThemePunch" float="left"] Lorem ipsum dolor sit amet, quod tamen cursu. Sordido triclinio laudes quod tamen adnuente rediens eam eos, auri in modo invenit nutricis actum. Omnia filia dedit beneficio ad nomine. Cellam modico illius generositas mihi quidditer iter navigaret ipsam ornatam regis suam vidit Dionysiadi Apollonius ut libertatem petitiones. Caelum ad suis caelo in fuerat construeret in rei sensibilium iussit in modo genito in  [/blockquote]

© 2017 Skynation. All Rights Reserved.