Ashok Chakra Source Code

Source Code Here - 


<!DOCTYPE html>
<html>
  <head>
    <title>Ashok Chakra Source Code Free Download</title>
    <style >
    *{
    margin0;
    padding0;
    }
    
    .outer{
    width:100%;
    height:100vh;
    align-itemscenter;
    justify-contentcenter;
    display:flex;
    }
    .chakra{
    width96px;
    height96px;
    border:2px solid blue;
    border-radius50%;
    marginauto;
    }
    .chakra li{
    list-stylenone;
    width94px;
    border1px solid blue;
    positionrelative;
    }
    li:nth-child(1){
    top47px;
    }
    li:nth-child(2){
    top45px;
    transformrotate(90deg);
    }
    li:nth-child(3){
    top43px;
    transformrotate(15deg);
    }
    li:nth-child(4){
    top41px;
    transformrotate(30deg);
    }
    li:nth-child(5){
    top39px;
    transformrotate(45deg);
    }
    li:nth-child(6){
    top37px;
    transformrotate(60deg);
    }
    li:nth-child(7){
    top35px;
    transformrotate(75deg);
    }
    li:nth-child(8){
    top33px;
    transformrotate(105deg);
    }
    li:nth-child(9){
    top31px;
    transformrotate(120deg);
    }
    li:nth-child(10){
    top29px;
    transformrotate(135deg);
    }
    li:nth-child(11){
    top27px;
    transformrotate(150deg);
    }
    li:nth-child(12){
    top25px;
    transformrotate(165deg);
    }
    </style>
  </head>
  <body>
    <div class="outer">
      <div>
        <h2 style="text-align: center;"> <span style="color: orange">Ashoka</span>  <span style="color: green">Chakra</span> </h2>
        <div class="chakra">
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </div>
      </div>
    </div>
  </body>
</html>



Download Source Code Here - 


Ashok Chakra Source Code