English, asked by simransidhuy8451, 7 months ago

How will be school of your dreams?draw its picture and write about it.

Answers

Answered by Anonymous
11

My dream school would be complete with amazing facilities like classroom labs, pools, and gyms. A library and counselling centre would be at hand to enable students to be more familiar with their subjects and themselves.

&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