Hindi, asked by anushri6910, 8 months ago

aese the arman ki udthe nille nab ko sima pane. in pankith ka bav spasht kijiye

Answers

Answered by GRANDxSAMARTH
1

Explanation:

&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>    &lt;head&gt;</p><p>        &lt;title&gt;Page Title&lt;/title&gt;</p><p>    &lt;/head&gt;</p><p>    &lt;style&gt;body {</p><p>    background-color: #ccc;</p><p>}</p><p>.flag{</p><p>    font-size: 5px;</p><p>    width: 90em;</p><p>    height: 60em;</p><p>    border: 1px solid #aaa;</p><p>}</p><p>.stripe{</p><p>    height: 33.33%;</p><p>    box-sizing: border-box;</p><p>}</p><p>.stripe1{</p><p>    background: #ff9933;</p><p>}</p><p>.stripe2{</p><p>    padding: 1em;</p><p>    background-color: white;</p><p>}</p><p>.stripe3{</p><p>    background-color: green;</p><p>}</p><p>.ashok{</p><p>    width: 16em;</p><p>    height: 16em;</p><p>    position: relative;</p><p>    border: 1em solid navy;</p><p>    border-radius: 50%;</p><p>    margin: 0 auto;</p><p>}</p><p>.ashok:before{</p><p>    content: "";</p><p>    position: absolute;</p><p>    top: 6.5em;</p><p>    left: 6.5em;</p><p>    width: 3em;</p><p>    height: 3em;</p><p>    background-color: navy;</p><p>    border-radius: 50%;</p><p>}</p><p>.spoke{</p><p>    width: 1em;</p><p>    height: 0;</p><p>    position: absolute ;</p><p>    top: 7.75em;</p><p>    left: 8em;</p><p>    border-top: 0.75em solid transparent;</p><p>    border-right: 2em solid navy;</p><p>    border-bottom: 0.25em solid transparent;</p><p>    transform-origin: 0 0.25em;</p><p>}</p><p>.spoke:before{</p><p>    content: "";</p><p>    position: absolute;</p><p>    width: 0;</p><p>    height: 0;</p><p>    top: -0.25em;</p><p>    left: 3em;</p><p>    border-top: 0.25em solid transparent ;</p><p>    border-left: 5em solid navy;</p><p>    border-bottom: 0.25 solid transparent ;</p><p>}</p><p>.spoke:after{</p><p>    content: "";</p><p>    position: absolute ;</p><p>    width: 0.8em;</p><p>    height: 0.8em;</p><p>    top: 0.66em;</p><p>    left: 7.6em;</p><p>    background-color: navy;</p><p>    border-radius: 50%</p><p>    }</p><p>.spoke1{</p><p>    transform: rotate(0deg);</p><p>}</p><p>.spoke2{</p><p>    transform: rotate(15deg);</p><p>}</p><p>.spoke3{</p><p>    transform: rotate(30deg);</p><p>}</p><p>.spoke4{</p><p>    transform: rotate(45deg);</p><p>}</p><p>.spoke5{</p><p>    transform: rotate(60deg);</p><p>}</p><p>.spoke6{</p><p>    transform: rotate(75deg);</p><p>}</p><p>.spoke7{</p><p>    transform: rotate(90deg);</p><p>}</p><p>.spoke8{</p><p>    transform: rotate(105deg);</p><p>}</p><p>.spoke9{</p><p>    transform: rotate(120deg);</p><p>}</p><p>.spoke10{</p><p>    transform: rotate(135deg);</p><p>}</p><p>.spoke11{</p><p>    transform: rotate(150deg);</p><p>}</p><p>.spoke12{</p><p>    transform: rotate(165deg);</p><p>}</p><p>.spoke13{</p><p>    transform: rotate(180deg);</p><p>}</p><p>.spoke14{</p><p>    transform: rotate(195deg);</p><p>}</p><p>.spoke15{</p><p>    transform: rotate(210deg);</p><p>}</p><p>.spoke16{</p><p>    transform: rotate(225deg);</p><p>}</p><p>.spoke17{</p><p>    transform: rotate(240deg);</p><p>}</p><p>.spoke18{</p><p>    transform: rotate(255deg);</p><p>}</p><p>.spoke19{</p><p>    transform: rotate(270deg);</p><p>}</p><p>.spoke20{</p><p>    transform: rotate(285deg);</p><p>}</p><p>.spoke21{</p><p>    transform: rotate(300deg);</p><p>}</p><p>.spoke22{</p><p>    transform: rotate(315deg);</p><p>}</p><p>.spoke23{</p><p>    transform: rotate(330deg);</p><p>}</p><p>.spoke24{</p><p>    transform: rotate(345deg);</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>    &lt;body&gt;</p><p>    &lt;marquee size="5"style="color:orange;"&gt;&lt;font size="16"&gt;&lt;u&gt;Incredible India&lt;/u&gt; &lt;/marquee&gt;</p><p>       &lt;div class="flag"&gt;</p><p>           &lt;div class="stripe stripe1"&gt;&lt;/div&gt;</p><p>           &lt;div class="stripe stripe2"&gt;</p><p>               &lt;div class="ashok"&gt;</p><p>                   &lt;div class="spoke spoke1"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke2"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke3"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke4"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke5"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke6"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke7"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke8"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke9"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke10"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke11"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke12"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke13"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke14"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke15"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke16"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke17"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke18"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke19"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke20"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke21"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke22"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke23"&gt;&lt;/div&gt;</p><p>                   &lt;div class="spoke spoke24"&gt;&lt;/div&gt;</p><p>                   </p><p>               &lt;/div&gt;</p><p>           &lt;/div&gt;</p><p>               &lt;div class="stripe stripe3"&gt;&lt;/div&gt;</p><p>               &lt;h1&gt;GRANDxSAMARTH&lt;/h1&gt;</p><p>       &lt;/div&gt; </p><p>    &lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions