<g font-family="Verdana, sans serif">

<a xlink:href="http://www.communitywiki.org/en/FrontPage" target="page">
  <rect fill="red" x="10" y="10" width="200" height="280" opacity="0.2" />
  <text x="10" y="20" text-anchor="left" font-size="12" opacity="0.6">CommunityWiki</text>
</a>

<a xlink:href="http://www.communitywiki.org/en/GroupDecisionMaking" target="page">
  <ellipse cx="220" cy="100" rx="40" ry="40" fill="springgreen" opacity="0.6"/>
  <text x="220" y="100" text-anchor="middle" font-size="32" fill="red" opacity="0.6">?</text>
  <text x="220" y="120" text-anchor="middle" font-size="16" opacity="0.6">GroupDecisionMaking</text>
</a>

<defs>
  <marker id="ArrowHead" viewBox="0 0 50 30" refX="0" refY="15" fill="gray" 
    markerWidth="5" markerHeight="5" orient="auto" >
    <path d="M -2,0 L 50,12 L 0,30 z" />
  </marker>
</defs>
<path d="M 220,140 l 0,60" stroke="gray" fill="none" stroke-width="5" marker-end="url(#ArrowHead); " />

<a xlink:href="http://www.communitywiki.org/en/StrategicDialogSupportSoftware" target="page">
  <rect fill="skyblue" stroke="black" stroke-width="1" x="80" y="230" width="300" height="32"  opacity="0.6" />
  <text x="100" y="250" text-anchor="left" font-size="16" opacity="0.6" >StrategicDialogSupportSoftware</text>
</a>

</g>