Styled Lists & Tables (Demo)

[vc_row][vc_column][gem_custom_header title_width=”900″ subtitle=”TheGem delivers awesome tables in 3 different styles. All tables are responsive – just check this page with your mobile device to see how it looks like. Also you can choose between 15 customizable bullets in different colors for impressive styled lists.” subtitle_width=”900″ icon_position=”gem-custom-header-icon-position-right” background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”material” size=”xlarge” subtitle_color=”#ffffff” ch_background_color=”#6c7cd1″ icon_material=”f32d” opacity=”1″ color=”#ffffff” padding_bottom=”125″ title_top_margin=”10″]

Styled Lists & Tables

[/gem_custom_header][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_top=”130″][vc_column_text]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. 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.[/vc_column_text][gem_divider margin_top=”40″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

STYLE 1: 4 columns + thin lines

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][/vc_row][vc_row][vc_column][gem_table]

Column 1	Column 2	Column 3	Column 4
Lorem ipsum dolor sit amet	Consectetur adipisicing	Lorem ipsum dolor sit amet	Consectetur adipisicing
Consectetur adipisicing	Elit sed do eiusmod	Consectetur adipisicing	Elit sed do eiusmod
Elit sed do eiusmod	Tempor incididunt labore *	Elit sed do eiusmod	Tempor incididunt ut labore
Tempor incididunt ut labore	Et dolore magna aliqua	Tempor incididunt ut labore	Et dolore magna aliqua
Et dolore magna aliqua	Ut enim ad minim	Et dolore magna aliqua	Ut enim ad minim
Ut enim ad minim	Veniam, quis nostrud	Ut enim ad minim	Veniam, quis nostrud *
Veniam, quis nostrud	Exercitation ullamco laboris	Veniam, quis nostrud	Exercitation ullamco laboris
Exercitation ullamco laboris	Nisi ut aliquip ex ea	Exercitation ullamco laboris	Nisi ut aliquip ex ea

[/gem_table][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_top=”70″][vc_column_text]

STYLE 2: 3 columns + thick line

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][/vc_row][vc_row][vc_column][gem_table style=”2″]

Column 1	Column 2	Column 3
Lorem ipsum dolor sit amet	Consectetur adipisicing	Lorem ipsum dolor sit amet
Consectetur adipisicing	Elit sed do eiusmod	Consectetur adipisicing
Elit sed do eiusmod	Tempor incididunt labore	Elit sed do eiusmod
Tempor incididunt ut labore	Et dolore magna aliqua	Tempor incididunt ut labore
Et dolore magna aliqua	Ut enim ad minim	Et dolore magna aliqua
Ut enim ad minim	Veniam, quis nostrud	Ut enim ad minim
Veniam, quis nostrud	Exercitation ullamco laboris	Veniam, quis nostrud
Exercitation ullamco laboris	Nisi ut aliquip ex ea	Exercitation ullamco laboris

[/gem_table][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_top=”70″][vc_column_text]

STYLE 3: 2 columns + flat

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][/vc_row][vc_row][vc_column][gem_table style=”3″]

Column 1	Column 2
Lorem ipsum dolor sit amet	Consectetur adipisicing
Consectetur adipisicing	Elit sed do eiusmod
Elit sed do eiusmod	Tempor incididunt labore
Tempor incididunt ut labore	Et dolore magna aliqua
Et dolore magna aliqua	Ut enim ad minim
Ut enim ad minim	Veniam, quis nostrud
Veniam, quis nostrud	Exercitation ullamco laboris
Exercitation ullamco laboris	Nisi ut aliquip ex ea

[/gem_table][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”110px”][gem_fullwidth background_color=”#46485c”][gem_divider margin_top=”-65″][gem_alert_box content_background_color=”” button_1_size=”large” button_1_corner=”40″ button_1_icon_pack=”material” button_2_activate=”1″ button_2_style=”outline” button_2_size=”large” button_2_corner=”40″ button_2_border=”4″ button_2_icon_pack=”material” centered=”1″ button_1_text=”Purchase now!” button_1_text_color=”#46485c” button_1_background_color=”#ffd740″ button_1_icon_material=”f23e” button_2_text=”more details” button_2_text_color=”#ffd740″ button_2_border_color=”#ffd740″ button_2_icon_material=”f491″][/gem_alert_box][gem_divider margin_top=”-15″][/gem_fullwidth][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_top=”110″][vc_column_text]

lists styles

[/vc_column_text][gem_divider margin_top=”50″][vc_column_text]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. 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. 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. 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.[/vc_column_text][gem_divider margin_top=”60″][/vc_column][/vc_row][vc_row][vc_column offset=”vc_col-lg-9 vc_col-md-8″][vc_column_text]

ordered list

[/vc_column_text][gem_divider margin_top=”50″][gem_textbox content_background_color=”” padding_top=”15″ padding_bottom=”25″ border_color=”#cccccc” border_width=”1″][gem_dropcap shape=”circle” letter=”1″ color=”#ffffff” background_color=”#9b4ce4″][gem_divider margin_top=”-43″][vc_column_text]