{"id":104,"date":"2015-04-26T15:58:31","date_gmt":"2015-04-26T15:58:31","guid":{"rendered":"http:\/\/whitecollars.co\/tilt-demo\/?page_id=104"},"modified":"2015-04-26T15:58:31","modified_gmt":"2015-04-26T15:58:31","slug":"tooltips","status":"publish","type":"page","link":"https:\/\/www.bouregreg.com\/tooltips\/","title":{"rendered":"Tooltips"},"content":{"rendered":"

[vc_row row_separator=\u00a0\u00bbno-separator\u00a0\u00bb top=\u00a0\u00bb180px\u00a0\u00bb bottom=\u00a0\u00bb100px\u00a0\u00bb content_fadeout=\u00a0\u00bbcontent-fadeout\u00a0\u00bb speed=\u00a0\u00bb0.20″ slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-outside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_color=\u00a0\u00bb#f4f4f3″ bg_color=\u00a0\u00bb#3e4058″ full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb parallax_bg=\u00a0\u00bb\u00a0\u00bb scale_bg=\u00a0\u00bb\u00a0\u00bb scale_speed=\u00a0\u00bb0.20″ bg_cover=\u00a0\u00bb\u00a0\u00bb parallax_video=\u00a0\u00bb\u00a0\u00bb video_speed=\u00a0\u00bb0.20″ overlay_pattern_op=\u00a0\u00bb0.2″ row_mobile_style=\u00a0\u00bb\u00a0\u00bb row_show_on=\u00a0\u00bb\u00a0\u00bb slope_top=\u00a0\u00bb\u00a0\u00bb slope_bottom=\u00a0\u00bb\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/1″][vc_heading h_size=\u00a0\u00bbh-extralarge\u00a0\u00bb title=\u00a0\u00bbTooltips\u00a0\u00bb subtitle=\u00a0\u00bbWith rich content support\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow-thick\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-center\u00a0\u00bb title_color=\u00a0\u00bb#ffffff\u00a0\u00bb subtitle_color=\u00a0\u00bb#ffffff\u00a0\u00bb divider=\u00a0\u00bbdiv-between\u00a0\u00bb divider_color=\u00a0\u00bb#f47177″][\/vc_column][\/vc_row][vc_row row_separator=\u00a0\u00bbno-separator\u00a0\u00bb top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(59,55,84,0.3)\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb speed=\u00a0\u00bb0.20″ bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_repeat=\u00a0\u00bbno-repeat\u00a0\u00bb bg_position=\u00a0\u00bbRight center\u00a0\u00bb slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-inside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb full_content_width=\u00a0\u00bbrow-inner-full\u00a0\u00bb row_show_on=\u00a0\u00bbhide_tablet_portrait,hide_mobile_landscape,hide_mobile_portrait\u00a0\u00bb bg_color=\u00a0\u00bb#f4f4f9″][vc_column width=\u00a0\u00bb1\/2″ css=\u00a0\u00bb.vc_custom_1424536473863{padding-right: 60px !important;padding-left: 60px !important;}\u00a0\u00bb slope_left_dir=\u00a0\u00bbslope-left-top\u00a0\u00bb slope_left_width=\u00a0\u00bb100px\u00a0\u00bb slope_right_dir=\u00a0\u00bbslope-right-top\u00a0\u00bb slope_right_width=\u00a0\u00bb100px\u00a0\u00bb offset=\u00a0\u00bbvc_col-md-4″][vc_empty_space height=\u00a0\u00bb100px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbI am tooltip title\u00a0\u00bb popover_content=\u00a0\u00bbI am tooltip text. Nice to meet you.
\nScroll down to see more possibilities…\u00a0\u00bb][vc_heading title=\u00a0\u00bbHover me over\u00a0\u00bb subtitle=\u00a0\u00bbTo see the tooltip\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-right\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_separator style=\u00a0\u00bbsimple\u00a0\u00bb color=\u00a0\u00bb#e5e4eb\u00a0\u00bb width=\u00a0\u00bb100px\u00a0\u00bb thickness=\u00a0\u00bb10px\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb align=\u00a0\u00bbright\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbclick\u00a0\u00bb title=\u00a0\u00bbTwo style alternatives\u00a0\u00bb popover_content=\u00a0\u00bbThis is the dark style example.
\nChoose the one that best suits your needs.\u00a0\u00bb style=\u00a0\u00bbinverse\u00a0\u00bb][vc_button title=\u00a0\u00bbClick me\u00a0\u00bb size=\u00a0\u00bbbtn-large\u00a0\u00bb icon_name=\u00a0\u00bbicon-bell\u00a0\u00bb icon_pos=\u00a0\u00bbicon-left\u00a0\u00bb color=\u00a0\u00bbbtn_red\u00a0\u00bb border_radius=\u00a0\u00bbsl_rounded\u00a0\u00bb button_align=\u00a0\u00bbbtn_fr\u00a0\u00bb button_width=\u00a0\u00bb\u00a0\u00bb type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_fontawesome=\u00a0\u00bbfa fa-adjust\u00a0\u00bb icon_openiconic=\u00a0\u00bbvc-oi vc-oi-dial\u00a0\u00bb icon_typicons=\u00a0\u00bbtypcn typcn-adjust-brightness\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-note\u00a0\u00bb icon_linecons=\u00a0\u00bbvc_li vc_li-heart\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-bell\u00a0\u00bb margin_left=\u00a0\u00bb0px\u00a0\u00bb margin_right=\u00a0\u00bb0px\u00a0\u00bb button_style=\u00a0\u00bb\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb60px\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_separator style=\u00a0\u00bbsimple\u00a0\u00bb color=\u00a0\u00bb#e5e4eb\u00a0\u00bb width=\u00a0\u00bb100px\u00a0\u00bb thickness=\u00a0\u00bb10px\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb align=\u00a0\u00bbright\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_heading title=\u00a0\u00bbAttach to anything\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-right\u00a0\u00bb subtitle=\u00a0\u00bba picture for instance\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_tooltip placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbAdvanced content\u00a0\u00bb image=\u00a0\u00bb\u00ab\u00a03384\u00ab\u00a0\u00a0\u00bb alignment=\u00a0\u00bb\u00ab\u00a0right\u00ab\u00a0\u00a0\u00bb border_color=\u00a0\u00bb\u00ab\u00a0grey\u00ab\u00a0\u00a0\u00bb img_link_target=\u00a0\u00bb\u00ab\u00a0_self\u00ab\u00a0\u00a0\u00bb img_size=\u00a0\u00bb\u00ab\u00a0100×750\u00ab\u00a0\u00a0\u00bb src=\u00a0\u00bb\u00ab\u00a0https:\/\/d13yacurqjgara.cloudfront.net\/users\/166380\/screenshots\/1250269\/trapo.jpg\u00ab\u00a0\u00a0\u00bb popover_content=\u00a0\u00bb<\/p>\n\n\n\n\n\n\n\n\n
Product<\/th>\n2011<\/th>\n2012<\/th>\n2013<\/th>\n2014<\/th>\n<\/tr>\n<\/thead>\n
First<\/strong><\/td>\n1 092<\/td>\n2 242<\/td>\n2 754<\/td>\n1 944<\/td>\n<\/tr>\n
Second<\/strong><\/td>\n1 252<\/td>\n2 052<\/td>\n2 403<\/td>\n1 788<\/td>\n<\/tr>\n
Third<\/strong><\/td>\n1 592<\/td>\n2 361<\/td>\n2 056<\/td>\n2 120<\/td>\n<\/tr>\n
Fourth<\/strong><\/td>\n1 307<\/td>\n2 511<\/td>\n2 410<\/td>\n2 277<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb width=\u00a0\u00bb380″][vc_single_image image=\u00a0\u00bb15″ alignment=\u00a0\u00bbright\u00a0\u00bb style=\u00a0\u00bbvc_box_rounded\u00a0\u00bb border_color=\u00a0\u00bbgrey\u00a0\u00bb img_link_target=\u00a0\u00bb_self\u00a0\u00bb img_size=\u00a0\u00bb300×200″ img_link_large=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][\/vc_column][vc_column width=\u00a0\u00bb1\/2″ css=\u00a0\u00bb.vc_custom_1424536287082{padding-right: 60px !important;padding-left: 60px !important;background-color: #ffffff !important;}\u00a0\u00bb slope_left_dir=\u00a0\u00bbslope-left-top\u00a0\u00bb slope_left_width=\u00a0\u00bb100px\u00a0\u00bb slope_right_dir=\u00a0\u00bbslope-right-top\u00a0\u00bb slope_right_width=\u00a0\u00bb100px\u00a0\u00bb offset=\u00a0\u00bbvc_col-md-8″][vc_empty_space height=\u00a0\u00bb100px\u00a0\u00bb][vc_heading title=\u00a0\u00bbJust a dummy text block\u00a0\u00bb subtitle=\u00a0\u00bbfor demonstration purposes\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-left\u00a0\u00bb title_color=\u00a0\u00bb#363b3e\u00a0\u00bb subtitle_color=\u00a0\u00bb#363b3e\u00a0\u00bb h_size=\u00a0\u00bbh-large\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_column_text]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/span><\/p>\n

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/span><\/p>\n

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/span><\/p>\n

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.<\/span><\/p>\n

Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.<\/span>[\/vc_column_text][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbauto\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbI am popover\u00a0\u00bb popover_content=\u00a0\u00bbThis popover is automatically positioned based on the screen size and position of the target element.\u00a0\u00bb][vc_button title=\u00a0\u00bbAUTO POSITIONING\u00a0\u00bb button_width=\u00a0\u00bb btn_fw\u00a0\u00bb size=\u00a0\u00bbbtn-large\u00a0\u00bb icon_name=\u00a0\u00bbicon-speech\u00a0\u00bb icon_pos=\u00a0\u00bbicon-right\u00a0\u00bb color=\u00a0\u00bbbtn_grey\u00a0\u00bb border_radius=\u00a0\u00bbsharp\u00a0\u00bb type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_fontawesome=\u00a0\u00bbfa fa-adjust\u00a0\u00bb icon_openiconic=\u00a0\u00bbvc-oi vc-oi-dial\u00a0\u00bb icon_typicons=\u00a0\u00bbtypcn typcn-adjust-brightness\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-note\u00a0\u00bb icon_linecons=\u00a0\u00bbvc_li vc_li-heart\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-speech\u00a0\u00bb margin_left=\u00a0\u00bb0px\u00a0\u00bb margin_right=\u00a0\u00bb0px\u00a0\u00bb button_style=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb200px\u00a0\u00bb][\/vc_column][\/vc_row][vc_row row_separator=\u00a0\u00bbno-separator\u00a0\u00bb top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(59,55,84,0.3)\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb speed=\u00a0\u00bb0.20″ bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_repeat=\u00a0\u00bbno-repeat\u00a0\u00bb bg_position=\u00a0\u00bbRight center\u00a0\u00bb slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-inside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb full_content_width=\u00a0\u00bbrow-inner-full\u00a0\u00bb row_show_on=\u00a0\u00bbhide_on_normal_screen,hide_tablet_landscape,hide_mobile_landscape,hide_mobile_portrait\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/2″ css=\u00a0\u00bb.vc_custom_1424536497096{padding-right: 60px !important;padding-left: 60px !important;}\u00a0\u00bb slope_left_dir=\u00a0\u00bbslope-left-top\u00a0\u00bb slope_left_width=\u00a0\u00bb100px\u00a0\u00bb slope_right_dir=\u00a0\u00bbslope-right-top\u00a0\u00bb slope_right_width=\u00a0\u00bb100px\u00a0\u00bb offset=\u00a0\u00bbvc_col-md-4″][vc_empty_space height=\u00a0\u00bb100px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbI am tooltip title\u00a0\u00bb popover_content=\u00a0\u00bbI am tooltip text. Nice to meet you.
\nScroll down to see more possibilities…\u00a0\u00bb][vc_heading title=\u00a0\u00bbHover me over\u00a0\u00bb subtitle=\u00a0\u00bbTo see the tooltip\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-right\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_separator style=\u00a0\u00bbsimple\u00a0\u00bb color=\u00a0\u00bb#e5e4eb\u00a0\u00bb width=\u00a0\u00bb100px\u00a0\u00bb thickness=\u00a0\u00bb10px\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb align=\u00a0\u00bbright\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbclick\u00a0\u00bb title=\u00a0\u00bbTwo style alternatives\u00a0\u00bb popover_content=\u00a0\u00bbThis is the dark style example.
\nChoose the one that best suits your needs.\u00a0\u00bb style=\u00a0\u00bbinverse\u00a0\u00bb][vc_button title=\u00a0\u00bbClick me\u00a0\u00bb size=\u00a0\u00bbbtn-large\u00a0\u00bb icon_name=\u00a0\u00bbicon-bell\u00a0\u00bb icon_pos=\u00a0\u00bbicon-left\u00a0\u00bb color=\u00a0\u00bbbtn_red\u00a0\u00bb border_radius=\u00a0\u00bbsl_rounded\u00a0\u00bb button_align=\u00a0\u00bbbtn_fr\u00a0\u00bb button_width=\u00a0\u00bb\u00a0\u00bb type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_fontawesome=\u00a0\u00bbfa fa-adjust\u00a0\u00bb icon_openiconic=\u00a0\u00bbvc-oi vc-oi-dial\u00a0\u00bb icon_typicons=\u00a0\u00bbtypcn typcn-adjust-brightness\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-note\u00a0\u00bb icon_linecons=\u00a0\u00bbvc_li vc_li-heart\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-bell\u00a0\u00bb margin_left=\u00a0\u00bb0px\u00a0\u00bb margin_right=\u00a0\u00bb0px\u00a0\u00bb button_style=\u00a0\u00bb\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb60px\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_separator style=\u00a0\u00bbsimple\u00a0\u00bb color=\u00a0\u00bb#e5e4eb\u00a0\u00bb width=\u00a0\u00bb100px\u00a0\u00bb thickness=\u00a0\u00bb10px\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb align=\u00a0\u00bbright\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_heading title=\u00a0\u00bbAttach to anything\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-right\u00a0\u00bb subtitle=\u00a0\u00bba picture for instance\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_tooltip placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbAdvanced content\u00a0\u00bb image=\u00a0\u00bb\u00ab\u00a03384\u00ab\u00a0\u00a0\u00bb alignment=\u00a0\u00bb\u00ab\u00a0right\u00ab\u00a0\u00a0\u00bb border_color=\u00a0\u00bb\u00ab\u00a0grey\u00ab\u00a0\u00a0\u00bb img_link_target=\u00a0\u00bb\u00ab\u00a0_self\u00ab\u00a0\u00a0\u00bb img_size=\u00a0\u00bb\u00ab\u00a0100×750\u00ab\u00a0\u00a0\u00bb src=\u00a0\u00bb\u00ab\u00a0https:\/\/d13yacurqjgara.cloudfront.net\/users\/166380\/screenshots\/1250269\/trapo.jpg\u00ab\u00a0\u00a0\u00bb popover_content=\u00a0\u00bb<\/p>\n\n\n\n\n\n\n\n\n
Product<\/th>\n2011<\/th>\n2012<\/th>\n2013<\/th>\n2014<\/th>\n<\/tr>\n<\/thead>\n
First<\/strong><\/td>\n1 092<\/td>\n2 242<\/td>\n2 754<\/td>\n1 944<\/td>\n<\/tr>\n
Second<\/strong><\/td>\n1 252<\/td>\n2 052<\/td>\n2 403<\/td>\n1 788<\/td>\n<\/tr>\n
Third<\/strong><\/td>\n1 592<\/td>\n2 361<\/td>\n2 056<\/td>\n2 120<\/td>\n<\/tr>\n
Fourth<\/strong><\/td>\n1 307<\/td>\n2 511<\/td>\n2 410<\/td>\n2 277<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0\u00bb width=\u00a0\u00bb380″ height=\u00a0\u00bbauto\u00a0\u00bb][vc_single_image image=\u00a0\u00bb15″ alignment=\u00a0\u00bbright\u00a0\u00bb style=\u00a0\u00bbvc_box_rounded\u00a0\u00bb border_color=\u00a0\u00bbgrey\u00a0\u00bb img_link_target=\u00a0\u00bb_self\u00a0\u00bb img_size=\u00a0\u00bb300×200″ img_link_large=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][\/vc_column][vc_column width=\u00a0\u00bb1\/2″ css=\u00a0\u00bb.vc_custom_1424536513837{padding-right: 60px !important;padding-left: 60px !important;background-color: #ffffff !important;}\u00a0\u00bb slope_left_dir=\u00a0\u00bbslope-left-top\u00a0\u00bb slope_left_width=\u00a0\u00bb100px\u00a0\u00bb slope_right_dir=\u00a0\u00bbslope-right-top\u00a0\u00bb slope_right_width=\u00a0\u00bb100px\u00a0\u00bb offset=\u00a0\u00bbvc_col-md-8″][vc_empty_space height=\u00a0\u00bb100px\u00a0\u00bb][vc_heading title=\u00a0\u00bbJust a dummy text block\u00a0\u00bb subtitle=\u00a0\u00bbfor demonstration purposes\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-left\u00a0\u00bb title_color=\u00a0\u00bb#363b3e\u00a0\u00bb subtitle_color=\u00a0\u00bb#363b3e\u00a0\u00bb h_size=\u00a0\u00bbh-large\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_column_text]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/span><\/p>\n

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/span><\/p>\n

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/span>[\/vc_column_text][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbauto\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbI am popover\u00a0\u00bb popover_content=\u00a0\u00bbThis popover is automatically positioned based on the screen size and position of the target element.\u00a0\u00bb][vc_button title=\u00a0\u00bbAUTO POSITIONING\u00a0\u00bb button_width=\u00a0\u00bb btn_fw\u00a0\u00bb size=\u00a0\u00bbbtn-large\u00a0\u00bb icon_name=\u00a0\u00bbicon-speech\u00a0\u00bb icon_pos=\u00a0\u00bbicon-right\u00a0\u00bb color=\u00a0\u00bbbtn_grey\u00a0\u00bb border_radius=\u00a0\u00bbsharp\u00a0\u00bb type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_fontawesome=\u00a0\u00bbfa fa-adjust\u00a0\u00bb icon_openiconic=\u00a0\u00bbvc-oi vc-oi-dial\u00a0\u00bb icon_typicons=\u00a0\u00bbtypcn typcn-adjust-brightness\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-note\u00a0\u00bb icon_linecons=\u00a0\u00bbvc_li vc_li-heart\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-speech\u00a0\u00bb margin_left=\u00a0\u00bb0px\u00a0\u00bb margin_right=\u00a0\u00bb0px\u00a0\u00bb button_style=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb200px\u00a0\u00bb][\/vc_column][\/vc_row][vc_row row_separator=\u00a0\u00bbno-separator\u00a0\u00bb top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb100px\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(59,55,84,0.3)\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb speed=\u00a0\u00bb0.20″ bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_repeat=\u00a0\u00bbno-repeat\u00a0\u00bb bg_position=\u00a0\u00bbRight center\u00a0\u00bb slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-inside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb full_content_width=\u00a0\u00bbrow-inner-full\u00a0\u00bb row_show_on=\u00a0\u00bbhide_on_normal_screen,hide_tablet_landscape,hide_tablet_portrait\u00a0\u00bb textalign=\u00a0\u00bbcenter\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/1″ css=\u00a0\u00bb.vc_custom_1424537009057{padding-right: 60px !important;padding-left: 60px !important;}\u00a0\u00bb slope_left_dir=\u00a0\u00bbslope-left-top\u00a0\u00bb slope_left_width=\u00a0\u00bb100px\u00a0\u00bb slope_right_dir=\u00a0\u00bbslope-right-top\u00a0\u00bb slope_right_width=\u00a0\u00bb100px\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb100px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbright\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbI am tooltip title\u00a0\u00bb popover_content=\u00a0\u00bbI am tooltip text. Nice to meet you.
\nScroll down to see more possibilities…\u00a0\u00bb][vc_heading title=\u00a0\u00bbHover me over\u00a0\u00bb subtitle=\u00a0\u00bbTo see the tooltip\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-center\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_separator style=\u00a0\u00bbsimple\u00a0\u00bb color=\u00a0\u00bb#e5e4eb\u00a0\u00bb width=\u00a0\u00bb100px\u00a0\u00bb thickness=\u00a0\u00bb10px\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb align=\u00a0\u00bbnone\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbauto\u00a0\u00bb trigger=\u00a0\u00bbclick\u00a0\u00bb title=\u00a0\u00bbTwo style alternatives\u00a0\u00bb popover_content=\u00a0\u00bbThis is the dark style example.
\nChoose the one that best suits your needs.\u00a0\u00bb style=\u00a0\u00bbinverse\u00a0\u00bb][vc_button title=\u00a0\u00bbClick me\u00a0\u00bb size=\u00a0\u00bbbtn-large\u00a0\u00bb icon_name=\u00a0\u00bbicon-bell\u00a0\u00bb icon_pos=\u00a0\u00bbicon-left\u00a0\u00bb color=\u00a0\u00bbbtn_red\u00a0\u00bb border_radius=\u00a0\u00bbsl_rounded\u00a0\u00bb button_width=\u00a0\u00bb\u00a0\u00bb type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_fontawesome=\u00a0\u00bbfa fa-adjust\u00a0\u00bb icon_openiconic=\u00a0\u00bbvc-oi vc-oi-dial\u00a0\u00bb icon_typicons=\u00a0\u00bbtypcn typcn-adjust-brightness\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-note\u00a0\u00bb icon_linecons=\u00a0\u00bbvc_li vc_li-heart\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-bell\u00a0\u00bb margin_left=\u00a0\u00bb0px\u00a0\u00bb margin_right=\u00a0\u00bb0px\u00a0\u00bb button_style=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_separator style=\u00a0\u00bbsimple\u00a0\u00bb color=\u00a0\u00bb#e5e4eb\u00a0\u00bb width=\u00a0\u00bb100px\u00a0\u00bb thickness=\u00a0\u00bb10px\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb align=\u00a0\u00bbnone\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb50px\u00a0\u00bb][vc_heading title=\u00a0\u00bbAttach to anything\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-center\u00a0\u00bb subtitle=\u00a0\u00bba picture for instance\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_tooltip placement=\u00a0\u00bbauto\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbAdvanced content\u00a0\u00bb image=\u00a0\u00bb\u00ab\u00a03384\u00ab\u00a0\u00a0\u00bb alignment=\u00a0\u00bb\u00ab\u00a0right\u00ab\u00a0\u00a0\u00bb border_color=\u00a0\u00bb\u00ab\u00a0grey\u00ab\u00a0\u00a0\u00bb img_link_target=\u00a0\u00bb\u00ab\u00a0_self\u00ab\u00a0\u00a0\u00bb img_size=\u00a0\u00bb\u00ab\u00a0100×750\u00ab\u00a0\u00a0\u00bb src=\u00a0\u00bb\u00ab\u00a0https:\/\/d13yacurqjgara.cloudfront.net\/users\/166380\/screenshots\/1250269\/trapo.jpg\u00ab\u00a0\u00a0\u00bb popover_content=\u00a0\u00bb<\/p>\n\n\n\n\n\n\n\n\n
Product<\/th>\n2011<\/th>\n2012<\/th>\n2013<\/th>\n2014<\/th>\n<\/tr>\n<\/thead>\n
First<\/strong><\/td>\n1 092<\/td>\n2 242<\/td>\n2 754<\/td>\n1 944<\/td>\n<\/tr>\n
Second<\/strong><\/td>\n1 252<\/td>\n2 052<\/td>\n2 403<\/td>\n1 788<\/td>\n<\/tr>\n
Third<\/strong><\/td>\n1 592<\/td>\n2 361<\/td>\n2 056<\/td>\n2 120<\/td>\n<\/tr>\n
Fourth<\/strong><\/td>\n1 307<\/td>\n2 511<\/td>\n2 410<\/td>\n2 277<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0\u00bb width=\u00a0\u00bb380″ height=\u00a0\u00bbauto\u00a0\u00bb][vc_single_image image=\u00a0\u00bb15″ alignment=\u00a0\u00bbright\u00a0\u00bb style=\u00a0\u00bbvc_box_rounded\u00a0\u00bb border_color=\u00a0\u00bbgrey\u00a0\u00bb img_link_target=\u00a0\u00bb_self\u00a0\u00bb img_size=\u00a0\u00bb300×200″ img_link_large=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][vc_empty_space height=\u00a0\u00bb300px\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb100px\u00a0\u00bb][vc_heading title=\u00a0\u00bbJust a dummy text block\u00a0\u00bb subtitle=\u00a0\u00bbfor demonstration purposes\u00a0\u00bb divider_type=\u00a0\u00bbdiv-narrow\u00a0\u00bb size=\u00a0\u00bbsmall\u00a0\u00bb alignment=\u00a0\u00bbalign-center\u00a0\u00bb title_color=\u00a0\u00bb#363b3e\u00a0\u00bb subtitle_color=\u00a0\u00bb#363b3e\u00a0\u00bb h_size=\u00a0\u00bbh-large\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_column_text]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/span><\/p>\n

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/span><\/p>\n

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/span>[\/vc_column_text][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_tooltip width=\u00a0\u00bbauto\u00a0\u00bb height=\u00a0\u00bbauto\u00a0\u00bb placement=\u00a0\u00bbauto\u00a0\u00bb trigger=\u00a0\u00bbhover\u00a0\u00bb title=\u00a0\u00bbI am popover\u00a0\u00bb popover_content=\u00a0\u00bbThis popover is automatically positioned based on the screen size and position of the target element.\u00a0\u00bb][vc_button title=\u00a0\u00bbAUTO POSITIONING\u00a0\u00bb button_width=\u00a0\u00bb btn_fw\u00a0\u00bb size=\u00a0\u00bbbtn-large\u00a0\u00bb icon_name=\u00a0\u00bbicon-speech\u00a0\u00bb icon_pos=\u00a0\u00bbicon-right\u00a0\u00bb color=\u00a0\u00bbbtn_grey\u00a0\u00bb border_radius=\u00a0\u00bbsharp\u00a0\u00bb type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_fontawesome=\u00a0\u00bbfa fa-adjust\u00a0\u00bb icon_openiconic=\u00a0\u00bbvc-oi vc-oi-dial\u00a0\u00bb icon_typicons=\u00a0\u00bbtypcn typcn-adjust-brightness\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-note\u00a0\u00bb icon_linecons=\u00a0\u00bbvc_li vc_li-heart\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-speech\u00a0\u00bb margin_left=\u00a0\u00bb0px\u00a0\u00bb margin_right=\u00a0\u00bb0px\u00a0\u00bb button_style=\u00a0\u00bb\u00a0\u00bb][\/vc_tooltip][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row row_separator=\u00a0\u00bbno-separator\u00a0\u00bb top=\u00a0\u00bb180px\u00a0\u00bb bottom=\u00a0\u00bb100px\u00a0\u00bb content_fadeout=\u00a0\u00bbcontent-fadeout\u00a0\u00bb speed=\u00a0\u00bb0.20″ slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-outside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom_color=\u00a0\u00bb#f4f4f3″ bg_color=\u00a0\u00bb#3e4058″ full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb parallax_bg=\u00a0\u00bb\u00a0\u00bb scale_bg=\u00a0\u00bb\u00a0\u00bb scale_speed=\u00a0\u00bb0.20″ bg_cover=\u00a0\u00bb\u00a0\u00bb… <\/p>\n

Lire plus<\/i><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/pages\/104"}],"collection":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":0,"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/pages\/104\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/media?parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}