| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/sattvicyug.com/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/sattvicyug.com/carrier.php |
<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
require_once('lib/functions.php');
$db = new login_function();
if (isset($_POST['submit-btn']))
{
$var_full_name = $_POST['full_name'];
$var_mobile_no = $_POST['mobile_no'];
$var_message = $_POST['message'];
$var_applying_for = $_POST['applying_for'];
$db->carrier_entery($var_full_name, $var_mobile_no, $var_message, $var_applying_for);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Career Form</title>
<style>
.alert {
width: 80%;
max-width: 700px;
margin: 10px auto;
text-align: center;
font-size: 18px !important;
padding: 15px;
background-color: #EDF2FA;
color: white;
border-radius: 5px;
display: none;
}
.alert.show {
display: block;
}
.form-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1200px;
min-width: 600px;
flex-wrap: wrap;
gap: 30px;
margin: 0 auto;
}
.image-container {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background-color: #F6F1FF;
padding: 20px;
overflow: hidden;
}
.image-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
animation: merge-animation 4s ease-in-out infinite;
}
.image-1 {
animation-delay: 0s;
}
.image-2 {
animation-delay: 2s;
}
@keyframes merge-animation {
0% {
opacity: 0;
transform: scale(0.8);
}
50% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.2);
}
}
.form-container {
flex: 1;
background-color: #EDF2FA;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
}
.form-container h2 {
text-align: center;
color: #0070C0;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.form-group label {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
color: #333;
}
input[type="text"],
input[type="tel"],
textarea,
select {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
input[type="text"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
border-color: #0070C0;
outline: none;
}
textarea {
resize: vertical;
height: 250px;
}
.submit-btn {
background-color: #FAB005;
color: white;
border: none;
padding: 12px 20px;
width: 20%;
max-width: 200px;
border-radius: 5px;
font-size: 18px;
cursor: pointer;
transition: background-image 0.3s ease;
}
.submit-btn:hover {
background-image: linear-gradient(to right, #ff6ec7, #ff1493);
}
@media (max-width: 1024px) {
.form-wrapper {
flex-direction: column;
width: 90%;
gap: 15px;
}
.image-container {
display: none;
}
.form-container {
margin-left: 0;
margin-right: 0;
padding: 20px;
}
.form-container h2 {
font-size: 24px;
}
.form-group label {
font-size: 14px;
}
textarea {
height: 200px;
}
input[type="text"],
input[type="tel"],
textarea,
select {
font-size: 14px;
}
.submit-btn {
font-size: 16px;
width: 50%;
}
}
@media (max-width: 466px) {
.form-container {
padding: 15px;
}
.form-container h2 {
font-size: 20px;
}
.form-group label {
font-size: 12px;
}
textarea {
height: 150px;
}
input[type="text"],
input[type="tel"],
textarea,
select {
font-size: 12px;
}
.submit-btn {
font-size: 14px;
width: 70%;
}
}
</style>
</head>
<body>
<?php
require_once('header.php');
?>
<br><br>
<!-- Alert Message - Will be shown after form submission -->
<center>
<div class="alert alert-primary <?php echo isset($_POST['submit-btn']) ? 'show' : ''; ?>" role="alert">
Your Applied Successfully. We will revert you back soon.
</div>
<div class="container1">
<div class="form-wrapper">
<!--<div class="image-container">-->
<!-- <div class="image-wrapper">-->
<!-- <img src="images/fruit2.jpg" alt="Image 1" class="image image-1">-->
<!-- <img src="images/fruit3.jpg" alt="Image 2" class="image image-2">-->
<!-- </div>-->
<!--</div>-->
<div class="form-container">
<h2>Career Form</h2>
<form action="carrier.php" method="post">
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" id="name" name="full_name" placeholder="Enter your full name">
</div>
<div class="form-group">
<label for="mobile">Mobile Number</label>
<input type="tel" id="mobile" name="mobile_no" placeholder="Enter your mobile number">
</div>
<div class="form-group">
<label for="position">Applying for</label>
<select id="position" name="applying_for">
<option value="Delivery Boy">Delivery Boy</option>
<option value="Manager">Manager</option>
<option value="Supervisor">Supervisor</option>
<option value="Accountant">Accountant</option>
<option value="Other">Other</option>
</select>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" placeholder="Write your message"></textarea>
</div>
<input type="submit" class="submit-btn" name="submit-btn" value="Submit">
</form>
</div>
</div>
</div>
</center>
<?php
require_once('footer.php');
?>
<!-- Bootstrap JS (CDN) and Popper.js -->
<script src="js/jquery-3.5.1.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>
</body>
</html>
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4