JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">
    <div class="block-1">
        <h3>Виртуальный хостинг</h3>
        <p>3.95$ в месяц</p>
        <button>Подробнее</button>
    </div>
    <div class="block-2">
        <h3>Облачный хостинг</h3>
        <p>68.95$ в месяц</p>
        <button>Подробнее</button>
    </div>
    <div class="block-3">
        <h3>Выделенный сервер</h3>
        <p>217.95$ в месяц</p>
        <button>Подробнее</button>
    </div>
</div>

CSS

body {margin: 0;padding: 0;background: #4e6379;font: 13px/14px Helvetica;}
h3 {color: #f56332;}
.block-1,  .block-2,  .block-3 {width: 220px;height: 100%;display: inline-block;}
.block-2 {border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
.block-1:before, .block-2:before, .block-3:before 
{content: '';height: 42px;display: block;position: relative;background: url(http://htmlbook.ru/files/hosting.png) no-repeat;}
.block-1:before {background-position: 50% 0%;}
.block-2:before {background-position: 50% 50%;}
.block-3:before {background-position: 50% 100%;}

.holder {
    width: 670px;
    height: 100%;
    background: #fff;
    margin: 10px auto;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 0px 15px 30px 0px #1e262f;
    text-align: center;
}

button {
    color: #fff;
    font: 13px/14px Helvetica;
    outline: none;
    border: none;
    background: #f56332;
    padding: 4px 8px;
}