glennwso/buildsomething
1
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

implemented the contact form

Browse source
This commit is contained in:
gws 2024-11-13 13:00:29 +01:00
parent 237d09390a
commit 68e618ad41
2 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
content/contact.md
View file

@ -26,16 +26,26 @@ disable_toc = true
</div> </div>
<div class="second-container"> <div class="second-container">
<h2>Send Us A Message</h2> <h2>Send Us A Message</h2>
<form> <form action="https://api.web3forms.com/submit" method="POST" hx-boost=false>
<div class="form-group"><label for="name-input">Tell us your name*</label><input id="name-input" type="text" <input type="hidden" name="access_key" value="7c21a4d7-8cc2-4712-8fd4-6726b2fdb578">
placeholder="First name" required="required" /><input type="text" placeholder="Last name" <div class="form-group">
required="required" /></div> <label for="name-input">Tell us your name*</label>
<div class="form-group"><label for="email-input">Enter your email*</label><input id="email-input" type="text" <input id="name-input" type="text" name="name"
placeholder="Eg. example@email.com" required="required" /></div> placeholder="Robin Exampleson" required="required"/>
<div class="form-group"><label for="phone-input">Enter phone number*</label><input id="phone-input" type="text" </div>
placeholder="Eg. +1 800 000000" required="required" /></div> <div class="form-group">
<div class="form-group"><label for="message-textarea">Message</label><textarea id="message-textarea" <label for="email-input">Enter your email*</label>
placeholder="Write us a message"></textarea></div><button>Send message</button> <input id="email-input" type="text" name="email"
placeholder="Eg. example@email.com" required="required" />
</div>
<!-- <div class="form-group"><label for="phone-input">Enter phone number*</label><input id="phone-input" type="text" -->
<!-- placeholder="Eg. +1 800 000000" required="required" /></div> -->
<div class="form-group">
<label for="message-textarea">Message</label>
<textarea id="message-textarea" name="message" required
placeholder="Write us a message"></textarea>
</div>
<button type="submit">Send message</button>
</form> </form>
</div> </div>
</div> </div>

2
sass/form.scss
View file

@ -126,7 +126,7 @@ body {
} }
&:first-of-type input { &:first-of-type input {
width: 50.0%; /* width: 50.0%; */
/* margin-right: -1px; */ /* margin-right: -1px; */
} }