Sohbet uygulaması tasarımı

index_first.html

    <div class="row">
        <div class="container">
            <div class="card bg-light" style="height:100%;">
                <div class="card-header">
                    Sohbet Uygulaması
                </div>
                <div class="card-body" style="max-height: 80%;overflow-y: auto;">
                    <!-- Giriş ekranı tasarımı başlangıcı -->
                    <div id="girisEkrani">
                        <div class="row">
                            <div class="col-md-4 offset-md-4">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="kullanici_adi">@</span>
                                    </div>
                                    <input type="text" class="form-control" placeholder="Kullanıcı adı giriniz" aria-label="Kullanıcı adı giriniz"
                                        aria-describedby="kullanici_adi" id="kadi">
                                </div>
                                <button type="button" class="form-control btn btn-success">Giriş Yap</button>
                            </div>
                        </div>
                    </div>
                    <!-- Giriş ekranı tasarımı bitiş -->
                </div>
            </div>
        </div>
    </div>