bootstrap login form style : demo 51

Contact Us

HTML

(Icon Fonts Used : Fontawesome & CSS Framwork: Bootstrap)
                        

Contact Us

CSS

(Fonts required: Nunito.)
                    .demo{ background: #F2F2F2; }
                    .form-container{
                        background-color: #e8ddbf;
                        font-family: 'Nunito', sans-serif;
                        text-align: center;
                        padding: 60px 100px 100px;
                        border-radius: 50%;
                    }
                    .form-container .title{
                        color: #666157;
                        font-size: 30px;
                        font-weight: 700;
                        text-transform: capitalize;
                        margin: 0 0 20px;
                        display: inline-block;
                        position: relative;
                    }
                    .form-container .form-horizontal .form-group{
                        font-size: 0px;
                        margin: 0 0 15px;
                    }
                    .form-container .form-horizontal .form-control{
                        color: #666157;
                        background: #E6E6E6;
                        font-size: 16px;
                        font-weight: 600;
                        letter-spacing: 1px;
                        height: 45px;
                        padding: 6px 30px;
                        border-radius: 50px;
                        box-shadow: inset -3px -3px 10px #eee;
                        border: none;
                        border-top: 2px solid #CECECE;
                        border-left: 2px solid #CECECE;
                    }
                    .form-container .form-horizontal .form-control:focus{
                        outline: none;
                        box-shadow: none;
                    }
                    .form-container .form-horizontal .form-control::placeholder{
                        color: #666157; 
                        font-weight: 600;  
                        font-style: italic;
                    }
                    .form-container .form-horizontal .btn{
                        color: #fff;
                        background-color: #e6a760;
                        font-size: 25px;
                        font-weight: 700;
                        font-style: italic;
                        text-transform: capitalize;
                        width: 100%;
                        border: none;
                        border-radius: 50px;
                        box-shadow: inset -3px -3px 10px #bd841b;
                        transition: all 0.3s ease 0s;
                    }
                    .form-container .form-horizontal .btn:hover{ letter-spacing: 3px; }
                    .form-container .form-horizontal .btn:focus{ outline: none; }
                    @media only screen and (max-width:479px){
                        .form-container{
                            padding: 50px 50px 70px;
                            border-radius: 30%;
                        }
                    }
                    
License Terms