<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<svg width="800" height="600" preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg>
<rect x="10" y="10" height="377" width="640" style="fill: #e75040;" />
<rect x="30" y="70" rx="5" ry="5" height="33" width="600" style="fill: #cc3b2d" />
<text id="month_name" x="300" y="50" fill="#ffffff" style="font-size:22px; font-family: Arial; font-weight:bold;"></text>
<rect x="45" y="159" rx="5" ry="5" height="33" width="40" style="fill: #cc3b2d" />
<svg x="10" y="70">
<g>
<text x="35" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">MON</text>
<text x="126" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">TUE</text>
<text x="216" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">WED</text>
<text x="304" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">THU</text>
<text x="396" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">FRI</text>
<text x="473" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">SAT</text>
<text x="560" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">SUN</text>
</g>
</svg>
<svg x="10" y="120">
<g>
<text x="49" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;"></text>
<text x="141" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;"></text>
<text x="230" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">1</text>
<text x="317" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">2</text>
<text x="405" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">3</text>
<text x="482" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">4</text>
<text x="577" y="24" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">5</text>
</g>
<g>
<text x="50" y="63" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">6</text>
<text x="141" y="63" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">7</text>
<text x="229" y="63" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">8</text>
<text x="315" y="63" style="fill: #ffffff; font-size:20px; font-family: Arial; font-weight:bold;">9</text>
