<link href="http://up.nu1.ir/up/webran/nu1/free/css/nu1.css" rel="stylesheet" />
<center>
<div id="skills" class="step" data-x="5800" data-y="-1700" data-z="-3000" data-rotate="300" data-scale="3">
<h2>nu1.ir</h2>
<div class="legend">
<div class="skills">
<ul>
<li class="jq">چاي سبز</li>
<li class="css">شکر</li>
<li class="html">چاي</li>
<li class="php">قند</li>
<li class="sql">گوشت</li>
</ul>
</div>
</div>
<div id="diagram"></div>
<div class="get">
<div class="arc"> <span class="text">چاي سبز</span>
<input type="hidden" class="percent" value="70" />
<input type="hidden" class="color" value="#b72228" />
</div>
<div class="arc"> <span class="text">چاي</span>
<input type="hidden" class="percent" value="80" />
<input type="hidden" class="color" value="#88B8E6" />
</div>
<div class="arc"> <span class="text">گوشت</span>
<input type="hidden" class="percent" value="45" />
<input type="hidden" class="color" value="#d4d4d4" />
</div>
<div class="arc"> <span class="text">شکر</span>
<input type="hidden" class="percent" value="80" />
<input type="hidden" class="color" value="#6286a8" />
</div>
<div class="arc"> <span class="text">قند</span>
<input type="hidden" class="percent" value="93" />
<input type="hidden" class="color" value="#BEDBE9" />
</div>
</div>
</div>
<script src="http://up.nu1.ir/up/webran/nu1/free/js/nu1-1.js" type="text/javascript"></script>
<script src="http://up.nu1.ir/up/webran/nu1/free/js/nu1-2.js" type="text/javascript"></script>
<script src="http://up.nu1.ir/up/webran/nu1/free/js/nu1-3.js" type="text/javascript"></script>
</center>