Image Hotspot
Modul Hotspot Imej membolehkan untuk mencipta imej interaktif. Anda boleh menambah imej latar belakang, dan kemudian menetapkan berbilang tempat liputan imej yang, apabila dilegar, akan memaparkan kotak petua alat dengan kandungan lalai, atau malah item Perpustakaan Divi! Anda boleh menggunakan ikon atau imej sebagai tempat liputan dan menyesuaikan setiap tempat liputan dengan semua tetapan Divi lalai yang tersedia. Kotak petua alat juga boleh disesuaikan sepenuhnya menggunakan Divi Builder.
[dipi_dual_heading first_heading=”Classy Dress” fh_style=”background” first_heading_image=”https://www.divi-pixel.com/wp-content/uploads/2023/02/sale-text.svg” first_heading_size=”contain” fh_padding=”40px|3px|40px|3px|false|false” _builder_version=”4.19.4″ _module_preset=”default” first_heading_font=”Lora|700||on|||||” first_heading_text_align=”left” first_heading_text_color=”#0a0a0a” first_heading_font_size=”55px” text_orientation=”left” first_heading_font_size_tablet=”55px” first_heading_font_size_phone=”40px” first_heading_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_dual_heading]
[dipi_button_grid flex_direction=”row” justify_content=”flex-start” _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_button_grid_child button_id=”Button” button_text=”Shop Now” button_link=”#” _builder_version=”4.19.4″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_bg_color=”#000000″ button_border_width=”0px” button_border_radius=”0px” button_font=”Lora|600||on|||||” button_use_icon=”off” button_custom_padding=”15px|30px|15px|30px|false|false” custom_margin=”20px|||0px|false|false” button_text_size_tablet=”16px” button_text_size_phone=”12px” button_text_size_last_edited=”on|phone” global_colors_info=”{}” button_bg_color__hover_enabled=”on|desktop” button_bg_color__hover=”rgba(0,0,0,0.75)” button_bg_enable_color__hover=”on” theme_builder_area=”post_content”][/dipi_button_grid_child][dipi_button_grid_child button_id=”Button” button_text=”Collection” button_link=”#” _builder_version=”4.19.4″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_text_color=”#15022A” button_bg_color=”#FFFFFF” button_border_width=”0px” button_border_radius=”0px” button_font=”Lora|600||on|||||” button_use_icon=”off” button_custom_padding=”15px|30px|15px|30px|false|false” button_text_size_tablet=”16px” button_text_size_phone=”12px” button_text_size_last_edited=”on|phone” global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”rgba(255,255,255,0.6)” button_bg_enable_color__hover=”on” theme_builder_area=”post_content”][/dipi_button_grid_child][/dipi_button_grid]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis purus ultricies dui hendrerit hendrerit. Phasellus eget sapien ut nisl efficitur faucibus in id nisl. Sed ac ullamcorper orci, vel sagittis mauris. Vestibulum ultricies sapien non ex eleifend, ac rhoncus dolor pulvinar.
[dipi_image_hotspot img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/woman-dress.png” _builder_version=”4.19.4″ _module_preset=”default” max_width=”500px” module_alignment=”center” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_hotspot_child title=”Hat” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#FFFFFF” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#0a0a0a” use_hotspot_icon_font_size=”on” hotspot_icon_size=”10px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(21,2,42,0.56)” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”3.4%” hotspot_position_horizontal=”32.2%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/straw-hat.jpg” tooltip_image_width=”60px” tooltip_title=”Straw Hat” tooltip_desc=”
This classic hat will keep you cool all Summer long.
” show_tooltip_button=”on” tooltip_button_text=”€19.90″ tooltip_button_link=”#” tooltip_width=”240px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|10px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Lora|600|||||||” tooltip_title_font_size=”20px” tooltip_desc_font=”Poppins|300|||||||” tooltip_desc_font_size=”14px” tooltip_desc_line_height=”1.4em” custom_tooltip_button=”on” tooltip_button_text_size=”16px” tooltip_button_text_color=”#0a0000″ tooltip_button_bg_color=”RGBA(255,255,255,0)” tooltip_button_border_width=”0px” tooltip_button_font=”Poppins|700|||||||” box_shadow_style_tooltip_box=”preset3″ box_shadow_color_tooltip_box=”rgba(0,149,198,0.06)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Dress” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#FFFFFF” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#0a0a0a” use_hotspot_icon_font_size=”on” hotspot_icon_size=”10px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(21,2,42,0.56)” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”30.2%” hotspot_position_horizontal=”54.7%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/summer-dress.jpg” tooltip_image_width=”60px” tooltip_title=”Summer Dress” tooltip_desc=”This vintage ruched cocktail party dress are comfortable with classy look
” show_tooltip_button=”on” tooltip_button_text=”€49.90″ tooltip_button_link=”#” tooltip_position=”right” tooltip_width=”240px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|10px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Lora|600|||||||” tooltip_title_font_size=”20px” tooltip_desc_font=”Poppins|300|||||||” tooltip_desc_font_size=”14px” tooltip_desc_line_height=”1.4em” custom_tooltip_button=”on” tooltip_button_text_size=”16px” tooltip_button_text_color=”#0a0000″ tooltip_button_bg_color=”RGBA(255,255,255,0)” tooltip_button_border_width=”0px” tooltip_button_font=”Poppins|700|||||||” box_shadow_style_tooltip_box=”preset3″ box_shadow_color_tooltip_box=”rgba(0,149,198,0.06)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Shoes” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#FFFFFF” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#0a0a0a” use_hotspot_icon_font_size=”on” hotspot_icon_size=”10px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(21,2,42,0.56)” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”78.1%” hotspot_position_horizontal=”11.8%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/beige-heels.jpg” tooltip_image_width=”60px” tooltip_title=”Classy Shoes” tooltip_desc=”Only maker women’s sexy pointed toe stiletto heel pumps party court shoes.” show_tooltip_button=”on” tooltip_button_text=”€65.00″ tooltip_button_link=”#” tooltip_width=”240px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|10px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Lora|600|||||||” tooltip_title_font_size=”20px” tooltip_desc_font=”Poppins|300|||||||” tooltip_desc_font_size=”14px” tooltip_desc_line_height=”1.4em” custom_tooltip_button=”on” tooltip_button_text_size=”16px” tooltip_button_text_color=”#0a0000″ tooltip_button_bg_color=”RGBA(255,255,255,0)” tooltip_button_border_width=”0px” tooltip_button_font=”Poppins|700|||||||” box_shadow_style_tooltip_box=”preset3″ box_shadow_color_tooltip_box=”rgba(0,149,198,0.06)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Suitcase” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#FFFFFF” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#0a0a0a” use_hotspot_icon_font_size=”on” hotspot_icon_size=”10px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(21,2,42,0.56)” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”84%” hotspot_position_horizontal=”83.1%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/suitcase.jpg” tooltip_image_width=”60px” tooltip_title=”Vintage Suitcase” tooltip_desc=”Vintage suitcase made of sturdy cardboard with decorative seams.” show_tooltip_button=”on” tooltip_button_text=”€99.00″ tooltip_button_link=”#” tooltip_position=”right” tooltip_width=”240px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|10px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Lora|600|||||||” tooltip_title_font_size=”20px” tooltip_desc_font=”Poppins|300|||||||” tooltip_desc_font_size=”14px” tooltip_desc_line_height=”1.4em” custom_tooltip_button=”on” tooltip_button_text_size=”16px” tooltip_button_text_color=”#0a0000″ tooltip_button_bg_color=”RGBA(255,255,255,0)” tooltip_button_border_width=”0px” tooltip_button_font=”Poppins|700|||||||” box_shadow_style_tooltip_box=”preset3″ box_shadow_color_tooltip_box=”rgba(0,149,198,0.06)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][/dipi_image_hotspot]
[dipi_image_hotspot img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dr-demo-60.jpg” tooltip_animation=”zoomInShort” _builder_version=”4.19.4″ custom_css_hotspot_icon=”border-radius: 100px;” custom_css_description=”max-width:80% !important;” box_shadow_style=”preset3″ box_shadow_blur=”80px” box_shadow_color=”rgba(10,0,0,0.8)” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_hotspot_child title=”Carrot” use_hotspot_icon=”on” hotspot_icon=”||fa||400″ hotspot_icon_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#ffffff” hotspot_position_vertical=”71%” hotspot_position_horizontal=”16%” type=”library” library_id=”35319″ tooltip_position=”right” tooltip_width=”440px” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”10px|10px|10px|10px|false|false” hotspot_icon_padding_tablet=”” hotspot_icon_padding_phone=”10px|10px|10px|10px|false|false” hotspot_icon_padding_last_edited=”on|phone” hotspot_icon_size_tablet=”” hotspot_icon_size_phone=”15px” hotspot_icon_size_last_edited=”on|phone” _builder_version=”4.19.4″ border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”60px” box_shadow_color_tooltip_box=”rgba(21,2,42,0.24)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Carrot” use_hotspot_icon=”on” hotspot_icon=”||fa||400″ hotspot_icon_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#ffffff” hotspot_position_vertical=”86%” hotspot_position_horizontal=”43%” type=”library” library_id=”35339″ tooltip_position=”top” tooltip_width=”440px” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”10px|10px|10px|10px|false|false” hotspot_icon_padding_tablet=”” hotspot_icon_padding_phone=”10px|10px|10px|10px|false|false” hotspot_icon_padding_last_edited=”on|phone” hotspot_icon_size_tablet=”” hotspot_icon_size_phone=”15px” hotspot_icon_size_last_edited=”on|phone” _builder_version=”4.19.4″ border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”60px” box_shadow_color_tooltip_box=”rgba(21,2,42,0.24)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Carrot” use_hotspot_icon=”on” hotspot_icon=”||fa||400″ hotspot_icon_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#ffffff” hotspot_position_vertical=”51%” hotspot_position_horizontal=”50%” type=”library” library_id=”35348″ tooltip_width=”440px” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”10px|10px|10px|10px|false|false” hotspot_icon_padding_tablet=”” hotspot_icon_padding_phone=”10px|10px|10px|10px|false|false” hotspot_icon_padding_last_edited=”on|phone” hotspot_icon_size_tablet=”” hotspot_icon_size_phone=”15px” hotspot_icon_size_last_edited=”on|phone” _builder_version=”4.19.4″ border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”60px” box_shadow_color_tooltip_box=”rgba(21,2,42,0.24)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Carrot” use_hotspot_icon=”on” hotspot_icon=”||fa||400″ hotspot_icon_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#ffffff” hotspot_position_vertical=”31%” hotspot_position_horizontal=”86%” type=”library” library_id=”35357″ tooltip_width=”440px” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”10px|10px|10px|10px|false|false” hotspot_icon_padding_tablet=”” hotspot_icon_padding_phone=”10px|10px|10px|10px|false|false” hotspot_icon_padding_last_edited=”on|phone” hotspot_icon_size_tablet=”” hotspot_icon_size_phone=”15px” hotspot_icon_size_last_edited=”on|phone” _builder_version=”4.19.4″ border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”60px” box_shadow_color_tooltip_box=”rgba(21,2,42,0.24)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][/dipi_image_hotspot]
[dipi_image_hotspot img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-image-hotspot-woman.jpg” tooltip_animation=”fadeInDownShort” _builder_version=”4.19.4″ _module_preset=”default” background_color=”RGBA(0,0,0,0)” max_width=”500px” module_alignment=”center” custom_margin_tablet=”” custom_margin_phone=”40px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_hotspot_child title=”Hotspot One” use_hotspot_icon=”on” hotspot_icon=”\||divi||400″ hotspot_icon_color=”#15022A” hotspot_circle_icon=”on” hotspot_circle_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_icon_size=”9px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(255,255,255,0.7)” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”57%” hotspot_position_horizontal=”40%” tooltip_bg=”#FFFFFF” tooltip_title=”Jumper” tooltip_desc=”Vestibulum sed purus rhoncus, malesuada nibh et, ullamcorper libero.” tooltip_position=”top” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”15px|20px|5px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”|700|||||||” tooltip_title_font_size=”18px” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.75)” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.4em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset3″ box_shadow_blur_tooltip_box=”40px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.2)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot One” use_hotspot_icon=”on” hotspot_icon=”\||divi||400″ hotspot_icon_color=”#15022A” hotspot_circle_icon=”on” hotspot_circle_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_icon_size=”9px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(255,255,255,0.7)” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”71%” hotspot_position_horizontal=”85%” tooltip_bg=”#FFFFFF” tooltip_title=”Top” tooltip_desc=”Vestibulum sed purus rhoncus, malesuada nibh et, ullamcorper libero.” tooltip_position=”top” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”15px|20px|5px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”|700|||||||” tooltip_title_font_size=”18px” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.75)” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.4em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset3″ box_shadow_blur_tooltip_box=”40px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.2)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot One” use_hotspot_icon=”on” hotspot_icon=”\||divi||400″ hotspot_icon_color=”#15022A” hotspot_circle_icon=”on” hotspot_circle_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_icon_size=”9px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(255,255,255,0.7)” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”65%” hotspot_position_horizontal=”9%” tooltip_bg=”#FFFFFF” tooltip_title=”iPhone X” tooltip_desc=”Vestibulum sed purus rhoncus, malesuada nibh et, ullamcorper libero.” tooltip_position=”top” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”15px|20px|5px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”|700|||||||” tooltip_title_font_size=”18px” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.75)” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.4em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset3″ box_shadow_blur_tooltip_box=”40px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.2)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot One” use_hotspot_icon=”on” hotspot_icon=”\||divi||400″ hotspot_icon_color=”#15022A” hotspot_circle_icon=”on” hotspot_circle_color=”#FFFFFF” use_hotspot_icon_font_size=”on” hotspot_icon_size=”9px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”rgba(255,255,255,0.7)” hotspot_ripple_effect_speed=”4″ hotspot_position_vertical=”34%” hotspot_position_horizontal=”75%” tooltip_bg=”#FFFFFF” tooltip_title=”Headphones” tooltip_desc=”Vestibulum sed purus rhoncus, malesuada nibh et, ullamcorper libero.” tooltip_position=”top” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”15px|20px|5px|20px|false|false” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”|700|||||||” tooltip_title_font_size=”18px” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.75)” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.4em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset3″ box_shadow_blur_tooltip_box=”40px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.2)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][/dipi_image_hotspot]
Image Hotspot Features
Image Hotspot module offers powerful settings which can help you display image and place hotspots on it with ease. You can display icon, title, description, and button, or Divi Library item after the user hovers on the hotspot.
Display Divi Library items in tooltip
Select position for the hotspot tooltip
6 tooltip animations to choose from
Add ripple effect to the hotspot (2 styles)
Trigger tooltip on hover
Trigger tooltip after click
Custom CSS fields for all tooltip elements
Check out the latest web design trends
Vivamus eget metus id dui tristique dictum a non justo. Nullam vulputate porta ex vitae dignissim. Aliquam malesuada lectus a risus pharetra convallis. Aliquam varius augue leo, vitae gravida lectus tincidunt quis.
[dipi_image_hotspot img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/designer-desk.jpg” tooltip_animation=”fadeInLeftShort” _builder_version=”4.19.4″ _module_preset=”default” custom_css_tooltip_img=”float: left;||margin-right: 10px;” custom_css_title=”margin-top: -10px;” border_radii=”on|10px|10px|10px|10px” border_width_all=”6px” border_color_all=”#FFFFFF” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_hotspot_child title=”Painting” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#15022A” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#e3ef00″ use_hotspot_icon_font_size=”on” hotspot_icon_size=”15px” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#e3ef00″ hotspot_position_vertical=”14.3%” hotspot_position_horizontal=”28.4%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/painting-01.jpg” tooltip_image_width=”80px” tooltip_title=”Black Painting” tooltip_desc=”
Black and White Abstract Paint
€9.99
” tooltip_position=”right” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_font_size=”18px” tooltip_title_line_height=”1em” tooltip_desc_font=”Montserrat||||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.2em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”11px” box_shadow_color_tooltip_box=”rgba(4,61,112,0.15)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Plant” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#15022A” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#e3ef00″ use_hotspot_icon_font_size=”on” hotspot_icon_size=”15px” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#e3ef00″ hotspot_position_vertical=”34.9%” hotspot_position_horizontal=”69.7%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/plant.jpg” tooltip_image_width=”80px” tooltip_title=”Plant” tooltip_desc=”The plastic artificial plant does not require care.
€15.90
” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_font_size=”18px” tooltip_title_line_height=”1em” tooltip_desc_font=”Montserrat||||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.2em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”11px” box_shadow_color_tooltip_box=”rgba(4,61,112,0.15)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Chair” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#15022A” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#e3ef00″ use_hotspot_icon_font_size=”on” hotspot_icon_size=”15px” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#e3ef00″ hotspot_position_vertical=”53.7%” hotspot_position_horizontal=”34.2%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/chair.jpg” tooltip_image_width=”80px” tooltip_title=”Chair” tooltip_desc=”Minimalist design and perfect ergonomic shape.
€49.00
” tooltip_position=”right” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_font_size=”18px” tooltip_title_line_height=”1em” tooltip_desc_font=”Montserrat||||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.2em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”11px” box_shadow_color_tooltip_box=”rgba(4,61,112,0.15)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Desk” use_hotspot_icon=”on” hotspot_icon=”||divi||400″ hotspot_icon_color=”#15022A” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#e3ef00″ use_hotspot_icon_font_size=”on” hotspot_icon_size=”15px” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#e3ef00″ hotspot_position_vertical=”63.9%” hotspot_position_horizontal=”62.5%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/desk.jpg” tooltip_image_width=”80px” tooltip_title=”Desk” tooltip_desc=”Minimalist design and perfect ergonomic shape.
€149.00
” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_font_size=”18px” tooltip_title_line_height=”1em” tooltip_desc_font=”Montserrat||||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.2em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”11px” box_shadow_color_tooltip_box=”rgba(4,61,112,0.15)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Books” use_hotspot_icon=”on” hotspot_icon=”||divi||400″ hotspot_icon_color=”#15022A” hotspot_icon_padding=”10px|10px|10px|10px|false|false” hotspot_circle_icon=”on” hotspot_circle_color=”#e3ef00″ use_hotspot_icon_font_size=”on” hotspot_icon_size=”15px” hotspot_ripple_effect=”on” hotspot_ripple_effect_color=”#e3ef00″ hotspot_position_vertical=”37.7%” hotspot_position_horizontal=”22.4%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/book.jpg” tooltip_image_width=”80px” tooltip_title=”Books” tooltip_desc=”Neuromarketing insights to boost engagement €22.00” tooltip_position=”right” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_font_size=”18px” tooltip_title_line_height=”1em” tooltip_desc_font=”Montserrat||||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.2em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”11px” box_shadow_color_tooltip_box=”rgba(4,61,112,0.15)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][/dipi_image_hotspot]Suzuki GSX 2023
Vivamus eget metus id dui tristique dictum a non justo. Nullam vulputate porta ex vitae dignissim. Aliquam malesuada lectus a risus pharetra convallis. Aliquam varius augue leo, vitae gravida lectus tincidunt quis.
Liquid-cooled, 999.8cc DOHC inline-four cylinder engine produces exceptionally high top-end power without sacrificing low to mid-range power thanks to a Variable Valve Timing (VVT) system
” tooltip_position=”top” tooltip_width=”320px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.59)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Chasis” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#ffffff” hotspot_icon_padding=”15px|15px|15px|15px|false|false” use_hotspot_icon_font_size=”on” hotspot_icon_size=”12px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”#FFFFFF” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4.2″ hotspot_position_vertical=”30.8%” hotspot_position_horizontal=”56%” tooltip_bg=”#ffffff” tooltip_title=”Chasis” tooltip_desc=”This motorcycle’s chassis forms the lightest, the most compact, the most aerodynamic and the best-handling GSX-R1000 ever.
” tooltip_width=”290px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.59)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Electronics” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#ffffff” hotspot_icon_padding=”15px|15px|15px|15px|false|false” use_hotspot_icon_font_size=”on” hotspot_icon_size=”12px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”#FFFFFF” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4.2″ hotspot_position_vertical=”13.6%” hotspot_position_horizontal=”69.5%” tooltip_bg=”#ffffff” tooltip_title=”Electronics” tooltip_desc=”Using an Inertial Measuring Unit (IMU) the GSX-R1000’s advanced electronics package includes selectable performance modes so the motorcycle enhances and fine tunes rider inputs.
” tooltip_width=”290px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.59)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Breaks” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#ffffff” hotspot_icon_padding=”15px|15px|15px|15px|false|false” use_hotspot_icon_font_size=”on” hotspot_icon_size=”12px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”#FFFFFF” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4.2″ hotspot_position_vertical=”68.3%” hotspot_position_horizontal=”77.4%” tooltip_bg=”#ffffff” tooltip_title=”Breaks” tooltip_desc=”Up front, the unique BREMBO T-drive brake rotors are grasped by Monobloc calipers to deliver strong, controlled braking, while the precise and smooth SHOWA suspension keeps the sticky Bridgestone RS10 tires in touch with the road.
” tooltip_position=”top” tooltip_width=”330px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.59)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Frame” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#ffffff” hotspot_icon_padding=”15px|15px|15px|15px|false|false” use_hotspot_icon_font_size=”on” hotspot_icon_size=”12px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”#FFFFFF” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4.2″ hotspot_position_vertical=”40.2%” hotspot_position_horizontal=”36.7%” tooltip_bg=”#ffffff” tooltip_title=”Frame” tooltip_desc=”The twin-spar type aluminum frame is 10% lighter and more compact that the prior generation GSX-R1000, with optimized rigidity for nimble handling and a high level of grip when cornering.
” tooltip_position=”top” tooltip_width=”330px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.59)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Suspension” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#ffffff” hotspot_icon_padding=”15px|15px|15px|15px|false|false” use_hotspot_icon_font_size=”on” hotspot_icon_size=”12px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”#FFFFFF” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4.2″ hotspot_position_vertical=”57.4%” hotspot_position_horizontal=”29.8%” tooltip_bg=”#ffffff” tooltip_title=”Suspension” tooltip_desc=”Advanced suspension uses a SHOWA BPF fork and rear shock that combine with BREMBO T-drive 320mm dual front brake rotors and Monobloc 4-piston calipers for extraordinary handling and stopping performance.
” tooltip_width=”330px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.59)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Exhaust” use_hotspot_icon=”on” hotspot_icon=”||fa||900″ hotspot_icon_color=”#ffffff” hotspot_icon_padding=”15px|15px|15px|15px|false|false” use_hotspot_icon_font_size=”on” hotspot_icon_size=”12px” hotspot_ripple_effect=”on” hotspot_ripple_effect_style=”style-2″ hotspot_ripple_effect_color=”#FFFFFF” hotspot_ripple_effect_size=”60px” hotspot_ripple_effect_speed=”4.2″ hotspot_position_vertical=”49.6%” hotspot_position_horizontal=”13.4%” tooltip_bg=”#ffffff” tooltip_title=”Exhaust” tooltip_desc=”Hexagonal silencer made of lightweight material with carbon casing, end cap and heat shield. Also the distinctive Akrapovič sound with a deeper sound.
” tooltip_position=”top” tooltip_width=”330px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#FFFFFF” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_icon_padding_tablet=”15px|15px|15px|15px|false|false” hotspot_icon_padding_phone=”5px|5px|5px|5px|false|false” hotspot_icon_padding_last_edited=”on|phone” use_hotspot_icon_font_size_tablet=”on” use_hotspot_icon_font_size_phone=”on” use_hotspot_icon_font_size_last_edited=”on|phone” _builder_version=”4.19.4″ _module_preset=”default” tooltip_title_font=”Montserrat|700|||||||” tooltip_title_text_color=”#FF4200″ tooltip_title_font_size=”18px” tooltip_desc_font=”Montserrat|300|||||||” tooltip_desc_font_size=”13px” tooltip_desc_line_height=”1.6em” border_radii_tooltip_box=”on|5px|5px|5px|5px” box_shadow_style_tooltip_box=”preset1″ box_shadow_vertical_tooltip_box=”16px” box_shadow_blur_tooltip_box=”24px” box_shadow_color_tooltip_box=”rgba(0,0,0,0.21)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_image_hotspot_child][/dipi_image_hotspot]
[dipi_image_hotspot img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/map.png” trigger_on_click=”on” tooltip_animation=”fadeInUpShort” _builder_version=”4.19.4″ width=”100%” max_width=”100%” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_hotspot_child title=”Hotspot 1″ hotspot_image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-07.jpg” hotspot_image_width=”60px” hotspot_position_vertical=”30%” hotspot_position_horizontal=”18%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-07.jpg” tooltip_image_width=”120px” tooltip_title=”John Doe” tooltip_desc=”Aliquam euismod mollis ante sed malesuada. Integer posuere tincidunt ipsum.” show_tooltip_button=”on” tooltip_button_text=”Contact” tooltip_button_link=”#” tooltip_position=”right” tooltip_width=”260px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_image_width_tablet=”” hotspot_image_width_phone=”30px” hotspot_image_width_last_edited=”on|phone” _builder_version=”4.19.4″ tooltip_title_font=”|700|||||||” tooltip_title_font_size=”20px” tooltip_title_line_height=”0.5em” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.59)” tooltip_desc_font_size=”14px” tooltip_desc_letter_spacing=”0px” tooltip_desc_line_height=”1.3em” custom_tooltip_button=”on” tooltip_button_text_size=”14px” tooltip_button_text_color=”#ffffff” tooltip_button_bg_color=”#15022a” tooltip_button_border_width=”0px” tooltip_button_border_color=”#15022a” tooltip_button_border_radius=”100px” tooltip_button_use_icon=”off” filter_saturate=”80%” border_radii_hotspot_img=”on|200px|200px|200px|200px” border_width_all_hotspot_img=”3px” border_color_all_hotspot_img=”#ffffff” border_width_all_hotspot_img_tablet=”” border_width_all_hotspot_img_phone=”2px” border_width_all_hotspot_img_last_edited=”on|phone” border_radii_tooltip_img=”on|200px|200px|200px|200px” border_color_all_tooltip_img=”rgba(68,0,153,0.1)” border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_hotspot_img=”preset3″ box_shadow_blur_hotspot_img=”26px” box_shadow_color_hotspot_img=”rgba(21,2,42,0.46)” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”50px” box_shadow_color_tooltip_box=”rgba(68,0,153,0.14)” global_colors_info=”{}” tooltip_button_border_color__hover_enabled=”on|desktop” tooltip_button_border_color__hover=”#15022a” tooltip_button_border_width__hover_enabled=”on|hover” border_color_all_hotspot_img__hover_enabled=”off|hover” border_color_all_hotspot_img__hover=”rgba(21,2,42,0.1)” filter_contrast__hover_enabled=”on|hover” filter_contrast__hover=”120%” filter_saturate__hover_enabled=”on|hover” filter_saturate__hover=”100%” tooltip_button_border_width__hover=”0px” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot 1″ hotspot_image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-12.jpg” hotspot_image_width=”60px” hotspot_position_vertical=”51%” hotspot_position_horizontal=”46%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-12.jpg” tooltip_image_width=”120px” tooltip_title=”Brian Walsh” tooltip_desc=”Aliquam euismod mollis ante sed malesuada. Integer posuere tincidunt ipsum.” show_tooltip_button=”on” tooltip_button_text=”Contact” tooltip_button_link=”#” tooltip_position=”right” tooltip_width=”260px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_image_width_tablet=”” hotspot_image_width_phone=”30px” hotspot_image_width_last_edited=”on|phone” _builder_version=”4.19.4″ tooltip_title_font=”|700|||||||” tooltip_title_font_size=”20px” tooltip_title_line_height=”0.5em” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.59)” tooltip_desc_font_size=”14px” tooltip_desc_letter_spacing=”0px” tooltip_desc_line_height=”1.3em” custom_tooltip_button=”on” tooltip_button_text_size=”14px” tooltip_button_text_color=”#ffffff” tooltip_button_bg_color=”#15022a” tooltip_button_border_width=”0px” tooltip_button_border_color=”#15022a” tooltip_button_border_radius=”100px” tooltip_button_use_icon=”off” filter_saturate=”80%” border_radii_hotspot_img=”on|200px|200px|200px|200px” border_width_all_hotspot_img=”3px” border_color_all_hotspot_img=”#ffffff” border_width_all_hotspot_img_tablet=”” border_width_all_hotspot_img_phone=”2px” border_width_all_hotspot_img_last_edited=”on|phone” border_radii_tooltip_img=”on|200px|200px|200px|200px” border_color_all_tooltip_img=”rgba(68,0,153,0.1)” border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_hotspot_img=”preset3″ box_shadow_blur_hotspot_img=”26px” box_shadow_color_hotspot_img=”rgba(21,2,42,0.46)” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”50px” box_shadow_color_tooltip_box=”rgba(68,0,153,0.14)” global_colors_info=”{}” tooltip_button_border_color__hover_enabled=”on|desktop” tooltip_button_border_color__hover=”#15022a” tooltip_button_border_width__hover_enabled=”on|hover” filter_saturate__hover=”100%” filter_saturate__hover_enabled=”on|hover” filter_contrast__hover=”120%” filter_contrast__hover_enabled=”on|hover” tooltip_button_border_width__hover=”0px” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot 1″ hotspot_image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-11.jpg” hotspot_image_width=”60px” hotspot_position_vertical=”22%” hotspot_position_horizontal=”50%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-11.jpg” tooltip_image_width=”120px” tooltip_title=”Kate Wilson” tooltip_desc=”Aliquam euismod mollis ante sed malesuada. Integer posuere tincidunt ipsum.” show_tooltip_button=”on” tooltip_button_text=”Contact” tooltip_button_link=”#” tooltip_position=”bottom” tooltip_width=”260px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_image_width_tablet=”” hotspot_image_width_phone=”30px” hotspot_image_width_last_edited=”on|phone” _builder_version=”4.19.4″ tooltip_title_font=”|700|||||||” tooltip_title_font_size=”20px” tooltip_title_line_height=”0.5em” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.59)” tooltip_desc_font_size=”14px” tooltip_desc_letter_spacing=”0px” tooltip_desc_line_height=”1.3em” custom_tooltip_button=”on” tooltip_button_text_size=”14px” tooltip_button_text_color=”#ffffff” tooltip_button_bg_color=”#15022a” tooltip_button_border_width=”0px” tooltip_button_border_color=”#15022a” tooltip_button_border_radius=”100px” tooltip_button_use_icon=”off” filter_saturate=”80%” border_radii_hotspot_img=”on|200px|200px|200px|200px” border_width_all_hotspot_img=”3px” border_color_all_hotspot_img=”#ffffff” border_width_all_hotspot_img_tablet=”” border_width_all_hotspot_img_phone=”2px” border_width_all_hotspot_img_last_edited=”on|phone” border_radii_tooltip_img=”on|200px|200px|200px|200px” border_color_all_tooltip_img=”rgba(68,0,153,0.1)” border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_hotspot_img=”preset3″ box_shadow_blur_hotspot_img=”26px” box_shadow_color_hotspot_img=”rgba(21,2,42,0.46)” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”50px” box_shadow_color_tooltip_box=”rgba(68,0,153,0.14)” global_colors_info=”{}” tooltip_button_border_color__hover_enabled=”on|desktop” tooltip_button_border_color__hover=”#15022a” tooltip_button_border_width__hover_enabled=”on|hover” filter_saturate__hover=”100%” filter_saturate__hover_enabled=”on|hover” filter_contrast__hover=”120%” filter_contrast__hover_enabled=”on|hover” tooltip_button_border_width__hover=”0px” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot 1″ hotspot_image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-10.jpg” hotspot_image_width=”60px” hotspot_position_vertical=”62%” hotspot_position_horizontal=”29%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-10.jpg” tooltip_image_width=”120px” tooltip_title=”Sarah O’Brien” tooltip_desc=”Aliquam euismod mollis ante sed malesuada. Integer posuere tincidunt ipsum.” show_tooltip_button=”on” tooltip_button_text=”Contact” tooltip_button_link=”#” tooltip_position=”top” tooltip_width=”260px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_image_width_tablet=”” hotspot_image_width_phone=”30px” hotspot_image_width_last_edited=”on|phone” _builder_version=”4.19.4″ tooltip_title_font=”|700|||||||” tooltip_title_font_size=”20px” tooltip_title_line_height=”0.5em” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.59)” tooltip_desc_font_size=”14px” tooltip_desc_letter_spacing=”0px” tooltip_desc_line_height=”1.3em” custom_tooltip_button=”on” tooltip_button_text_size=”14px” tooltip_button_text_color=”#ffffff” tooltip_button_bg_color=”#15022a” tooltip_button_border_width=”0px” tooltip_button_border_color=”#15022a” tooltip_button_border_radius=”100px” tooltip_button_use_icon=”off” filter_saturate=”80%” border_radii_hotspot_img=”on|200px|200px|200px|200px” border_width_all_hotspot_img=”3px” border_color_all_hotspot_img=”#ffffff” border_width_all_hotspot_img_tablet=”” border_width_all_hotspot_img_phone=”2px” border_width_all_hotspot_img_last_edited=”on|phone” border_radii_tooltip_img=”on|200px|200px|200px|200px” border_color_all_tooltip_img=”rgba(68,0,153,0.1)” border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_hotspot_img=”preset3″ box_shadow_blur_hotspot_img=”26px” box_shadow_color_hotspot_img=”rgba(21,2,42,0.46)” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”50px” box_shadow_color_tooltip_box=”rgba(68,0,153,0.14)” global_colors_info=”{}” tooltip_button_border_color__hover_enabled=”on|desktop” tooltip_button_border_color__hover=”#15022a” tooltip_button_border_width__hover_enabled=”on|hover” filter_saturate__hover=”100%” filter_saturate__hover_enabled=”on|hover” filter_contrast__hover=”120%” filter_contrast__hover_enabled=”on|hover” tooltip_button_border_width__hover=”0px” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot 1″ hotspot_image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-09.jpg” hotspot_image_width=”60px” hotspot_position_vertical=”71.2%” hotspot_position_horizontal=”82.9%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-09.jpg” tooltip_image_width=”120px” tooltip_title=”Patrick Doyle” tooltip_desc=”Aliquam euismod mollis ante sed malesuada. Integer posuere tincidunt ipsum.” show_tooltip_button=”on” tooltip_button_text=”Contact” tooltip_button_link=”#” tooltip_width=”260px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_image_width_tablet=”” hotspot_image_width_phone=”30px” hotspot_image_width_last_edited=”on|phone” _builder_version=”4.19.4″ tooltip_title_font=”|700|||||||” tooltip_title_font_size=”20px” tooltip_title_line_height=”0.5em” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.59)” tooltip_desc_font_size=”14px” tooltip_desc_letter_spacing=”0px” tooltip_desc_line_height=”1.3em” custom_tooltip_button=”on” tooltip_button_text_size=”14px” tooltip_button_text_color=”#ffffff” tooltip_button_bg_color=”#15022a” tooltip_button_border_width=”0px” tooltip_button_border_color=”#15022a” tooltip_button_border_radius=”100px” tooltip_button_use_icon=”off” filter_saturate=”80%” border_radii_hotspot_img=”on|200px|200px|200px|200px” border_width_all_hotspot_img=”3px” border_color_all_hotspot_img=”#ffffff” border_width_all_hotspot_img_tablet=”” border_width_all_hotspot_img_phone=”2px” border_width_all_hotspot_img_last_edited=”on|phone” border_radii_tooltip_img=”on|200px|200px|200px|200px” border_color_all_tooltip_img=”rgba(68,0,153,0.1)” border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_hotspot_img=”preset3″ box_shadow_blur_hotspot_img=”26px” box_shadow_color_hotspot_img=”rgba(21,2,42,0.46)” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”50px” box_shadow_color_tooltip_box=”rgba(68,0,153,0.14)” global_colors_info=”{}” tooltip_button_border_color__hover_enabled=”on|desktop” tooltip_button_border_color__hover=”#15022a” tooltip_button_border_width__hover_enabled=”on|hover” filter_saturate__hover=”100%” filter_saturate__hover_enabled=”on|hover” filter_contrast__hover=”120%” filter_contrast__hover_enabled=”on|hover” tooltip_button_border_width__hover=”0px” theme_builder_area=”post_content”][/dipi_image_hotspot_child][dipi_image_hotspot_child title=”Hotspot 1″ hotspot_image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-04.jpg” hotspot_image_width=”60px” hotspot_position_vertical=”34%” hotspot_position_horizontal=”74%” tooltip_img_src=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-team-04.jpg” tooltip_image_width=”120px” tooltip_title=”David Johnson” tooltip_desc=”Aliquam euismod mollis ante sed malesuada. Integer posuere tincidunt ipsum.” show_tooltip_button=”on” tooltip_button_text=”Contact” tooltip_button_link=”#” tooltip_width=”260px” tooltip_content_align=”center” use_tooltip_arrow=”on” arrow_color=”#ffffff” tooltip_padding=”20px|20px|20px|20px|false|false” hotspot_image_width_tablet=”” hotspot_image_width_phone=”30px” hotspot_image_width_last_edited=”on|phone” _builder_version=”4.19.4″ tooltip_title_font=”|700|||||||” tooltip_title_font_size=”20px” tooltip_title_line_height=”0.5em” tooltip_desc_font=”|300|||||||” tooltip_desc_text_color=”rgba(21,2,42,0.59)” tooltip_desc_font_size=”14px” tooltip_desc_letter_spacing=”0px” tooltip_desc_line_height=”1.3em” custom_tooltip_button=”on” tooltip_button_text_size=”14px” tooltip_button_text_color=”#ffffff” tooltip_button_bg_color=”#15022a” tooltip_button_border_width=”0px” tooltip_button_border_color=”#15022a” tooltip_button_border_radius=”100px” tooltip_button_use_icon=”off” filter_saturate=”80%” border_radii_hotspot_img=”on|200px|200px|200px|200px” border_width_all_hotspot_img=”3px” border_color_all_hotspot_img=”#ffffff” border_width_all_hotspot_img_tablet=”” border_width_all_hotspot_img_phone=”2px” border_width_all_hotspot_img_last_edited=”on|phone” border_radii_tooltip_img=”on|200px|200px|200px|200px” border_color_all_tooltip_img=”rgba(68,0,153,0.1)” border_radii_tooltip_box=”on|10px|10px|10px|10px” box_shadow_style_hotspot_img=”preset3″ box_shadow_blur_hotspot_img=”26px” box_shadow_color_hotspot_img=”rgba(21,2,42,0.46)” box_shadow_style_tooltip_box=”preset1″ box_shadow_blur_tooltip_box=”50px” box_shadow_color_tooltip_box=”rgba(68,0,153,0.14)” global_colors_info=”{}” tooltip_button_border_color__hover_enabled=”on|desktop” tooltip_button_border_color__hover=”#15022a” tooltip_button_border_width__hover_enabled=”on|hover” filter_saturate__hover=”100%” filter_saturate__hover_enabled=”on|hover” filter_contrast__hover=”120%” filter_contrast__hover_enabled=”on|hover” tooltip_button_border_width__hover=”0px” theme_builder_area=”post_content”][/dipi_image_hotspot_child][/dipi_image_hotspot]