[fullwidth background_color=”” background_image=”” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”40px” padding_bottom=”25px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][title size=”2″ content_align=”left” style_type=”double solid” sep_color=”#d1d1d1″ margin_top=”” margin_bottom=”” class=”” id=””]Alert Messages[/title][two_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

Doodle includes an alert message elements that we can use throughout the site. These are perfect for displaying important information, alerts or messages to your viewers. The options we include allow us to animate the box when it shows in the viewport, use font awesome icons, customize the colours, accent colours, border sizes and more.

[/fusion_text][/two_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][alert type=”general” accent_color=”” background_color=”” border_size=”1px” icon=”fa-star” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][/one_third][/fullwidth][separator style_type=”single” top_margin=”10″ bottom_margin=”” sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fullwidth background_color=”#f8f8f8″ background_image=”http://www.doodleinc.com.au/wp-content/uploads/2016/01/designfor99.com_doodle_inc_roy_rodriguez_20.png” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”repeat” background_position=”center top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding_top=”30px” padding_bottom=”45px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][fusion_text]Choose From 4 [popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Message[/popover] Types Or Build Your Own![/fusion_text][separator style_type=”none” top_margin=”” bottom_margin=”5″ sep_color=”rgba(000,000,000,.1)” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][alert type=”custom” accent_color=”#848484″ background_color=”rgba(255,255,255,.25)” border_size=”1px” icon=”fa-info” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][alert type=”error” accent_color=”” background_color=”” border_size=”1px” icon=”” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][alert type=”success” accent_color=”” background_color=”” border_size=”1px” icon=”fa-star” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][alert type=”notice” accent_color=”” background_color=”” border_size=”1px” icon=”fa-star” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][/one_half][/fullwidth][fullwidth background_color=”” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”65px” padding_bottom=”20px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Color Control” description=”Control the background color and accent color (text / icon / border)” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][two_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][alert type=”custom” accent_color=”#fff” background_color=”#e5694b” border_size=”1px” icon=”fa-laptop” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][/two_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Border Control” description=”Control the border size and color of the message box.” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][two_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][alert type=”custom” accent_color=”#39a4c3″ background_color=”#fff” border_size=”7px” icon=”fa-trophy” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Message Box Elements[/alert][/two_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Box Animations” description=”Animate the message boxes with smotth CSS3 animations. 5 animations types, 4 directions, speed control” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][alert type=”custom” accent_color=”#39a4c3″ background_color=”” border_size=”1px” icon=”fa-thumbs-up” box_shadow=”yes” animation_type=”bounce” animation_direction=”down” animation_speed=”1″ animation_offset=”” class=”” id=””]Message Box Animations[/alert][/one_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][alert type=”custom” accent_color=”#f56441″ background_color=”” border_size=”1px” icon=”fa-magic” box_shadow=”no” animation_type=”shake” animation_direction=”down” animation_speed=”1″ animation_offset=”” class=”” id=””]Message Box Animations[/alert][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Box Shadow” description=”Choose if the box displays a subtle bottom shadow or not.” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][alert type=”general” accent_color=”” background_color=”” border_size=”1px” icon=”fa-trophy” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]Subtle Bottom Shadow[/alert][/one_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][alert type=”box” accent_color=”” background_color=”” border_size=”1px” icon=”fa-trophy” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””]No Bottom Shadow[/alert][/one_third][/fullwidth][separator style_type=”single” top_margin=”5″ bottom_margin=”40″ sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fullwidth background_color=”” background_image=”” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”0px” padding_bottom=”0px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][three_fourth last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][title size=”1″ content_align=”left” style_type=”single” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]Modal Popups[/title][fusion_text]

Doodle includes an incredible modal popup that can be used to show additional content on a page. It can be triggered by a button, text link or an image. Use any of our other elements inside of it as well. These are perfect for catching your viewers eye and displaying extra content on your site.

[/fusion_text][/three_fourth][one_fourth last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][button link=”http://www.doodleinc.com.au” color=”default” size=”large” stretch=”default” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”|” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” bevel_color=”” border_width=”0px” icon=”” icon_position=”left” icon_divider=”yes” modal=”modal1″ animation_type=”0″ animation_direction=”up” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]Click Here- Example 1[/button][modal name=”modal1″ title=”Insert Anything You Want In These Modals” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]
[counters_circle class=”” id=””]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”95″]Text[/counter_circle]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”88″]Text[/counter_circle]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”80″]Text[/counter_circle]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”78″]Text[/counter_circle]
[/counters_circle]
[separator style_type=”single” top_margin=”15″ bottom_margin=”50″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”820px” class=”” id=””]
[progress percentage=”95″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[progress percentage=”80″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[progress percentage=”85″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[progress percentage=”90″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[/modal][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][button link=”http://www.doodleinc.com.au” color=”default” size=”xlarge” stretch=”default” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”|” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” bevel_color=”” border_width=”0px” icon=”” icon_position=”left” icon_divider=”yes” modal=”doodle_modal” animation_type=”0″ animation_direction=”up” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]Click Here- Example 2[/button][modal name=”doodle_modal” title=”Buttons Can Even Open This Awesome Modal Element” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]

Title 1 Title 1 Title 1

[separator style_type=”single” top_margin=”15″ bottom_margin=”10″ sep_color=”#cdcdcd” icon=”fa-heart-o” width=”820px” class=”” id=””]
doodle-inc-com-au-500500-1[/modal][/one_fourth][/fullwidth][separator style_type=”single” top_margin=”15″ bottom_margin=”40″ sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fullwidth background_color=”” background_image=”” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”0px” padding_bottom=”0px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][title size=”1″ content_align=”left” style_type=”single” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]Popover Elements[/title][two_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]Doodle includes a popover element that is perfect for adding additional content for your viewers. The content is housed as secondary information that the viewer can trigger by a mouse hover, or a mouse click. Our expanded options allow you customize several aspects of the popover like background colors, border colours, text colours, trigger value, popup placement and more.[/fusion_text][/two_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” stretch=”default” type=”flat” shape=”round” target=”_self” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Mouse Hover Popover![/popover][/button][/one_third][/fullwidth][separator style_type=”single” top_margin=”40″ bottom_margin=”” sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fullwidth background_color=”#f6f6f6″ background_image=”http://www.doodleinc.com.au/wp-content/uploads/2016/01/Doodle_inc_Roy_Rodriguez_11.png” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”repeat” background_position=”center top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding_top=”55px” padding_bottom=”20px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””][imageframe lightbox=”no” style_type=”border” bordercolor=”rgba(255,255,255,.2)” bordersize=”15px” stylecolor=”” align=”left” animation_type=”fade” animation_direction=”up” animation_speed=”1″ class=”” id=””]doodle-inc-com-au-500500-2[/imageframe][/popover][/fusion_text][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][title size=”2″ content_align=”left” style_type=”single” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]Doodle Popover Element[/title][separator style_type=”none” top_margin=”-20″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 [popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”click” placement=”top” class=”” id=””]mouse click here[/popover] Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1[/fusion_text][separator style_type=”none” top_margin=”20″ bottom_margin=”20″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” stretch=”default” type=”flat” shape=”round” target=”_self” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Hover Here For More Info[/popover][/button][/one_half][/fullwidth][fullwidth background_color=”” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”65px” padding_bottom=”20px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Background Colors” description=”Control the background color behind the popover title and the content itself. Hover on the button to discover…” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_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. Excepteur sint occaecat cupidatat non sadips ipsums proident.[/fusion_text][/one_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”25″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” stretch=”default” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””][popover title=”Unleash The Power of Doodle” title_bg_color=”#add16c” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”#ede9e2″ bordercolor=”#c1bfbf” textcolor=”#333333″ trigger=”hover” placement=”top” class=”” id=””]Background Colours[/popover][/button][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Border / Text Colors” description=”Control the border color and text color of the popover feature. Hover on the button to discover…” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci
didunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatat non sadips ipsums proident.[/fusion_text][/one_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”25″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” stretch=”default” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””][popover title=”Unleash The Power of Doodle” title_bg_color=”#fff” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”#ff” bordercolor=”#8b7e63″ textcolor=”#8b7e63″ trigger=”hover” placement=”top” class=”” id=””]Border/Text Colours[/popover][/button][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Trigger Value” description=”Set the popover to trigger on mouse hover or mouse click.” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [popover title=”Unleash The Power of Doodle” title_bg_color=”#fff” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]mouse hover trigger[/popover] ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatats.[/fusion_text][/one_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [popover title=”Unleash The Power of Doodle” title_bg_color=”#fff” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”click” placement=”top” class=”” id=””]mouse click trigger[/popover] ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatats.[/fusion_text][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Popover Placement” description=”Control the direction of the popover popup box, left, right, top, bottom. Hover on the icons to discover…” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][two_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Doodle-Inc-Website-Design-[/popover][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”right” class=”” id=””]Doodle-Inc-Website-Design-[/popover][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”bottom” class=”” id=””]Doodle-Inc-Website-Design-[/popover][popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Doodle-Inc-Website-Design[/popover][/fusion_text][/two_third][/fullwidth]