baueradvance/httpdocs/templates/bauer/rsce_advanceImagemap.html5

<?php $GLOBALS['TL_BODY'][] = '<script src="files/theme/assets/js/imageMapResizer.min.js"></script>';
$GLOBALS['TL_BODY'][] = "<script>
$(document).ready(function() {
    $('map').imageMapResize();
});
</script>";
?>

<div class="<?php echo $this->class ?> block" <?php echo $this->cssID ?>>
<img src="files/uploads/home/lets_advance.png" usemap="#image-map">

<map name="image-map">
    <area target="" alt="Innovations" title="Innovations" href="<?php echo $this->link_1 ?>" coords="160,473,50,402" shape="rect">
    <area target="" alt="Influencer Marketing" title="Influencer Marketing" href="<?php echo $this->link_2 ?>" coords="276,355,168,249" shape="rect">
    <area target="" alt="Creativity &amp;amp; Camaign" title="Creativity &amp;amp; Camaign" href="<?php echo $this->link_3 ?>" coords="401,339,509,483" shape="rect">
    <area target="" alt="Concept &amp;amp; Strategy" title="Concept &amp;amp; Strategy" href="<?php echo $this->link_4 ?>" coords="489,71,586,194" shape="rect">
    <area target="" alt="Research" title="Research" href="<?php echo $this->link_5 ?>" coords="773,179,889,276" shape="rect">
    <area target="" alt="Experiential Marketing" title="Experiential Marketing" href="<?php echo $this->link_6 ?>" coords="739,23,870,146" shape="rect">
    <area target="" alt="Content Creation" title="Content Creation" href="<?php echo $this->link_7 ?>" coords="904,2,984,100" shape="rect">
</map>
</div>