JSFiddle - React, Tailwind, and code Playground

by mamezito

HTML

<form action="/fdb6fe8784/" method="post">
                                  <h4>WAP Zadarma - Функция Callback</h4>
                  <p>Введите номер телефона, на который необходимо дозвониться:</p>
                  <input type="text" name="n" size="20" maxlength="25" class="text"/><br/>
                  <input type="submit" value="набрать" class="submit"/>
                          </form>
          <br/>
          <div class="footer">&copy; 2009 - 2016 <a href="https://zadarma.com/">Zadarma.com</a></div>

CSS

html, body {margin: 5px; padding: 0;}
    body {background: #ffffff; font: 11pt/12pt Verdana;}
    h4, p {margin: 0; padding: 0 0 5px 0;}
    .submit{padding: 0 14px; border:none; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14); margin-top:2px;
color: #333; background:#fcd000;
background-image: linear-gradient(to bottom, #fcd000 0%, #ffd65c 100%);
text-transform: uppercase;
overflow: hidden;
max-width: 100%;
height: 39px;
line-height: 39px;
font-size: 13px;
font-weight: 500;}
.text{padding: 0 10px; margin-top:20px;
line-height: 33px; color: #333;
font-size: 15px;
font-weight: 500;
background: #cbcbcb; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.45); border:none;}
input{font-family:Verdana;}
.footer{ border-top:1px solid #ccc; padding-top: 10px;}
a{color: #660000;}