Yes sorry, Rather than a contact form, I have decided to build a simple option dropdown selector for support of interest..similar but not quite finished...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contact Us</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="MPG Radio - Contact US" />
<meta property="og:url" content="https://mpgradio.com/radio/contact/" />
<meta property="og:title" content="Reach out to MPG Radio" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Choose your requet category and be get the answers you need." />
<meta property="og:image" content="https://mpgradio.com/radio/top-20/billboard20.png" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1 user-scalable=no" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.box{
color: #fff;
padding: 20px;
display: none;
margin-top: 20px;
}
.red{ background: #ff0000; }
.green{ background: #228B22; }
.blue{ background: #0000ff; }
html {
background: url(backdrop.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*img {
/*max-width:100%;
/*height:auto;
/*max-height:100%;
/*}
</style>
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("select").change(function(){
$(this).find("option:selected").each(function(){
var optionValue = $(this).attr("value");
if(optionValue){
$(".box").not("." + optionValue).hide();
$("." + optionValue).show();
} else{
$(".box").hide();
}
});
}).change();
});
</script>
</head>
<body>
<div class="center">
<div class="bg"><br>
<div style="position: fixed; top: 40%; left: 50%; transform: translate(-50%, -50%); width:70%; padding:20px;margin-top:20px;background-color:#ffffff;opacity: 0.9;border-radius: 15px;">
<h2 style="color:black">Questions / Contact</h2>
<p>We receive quite a bit of email requests, so, we have put together this short-list of common questions to direct you to the answers you need right away. Learn how to submit music, advertise, tools to promote from the options below.</p>
<div>
<select>
<option>Click to Select</option>
<option value="red">Submit Music for Consideration</option>
<option value="green">Advertise in our stream rotations</option>
<option value="blue">Promotion Tools Subscriptions Services</option>
</select>
</div>
<div class="red box">Submit Music for Consideration <strong>to streams</strong> rotation</div>
<div class="green box">Advertise in our stream rotations <strong>with your audio</strong> message</div>
<div class="blue box">Promotion Tools and Subscriptions Services that <strong>Enhance exposure</strong>: while in rotation when your music is cued, we Tweet to our streams and if your Twitter handle is registered with us, we send a notification to you. To further elevate your exposure, consider promotion that can help advertise your music and in turn support our station. </div>
</div>
</div>
</div>
<div class="footer">
<p>Our mission is to search out and expose great new music to people who otherwise may never encounter it.</p>
<center style="color:white"><a href="http://mpgradio.ca">mpgradio.ca</a></center></p>
</div>
</body>
</html>
