JSFiddle - React, Tailwind, and code Playground

by Alexander Antonov

HTML

<table class="q1">
<tr><td>
<div class="first" onclick="location.href='http://avtost.com/';">    ОБРАТНЫЙ ЗВОНОК</div>
<div>ЗАДАТЬ ВОПРОС</div>
<div>СОБРАТЬ СВОЙ ПОЛУПРИЦЕП ?</div>
</td></tr>
</table>

CSS

body {background-image: url(http://avtost.com/images/fon01.jpg);}
table {border-collapse: collapse; border:1px solid #D2D2D2;}
.q1 div{
float: left;
display: block;
margin:0 1px;
padding: 3px 30px;
outline: none;
color: #FFF;
background: #29367A;
cursor: pointer;
text-align: center;
text-decoration: none;
font-family: Tahoma;
font-size: 13px;
text-shadow: 1px 1px 2px black;
}
.q1 div:hover {opacity:0.8;}
.q1 .first{background: #ff0000;}
.q1 .first:hover{opacity:0.6;}