<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=cyrillic');
* {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
.ss_form input[type=text],
.ss_form textarea{
padding: 12px 20px;
margin: 8px 0;
border: 2px solid #DBDBDB;
border-radius: 4px;
box-sizing: border-box;
resize: none;
width: 400px;
font-size: 14px;
}
.ss_form input[type=text]:focus,
.ss_form textarea:focus{
border-color: #F5AB37;
}
.ss_form button{
padding: 12px 20px;
margin: 8px 0;
font-size: 16px;
text-decoration: none;
color: white;
background-color: #027DC4;
border: none;
border-radius: 4px;
cursor: pointer;
}
.ss_form label{
left: -120px;
padding: 12px;
position: absolute;
}
.ss_form{
width: 400px;
margin: auto;
text-align: center;
}
.ss_form div{
position: relative;
}
.ss_form div *{
vertical-align: middle;
}
.contacts{
text-align: center;
margin-top: 25px;
}
.contacts p,
.contacts li{
margin: 10px;
}
.contacts img{
vertical-align: middle;
}
.contacts ul{
list-style: none;
display: inline-block;
text-align: left;
}
</style>
<form class="ss_form" action="http://google.com" method="post">
<div><label for="city">Город*</label><input id="city" name="city" type="text" placeholder="Введите свой город"></div>
<div><label for="ids">ИДС*</label><input id="ids" name="ids" type="text" placeholder="Название ИДС"></div>
<div><label for="message">Сообщение</label><textarea id="message" name="message" rows="6" placeholder="Введите сообщение"></textarea></div>
<div><button>Отправить</button></div>
</form>
<div class="contacts">
<p>* Принимаем Ваши заявки с вопросами, жалобами, предложениями и пожеланиями</p>
<ul>
<li id="mail"><img src="/download/attachments/15499631/mail_icon.png" />wd@soz.in.ua</li>
<li id="phone"><img src="/download/attachments/15499631/phone_icon.png" />+38(093) 177 16 49</li>
<li id="time"><img src="/download/attachments/15499631/time_icon.png" />24/7</li>
</ul>
</div>
|