JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<center>
<table>

<tr>
  <td><a class="round" href="http://coreneto.com/rental/tickets">
    <img src="http://coreneto.com/rental/static/dist/img/phone.jpg" width="200" height="200"></a></td>
  <td><a class="round" href="http://coreneto.com/rental/cars">
    <img src="http://coreneto.com/rental/static/dist/img/car.jpg" width="200" height="200"></a></td>&nbsp;&nbsp;
 <td><a class="round" href="http://coreneto.com/rental/cars">
    <img src="http://coreneto.com/rental/static/dist/img/cam.jpg" width="200" height="200"></a></td>&nbsp;&nbsp;
    </tr>
    <tr>
        <br>
  <td><center><button class="cbutton">
  תמיכה (בקרוב)
  </button>
  </center>
  </td>
  <td><center><button class="cbutton">
ניהול ציוד  </button>
  </center>
  </td>
   <td><center><button class="cbutton">
  ניהול הזמנות
  </button>
  </center>
  </td>
  </tr>
  </table>
</center>

CSS

td {padding-left:20px}
img.ihbutton:hover {
  -webkit-box-shadow: 0px 0px 0px 5px #005FD0;
  -moz-box-shadow: 0px 0px 0px 5px #005FD0;
  box-shadow: 0px 0px 0px 5px #005FD0;
}

.fbutton {
    direction: rtl;
    background-color: #41AA00;
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 5px;
}
.fbutton:hover {color:white; background-color: #52E141;}