JSFiddle - React, Tailwind, and code Playground

by Олег

HTML

<div class="wrap">
<div class="myTest">
  <form>
    <input type="text" placeholder="Ваше имя">
    <input type="text" placeholder="Ваш e-mail">
    <input type="submit" value='Получить консультацию'>
  </form>
</div>
</div>


















































<div class="footer">
Помогу в решении любого вопроса js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку<br>Аккаунт на тостере <a href="https://toster.ru/user/politon">toster.ru/user/politon</a><br><span>E-mail: oleg@w3schools.ru</span><br><span>Skype: politon81</span>
</div>
<!--Любое решение вопросов
E-mail: oleg@w3schools.ru
js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку
E-mail: oleg@w3schools.ru
Skype: politon81
-->

CSS

.wrap{
  margin:0 auto;
  width:200px;
  background: linear-gradient(6deg, transparent 30%, #015579 31%);
  padding:10px 0;
  color:#fff;
}
input{
  border:none;margin:0 15px 0 15px;
  width:170px;
  margin:3px 15px;
}
input:nth-child(3){
  background:#FE8101;
  color:#fff;
  margin-bottom:50px;
}
























































































/*Это не относится к Вашему коду*/
.footer{
  position:absolute;
  bottom:20px;
  right:20px;
  font-size:0.7em;
  background:#ff0;
}
span{
  color:#f00;
  font-weight:bold;
}