Created
May 26, 2016 06:53
-
-
Save yaroslavKas/f1c8e74678814419b432f6bf70279c21 to your computer and use it in GitHub Desktop.
Форма в блюре
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#form3{ | |
top: 0; | |
padding: 25px 35px; | |
} | |
label { | |
width: 100%; | |
} | |
label input{ | |
width: 100%; | |
height: 45px; | |
color: #000; | |
} | |
#form3 label{ | |
margin-bottom: 30px; | |
} | |
#form3 textarea{ | |
height: 100px; | |
margin-top: 20px; | |
background: transparent; | |
border: none; | |
box-shadow: none; | |
border: 1px solid tomato; | |
color: #ccc; | |
border-radius: inherit; | |
resize: none; | |
padding: 5px; | |
color: #000; | |
} | |
#form3 input::-webkit-input-placeholder { | |
color: #000; | |
} | |
#form3 textarea::-webkit-input-placeholder { | |
color: #000; | |
} | |
#form3 button{ | |
padding: 15px 40px; | |
} | |
.bg2{ | |
height: 490px; | |
-webkit-filter: blur(20px); | |
} | |
.modal-body form input { | |
margin-top: 0; | |
background: transparent; | |
border: none; | |
box-shadow: none; | |
border-bottom: 1px solid tomato; | |
color: #666; | |
border-radius: inherit; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<button data-toggle="modal" data-target="#myModal2">Написать</button> | |
<div class="modal fade" id="myModal2"> | |
<div class="modal-dialog modal2"> | |
<div class="modal-content"> | |
<!-- <div class="modal-header"> | |
<h3 class="modal-title">Заказать справку</h3> | |
</div> --> | |
<div class="modal-body"> | |
<div class="bg bg2"></div> | |
<form id="form3" method="post" class="headerform"> | |
<input type="hidden" name="write_us"> | |
<div class="form-group"> | |
<label> | |
<input type="text" class="first_name name" name="name" placeholder="Ваше имя" > | |
</label> | |
<label> | |
<input type="text" class="phone" id="write_us" name="phone" placeholder="+7 (___) ___-__-__" > | |
</label> | |
<label> | |
<input type="email" class="mail" name="email" placeholder="Ваш Mail" > | |
</label> | |
<label> | |
<textarea name="text" placeholder="Задайте ваш вопрос"></textarea> | |
</label> | |
</div> | |
<button id="submitForm" class="submit" type="submit">Отправить</button> | |
</form> | |
</div> | |
<!-- <div class="modal-footer"> | |
</div> --> | |
</div> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment