ajax-contact-form | hightly customizable Ajax Contact Form , including inputs | Form library

I am working on a website in Bootstrap 4 and am using the footer at https://www.codeply.com/go/7TzhebXBdX/bootstrap-4-footer-with-contact-form

I have changed a little of it and, while it is great in the browser, it breaks down in responsive mode. The background color stops about half way down the footer and the rest is shown with a white background. The submit/reset buttons are mostly off the page.

I have been working on this for a few days and can't seem to get it to work in responsive mode.

The footer can be seen here: http://leeunderwood.org/_tmp/index.html

The code for the footer is:

This might be a lot of code I am sorry in advance. I am leaving work right now so I might not reply right away if someone has a solution or can run this locally and help me that would be great.

I've never done one of these form submissions with the backend PHP before (I'm usually just front end). I am getting this 400 bad request error that I'm not real sure what to do. I put the PHP separate from the snippet since there's no spot that I can see in the snippet to play PHP code.

My directory structure is this:

I've been trying to re-write a jQuery + PHP send mail form but despite trying 3 methods it's still throwing a 500 Internal Server Error. I'm rewriting because I'm migrating the site to jQuery 3 and working on improving performance and standards compliance with a codebase I've inherited.

I know 500 is a server error and the site is hosted on MS IIS, but the legacy code is working on the same server, so there must be something specific to my implementation.

Maybe you can see something I've missed?

• Live page throwing the error
• Legacy page with working form (jQuery 2.2.4)

The below code mostly follows this example on Stack Overflow but I've also tried following this youtube and this tutorial without success.

Hoping for an answer here after exhausting my other options. Thanks in advance!

HTML (simplified)

I am trying to add a small contact form in the sidebar of my WordPress site. I transferred my code from it's original html file into the appropriate WordPress php files. The only thing that isn't working is the contact form.

When I click on the send button it goes to the mailer.php file in the URL bar instead of sending the message.

This is the form:

I'm trying to set up a PHP mail form. I started with this guide and have been modifying things slightly as I go. Currently, I'm getting the form to submit, I'm receiving the email, but only the comments written in the text area are populating the body of the email.

My PHP Code:

I was trying to send email using a form but I got this error, I think It's SMTP configuration or something related, I'm using WAMP in my local machine

when I clic on send I got this error :

( ! ) Warning: mail(): Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set() in C:\Users\cysca\projects\SiteWeb\mailer.php on line 38 Call Stack #TimeMemoryFunctionLocation 10.0012251568{main}( )...\mailer.php:0 20.0014252928http://www.php.net/function.mail' target='_new'>mail ( )...\mailer.php:38 Something went wrong and we couldn't send your message.

my HTML: