English, asked by anuraggmailcom9356, 6 months ago

Who is bikaji ramchandra madhuri gives his brief description

Answers

Answered by SɴᴏᴡʏSᴇᴄʀᴇᴛ
2

On fierce monsoon nights, about one and a quarter mile off the Mumbai harbour, there have been occasions when 52-year-old Bikaji Ramchandra Dhuri is the only man on sea. It was meant to stem the number of shipwrecks off the harbour, which the lone Colaba lighthouse could not illumine on its own.

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;CUBE&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="container"&gt;</p><p> &lt;div id="cube"&gt;</p><p> &lt;div class="front"&gt;❤️&lt;/div&gt;</p><p>&lt;div class="back"&gt;️❤&lt;/div&gt;</p><p> &lt;div class="right"&gt;Follow me️&lt;/div&gt;</p><p>&lt;div class="left"&gt;Follow me️&lt;/div&gt;</p><p>    &lt;div class="top"&gt;❤️&lt;/div&gt;</p><p>    &lt;div class="bottom"&gt;️❤&lt;/div&gt;</p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>  padding-left: 30%;</p><p></p><p>  padding-top: 5%;</p><p></p><p>}</p><p>.container {</p><p></p><p>  width: 200px;</p><p></p><p>  height: 200px;</p><p></p><p>  position: relative;</p><p></p><p>  -webkit-perspective: 1000px;</p><p></p><p>  -moz-perspective: 1000px;</p><p></p><p>}</p><p>#cube {</p><p></p><p>  width: 100%;</p><p></p><p>  height: 100%;</p><p></p><p>  position: absolute;</p><p></p><p>  -webkit-transform-style: preserve-3d;</p><p></p><p>  -webkit-animation: rotatecube 10s infinite;</p><p></p><p>  -moz-transform-style: preserve-3d;</p><p></p><p>  -moz-animation: rotatecube 10s infinite;</p><p></p><p>}</p><p></p><p>#cube div {</p><p></p><p>  width: 200px;</p><p></p><p>  height: 200px;</p><p></p><p>  display: block;</p><p></p><p>  position: absolute;</p><p></p><p>  border: none;</p><p></p><p>  line-height: 200px;</p><p></p><p>  text-align: center;</p><p></p><p>  font-size: 50px;</p><p></p><p> font-weight: bold;</p><p></p><p>}</p><p></p><p></p><p>@-webkit-keyframes rotatecube {</p><p></p><p>  0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>  25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>  50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>  75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>  100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p></p><p>@-moz-keyframes rotatecube {</p><p></p><p>  0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>  25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>  50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>  75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>  100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p>.front {</p><p> background: rgba(255,0,0,.5);</p><p>}</p><p>.back {</p><p>  background: rgba(0,255,0,.5);</p><p></p><p>}</p><p>.right {</p><p>  background: rgba(0,0,255,.5);</p><p></p><p>}</p><p>.left {</p><p></p><p>  background: rgba(0,255,255,.5);</p><p>}</p><p>.top {</p><p></p><p>  background: rgba(255,0,255,.5);</p><p>}</p><p>.bottom {</p><p></p><p>  background: rgba(255,255,0,.5);</p><p></p><p>}</p><p>#cube .front  {</p><p>  -webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p>  -moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .back {</p><p></p><p>  -webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>  -moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .right  {</p><p></p><p>  -webkit-transform: rotateY(  90deg ) translateZ( 100px );</p><p></p><p>  -moz-transform: rotateY(  90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .left   {</p><p></p><p>  -webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>  -moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .top    {</p><p></p><p>  -webkit-transform: rotateX(  90deg ) translateZ( 100px );</p><p></p><p>  -moz-transform: rotateX(  90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .bottom {</p><p></p><p>  -webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>  -moz-transform: rotateX( -90deg ) translateZ( 100px );</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