[jed_full_width_section]

[jed_divider type=”custom” title=”Buttons” icon=”fa-icon-download”] [/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

Jednotka Buttons

[jed_button type=”filled” size=”medium” link=”#” target=”” color=”#8dc153″ icon=””]Contrast[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#353b47″ icon=””]Dark[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#434955″ icon=””]Medium[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#676f7a” icon=””]Light[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#d3d5da” icon=””]Very Light[/jed_button]

Jednotka Bordered Buttons

[jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#8dc153″ icon=””]Contrast[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#353b47″ icon=””]Dark[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#434955″ icon=””]Medium[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#676f7a” icon=””]Light[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#d3d5da” icon=””]Very Light[/jed_button]

[/jed_one_half_column]

[jed_one_half_column]

Bootstrap Buttons

[jed_button type=”filled” size=”medium” link=”#” target=”” color=”#434955″ icon=””]Default[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#428bca” icon=””]Primary[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#5cb85c” icon=””]Success[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#5dc3de” icon=””]Info[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#f0ad4e” icon=””]Warning[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#d9534f” icon=””]Danger[/jed_button]

Bootstrap Bordered Buttons

[jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#434955″ icon=””]Default[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#428bca” icon=””]Primary[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#5cb85c” icon=””]Success[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#5dc3de” icon=””]Info[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#f0ad4e” icon=””]Warning[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#d9534f” icon=””]Danger[/jed_button]

[/jed_one_half_column]

[/jed_columns_wrapper]

[jed_divider type=”line”][/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

Sizes Filled

[jed_button type=”filled” size=”mini” link=”#” target=”” color=”#5dc3de” icon=””]Mini[/jed_button][jed_button type=”filled” size=”small” link=”#” target=”” color=”#d9534f” icon=””]Small[/jed_button][jed_button type=”filled” size=”medium” link=”#” target=”” color=”#f0ad4e” icon=””]Medium[/jed_button][jed_button type=”filled” size=”large” link=”#” target=”” color=”#8dc153″ icon=””]Large[/jed_button]

[/jed_one_half_column]

[jed_one_half_column]

Sizes Bordered

[jed_button type=”bordered” size=”mini” link=”#” target=”” color=”#5dc3de” icon=””]Mini[/jed_button][jed_button type=”bordered” size=”small” link=”#” target=”” color=”#d9534f” icon=””]Small[/jed_button][jed_button type=”bordered” size=”medium” link=”#” target=”” color=”#f0ad4e” icon=””]Medium[/jed_button][jed_button type=”bordered” size=”large” link=”#” target=”” color=”#8dc153″ icon=””]Large[/jed_button]

[/jed_one_half_column]

[/jed_columns_wrapper]

[jed_divider type=”custom” title=”Progress Bars” icon=”fa-icon-tasks”] [/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

Basic

[jed_progress_bars type=”default” size=”small”]
[jed_progress_bar fill=”75″ color=”#8dc153″]
[/jed_progress_bars]

[jed_progress_bars type=”default” size=”small”]
[jed_progress_bar fill=”60″ color=”#d9534f”]
[/jed_progress_bars]

[jed_progress_bars type=”default” size=”small”]
[jed_progress_bar fill=”70″ color=”#f0ad4e”]
[/jed_progress_bars]

[jed_progress_bars type=”default” size=”small”]
[jed_progress_bar fill=”45″ color=”#5dc3de”]
[/jed_progress_bars]

[jed_progress_bars type=”default” size=”small”]
[jed_progress_bar fill=”55″ color=”#eaedf2″]
[/jed_progress_bars]

[/jed_one_half_column]

[jed_one_half_column]

Striped

[jed_progress_bars type=”striped” size=”small”]
[jed_progress_bar fill=”75″ color=”#8dc153″]
[/jed_progress_bars]

[jed_progress_bars type=”striped” size=”small”]
[jed_progress_bar fill=”60″ color=”#d9534f”]
[/jed_progress_bars]

[jed_progress_bars type=”striped” size=”small”]
[jed_progress_bar fill=”70″ color=”#f0ad4e”]
[/jed_progress_bars]

[jed_progress_bars type=”striped” size=”small”]
[jed_progress_bar fill=”45″ color=”#5dc3de”]
[/jed_progress_bars]

[jed_progress_bars type=”striped” size=”small”]
[jed_progress_bar fill=”55″ color=”#eaedf2″]
[/jed_progress_bars]

[/jed_one_half_column]

[jed_one_half_column]

Animated

[jed_progress_bars type=”animated” size=”small”]
[jed_progress_bar fill=”75″ color=”#8dc153″]
[/jed_progress_bars]

[/jed_one_half_column]

[jed_one_half_column]

Stacked

[jed_progress_bars type=”stacked” size=”small”]
[jed_progress_bar fill=”40″ color=”#d9534f”]
[jed_progress_bar fill=”25″ color=”#f0ad4e”]
[jed_progress_bar fill=”15″ color=”#5dc3de”]
[/jed_progress_bars]

[/jed_one_half_column]

[/jed_columns_wrapper]

Size

[jed_columns_wrapper]

[jed_one_third_column]

[jed_progress_bars type=”default” size=”small”]
[jed_progress_bar fill=”70″ color=”#8dc153″]
[/jed_progress_bars]

[/jed_one_third_column]

[jed_one_third_column]

[jed_progress_bars type=”default” size=”medium”]
[jed_progress_bar fill=”70″ color=”#434955″]
[/jed_progress_bars]

[/jed_one_third_column]

[jed_one_third_column]

[jed_progress_bars type=”default” size=”large”]
[jed_progress_bar fill=”70″ color=”#5dc3de”]
[/jed_progress_bars]

[/jed_one_third_column]

[/jed_columns_wrapper]

[jed_divider type=”custom” title=”Accordions” icon=”fa-icon-trophy”] [/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

[jed_accordion]
[jed_accordion_item title=”Accordion item 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu justo vitae odio rhoncus pulvinar. Morbi ac congue orci. Nulla tristique ultrices purus vel egestas. Aliquam viverra volutpat facilisis. Vestibulum ante ipsum primis dapibus.[/jed_accordion_item]
[jed_accordion_item title=”Accordion item 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu justo vitae odio rhoncus pulvinar. Morbi ac congue orci. Nulla tristique ultrices purus vel egestas. Aliquam viverra volutpat facilisis. Vestibulum ante ipsum primis dapibus.[/jed_accordion_item]
[jed_accordion_item title=”Accordion item 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu justo vitae odio rhoncus pulvinar. Morbi ac congue orci. Nulla tristique ultrices purus vel egestas. Aliquam viverra volutpat facilisis. Vestibulum ante ipsum primis dapibus.[/jed_accordion_item]
[/jed_accordion]

[/jed_one_half_column]

[jed_one_half_column]

[jed_accordion style=”bordered”]
[jed_accordion_item title=”Accordion item 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu justo vitae odio rhoncus pulvinar. Morbi ac congue orci. Nulla tristique ultrices purus vel egestas. Aliquam viverra volutpat facilisis. Vestibulum ante ipsum primis dapibus.[/jed_accordion_item]
[jed_accordion_item title=”Accordion item 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu justo vitae odio rhoncus pulvinar. Morbi ac congue orci. Nulla tristique ultrices purus vel egestas. Aliquam viverra volutpat facilisis. Vestibulum ante ipsum primis dapibus.[/jed_accordion_item]
[jed_accordion_item title=”Accordion item 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu justo vitae odio rhoncus pulvinar. Morbi ac congue orci. Nulla tristique ultrices purus vel egestas. Aliquam viverra volutpat facilisis. Vestibulum ante ipsum primis dapibus.[/jed_accordion_item]
[/jed_accordion]

[/jed_one_half_column]

[/jed_columns_wrapper]

[jed_divider type=”custom” title=”Tabs” icon=”fa-icon-archive”]  [/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

[jed_tabs tabs_position=”top”]
[jed_tab title=”Tab 1″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad.[/jed_tab]
[jed_tab title=”Tab 2″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[jed_tab title=”Tab 3″] Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[/jed_tabs]

[/jed_one_half_column]

[jed_one_half_column]

[jed_tabs tabs_position=”left”]
[jed_tab title=”Tab 1″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad.[/jed_tab]
[jed_tab title=”Tab 2″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[jed_tab title=”Tab 3″] Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[/jed_tabs]

[/jed_one_half_column]

[/jed_columns_wrapper]

[jed_divider type=”line”][/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

[jed_tabs tabs_position=”below”]
[jed_tab title=”Tab 1″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad.[/jed_tab]
[jed_tab title=”Tab 2″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[jed_tab title=”Tab 3″] Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[/jed_tabs]

[/jed_one_half_column]

[jed_one_half_column]

[jed_tabs tabs_position=”right”]
[jed_tab title=”Tab 1″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad.[/jed_tab]
[jed_tab title=”Tab 2″]Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[jed_tab title=”Tab 3″] Lorem ipsum dolor sit amet, instructior conclusionemque pri an, reque principes euripidis in pri. Id postea periculis mel. Nam at dicta voluptatum, movet mundi commune ea eam, vim te repudiare inciderint vituperatoribus. Ex modo mucius volutpat quo, eos erat voluptua at, ad. [/jed_tab]
[/jed_tabs]

[/jed_one_half_column]

[/jed_columns_wrapper]

[jed_divider type=”custom” title=”Info Boxes” icon=”fa-icon-thumbs-up”][/jed_divider]

[jed_columns_wrapper]

[jed_one_half_column]

Alerts

[jed_message type=”error”] Error Message! … Lorem ipsum dolor sit amet. [/jed_message]

[jed_message type=”info”] Heads up! Lorem ipsum dolor sit amet. [/jed_message]

[jed_message type=”warning”] Warning! Lorem ipsum dolor sit amet.  [/jed_message]

[jed_message type=”success”]Success Message! Lorem ipsum dolor sit amet.[/jed_message]

[/jed_one_half_column]

[jed_one_half_column]

Jumbotron

[jed_jumbotron]

Lorem ipsum dolor

Donec porta mi vitae felis interdum congue. Sed vitae rhoncus massa, volutpat ultrices felis. Proin eu ullamcorper urna. Nullam eu mi vel metus faucibus mollis.

[jed_button type=”filled” size=”medium” link=”#” target=”” color=”#8dc153″ icon=””]Button[/jed_button]

[/jed_jumbotron]

[/jed_one_half_column]

[/jed_columns_wrapper]

[jed_divider type=”line”][/jed_divider]

Wells

[jed_columns_wrapper]

[jed_one_third_column]

[jed_well size=”small”] Look, I’m in a small well![/jed_well]

[/jed_one_third_column]

[jed_one_third_column]

[jed_well size=”medium”] Look, I’m in a medium well![/jed_well]

[/jed_one_third_column]

[jed_one_third_column]

[jed_well size=”large”] Look, I’m in a large well![/jed_well]

[/jed_one_third_column]

[/jed_columns_wrapper]

[jed_divider type=”line”][/jed_divider]

Panels

[jed_columns_wrapper]

[/jed_one_third_column]

[jed_one_third_column]

[jed_panel border_color=”#eaedf2″] Basic panel example [/jed_panel]

[/jed_one_third_column]

[jed_one_third_column]

[jed_panel heading=”above” heading_msg=”Panel heading” border_color=”#8dc153″] Contrast panel example [/jed_panel]

[/jed_one_third_column]

[jed_one_third_column]

[jed_panel heading=”below” heading_msg=”Panel Footer” border_color=”#d9534f”]Danger panel example[/jed_panel]

[/jed_one_third_column]

[/jed_columns_wrapper]

[jed_divider type=”custom” title=”Lightbox” icon=”fa-icon-th”] [/jed_divider]

[jed_image_gallery]
[jed_image]https://deatonenterprises.com/wp-content/uploads/2013/11/01.jpg[/jed_image]
[jed_image]https://deatonenterprises.com/wp-content/uploads/2013/11/02.jpg[/jed_image]
[jed_image]https://deatonenterprises.com/wp-content/uploads/2013/11/03.jpg[/jed_image]
[jed_image]https://deatonenterprises.com/wp-content/uploads/2013/11/04.jpg[/jed_image]
[/jed_image_gallery]

[jed_divider type=”custom” title=”Grid” icon=”fa-icon-tasks”] [/jed_divider]

[jed_blurb_text]Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.[/jed_blurb_text]

Mobile and desktop

Don’t want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding .col-xs-*
.col-md-* to your columns. See the example below for a better idea of how it all works.

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

Mobile, tables & desktops

Build on the previous example by creating even more dynamic and powerful layouts with tablet .col-sm-* classes.

.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-sm-6 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4

Offsetting columns

Move columns to the right using
.col-md-offset-*
classes. These classes increase the left margin of a column by * columns. For example, .col-md-offset-4 moves .col-md-4 over four columns.

.col-md-4
.col-md-4 .col-md-offset-4
.col-md-3 .col-md-offset-3
.col-md-3 .col-md-offset-3
.col-md-6 .col-md-offset-3

[/jed_full_width_section]

Leave a Reply

Your email address will not be published. Required fields are marked *