Question

.Draft a poster highlighting the “Importance of staying inside our houses during

the Lockdown.​

Answer 1

Explanation:

< /p > < p > < /p > < p > < !DOCTYPE html > < /p > < p > < /p > < p > < html lang="en" > < /p > < p > < /p > < p > < head > < /p > < p > < /p > < p > < meta charset="UTF-8" > < /p > < p > < /p > < p > < meta name="viewport" content="width=device-width, initial-scale=1.0" > < /p > < p > < /p > < p > < title > Arc reacter < /title > < /p > < p > < /p > < p > < link rel="stylesheet" href="design.css" / > < /p > < p > < /p > < p > < /head > < /p > < p > < /p > < p > < body > < /p > < p > < /p > < p > < div class="fullpage-wrapper" > < /p > < p > < /p > < p > < div class="reactor-container" > < /p > < p > < /p > < p > < div class="reactor-container-inner circle abs-center" > < /div > < /p > < p > < /p > < p > < div class="tunnel circle abs-center" > < /div > < /p > < p > < /p > < p > < div class="core-wrapper circle abs-center" > < /div > < /p > < p > < /p > < p > < div class="core-outer circle abs-center" > < /div > < /p > < p > < /p > < p > < div class="core-inner circle abs-center" > < /div > < /p > < p > < /p > < p > < div class="coil-container" > < /p > < p > < /p > < p > < div class="coil coil-1" > < /div > < /p > < p > < /p > < p > < div class="coil coil-2" > < /div > < /p > < p > < /p > < p > < div class="coil coil-3" > < /div > < /p > < p > < /p > < p > < div class="coil coil-4" > < /div > < /p > < p > < /p > < p > < div class="coil coil-5" > < /div > < /p > < p > < /p > < p > < div class="coil coil-6" > < /div > < /p > < p > < /p > < p > < div class="coil coil-7" > < /div > < /p > < p > < /p > < p > < div class="coil coil-8" > < /div > < /p > < p > < /p > < p > < /div > < /p > < p > < /p > < p > < /div > < /p > < p > < /p > < p > < /div > < /p > < p > < /p > < p > < style > < /p > < p > < /p > < p > body { margin: 0; } .fullpage-wrapper { width: 100%; height: 100vh; background: radial-gradient(#353c44, #222931); display: flex; } .reactor-container { width: 300px; height: 300px; margin: auto; border: 1px dashed #888; position: relative; border-radius: 50%; background-color: #384c50; border: 1px solid rgb(18, 20, 20); box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset; } .reactor-container-inner { height: 238px; width: 238px; background-color: rgb(22, 26, 27);; box-shadow: 0px 0px 4px 1px #52FEFE; } .circle { border-radius: 50%; } .abs-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .core-inner { width: 70px; height: 70px; border: 5px solid #1B4E5F; background-color: #FFFFFF; box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset; } .core-outer { width: 120px; height: 120px; border: 1px solid #52FEFE; background-color: #FFFFFF; box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset; } .core-wrapper { width: 180px; height: 180px; background-color: #073c4b; box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset; } .tunnel { width: 220px; height: 220px; background-color: #FFFFFF; box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset; } .coil-container { position: relative; width: 100%; height: 100%; animation: 3s infinite linear