Basic Functional Contact Page

This basic contact page is similar to the contact page on this Web site https://www.smgolden.com/contact.

Everything you need to jump-start this contact page into your Web site is in this zip file https://smgolden.com/documents/htm/ContactPage.zip.

I got the majority of this contact page code from https://web.enavu.com/tutorials/create-an-amazing-contact-form-with-no-ready-made-plugins/.

The page doesn’t exist anymore.

I made significant modifications such as presenting the “BotBoot” anti-bot math numbers as words that need to be read in order to know what to add together to fill in the “human reply” field.

I added a segment into the email check to prevent someone from entering the site’s domain as the domain of their reply email address.

Search “your-url” to find where it should be edited in the code.

The code is HTML, CSS, javascript, and jquery, so you could probably just use .htm instead of .php.

These jquery sources are used in the page.

<!-- Dependencies -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script type="text/javascript" src="scripts/jquery.jplayer.min.js"></script>

<!-- Scripts -->

You’ll need to set the values in your code to match your site (css, javascript, favicon, and any other of your site formatting features).

For the email address display at the bottom, I recommend you use http://hcard.geekhood.net/encode/ email obfuscator and place the generated strings into the code. You can find out where to insert it by searching “geekhood” once inside the contact file. Additional instructions are in the file.