<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Query Form</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background-color: #000000; /* Black background */
color: #f8f9fa; /* Light text color */
}
/* Fixed Logo in Top-Left Corner */
.logo-container {
position: absolute;
top: 20px;
left: 20px;
display: flex;
align-items: center;
}
.logo-container img {
max-width: 150px; /* Increased Logo Size */
height: auto;
}
/* Logo Text Styling */
.logo-text {
font-size: 24px;
font-weight: bold;
color: #FF9933; /* Saffron Color */
margin-left: 10px;
font-family: Arial, sans-serif;
}
.query-container {
max-width: 500px;
margin: 50px auto;
padding: 40px; /*25px*/
background: rgba(255, 255, 255, 0.1); /* Transparent White */
backdrop-filter: blur(10px);
border-radius: 12px;
box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.2);
transition: transform 0.3s ease-in-out;
text-align: left;
}
.query-container:hover {
transform: scale(1.02);
}
.form-control {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: none;
}
.form-control::placeholder {
color: rgba(255, 255, 255, 0.7);
}
.btn-custom {
background-color: #ff6600;
color: white;
font-weight: bold;
padding: 10px;
border-radius: 8px;
transition: background 0.3s ease-in-out;
}
.btn-custom:hover {
background-color: #ff4500;
}
</style>
</head>
<body>
<!-- LOGO in Top-Left Corner with Text -->
<div class="logo-container">
<img class="logo-text" src="images/MMXLogo-Photoroom.png" alt="Company Logo">
<!-- Saffron Colored Text -->
</div>
<div class="container" style="padding-top:50px;">
<div class="query-container text-White">
<h4 style="color:#FF9933"> Stay tuned - we're currently working on a brand new website design and will be back soon with a fresh look and improved experience!</h4>
<br />
<p>📝 Submit Your Query</p>
<form method="post" action="./" id="ctl00">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="ko7p1JmuSmqCViWjprwcQ5JDWcWvyRupvWpM8nMYb543g/fJqKK4noPBbG8t/dZIZkgQVlR329BRhFyAheh+d/O9eulia0Lx7tN0gWFpg+Q=" />
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="47118C79" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="2YH5fLFE4cUTGHqh0ILSOzGj9rmdvMmz0LsVLNeW948mJAfobhaIaxvVJhlGJSsFejrnDoTDGh1VscCLmLWGqXo8X+QGn5jQxQ8OlZeKT6rdYNMf9zWMt89MJ4LgKbFrwEv0xXZPsadrsnmQxB38fTpcZpKkfdXkdG3p6gsnjqoo17BuA+lhAjn0mxGEEtuNX3P2VPpYiAkXrN2AUsPJUw==" />
<div class="mb-3">
<input name="txtName" type="text" maxlength="80" id="txtName" class="form-control" placeholder="Enter your name" required="" />
</div>
<div class="mb-3">
<input name="txtMobile" type="text" maxlength="12" id="txtMobile" class="form-control" placeholder="Enter your mobile number" required="" />
</div>
<div class="mb-3">
<input name="txtEmail" type="email" maxlength="100" id="txtEmail" class="form-control" placeholder="Enter your email" required="" />
</div>
<div class="mb-3">
<textarea name="txtQuery" rows="4" cols="20" id="txtQuery" class="form-control" placeholder="Write your query here..." required="">
</textarea>
</div>
<input type="submit" name="btnSubmit" value="Submit" id="btnSubmit" class="btn btn-custom w-100" />
</form>
<span id="lblMessage"><b><font color="Green"></font></b></span>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>