Math, asked by narenpp, 9 months ago

7/20
H.W-1
31.
Add
5 and 3
8

Answers

Answered by Anonymous
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;Phone box&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p> &lt;div class="box-canvas"&gt;</p><p> &lt;div class="phonebox"&gt;</p><p> &lt;div class="door"&gt;</p><p> &lt;div class="hinge"&gt;&lt;/div&gt;</p><p> &lt;div class="door-glass"&gt;&lt;/div&gt;</p><p> &lt;div class="kickplate"&gt;&lt;/div&gt;</p><p> &lt;div class="handle"&gt;&lt;/div&gt;</p><p> &lt;/div&gt;</p><p> &lt;div class="header"&gt;&lt;/div&gt;</p><p> &lt;div class="top"&gt;</p><p> &lt;/div&gt;</p><p> &lt;/div&gt;</p><p> &lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>:root {</p><p> --red: #EA3F4D;</p><p> --dark-red: #C41E2E;</p><p> --gold: #EEAB8C;</p><p> --glass-color: #C4C0BF;</p><p> --shadow-color: #7F7A7D;</p><p>}</p><p></p><p>body{</p><p> background: #9DD3F2;</p><p>}</p><p></p><p>.box-canvas{</p><p> position: relative;</p><p> margin: auto;</p><p> display: block;</p><p> margin-top: 8%;</p><p> margin-bottom: 8%;</p><p> width: 600px;</p><p> height:600px;</p><p>}</p><p></p><p>.box-canvas::before {</p><p> content: '';</p><p> position: absolute;</p><p> left: 50%;</p><p> transform: translateX(-50%);</p><p> background: #29A415;</p><p> width: 300px;</p><p> height: 150px;</p><p> border-radius: 30% 50%;</p><p> top: 330px;</p><p>}</p><p></p><p>.phonebox {</p><p> position: absolute;</p><p> top: 100px;</p><p> left: 50%;</p><p> transform: translateX(-50%);</p><p> width: 150px;</p><p> height: 320px;</p><p> background: var(--red);</p><p>}</p><p></p><p>.door {</p><p> position: absolute;</p><p> bottom: 0;</p><p> left: 50%;</p><p> transform: translateX(-50%);</p><p> width: 110px;</p><p> height: 295px;</p><p> border: 2px solid var(--dark-red);</p><p>}</p><p></p><p>/* Top hinge */</p><p>.hinge {</p><p> position: absolute;</p><p> left: -3px;</p><p> width: 5px;</p><p> height: 19px;</p><p> background: repeating-linear-gradient(to bottom,</p><p> var(--gold),</p><p> var(--gold) 3px,</p><p> var(--dark-red) 5px</p><p> );</p><p> border-radius: 20%;</p><p>}</p><p></p><p>/* Middle hinge */</p><p>.hinge::before {</p><p> content: '';</p><p> position: absolute;</p><p> top: 120px;</p><p> width: 5px;</p><p> height: 19px;</p><p> background: repeating-linear-gradient(to bottom,</p><p> var(--gold),</p><p> var(--gold) 3px,</p><p> var(--dark-red) 5px</p><p> );</p><p> border-radius: 20%;</p><p>}</p><p></p><p>/* Bottom hinge */</p><p>.hinge::after {</p><p> content: '';</p><p> position: absolute;</p><p> top: 260px;</p><p> width: 5px;</p><p> height: 19px;</p><p> background: repeating-linear-gradient(to bottom,</p><p> var(--gold),</p><p> var(--gold) 3px,</p><p> var(--dark-red) 5px</p><p> );</p><p> border-radius: 20%;</p><p>}</p><p></p><p>.door-glass {</p><p> position: absolute;</p><p> top: 20px;</p><p> left: 50%;</p><p> transform: translateX(-50%);</p><p> width: 60px;</p><p> height: 170px;</p><p> background: var(--glass-color);</p><p> border-left: 10px solid var(--shadow-color);</p><p> border-right: 10px solid var(--shadow-color);</p><p> border-top: 30px solid var(--shadow-color);</p><p> border-bottom: 30px solid var(--shadow-color);</p><p>}</p><p></p><p>/* Horizontal lines */</p><p>.door-glass::before {</p><p> content: '';</p><p> position: absolute;</p><p> top: -30px;</p><p> left: -10px;</p><p> width: 80px;</p><p> height: 230px;</p><p> background: repeating-linear-gradient(to bottom,</p><p> transparent,</p><p> transparent 30px,</p><p> var(--red) 30px,</p><p> var(--red) 35px</p><p> )</p><p>}</p><p></p><p>/* Vertical lines */</p><p>.door-glass::after {</p><p> content: '';</p><p> position: absolute;</p><p> top: -30px;</p><p> left: -10px;</p><p> width: 80px;</p><p> height: 230px;</p><p> background: linear-gradient(to right,</p><p> transparent,</p><p> transparent 15px,</p><p> var(--red) 15px,</p><p> var(--red) 20px,</p><p> transparent 20px,</p><p> transparent 60px,</p><p> var(--red) 60px,</p><p> var(--red) 65px,</p><p> transparent 65px,</p><p> transparent</p><p> );</p><p>}</p><p></p><p>.kickplate {</p><p> position: absolute;</p><p> left: 50%;</p><p> transform: translateX(-50%);</p><p> width: 76px;</p><p> height: 30px;</p><p> border: 2px solid var(--dark-red);</p><p> bottom: 5px;</p><p>}</p><p></p><p>.handle {</p><p> position: absolute;</p><p> top: 120px;</p><p> right: 3px;</p><p> width: 8px;</p><p> height: 23px;</p><p> background: var(--gold);</p><p> border-radius: 50%;</p><p>}</p><p></p><p>.header {</p><p> position: absolute;</p><p> width: 140px;</p><p> height: 30px;</p><p> background: var(--red);</p><p> top: -30px;</p><p> left: 50%;</p><p> transform: translateX(-50%);</p><p>}</p><p></p><p>.header::after {</p><p> content: 'TELEPHONE';</p><p> position: absolute;</p><p> font-size: 16px;</p><p> text-align: center;</p><p> left: 50%;</p><p> top: 50%;</p><p> transform: translate(-50%, -50%);</p><p> font-family: sans-serif;</p><p> background: white;</p><p> width: 110px;</p><p> height: 20px;</p><p> padding-top: 3px;</p><p>}</p><p></p><p>.top {</p><p> position: absolute;</p><p> height: 50px;</p><p> top: -80px;</p><p> width: 150px;</p><p> background: var(--red);</p><p> border-radius: 50% 50% 0 0;</p><p>}</p><p></p><p>/* Inner border */</p><p>.top::before {</p><p> content: '';</p><p> position: absolute;</p><p> left: 50%;</p><p> top: 50%;</p><p> transform: translate(-50%,-50%);</p><p> width: 135px;</p><p> height: 35px;</p><p> border: 2px solid var(--dark-red);</p><p> border-radius: 50% 50% 0 0;</p><p>}</p><p></p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Answered by vssonigara3638
1

pls write properly

surely I will help you

Previous Question
Next Question
Similar questions
Science, 4 months ago
describe methods of vegetative reproduction in short ​...
Math, 4 months ago
: The sum of x4 – xy+2y2 and -x4 + xy+2y2 is (a) monomial and polynomial in y (b) binomial and polynomial (c) trinomial and polynomial (d) monomial and polynomial in x...
Social Sciences, 4 months ago
what are the qualities of a good citizen ​...
Chemistry, 9 months ago
Please help mein this ansqaer​...
Math, 9 months ago
(root a+root b)(root a-root b) is​...
History, 1 year ago
why people travel one place to other place which type of problem they face​...
Hindi, 1 year ago
please solve this required exam tomorrow ​...
English, 1 year ago
write a speech on the topic stop air pollution in about 150 words with causes effects and remedies​...