gabehf/ecp.org
1
0
Fork 0
mirror of https://github.com/edcommonwealth/ecp.org.git synced 2026-03-16 18:55:54 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Swap out contact form to one that uses mailgun

Browse source
This commit is contained in:
rebuilt 2022-11-01 15:51:16 -07:00
parent 6df92d6f88
commit 7f433cf223
17 changed files with 130 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

74
app/views/home/index.html.erb
View file

@ -13,6 +13,8 @@
</div>
</header>
<!-- Features section-->
<section class="py-5 border-bottom" id="features">
<div class="container px-5 my-5">
@ -33,71 +35,9 @@
</div>
</section>
<!-- Contact section-->
<section class="bg-light py-5">
<div class="container px-5 my-5 px-5">
<div class="text-center mb-5">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-envelope"></i></div>
<h2 class="fw-bolder">Get in touch</h2>
<p class="lead mb-0">We'd love to hear from you</p>
</div>
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<!-- * * * * * * * * * * * * * * *-->
<!-- * * SB Forms Contact Form * *-->
<!-- * * * * * * * * * * * * * * *-->
<!-- This form is pre-integrated with SB Forms.-->
<!-- To make this form functional, sign up at-->
<!-- https://startbootstrap.com/solution/contact-forms-->
<!-- to get an API token!-->
<form id="contactForm" data-sb-form-api-token="8495ab6d-c9ab-43f4-9e22-4203c4481357">
<!-- Name input-->
<div class="form-floating mb-3">
<input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
<label for="name">Full name</label>
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
</div>
<!-- Email address input-->
<div class="form-floating mb-3">
<input class="form-control" id="email" type="email" placeholder="name@example.com" data-sb-validations="required,email" />
<label for="email">Email address</label>
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<!-- Phone number input-->
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">Phone number</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
</div>
<!-- Message input-->
<div class="form-floating mb-3">
<textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea>
<label for="message">Message</label>
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
To activate this form, sign up at
<br />
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
</div>
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<!-- Submit Button-->
<div class="d-grid"><button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button></div>
</form>
</div>
</div>
</div>
</section>
<!-- Message confirmation-->
<%= render partial: 'layouts/message_confirmation' %>
<!-- Contact section-->
<%# <%= link_to "Contact Form", new_contact_path %1> %>
<%= render partial: "contacts/new" %>