Forms

                    
<section class="form">
    <div class="container">
        <div class="form-block">
            <h2>Forms Style 1</h2>  
            <div class="form1">
                <form>
                    <div class="row">
                        <div class="col-md-12"><input type="text" class="form-control" id="name1" placeholder="Name"></div>
                        <div class="col-md-6">
                            <div class="input-wrapper">
                                <input type="text" class="form-control" id="ph" placeholder="Phone Number">
                                <svg xmlns="http://www.w3.org/2000/svg" width="69.63" height="69.632" viewBox="0 0 69.63 69.632">
                                    <path id="phone" d="M54.96,41.568v7.956a5.31,5.31,0,0,1-5.793,5.3,52.655,52.655,0,0,1-22.932-8.142A51.766,51.766,0,0,1,10.291,30.775,52.417,52.417,0,0,1,2.133,7.782,5.308,5.308,0,0,1,7.421,2h7.972a5.311,5.311,0,0,1,5.315,4.561,34,34,0,0,0,1.86,7.452,5.3,5.3,0,0,1-1.2,5.6L18,22.978A42.475,42.475,0,0,0,33.941,38.89l3.375-3.368a5.322,5.322,0,0,1,5.607-1.193,34.175,34.175,0,0,0,7.467,1.856A5.307,5.307,0,0,1,54.96,41.568Z" transform="matrix(0.966, 0.259, -0.259, 0.966, 14.609, -0.028)" fill="none" stroke="#e4a853" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="input-wrapper">
                                <input type="email" class="form-control" id="email1" placeholder="Mail">
                                <svg xmlns="http://www.w3.org/2000/svg" width="85.644" height="68.927" viewBox="0 0 85.644 68.927">
                                    <g id="mail" transform="translate(1.483 -1.5)">
                                    <path id="Path_25" data-name="Path 25" d="M9.868,4H72.811a7.953,7.953,0,0,1,7.868,7.991V59.936a7.953,7.953,0,0,1-7.868,7.991H9.868A7.953,7.953,0,0,1,2,59.936V11.991A7.953,7.953,0,0,1,9.868,4Z" fill="none" stroke="#e4a853" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    <path id="Path_26" data-name="Path 26" d="M80.679,6,41.339,33.612,2,6" transform="translate(0 5.889)" fill="none" stroke="#e4a853" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>     
                            </div>                         
                        </div>
                        <div class="col-md-6"><input type="date" class="form-control" id="checkInDate" placeholder="Check in date"></div>
                        <div class="col-md-6"><input type="date" class="form-control" id="checkOutDate" placeholder="Check out date"></div>
                        <div class="col-md-6">
                            <select class="form-select" aria-label="Default select example" placeholder="Rooms">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">2</option>
                            </select>
                                <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
                                    <path id="Icon_material-person" data-name="Icon material-person" d="M38,38A16,16,0,1,0,22,22,16,16,0,0,0,38,38Zm0,8C27.32,46,6,51.36,6,62v8H70V62C70,51.36,48.68,46,38,46Z" transform="translate(-6 -6)" fill="#e4a853"/>
                                </svg>      
                            </div>                        
                        </div>
                        <div class="col-md-6">
                            <select class="form-select" aria-label="Default select example" placeholder="Rooms">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">2</option>
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-reserve">RESERVE NOW</button>
                </form>
            </div>
        </div>
    </div>    
</section>
                    Copy to clipboard
                

                    
<section class="form">
    <div class="container">
        <div class="form-block">
            <h2>Forms Style 2</h2>  
            <div class="form2">
                <form>
                    <div class="row">
                        <div class="col-md-12"><input type="text" class="form-control" id="name1" placeholder="Name"></div>
                        <div class="col-md-12"><input type="text" class="form-control" id="name1" placeholder="Email"></div>
                        <div class="col-md-12"><input type="text" class="form-control" id="name1" placeholder="Subject"></div>
                        <div class="col-md-12"><textarea class="form-control" id="textarea" rows="5" placeholder="Description"></textarea></div>
                    <button type="submit" class="btn btn-reserve">SEND</button>
                </form>
            </div>
        </div>
    </div>    
</section>
                    Copy to clipboard