JSFiddle - React, Tailwind, and code Playground

by Ivan Vasilyev

HTML

<link rel="stylesheet" href="https://ticketscloud.org/static/styles/ticket.css">
<section class="tc-ticket">
    <table width="100%" height="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td width="15%" class="tc-ticket__info-bar tc-ticket__side">
                <table height="100%" width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <div>Crazy Horse Night</div>
                            <div>VIP4</div>
                        </td>
                    </tr>
                    <tr height="100%">
                        <td>
                            <div class="tc-ticket__rotate-wrap">
                                <span class="tc-ticket__control" style="margin-left: -50%">к&nbsp;&nbsp;о&nbsp;&nbsp;р&nbsp;&nbsp;е&nbsp;&nbsp;ш&nbsp;&nbsp;о&nbsp;&nbsp;к</span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div>30 000 Р</div>
                            <div>серия MHY №120250</div>
                        </td>
                    </tr>
                </table>
            </td>
            <td width="70%">
                <table class="background-holder">
                    <tr>
                        <td><img src="http://media.ticketscloud.s3.amazonaws.com/crazy_horse_night.jpg"></td>
                    </tr>
                </table>
                <table width="100%" height="100%" cellspacing="0" cellpadding="0">
                    <tr>
                        <td style="padding: 10px 0 0 0" valign="top">
                            <table width="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td valign="top" width="100%" style="padding: 0 10px 0 30px;">
                                        <h4 style="padding-top: 25px;">Вид услуги:</h4>
                             ...

CSS

body {
            background-color: black;
            color: white;
        }

        .tc-ticket {
            overflow: hidden;
        }

        .tc-ticket__control,
        .tc-ticket__side,
        .tc-ticket__info-bar,
        .tc-ticket h4 {
            color: white;
        }

        .tc-ticket__side {
            background-color: black;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAYAAAB2BDbRAAAAAXNSR0IArs4c6QAAABVJREFUCB1j+A8ETAxAQCYB0kqRAQBFlQUsXUv4+wAAAABJRU5ErkJggg==');
        }