<div class="item">
<form action="javascript()">
<input type="phone" placeholder="Введите номер телефона">
<input type="submit" balue="Получить предложение">
</form>
</div>
*{
margin: 0;
padding: 0;
}
.item{
padding: 50px 0;
text-align: center;
background: url(https://laintelligence.com/wp-content/uploads/2016/01/Los-Angeles-HD-Wallpapers-6.jpg);
background-position: center;
}
input{
width: 300px;
height: 50px;
border-radius: 12px;
border: none;
text-align: center;
font-size: 16px;
}
[type="submit"]{
background: #fdd059;
color: #fff;
width: 180px;
}
::placeholder{
font-size: 16px
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.