<div id="massageGiftModal" class="modal fade modal-gift" tabindex="-1" role="dialog" aria-labelledby="massageGiftModalLabel" aria-hidden="true"> <div class="modal-dialog no-boostrap" role="document"> <div class="modal-content"> <div class="modal-header p-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> <div class="modal-title text-center" id="massageGiftModalLabel">Хочу в подарок!</div> <div class="modal-subtitle text-center mb-3">Создайте свое сообщение</div> <div class="modal-massage"> <div class="modal-gift-massage py-1 mb-2"> <div class="sf-display-font px-2 mx-1 border b-radius-10"> <textarea id="giftMassage" name="comment" maxlength="254" class="sf-display-font form-control px-1 border-none"></textarea> <small class="text-muted d-block">Сообщение (можно собрать из наших заготовок)</small> </div> </div> </div> <div class="massage-patterns pl-1 mb-3 d-flex flex-direction-row flex-wrap"> <div class="massage-item"> <button type="button" class="gift-massage m-purple" value="Милый купи...">Милый купи...</button> <button type="button" class="gift-massage m-blue" value="Мусик, я хочу...">Мусик, я хочу...</button> <button type="button" class="gift-massage m-orange" value="Я отблагадарю...">Я отблагадарю... </button> </div> <div class="massage-item"> <button type="button" class="gift-massage m-purple" value="Ты мне должен...">Ты мне должен...</button> <button type="button" class="gift-massage m-purple" value="Пап, я с друзьями иду в...">Пап, я с друзьями иду в...</button> </div> <div class="massage-item"> <button type="button" class="gift-massage m-blue" value="Сегодня вечером я...">Сегодня вечером я...</button> <button type="button" class="gift-massage m-blue" value="Если ты мне это купишь то я...">Если ты мне это купишь то я...</button> </div> </div> <div class="gift-modal-btn text-center"><div id="buttonCreateMessage" class="d-block py-2" href="">ОТПРАВИТЬ</div></div> </div> </div> </div></div>