const formHtml = `

<div class="question-call-to-action-form ">
    <div class="row">
        <div class="col-md-12">
            <p class="lead">Почніть консультацію з юристом онлайн</p>
        </div>
        <div class="col-md-12">
            <form action="https://uristy.ua/new-question" method="get">
                <input type="hidden" name="referral" value="kodeksy">
                <textarea class="form-control" name="description"
                          rows="7"
                          placeholder="Введіть текст Вашого питання ..."></textarea>
                <div class="top-20">
                    <div class="row">
                        <div class="col-md-7 mini-text">
                            <p><strong>752 юристів</strong> готові відповісти зараз</p>
                            <p>Відповідь за <strong>~15 хвилин</strong></p>
                        </div>
                        <div class="col-md-5">
                            <button type="submit" class="btn btn-warning btn-lg  btn-round-lg">Запитати юриста</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    .question-call-to-action-form {
        padding: 30px;

        background-image: url(https://uristy.ua/img/first-block-bg.jpg);
        background-size: cover;
        display: inline-block;
        color: #fff;
    }

    .question-call-to-action-form p {
        color: #fff;
    }

    .row {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.42857143;
        color: #4a4a4a;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        box-sizing: border-box;
        margin-right: -15px;
        margin-left: -15px;
    }

    .col-md-12 {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.42857143;
        color: #4a4a4a;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 100%;
    }

    .lead {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Arial, Helvetica, sans-serif;
        box-sizing: border-box;
        margin: 0 0 10px;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 43px;
        color: #FEFEFE;
        line-height: 58px;
        text-align: left;
        text-shadow: 0px 2px 9px #333;
    }

    .form-control {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        font: inherit;
        margin: 0;
        overflow: auto;
        font-family: inherit;
        display: block;
        width: 100%;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        border-radius: 6px;
        height: 116px;
    }

    .top-20 {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.42857143;
        color: #4a4a4a;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        box-sizing: border-box;
        margin-top: 20px;
    }

    .col-md-7.mini-text {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.42857143;
        color: #4a4a4a;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 58.33333333%;
    }

    .col-md-5 {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.42857143;
        color: #4a4a4a;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 41.66666667%;
    }

    .btn {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        font: inherit;
        margin: 0;
        overflow: visible;
        text-transform: none;
        -webkit-appearance: button;
        font-family: inherit;
        display: inline-block;
        margin-bottom: 0;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        user-select: none;
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 22.5px !important;
        width: 100%;
        font-weight: 600;
    }

    .hidden-xs {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.42857143;
        color: #4a4a4a;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        box-sizing: border-box;
    }
</style>
`;

const statyaElement = document.getElementById('statya');
const container = document.createElement('div');
container.innerHTML = formHtml;
statyaElement.parentNode.insertBefore(container, statyaElement.nextSibling);

const container2 = document.createElement('div');
container2.innerHTML = formHtml;
statyaElement.parentNode.insertBefore(container2, statyaElement.previousSibling);