|
Server : LiteSpeed System : Linux terra.hostitbro.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : outerorb ( 1091) PHP Version : 8.1.34 Disable Function : mail Directory : /home2/outerorb/dev.outerorbittech.com/oot/ | |
|
Path: //home2/outerorb/dev.outerorbittech.com/oot/contact.php
Size: 17.88 KB
Permissions: 0644
<?php include_once("include/main.inc.php");
$admin_res = getAdminDetails();
$page_metatitle = 'Contact Us - ' . COMPANY;
$page_metakey = 'Contact Us - ' . COMPANY;
$page_metadesc = 'Contact Us - ' . COMPANY;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<?php include "app_top.php"; ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<?php include 'app_header.php'; ?>
<section class="heading_banner"
style="background-image: url(<?=theme_url;?>img/Contact.jpg); position: relative; overflow: hidden;">
<div id="particles-js"></div>
<div class="container">
<div class="row">
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
<h1 class="cat_title">Contact Us</h1>
<div class="clearfix"></div>
</div>
</div>
</div>
</section>
<div class="inner_breadcrumb hidden_xs">
<div class="container">
<div class="row">
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<ul class="breadcrumb">
<li><a href="<?=site_url;?>" title="Home">Home</a></li>
<li class="active">Contact Us</li>
</ul>
</div>
</div>
</div>
</div>
<style>
.contact_map {
width: 100%;
height: 350px;
}
.contact_page {
background: #e4ecf1;
padding: 50px 0 50px 0;
}
.contact_form_grid1 {
background-color: #fff;
padding: 40px;
border-radius: 15px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}
.contact_details p {
color: #222;
font-size: 16px;
margin-bottom: 20px;
}
.address_list {
list-style: none;
padding: 0;
margin-bottom: 25px;
}
.address_list li {
display: flex;
align-items: flex-start;
font-size: 15px;
color: #555;
margin-bottom: 15px;
gap: 10px;
}
.contact-icon {
background: linear-gradient(135deg, var(--surface-color), var(--accent-color));
color: #fff;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
flex-shrink: 0;
transition: transform 0.3s ease;
}
.contact_details p {
color: #222;
font-size: 16px;
margin-bottom: 20px;
}
h3 {
font-size: 20px;
margin: 0;
font-weight: bold;
}
ul.social {
list-style: none;
padding: 0;
margin: 20px 0;
display: flex;
gap: 15px;
}
.facebook {
background: linear-gradient(to right, #4267B2, #5c82d9);
}
.address_list a {
color: var(--font-black);
}
.address_list a:hover {
color: var(--accent-color);
}
ul.social li.youtube a:hover {
background-color: #ff0000;
color: #fff;
transform: scale(1.1) rotate(-3deg);
box-shadow: 0 0 15px #ff0000aa;
}
ul.social li.instagram a:hover {
background: radial-gradient(circle at 30% 30%, #fdf497, #fd5949, #d6249f, #285AEB);
background-position: right center;
transform: scale(1.1) rotate(3deg);
box-shadow: 0 0 15px #d6249faa;
}
ul.social li.twitter a:hover {
background-color: #1da1f2;
color: #fff;
transform: scale(1.1) rotate(3deg);
box-shadow: 0 0 15px #1da1f2aa;
}
ul.social li.facebook a:hover {
background-color: #1877f2;
color: #fff;
transform: scale(1.1) rotate(-3deg);
box-shadow: 0 0 15px #1877f2aa;
}
ul.social li.instagram a {
color: black;
background-size: 200%;
transition: background-position 0.5s ease, transform 0.3s ease;
}
ul.social li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #f0f0f0;
color: #000;
font-size: 20px;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.twitter {
background: linear-gradient(to right, #1DA1F2, #0d8ddb);
}
.youtube {
background: linear-gradient(to right, #FF0000, #d70000);
}
.instagram {
background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}
.contact_details h2,
.form_grid h3 {
font-size: 28px;
font-weight: 800;
color: var(--surface-color);
margin-bottom: 20px;
}
.form-group input,
.form-group select,
.form-group textarea {
padding: 14px 16px;
border-radius: 10px;
border: 1px solid #e2e8f0;
margin-bottom: 10px;
font-size: 15px;
background-color: #f8fafc;
transition: all 0.3s ease;
}
</style>
<section class="contact_page">
<div class="container">
<div class="contact_form_grid1">
<div class="row g-4">
<div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 contact_details">
<h2 class="title_h2_2">Contact Information</h2>
<p>Write to us or call us, get quick response powered by our advanced coustomer support team.
</p>
<ul class="address_list align-item-center">
<li>
<div class="contact-icon"><i class="fas fa-map-marker-alt"></i></div>
<p><strong>Address:</strong> <?=$admin_res['address'];?></p>
</li>
<li>
<div class="contact-icon"><i class="fas fa-phone-alt"></i></div>
<p><strong>Phone:</strong> <a href="tel:<?=$admin_res['phone'];?>" title="Call Us"><?=$admin_res['phone'];?></a>
</p>
</li>
<li>
<div class="contact-icon"><i class="fab fa-whatsapp"></i></div>
<p><strong>Whatsapp:</strong> <a href="Whatsapp: <?=$admin_res['whatsapp'];?>"
title="Contact Us"><?=$admin_res['whatsapp'];?></a></p>
</li>
<li>
<div class="contact-icon"><i class="fas fa-envelope"></i></div>
<p><strong>Email:</strong> <a href="mailto:<?=$admin_res['email'];?>"
title="Mail Us"><?=$admin_res['email'];?></a></p>
</li>
</ul>
<h3 class="title_h2_2">Get in Touch</h3>
<ul class="social">
<li class="facebook">
<a href="<?=$admin_res['facebook'];?>" target="_blank" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor" viewBox="0 0 24 24">
<path
d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z">
</path>
</svg></a>
</li>
<li class="twitter"><a href="<?=$admin_res['twitter'];?>" target="_blank" title="Twitter"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z">
</path>
</svg></a></li>
<li class="youtube"><a href="<?=$admin_res['youtube'];?>" target="_blank" title="Youtube"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
viewBox="0 0 24 24">
<path
d="M4.652 0h1.44l.988 3.702.916-3.702h1.454l-1.665 5.505v3.757h-1.431v-3.757l-1.702-5.505zm6.594 2.373c-1.119 0-1.861.74-1.861 1.835v3.349c0 1.204.629 1.831 1.861 1.831 1.022 0 1.826-.683 1.826-1.831v-3.349c0-1.069-.797-1.835-1.826-1.835zm.531 5.127c0 .372-.19.646-.532.646-.351 0-.554-.287-.554-.646v-3.179c0-.374.172-.651.529-.651.39 0 .557.269.557.651v3.179zm4.729-5.07v5.186c-.155.194-.5.512-.747.512-.271 0-.338-.186-.338-.46v-5.238h-1.27v5.71c0 .675.206 1.22.887 1.22.384 0 .918-.2 1.468-.853v.754h1.27v-6.831h-1.27zm2.203 13.858c-.448 0-.541.315-.541.763v.659h1.069v-.66c.001-.44-.092-.762-.528-.762zm-4.703.04c-.084.043-.167.109-.25.198v4.055c.099.106.194.182.287.229.197.1.485.107.619-.067.07-.092.105-.241.105-.449v-3.359c0-.22-.043-.386-.129-.5-.147-.193-.42-.214-.632-.107zm4.827-5.195c-2.604-.177-11.066-.177-13.666 0-2.814.192-3.146 1.892-3.167 6.367.021 4.467.35 6.175 3.167 6.367 2.6.177 11.062.177 13.666 0 2.814-.192 3.146-1.893 3.167-6.367-.021-4.467-.35-6.175-3.167-6.367zm-12.324 10.686h-1.363v-7.54h-1.41v-1.28h4.182v1.28h-1.41v7.54zm4.846 0h-1.21v-.718c-.223.265-.455.467-.696.605-.652.374-1.547.365-1.547-.955v-5.438h1.209v4.988c0 .262.063.438.322.438.236 0 .564-.303.711-.487v-4.939h1.21v6.506zm4.657-1.348c0 .805-.301 1.431-1.106 1.431-.443 0-.812-.162-1.149-.583v.5h-1.221v-8.82h1.221v2.84c.273-.333.644-.608 1.076-.608.886 0 1.18.749 1.18 1.631v3.609zm4.471-1.752h-2.314v1.228c0 .488.042.91.528.91.511 0 .541-.344.541-.91v-.452h1.245v.489c0 1.253-.538 2.013-1.813 2.013-1.155 0-1.746-.842-1.746-2.013v-2.921c0-1.129.746-1.914 1.837-1.914 1.161 0 1.721.738 1.721 1.914v1.656z">
</path>
</svg>
</a>
</li>
<li class="instagram"><a href="<?=$admin_res['instagram'];?>" target="_blank" title="Instagram"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z">
</path>
</svg></a></li>
</ul>
</div>
<div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12 form_grid">
<h3 class="title_h2_2">We want to hear from you!</h3>
<div id="responseMessageContact"></div>
<form name="contact-form" method="post" action="" id="contact_form">
<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
<div class="form-group">
<input class="form-control" type="text" name="name" placeholder="Full Name*"
required="">
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
<div class="form-group">
<input class="form-control" type="email" name="email" placeholder="Email ID*"
required="">
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
<div class="form-group">
<input type="hidden" name="countryName" class="countryName" value="">
<input type="hidden" name="code" class="code"
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" value="91"
required="">
<input class="form-control telePhone" type="tel" name="phone" value=""
maxlength="13" minlength="9"
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
placeholder="Mobile Number*" required="">
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
<div class="form-group">
<input class="form-control" type="text" name="location" placeholder="Location*"
required="">
</div>
</div>
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<textarea class="form-control" rows="5" placeholder="Comments Here*" required=""
name="message"></textarea>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<button type="submit" class="submit-btn">
Send Message
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<iframe class="contact_map"
src="<?=$admin_res['map_delhi'];?>"
width="600" height="480" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<?php include "app_footer.php"; ?>
<?php include "app_bottom.php"; ?>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
</body>
</html>