Contact Form 7

Привет.
1. Как привести этот код в более разумный вид? https://ibb.co/hM8CiS
Какую форму используете вы? «Самописную», Ninja Forms или CF7? Почему?

<style type="text/css">
#wrap {
   width:600apx;
   margin:0 auto;
}
#left_col {
   float:left;
   width:300px;
   margin-bottom:10px;
}
#right_col {
   float:right;
   width:300px;
   margin-bottom:10px;
}
</style>

<div id="wrap">
    <div id="left_col">
        [[text* text-531 id:Name class:Name placeholder "Имя"]
    </div>
    <div id="right_col">      
        [text* text-532 id:Surname class:Surname placeholder "Фамилия"]
    </div>
</div>

<style type="text/css">
#wrap {
   width:650px;
   margin:0 auto;
}
#left_col2 {
   float:left;
   width:300px;
}
#right_col2 {
   float:right;
   width:300px;
}
</style>

<div id="wrap">
    <div id="left_col2">
        [email email-548 id:email class:email placeholder "E-mail"]
    </div>
    <div id="right_col2">      
        [tel tel-80 id:Phone class:Phone placeholder "Контактный номер"]
    </div>
</div>

<style type="text/css">
#wrap {
   width:650px;
   margin:0 auto;
}
#left_col3 {
   float:left;
   width:300px;
}
#right_col3 {
   float:right;
   width:300px;
}
</style>

<div id="wrap">
    <div id="left_col3">
        [number number-873 min:1 max:25 id:Pass class:Pass placeholder "Количество Пассажиров"]
    </div>
    <div id="right_col3">      
        [tel tel-80 id:Phone class:Phone placeholder "Контактный номер"]
    </div>
</div>

<style type="text/css">
#wrap {
   width:650px;
   margin:0 auto;
}
#center {
   float:center1;
   width:650px;
}
</style>

<div id="wrap">
    <div id="center1">
        [date* date-351 date-format:mm/dd/yy placeholder "Дата"]
    </div>
</div>

• Тема изменена 7 лет, 1 месяц назад пользователем Yui. Причина: [code]