JSFiddle - React, Tailwind, and code Playground

by HappyCougar

HTML

<link rel="stylesheet" href="http://rlexpert.ru/templates/real/css/style.css">
<div id="c_two_columns_block">
    <div class="c_left_column">
        <p class="c_block_head">Контакты</p>
        <div class="c_table_block" id="ctb1">
            <p>Адрес:</p>
            <p>123181, г. Москва, ул. Исаковского, д.33 ,к.6</p>
        </div>
        <div class="c_table_block" id="ctb2">
            <p>Телефон/факс:</p>
            <p>(495) 255-03-63</p>
        </div>
        <div class="c_table_block" id="ctb3">
            <p>Время работы:</p>
            <p>123181, г. Москва, ул. Исаковского, д.33 ,к.6</p>
        </div>
        <div class="c_table_block" id="ctb4">
            <p>Реквезиты:</p>
            <p>ООО «РЕАЛ ЭКСПЕРТ» <br />
                ОГРН 1137746807571 <br />
                ИНН 7734707734 <br />
                КПП 773401001 <br />
                123181, г. Москва, ул. Исаковского, д.33 ,к.6</p>
            <p class="info_button">как оплатить он-лайн</p>
        </div>
        
    </div>
    <div class="c_right_column">
        <p class="c_block_head">Схема проезда</p>
        <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=2yaSFrI7wfQZWcd6VO_8uie5TLaJm8WF&width=620&height=290"></script>
    </div>
</div>
<img id="contact_qr"  src="http://rlexpert.ru/templates/real/images/lazy_path.png" alt=""/>

CSS

body {
    width:940px;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600&subset=cyrillic,latin);

.c_left_column, .c_right_column {
display: inline-block;
vertical-align: top;
}
.c_table_block {
    padding-left:60px;
    padding-bottom:20px;
    width:210px;
}
.c_table_block p:first-child {
    padding-top:5px;
    font-size: 18px;
    font-weight: bold;
    color: #1C96D3;
}
#ctb1 {
    background: url('http://rlexpert.ru/templates/real/images/c-icon2.png') 0px 0px no-repeat;
}
#ctb2 {
    background: url('http://rlexpert.ru/templates/real/images/c-icon1.png') 0px 0px no-repeat;
}
#ctb3 {
    background: url('http://rlexpert.ru/templates/real/images/c-icon3.png') 0px 0px no-repeat;
}
#ctb4 {
    background: url('http://rlexpert.ru/templates/real/images/c-icon4.png') 0px 0px no-repeat;
}
.c_block_head {
    padding: 10px 0px 15px 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
}
.ymaps-b-form-button_height_26 .ymaps-b-form-button__content {
    margin: 0 4px !important;
}
.ymaps-b-form-button__left {
    background: no-repeat 0 3px;
}
.info_button {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #00A3CC;
    color: #FFF;
    display: inline-block;
    padding: 6px 10px;
    margin: 10px 0;
    cursor: pointer;
}
#contact_qr {
    position: relative;
    top: -75px;
    left: 100px;
}