Physics, asked by rickysharmaa99, 10 months ago

reading and using statement of scale graphic scale shown by representative fraction method project​

Answers

Answered by Anonymous
4

Explanation:

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Group7TeeN Creations&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="container"&gt;</p><p></p><p>&lt;div class="text"&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="homer"&gt;</p><p></p><p>&lt;div class="square"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-top"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-left"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-left circle-right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-eye eye-left"&gt;</p><p></p><p>&lt;div class="circle-small small-left"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="circle-eye eye-right"&gt;</p><p></p><p>&lt;div class="circle-small small-right"&gt; &lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="circle-inf inf-esq"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-inf inf-dir"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-center-center"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="circle-center"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;footer&gt;Group7TeeN Creations&lt;/footer&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>background: #1ca8e3</p><p></p><p>}</p><p></p><p>.container {</p><p></p><p>margin-top: 20vh</p><p></p><p>}</p><p></p><p>.text {</p><p></p><p>float:left;</p><p></p><p>padding-top: 25vh;</p><p></p><p>padding-left: 100px;</p><p></p><p>font-family: 'Montserrat', sans-serif;</p><p></p><p>color: #fff;</p><p></p><p>transforms: rotate(-135deg);</p><p></p><p>}</p><p></p><p>span {</p><p></p><p>font-size: 2em;</p><p></p><p>}</p><p></p><p>a {</p><p></p><p>font-size: 1em;</p><p></p><p>text-decoration: none</p><p></p><p>}</p><p></p><p>.homer {</p><p></p><p>width: 156px;</p><p></p><p>height: 304px;</p><p></p><p>margin-left: 50%;</p><p></p><p>position: relative;</p><p></p><p>padding-top: 10px;</p><p></p><p>}</p><p></p><p>.square {</p><p></p><p>width: 100%;</p><p></p><p>height: 138px;</p><p></p><p>position: absolute;</p><p></p><p>margin-top: 100px;</p><p></p><p>background-image: linear-gradient( to right, #fed80b 50%, #ffcc01 50% );</p><p></p><p>z-index: -1;</p><p></p><p>}</p><p></p><p>.circle-top {</p><p></p><p>width: 156px;</p><p></p><p>height: 141px;</p><p></p><p>border-radius: 156px;</p><p></p><p>background-image: linear-gradient( to right, #fed80b 50%, #ffcc01 50% );</p><p></p><p>}</p><p></p><p>.circle-left {</p><p></p><p>width: 16px;</p><p></p><p>height: 16px;</p><p></p><p>border-radius: 16px;</p><p></p><p>float: left;</p><p></p><p>position: absolute;</p><p></p><p>right: 92%;</p><p></p><p>top: 103px;</p><p></p><p>background-color: #ffdc06</p><p></p><p>}</p><p></p><p>.circle-right {</p><p></p><p>left: 92%;</p><p></p><p>top: 103px;</p><p></p><p>background-color: #ffcc01</p><p></p><p>}</p><p></p><p>.circle-eye {</p><p></p><p>width: 81px;</p><p></p><p>height: 81px;</p><p></p><p>border-radius: 81px;</p><p></p><p>position: absolute;</p><p></p><p>background-color: #fff;</p><p></p><p>z-index: 999</p><p></p><p>}</p><p></p><p>.eye-left {</p><p></p><p>top: 100px;</p><p></p><p>left: -10px</p><p></p><p>}</p><p></p><p>.eye-right {</p><p></p><p>top: 100px;</p><p></p><p>right: -10px</p><p></p><p>}</p><p></p><p>.circle-small {</p><p></p><p>width: 8px;</p><p></p><p>height: 8px;</p><p></p><p>background-color: #000;</p><p></p><p>border-radius: 5px;</p><p></p><p>position: relative;</p><p></p><p>}</p><p></p><p>.small-left {</p><p></p><p>margin: 0 auto;</p><p></p><p>top: 48%;</p><p></p><p>animation: eye 2s infinite alternate</p><p></p><p>}</p><p></p><p>.small-right {</p><p></p><p>top: 48%;</p><p></p><p>margin: 0 auto;</p><p></p><p>animation: eye 2s infinite alternate</p><p></p><p>}</p><p></p><p>.circle-inf {</p><p></p><p>width: 51px;</p><p></p><p>height: 46px;</p><p></p><p>border-radius: 51px;</p><p></p><p>margin-top: 15px;</p><p></p><p>z-index: 998;</p><p></p><p>position: absolute;</p><p></p><p>}</p><p></p><p>.inf-esq {</p><p></p><p>float: left;</p><p></p><p>left: -10%;</p><p></p><p>background-color: #f9da0d</p><p></p><p>}</p><p></p><p>.inf-dir {</p><p></p><p>float: right;</p><p></p><p>left: 75%;</p><p></p><p>background-color: #ffcb00</p><p></p><p>}</p><p></p><p>.circle-center-center {</p><p></p><p>width: 100px;</p><p></p><p>height: 10px;</p><p></p><p>position: absolute;</p><p></p><p>z-index: 1000;</p><p></p><p>border-radius: 100px;</p><p></p><p>bottom: 50px;</p><p></p><p>left: 18%;</p><p></p><p>background-image: linear-gradient( to right, #bf9958 50%, #af874a 50% );</p><p></p><p>}</p><p></p><p>.circle-center {</p><p></p><p>width: 100%;</p><p></p><p>height: 121px;</p><p></p><p>border-radius: 100%;</p><p></p><p>margin-top: 30px;</p><p></p><p>background-color: #d3aa68;</p><p></p><p>z-index: 999;</p><p></p><p>position: absolute;</p><p></p><p>background-image: linear-gradient( to right, #d5ab63 50%, #cba159 50% );</p><p></p><p>}</p><p></p><p>@keyframes eye {</p><p></p><p>0% {left: 0px}</p><p></p><p>100% {right: 20%}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/html&gt;

Similar questions