Aroy/Rinkusu
1
1
Fork 0
mirror of https://github.com/Aroy-Art/Rinkusu.git synced 2024-12-27 22:54:22 +01:00
Code Issues 6 Projects Releases Packages Wiki Activity

Change: contact form to flex layout

Browse source
This commit is contained in:
Aroy-Art 2022-02-04 20:45:22 +01:00
parent a5024a3469
commit 5051bec6bc
Signed by: Aroy
GPG key ID: DB9689E9391DD156
2 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/css/style.css
View file

@ -1521,6 +1521,7 @@ img.loaded video.loaded {
color: #57cbcc; color: #57cbcc;
border: solid 5px; border: solid 5px;
transition: border-color .5s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .5s ease-in-out,box-shadow .15s ease-in-out;
margin: 4px;
} }
.form-control:focus { .form-control:focus {

20
layouts/partials/contact.html
View file

@ -19,21 +19,13 @@
<input type="hidden" name="form-name" value="contact" /> <input type="hidden" name="form-name" value="contact" />
<h3 class="text-center">Drop Me a Message</h3> <h3 class="text-center">Drop Me a Message</h3>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="d-flex flex-column col-md-4 justify-content-between">
<div class="col mb-2"> <input id="contact-form-name" type="text" name="Name" class="form-control" placeholder="Your Name *" value="" required="true" autocomplete="off" />
<input id="contact-form-name" type="text" name="Name" class="form-control" placeholder="Your Name *" value="" required="true" autocomplete="off" /> <input id="contact-form-email" type="email" name="Email" class="form-control" placeholder="Your Email *" value="" required="true" autocomplete="off" />
</div> <input id="contact-form-subject" type="text" name="Subject" class="form-control" placeholder="Subject *" value="" required="true" autocomplete="off"/>
<div class="col mb-2">
<input id="contact-form-email" type="email" name="Email" class="form-control" placeholder="Your Email *" value="" required="true" autocomplete="off"/>
</div>
<div class="col mb-2">
<input id="contact-form-subject" type="text" name="Subject" class="form-control" placeholder="Subject *" value="" required="" autocomplete="off"/>
</div>
</div> </div>
<div class="col-md-8"> <div class="d-flex flex-column col-md-8">
<div class="col"> <textarea id="contact-form-message" class="form-control" placeholder="What's up?" required="true" rows="6"></textarea>
<textarea id="contact-form-message" class="form-control" placeholder="What's up?" rows="8" style="width: 100%; height: 154px;"></textarea>
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">