@valya1988

Как перенести форму из footer в header?

<div class="footer-form">
<div class="footer-include">
<div class="gr-form-wrap tpl-anketa" data-api-url="<?=get_template_directory_uri().'/'?>forms/contact_form.php" data-api-type="form">
<form method="post" action="./mail.php" class="gr-form">
<div class="gr-head">Заказать такси онлайн</div>
<input type="hidden" name="form_id" value="7209841">
<input type="hidden" name="tpl" value="db:form.minimal.tpl">
<input type="hidden" name="params[placeholdered_fields]" value="1" />
<input type="hidden" name="params[hide_title]" value="" />
<input type="hidden" name="params[fields_table]" value="1" />
<div class="gr-fields-wrap">
<div class="gr-field-cell">
<div class="gr-field type-text" data-alias="name">
<div class="gr-value">
<input type="text" size="30" maxlength="100" value="" name="d[0]" placeholder="Имя *" />
</div>
</div>
<div class="gr-field type-text" data-alias="mail">
<div class="gr-value">
<input type="text" size="30" maxlength="100" value="" name="d[1]" placeholder="Телефон *" />
</div>
</div>
<div class="gr-field type-text" data-alias="deti.">
<div class="gr-value">
<input name="d[10]" style="width:47%; margin-right:6%" type="text" placeholder="Кол-во чел."><input name="d[11]" type="text" placeholder="Дети" style="width:47%" >
</div>
</div>
<div class="gr-field type-text" data-alias="otkuda">
<div class="gr-value">
<div class="dropdown dropdown-dark">
<select name="d[5]"  style="width:47%; margin-right:6%; font-family: Helvetica,Arial sans-serif,  background: transparent,  margin-bottom: 0px  border-radius: 3px" class="dropdown-select">
<option  value=" Откуда? "> Откуда? </option >	
<option  value=" Алушта "> Аэропорт Симферополя </option >
<option  value=" Алушта "> Алушта </option >
<option value=" Алупка "> Алупка </option>
<option value=" Ай-Даниль "> Ай-Даниль </option>
<option value=" Армянск "> Армянск </option>
<option value=" Бахчисарай "> Бахчисарай </option>
<option value=" Белогорск "> Белогорск </option>
<option value=" Балаклава ">Балаклава </option>
<option value=" Береговое(Феодосия) ">Береговое(Феодосия)</option>
<option value=" Новоотрадное "> Новоотрадное </option>
<option value=" Новый Свет "> Новый Свет </option>
<option value=" Оленивка "> Оленивка </option>
<option value=" Орджоникидзе "> Орджоникидзе </option>
<option value=" Ореанда "> Ореанда </option>
<option value=" Орловка "> Орловка </option>
<option value=" Орлиное "> Орлиное </option>
<option value=" Оползневое(Мрия) ">Оползневое(Мрия)</option>
<option value=" Отрадное "> Отрадное</option>
<option value=" Партенит"> Партенит</option>
<option value=" Песчаное"> Песчаное</option>
<option value=" Понизовка"> Понизовка</option>
<option value=" Поповка"> Поповка</option>
<option value=" Порт Крым(Керчь) "> Порт Крым(Керчь) </option>
<option value=" Приморский(Феодосия) "> Приморский(Феодосия) </option>
<option value=" Раздольное"> Раздольное</option>
<option value=" Рыбачье"> Рыбачье</option>
<option value=" Саки"> Саки</option>
<option value=" Санаторное"> Санаторное</option>
<option value=" Сатера"> Сатера</option>
<option value=" Севастополь"> Севастополь</option>
<option value=" Севастополь(Фиолент) "> Севастополь(Фиолент) </option>
<option value=" Семеиз"> Семеиз</option>
<option value=" Судак"> Судак</option>
<option value=" Семидворье"> Семидворье</option>
<option value=" Симферополь"> Симферополь</option>
<option value=" Солнечногорское"> Солнечногорское</option>
<option value=" Солнечная долина"> Солнечная долина</option>
<option value=" Сотера"> Сотера</option>
<option value=" Старый Крым"> Старый Крым</option>
<option value=" Угловое"> Угловое</option>
<option value=" Утес"> Утес</option>
<option value=" Учкуевка"> Учкуевка</option>
<option value=" Феодосия"> Феодосия</option>
<option value=" Форос"> Форос</option>
<option value=" Черноморское"> Черноморское</option>
<option value=" Чонгар"> Чонгар</option>
<option value=" Штормовое"> Штормовое</option>
<option value=" Щебетовка"> Щебетовка</option>
<option value=" Щелкино"> Щелкино</option>
<option value=" Ялта"> Ялта</option>
</select>
</div>
</div>
<div class="gr-field type-text" data-alias="kuda">
<div class="gr-value">
<div class="dropdown dropdown-dark">
<select name="d[6]" style="width:47%; background: #343c45;  margin-bottom: 0px;  border-radius: 3px"  class="dropdown-select">
<option  value=" Куда? "> Куда? </option >	
<option  value=" Алушта "> Аэропорт Симферополя </option >
<option  value=" Алушта "> Алушта </option >
<option value=" Алупка "> Алупка </option>
<option value=" Ай-Даниль "> Ай-Даниль </option>
<option value=" Армянск "> Армянск </option>
<option value=" Бахчисарай "> Бахчисарай </option>
<option value=" Белогорск "> Белогорск </option>
<option value=" Балаклава ">Балаклава </option>
<option value=" Береговое(Феодосия) ">Береговое(Феодосия)</option>
<option value=" Береговое(ЮБК) ">Береговое(ЮБК)</option>
<option value=" Гурзуф "> Гурзуф </option>
<option value=" Гастра "> Гастра </option>
<option value=" Голубой залив "> Голубой залив</option>
<option value=" Джанкой "> Джанкой </option>
<option value=" Евпатория "> Евпатория </option>
<option value=" Заозерное "> Заозерное </option>
<option value=" Зеленогорье "> Зеленогорье </option>
<option value=" Казантип "> Казантип </option>
<option value=" Канака "> Канака </option>
<option value=" Кацивели "> Кацивели </option>
<option value=" Кача "> Кача </option>
<option value=" Коктебель "> Коктебель </option>
<option value=" Курпаты "> Курпаты </option>
<option value=" Керчь "> Керчь </option>
<option value=" Кореиз "> Кореиз </option>
<option value=" Курортное(Керчь) "> Курортное(Керчь)  </option>
<option value=" Курортное(Щебетовка) "> Курортное(Щебетовка) </option>
<option value=" Лазурное "> Лазурное </option>
<option value=" Ласпи "> Ласпи </option>
<option value=" Ленино "> Ленино </option>
<option value=" Ливадия "> Ливадия </option>
<option value=" Малореченское "> Малореченское </option>
<option value=" Малый маяк "> Малый маяк </option>
<option value=" Массандра "> Массандра </option>
<option value=" Мисхор "> Мисхор </option>
<option value=" Межводное "> Межводное </option>
<option value=" Меллас "> Меллас </option>
<option value=" Мирный(Казантип) "> Мирный(Казантип) </option>
<option value=" Морское "> Морское </option>
<option value=" Мысовое(Щелкино) "> Мысовое(Щелкино) </option>
<option value=" Никита "> Никита </option>
<option value=" Николаевка "> Николаевка </option>
<option value=" Нижнегорск "> Нижнегорск </option>
<option value=" Новоозерное "> Новоозерное </option>
<option value=" Новофедоровка ">Новофедоровка </option>
<option value=" Новоотрадное "> Новоотрадное </option>
<option value=" Новый Свет "> Новый Свет </option>
<option value=" Оленивка "> Оленивка </option>
<option value=" Орджоникидзе "> Орджоникидзе </option>
<option value=" Ореанда "> Ореанда </option>
<opti
<option value=" Ялта"> Ялта</option>
</select>
</div>
</div>
</div>
</div>	
<div class="gr-field type-text3"  data-alias="klas avto">
<div class="gr-value">
<div class="dropdown dropdown-dark">
<select name="d[7]" style=" background: #343c45;   margin-top: 20px; border-radius: 3px; "class="dropdown-select3">
<option value=" Класс автомобиля"> Класс автомобиля</option>
<option value=" Стандарт"> Стандарт</option>
<option value=" Комфорт"> Комфорт</option>
<option value=" Бизнес"> Бизнес</option>	
<option value=" Минивэн"> Минивэн</option>	
</select>
</div>	
</div>
	</div>
<div class="gr-field type-text" data-alias="data">
<div class="gr-value">
<input name="d[8]" style="width:47%; margin-right:6%" type="text" placeholder = "Дата"><input style="width:47%" name="d[9]" type="text" placeholder = "Время" >
</div>
</div>
</div>
<div class="gr-field-cell">
<div class="gr-field type-textarea" data-alias="content">
<div class="gr-value">
<textarea cols="50" rows="3" name="d[2]" placeholder="Ваш комментарий">
</textarea>
</div>
</div>
</div>
<div class="gr-field gr-field-cell tpl-field-button">
<button type="submit" class="site-button gr-button">ЗАКАЗАТЬ</button>
</div>
</div>
</div>	
</div>	
</form>
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 1
FrontEndTarot
@FrontEndTarot
Front-end developer
1. Заменить тег footer на header в html и стилях.
2. Переместить получившийся блок в структуре html на его место.
3. Порефакторить стили, чтобы получилось то, что задумали.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы