<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
	"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="300" height="300" style="fill:rgb(0,0,255)">
<g id="all" style="opacity:1;stroke-width:15;">
	<ellipse id= "redbow" cx="150" cy="200" rx="120" ry="120" style="opacity:1; fill:none;stroke:red;stroke-dasharray:370 370;stroke-dashoffset:175;"/>	
	<ellipse id= "orangebow" cx="150" cy="200" rx="105" ry="105" style="opacity:1; fill:none;stroke:orange;stroke-dasharray:323 323;stroke-dashoffset:152;"/>	
	<ellipse id= "yellowbow" cx="150" cy="200" rx="90" ry="90" style="opacity:1; fill:none;stroke:yellow;stroke-dasharray:278 278;stroke-dashoffset:132;"/>	
	<ellipse id= "greenbow" cx="150" cy="200" rx="75" ry="75" style="opacity:1; fill:none;stroke:green;stroke-dasharray:231 231;stroke-dashoffset:109;"/>	
	<ellipse id= "bluebow" cx="150" cy="200" rx="60" ry="60" style="opacity:1; fill:none;stroke:blue;stroke-dasharray:184 184;stroke-dashoffset:86;"/>	
	<ellipse id= "darkbluebow" cx="150" cy="200" rx="45" ry="45" style="opacity:1; fill:none;stroke:rgb(138,43,226);stroke-dasharray:137 137;stroke-dashoffset:63;"/>	
	<ellipse id= "indigobow" cx="150" cy="200" rx="30" ry="30" style="opacity:1; fill:none;stroke:rgb(104,34,139);stroke-dasharray:90 90;stroke-dashoffset:40;"/>	
</g>

<g id="DeveloperWorksText" style="opacity:0; text-anchor:middle; font-size:1">
 <text x="150" y="150">Developer Works</text>
</g>

<animate id = "fadetxtIn" xlink:href="#DeveloperWorksText" 
attributeName="opacity" 
from="0" 
to="1" 
begin="00:00:07" 
dur="5s" 
fill="freeze"/>

<animate id = "fadetxtIn" xlink:href="#DeveloperWorksText" 
attributeName="font-size" 
from="0" 
to="30" 
begin="00:00:07" 
dur="5s" 
fill="freeze"/>

<animate id = "fade1" xlink:href="#all" 
attributeName="opacity" 
from="0" 
to="1" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "zoom" xlink:href="#all" 
attributeName="stroke-width" 
from="1000" 
to="15" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#redbow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="175" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#orangebow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="152" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#yellowbow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="132" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#greenbow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="109" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#bluebow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="86" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#darkbluebow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="63" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "rotate" xlink:href="#indigobow" 
attributeName="stroke-dashoffset" 
from="1000" 
to="40" 
begin="00:00:00" 
dur="5s" 
fill="freeze"/>

<animate id = "zoom2" xlink:href="#all" 
attributeName="stroke-width" 
from="15" 
to="1000" 
begin="00:00:07" 
dur="5s" 
fill="freeze"/>

<animate id = "fadeout" xlink:href="#all" 
attributeName="opacity" 
from="1" 
to="0" 
begin="00:00:8" 
dur="2s" 
fill="freeze"/>

</svg>