HTML, CSS and JavaScript playground

<div class="col-md-4 order-xs-2 order-sm-2 order-md-1 order-lg-1 order-xl-1">
                <div class="card">
                    <h5 class="card-header">Ø¬Ø³ØªÙˆØ¬Ùˆ</h5>
                    <div class="card-body card-body2">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Ú©Ù„Ù…Ù‡ Ú©Ù„ÛŒØ¯ÛŒ + Ø§ÛŒÙ†ØªØ±">
                            <span class="input-group-btn mr-1">
                                <button class="btn btn-primary" type="button"><img src="images/search.png" alt="search"></button>
                            </span>
                        </div>
                    </div>
                </div>
             </div>