English, asked by shivangpost, 8 months ago

The poem written by the priest turned into a song and gained popularity by the selfless act of the organ builder. Have you ever done anything similar which helped in spreading joy and positivity around u? Explain in detail with reference to the story ‘The Song From Heaven’.

Answers

Answered by WalkingDeath
1

&lt;!DOCTYPE html&gt;</p><p></p><p>  &lt;html lang="en"&gt;</p><p></p><p>  &lt;head&gt;</p><p></p><p>  &lt;title&gt;Captain America Shield&lt;/title&gt;</p><p></p><p>  &lt;/head&gt;</p><p></p><p>  &lt;div class="container"&gt;</p><p></p><p>  &lt;div class="circle outer-lv3"&gt;</p><p></p><p>  &lt;div class="circle outer-lv2"&gt;</p><p></p><p>  &lt;div class="circle outer-lv1"&gt;</p><p></p><p>  &lt;div class="center"&gt;</p><p></p><p>  &lt;div class="arrow top"&gt;&lt;/div&gt;</p><p></p><p>  &lt;div class="arrow left"&gt;&lt;/div&gt;</p><p></p><p>  &lt;div class="arrow right"&gt;&lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;style&gt;</p><p></p><p>  html, body {</p><p></p><p>  background:#0846A8;</p><p></p><p>  height: 500px;</p><p></p><p>  }</p><p></p><p>  .container {</p><p></p><p>  width:100%;</p><p></p><p>  height: 100%;</p><p></p><p>  display: flex;</p><p></p><p>  justify-content: center;</p><p></p><p>  align-items: center;</p><p></p><p>  }</p><p></p><p>  .circle {</p><p></p><p>  border-radius: 50%;</p><p></p><p>  display: flex;</p><p></p><p>  flex-direction: row;</p><p></p><p>  justify-content: center;</p><p></p><p>  align-items: center;</p><p></p><p>  border:1px solid #000;</p><p></p><p>  }</p><p></p><p>  .outer-lv3 {</p><p></p><p>  background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p>  height: 260px;</p><p></p><p>  width: 260px;</p><p></p><p>  -webkit-animation: turning 8s infinite linear;</p><p></p><p>  animation: turning 8s infinite linear;</p><p></p><p>  }</p><p></p><p>  @-webkit-keyframes turning {</p><p></p><p>  0% {transform: rotate(0deg)}</p><p></p><p>  100% {transform: rotate(360deg)}</p><p></p><p>  }</p><p></p><p>  @keyframes turning {</p><p></p><p>  0% {transform: rotate(0deg)}</p><p></p><p>  100% {transform: rotate(360deg)}</p><p></p><p>  }</p><p></p><p>  .outer-lv2 {</p><p></p><p>  background: #fff;</p><p></p><p>  background-image: linear-gradient(#DBD9D9,#FAFAFA,#DBD9D9);</p><p></p><p>  height: 210px;</p><p></p><p>  width: 210px;</p><p></p><p>  }</p><p></p><p>  .outer-lv1 {</p><p></p><p>  background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p>  height: 150px;</p><p></p><p>  width: 150px;</p><p></p><p>  }</p><p></p><p>  .center {</p><p></p><p>  background-image: linear-gradient(#0846A8,#277AFF,#0846A8);</p><p></p><p>  height: 100px;</p><p></p><p>  width: 100px;</p><p></p><p>  border-radius: 50%;</p><p></p><p>  position: relative;</p><p></p><p>  overflow: hidden;</p><p></p><p>  border:1px solid #000;</p><p></p><p>  }</p><p></p><p>  .arrow {</p><p></p><p>  border-top: 35px solid #EDE8E8;</p><p></p><p>  border-bottom: 48px solid rgba(0,0,0,0.0);</p><p></p><p>  border-left: 48px solid transparent;</p><p></p><p>  border-right: 48px solid transparent;</p><p></p><p>  position: absolute;</p><p></p><p>  height: 0;</p><p></p><p>  width: 0;</p><p></p><p>  }</p><p></p><p>  .top {</p><p></p><p>  top: 35px;</p><p></p><p>  left: 2px;</p><p></p><p>  }</p><p></p><p>  .left {</p><p></p><p>  transform: rotate(72deg);</p><p></p><p>  top: 16px;</p><p></p><p>  left: -24px;</p><p></p><p>  }</p><p></p><p>  .right {</p><p></p><p>  transform: rotate(-72deg);</p><p></p><p>  top: 16px;</p><p></p><p>  left: 25px;</p><p></p><p>  }</p><p></p><p>  &lt;/style&gt;</p><p></p><p>  &lt;/body&gt;</p><p></p><p>  &lt;/html&gt;

Similar questions