---
title: "Callouts 1 Diagram"
description: "A diagram diagram template"
category: "templates/other"
type: "diagram"
source_file: "templates/other/callouts_1_decoded.xml"
tags: ["other", "miscellaneous", "template", "drawio", "utility"]
---

# Callouts 1 Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1.5" pageWidth="1169" pageHeight="826" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0" style=";html=1;"/>
    <mxCell id="1" style=";html=1;" parent="0"/>
    <mxCell id="4e09c8c330e43b11-1" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.rectCallout;dx=150.45;dy=64.83;rounded=0;shadow=0;fillColor=#10739E;fontSize=16;fontColor=#FFFFFF;strokeColor=none;align=left;verticalAlign=top;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="932" y="260" width="620" height="310" as="geometry"/>
    </mxCell>
    <mxCell id="4e09c8c330e43b11-3" value="" style="shape=mxgraph.signs.people.man_1;html=1;fillColor=#10739E;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;fontSize=16;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="877" y="610" width="109" height="288" as="geometry"/>
    </mxCell>
    <mxCell id="4e09c8c330e43b11-4" value="" style="shape=mxgraph.signs.people.woman_1;html=1;fillColor=#AE4132;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;fontSize=16;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="670" y="610" width="134" height="288" as="geometry"/>
    </mxCell>
    <mxCell id="4e09c8c330e43b11-5" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.rectCallout;dx=158.83;dy=66.26;rounded=0;shadow=0;fillColor=#AE4132;fontSize=16;fontColor=#FFFFFF;strokeColor=none;flipH=1;align=left;verticalAlign=top;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="120" y="260" width="620" height="310" as="geometry"/>
    </mxCell>
    <mxCell id="4e09c8c330e43b11-8" value="Title" style="text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;rounded=0;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="280" y="80" width="1190" height="40" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```