Hi there! I'm struggling to get this form to function properly by sending data to my email address.
I have included bootstrap.js, bootstrapjquery.js, and popper.js in my setup.
I was hoping to find a solution within this code snippet that allows the form to submit without the need for a separate .js file. If that's not possible, could you kindly provide me with the necessary JavaScript code? I'm fairly new to this and building my own local website, so any assistance would be greatly appreciated.
Thank you in advance.
<!-- Newsletter -->
<section>
<div class="container text-center">
<div class="newsletter p-4">
<form>
<h5>Sign up to our newsletter</h5>
<p>Receive the latest news and offers by signing up today.</p>
<div class="form-group text-center">
<label for="input-name" class="sr-only">Your Name:</label>
<input type="text" class="form-control text-center" placeholder="full name" id="input-name">
</div>
<div class="form-group text-center">
<label for="input-email" class="sr-only">Your Email:</label>
<input type="email" class="form-control text-center" placeholder="example@example.com" id="input-email">
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input" id="input-terms" value="terms">
I have read and accept the <a href="#" data-toggle="modal" data-target="#modal">terms and conditions.</a>
</label>
</div>
<div>
<small class="form-text">You can unsubscribe from the mailing list at any time</small>
<button type="submit" class="m-1 btn btn-light">SIGN UP</button>
</div>
</form>
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalTitle">Terms and Conditions</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Bristol Plumber 24-7 does not sell or share any personal information. We use a highly reliable and stable service protected by the latest technology. While we cannot guarantee 100% data protection, we take security very seriously and have implemented measures to safeguard your information to the best of our ability.</p>
<p>The only data we retain is your email and name, which is only used internally for marketing our products, offers, and services. Under no circumstances will we disclose or provide your information to third-party entities.</p>
<p>If you wish to have your details removed from our database, please send an email to example@example.com. Please note that this process may take up to 48 hours. We promise not to send spam and only deliver information and offers that benefit our customers.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- NEWSLETTER END-->