English, asked by anchalsin2001, 8 months ago

write a letter on you are Manoj or manju the spot incharge of Bal bharti public school Delhi place an order to prakas sports new Delhi for some sports article required for your school

Answers

Answered by Itznikhilhere
4

hello Anchal I am bunny

&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;Koala&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="character"&gt;</p><p></p><p>&lt;div class="head"&gt;</p><p></p><p>&lt;div class="ear ear-left"&gt; &lt;/div&gt;</p><p></p><p>&lt;div class="ear ear-rigth"&gt; &lt;/div&gt;</p><p></p><p>&lt;div class="eyes"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="lip"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="body"&gt;</p><p></p><p>&lt;div class="hand hand-right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="hand hand-left"&gt;&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>body {</p><p></p><p>display: flex;</p><p></p><p>justify-content: center;</p><p></p><p>padding-top: 150px;</p><p></p><p>}</p><p></p><p>.character {</p><p></p><p>position: relative;</p><p></p><p>}</p><p></p><p>.character .head {</p><p></p><p>height: 125px;</p><p></p><p>width: 155px;</p><p></p><p>background: #94e1fd;</p><p></p><p>border-radius: 80px 89px 55px 55px;</p><p></p><p>position: relative;</p><p></p><p>border: 4px solid black;</p><p></p><p>top: 6px;</p><p></p><p>}</p><p></p><p>.character .head:after {</p><p></p><p>content: "";</p><p></p><p>position: absolute;</p><p></p><p>bottom: -43%;</p><p></p><p>width: 40px;</p><p></p><p>height: 50px;</p><p></p><p>background: white;</p><p></p><p>border-bottom-left-radius: 50%;</p><p></p><p>border-bottom-right-radius: 50%;</p><p></p><p>left: 42%;</p><p></p><p>}</p><p></p><p>.ear {</p><p></p><p>width: 78px;</p><p></p><p>height: 78px;</p><p></p><p>background: white;</p><p></p><p>border-radius: 38% 62% 57% 43% / 45% 48% 52% 55%;</p><p></p><p>border: 4px solid black;</p><p></p><p>position: absolute;</p><p></p><p>}</p><p></p><p>.ear-left {</p><p></p><p>top: -24%;</p><p></p><p>left: -24%;</p><p></p><p>border-bottom-color: #94e1fd;</p><p></p><p>transform: rotate(-49deg);</p><p></p><p>box-shadow: inset 6px 20px 0px 12px #94e1fd, inset -20px 18px 0 0px #94e1fd, inset 3px -9px 0 0px #94e1fd;</p><p></p><p>animation: ear-left 2s infinite linear;</p><p></p><p>}</p><p></p><p>.ear-left:before {</p><p></p><p>content: "";</p><p></p><p>width: 4px;</p><p></p><p>height: 6px;</p><p></p><p>border-radius: 50%;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>top: 31px;</p><p></p><p>left: 110%;</p><p></p><p>transform: rotate(-76deg);</p><p></p><p>box-shadow: 15px 12px, 30px 0px;</p><p></p><p>opacity: 0;</p><p></p><p>animation: ear-left-after 2s infinite linear;</p><p></p><p>}</p><p></p><p>.ear-rigth {</p><p></p><p>left: 65%;</p><p></p><p>top: -24%;</p><p></p><p>transform: rotate(-227deg);</p><p></p><p>z-index: -1;</p><p></p><p>box-shadow: inset 20px -4px 0px 13px #94e1fd, inset 20px -11px 0 0px #94e1fd, inset 20px 19px 0 0px #94e1fd;</p><p></p><p>animation: ear-right 2s infinite linear;</p><p></p><p>}</p><p></p><p>.eyes {</p><p></p><p>width: 14px;</p><p></p><p>height: 10px;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 50%;</p><p></p><p>top: 46%;</p><p></p><p>left: 28%;</p><p></p><p>box-shadow: 65px 0px;</p><p></p><p>animation: eyes 2s infinite linear;</p><p></p><p>}</p><p></p><p>.eyes:after {</p><p></p><p>content: "";</p><p></p><p>width: 14px;</p><p></p><p>height: 3px;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 50%;</p><p></p><p>bottom: -57%;</p><p></p><p>box-shadow: 65px 0px;</p><p></p><p>}</p><p></p><p>.nose {</p><p></p><p>width: 31px;</p><p></p><p>height: 35px;</p><p></p><p>background: #6f69ef;</p><p></p><p>border-radius: 53% 47% 59% 41% / 73% 76% 24% 27%;</p><p></p><p>border: 4px solid;</p><p></p><p>position: absolute;</p><p></p><p>top: 43%;</p><p></p><p>left: 43%;</p><p></p><p>animation: nose 2s infinite linear;</p><p></p><p>}</p><p></p><p>.lip {</p><p></p><p>width: 34px;</p><p></p><p>height: 4px;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 25%;</p><p></p><p>top: 83%;</p><p></p><p>left: 45%;</p><p></p><p>animation: lip 2s infinite linear;</p><p></p><p>}</p><p></p><p>.body {</p><p></p><p>position: relative;</p><p></p><p>z-index: -1;</p><p></p><p>}</p><p></p><p>.body:after,</p><p></p><p>.body:before {</p><p></p><p>content: "";</p><p></p><p>border-radius: 50%;</p><p></p><p>width: 44px;</p><p></p><p>height: 105px;</p><p></p><p>border: 4px solid;</p><p></p><p>position: absolute;</p><p></p><p>background: #94e1fd;</p><p></p><p>border-right-color: transparent;</p><p></p><p>left: 24%;</p><p></p><p>top: -8px;</p><p></p><p>}</p><p></p><p>.body:after {</p><p></p><p>left: 46%;</p><p></p><p>border-left-color: transparent;</p><p></p><p>border-right-color: black;</p><p></p><p>}</p><p></p><p>.hand {</p><p></p><p>border-right-color: transparent;</p><p></p><p>width: 34px;</p><p></p><p>height: 55px;</p><p></p><p>border-radius: 71% 29% 22% 78% / 17% 78% 22% 83%;</p><p></p><p>background: #94e1fd;</p><p></p><p>border: 4px solid;</p><p></p><p>position: absolute;</p><p></p><p>left: 8%;</p><p></p><p>top: -2px;</p><p></p><p>border-top-color: #94e1fd;</p><p></p><p>transform: rotate(39deg);</p><p></p><p>}</p><p></p><p>.hand-left {</p><p></p><p>left: 63%;</p><p></p><p>transform: rotate(-27deg);</p><p></p><p>border-radius: 59% 41% 32% 68% / 20% 62% 38% 80%;</p><p></p><p>border-left-color: transparent;</p><p></p><p>}</p><p></p><p>@keyframes eyes {</p><p></p><p>100% {</p><p></p><p>height: 30px;</p><p></p><p>top: 22%;</p><p></p><p>width: 10px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes nose {</p><p></p><p>100% {</p><p></p><p>top: 22%;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes lip {</p><p></p><p>100% {</p><p></p><p>background: #f77676;</p><p></p><p>height: 25px;</p><p></p><p>width: 25px;</p><p></p><p>top: 72%;</p><p></p><p>border-top-left-radius: 50%;</p><p></p><p>border-top-right-radius: 50%;</p><p></p><p>transform: translateY(-10px);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes ear-left {</p><p></p><p>100% {</p><p></p><p>border-bottom-color: black;</p><p></p><p>top: 165%;</p><p></p><p>transform: rotate(-175deg);</p><p></p><p>height: 24px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes ear-right {</p><p></p><p>100% {</p><p></p><p>top: 165%;</p><p></p><p>transform: rotate(-175deg);</p><p></p><p>height: 24px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes ear-left-after {</p><p></p><p>95% {</p><p></p><p>opacity: 0;</p><p></p><p>}</p><p></p><p>100% {</p><p></p><p>opacity: 1;</p><p></p><p>}</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