Code wordpress snippets

Contact form 7 style 1

<div class="row">
    <div class="col">
        <label for="">Họ và tên*</label>
        [text* your-name autocomplete:name placeholder ""]
    </div>

    <div class="col medium-6">
        <label for="">Số điện thoại*</label>
        [tel* phone placeholder "Số điện thoại"]
    </div>
    <div class="col medium-6">
        <label for="">Email</label>
        [email your-email autocomplete:email placeholder "Email"]
    </div>
</div>
<div class="row">
    <div class="col">
        <label for="">Nội dung</label>
        [textarea your-message placeholder "Nội dung"]
    </div>
    <div class="col text-right">
        [submit "Gửi đi"]
    </div>
    
</div>

<style>

.wpcf7-form-control-wrap textarea{
    min-height: 50px;
}
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"]
{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    box-shadow: none;
    
}
.wpcf7-form-control.wpcf7-submit{
    margin: 0;
    padding: 7px 25px;
}

.wpcf7-spinner{
    display: none;
}


</style>