css contact button
This commit is contained in:
parent
02ceed7319
commit
073f53d53a
1 changed files with 32 additions and 4 deletions
|
@ -12,10 +12,38 @@ noindex: false
|
||||||
|
|
||||||
Envoyez-nous un mail à <i class="fa fa-envelope-o"></i> contact at crapaud-fou.org
|
Envoyez-nous un mail à <i class="fa fa-envelope-o"></i> contact at crapaud-fou.org
|
||||||
|
|
||||||
|
|
||||||
<form method="POST" action="http://formspree.io/shelley@crapaud-fou.org">
|
<form method="POST" action="http://formspree.io/shelley@crapaud-fou.org">
|
||||||
<input type="email" name="email" placeholder="Votre email">
|
<div class="contact-form">
|
||||||
<br>
|
<input type="email" class="contact-box" name="email" placeholder="Votre email">
|
||||||
<textarea name="message" placeholder="Votre message"></textarea>
|
</div>
|
||||||
<button type="submit">Send</button>
|
|
||||||
|
<div class="contact-form">
|
||||||
|
<textarea class="contact-box" name="message" placeholder="Écrire votre message"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" id="contact-button">Send</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.contact-form {
|
||||||
|
font-size: .9em;
|
||||||
|
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-box {
|
||||||
|
font-size: .9em;
|
||||||
|
border: 2px solid #90a959;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-button{
|
||||||
|
background-color:#90a959;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
Loading…
Reference in a new issue