Biology, asked by mansikashyap5745, 9 months ago

please help me
.....​

Attachments:

Answers

Answered by Anonymous
0

&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;Sensitiser&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="bottle"&gt;</p><p>&lt;div class="sprayer"&gt;&lt;/div&gt;</p><p>&lt;div class="cap"&gt;&lt;/div&gt;</p><p>&lt;div class="droplets"&gt;&lt;/div&gt;</p><p>&lt;div class="logo"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="table"&gt;&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>* {</p><p>margin: 0;</p><p>padding: 0;</p><p>}</p><p>body {</p><p>width: 100vw;</p><p>height: 600px;</p><p>background-color: #95e3e6;</p><p>  position: absolute;</p><p>}</p><p></p><p>.table {</p><p>position: relative;</p><p>top: 100%;</p><p>transform: translateY(-100%);</p><p>width: 100vw;</p><p>height: 20%;</p><p>background-color: white;</p><p>}</p><p></p><p>.bottle {</p><p>position: absolute;</p><p>width: 150px;</p><p>height: 300px;</p><p>background-color: #e5f7fb;</p><p>bottom: 20%;</p><p>left: 40%;</p><p>}</p><p></p><p>@media only screen and (max-width: 600px) {</p><p>.bottle {</p><p>left: 10%;</p><p>transform: translateX(0%);</p><p>}</p><p>}</p><p></p><p>.bottle::before {</p><p>content: "";</p><p>position: absolute;</p><p>height: 150px;</p><p>background-color: #fcffff;</p><p>top: 50%;</p><p>transform: translateY(-50%);</p><p>}</p><p></p><p>.bottle .logo {</p><p>position: absolute;</p><p>top: 110px;</p><p>left: 50%;</p><p>transform: translateX(-50%);</p><p>width: 20px;</p><p>height: 80px;</p><p>background-color: #00d4da;</p><p>}</p><p></p><p>.bottle .logo::before {</p><p>content: "";</p><p>position: absolute;</p><p>width: 20px;</p><p>height: 80px;</p><p>background-color: #00d4da;</p><p>transform: rotate(90deg);</p><p>}</p><p></p><p>.bottle::after {</p><p>content: "";</p><p>position: absolute;</p><p>top: -60px;</p><p>border-bottom: 60px solid white;</p><p>border-left: 45px solid transparent;</p><p>border-right: 45px solid transparent;</p><p>height: 0;</p><p>width: 60px;</p><p>z-index: -1;</p><p>}</p><p></p><p>.cap {</p><p>position: absolute;</p><p>width: 60px;</p><p>height: 30px;</p><p>background: white;</p><p>left: 50%;</p><p>transform: translateX(-50%);</p><p>top: -90px;</p><p>}</p><p></p><p>.cap::before {</p><p>content: "";</p><p>position: absolute;</p><p>width: 40px;</p><p>height: 15px;</p><p>background: white;</p><p>top: -15px;</p><p>left: 50%;</p><p>transform: translateX(-50%);</p><p>}</p><p></p><p>.cap::after {</p><p>content: "";</p><p>position: absolute;</p><p>width: 15px;</p><p>height: 35px;</p><p>background: white;</p><p>top: -50px;</p><p>left: 50%;</p><p>transform: translateX(-50%);</p><p>}</p><p></p><p>.sprayer {</p><p>position: absolute;</p><p>width: 60px;</p><p>height: 30px;</p><p>background: white;</p><p>left: 50%;</p><p>transform: translateX(-50%);</p><p>top: -170px;</p><p>border-radius: 20px 20px 0 0;</p><p>}</p><p></p><p>.sprayer::before {</p><p>content: "";</p><p>position: absolute;</p><p>width: 150px;</p><p>height: 12px;</p><p>background: white;</p><p>top: 50%;</p><p>left: 95%;</p><p>transform: translateY(-30%);</p><p>border-radius: 0 50px 0 0;</p><p>}</p><p></p><p>.sprayer::after {</p><p>content: "";</p><p>position: absolute;</p><p>width: 60px;</p><p>height: 12px;</p><p>background: white;</p><p>top: 40px;</p><p>left: 180px;</p><p>transform: rotate(70deg);</p><p>border-radius: 10px;</p><p>}</p><p></p><p>.droplets {</p><p>position: absolute;</p><p>width: 10px;</p><p>height: 15px;</p><p>border-radius: 50%;</p><p>left: 200px;</p><p>box-shadow: 20px -30px 0 0 rgb(255 255 255 / 0.6),</p><p>40px -60px 0 0 rgb(255 255 255 / 0.6), 60px -90px 0 0 rgb(255 255 255 / 0.6),</p><p>60px -30px 0 0 rgb(255 255 255 / 0.6), 60px -60px 0 0 rgb(255 255 255 / 0.6),</p><p>80px -60px 0 0 rgb(255 255 255 / 0.6), 100px -30px 0 0 rgb(255 255 255 / 0.6);</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

\small\mathcal{f1st\:wash\:ur\:hands}

Similar questions