| Server IP : 138.197.176.125 / Your IP : 216.73.217.55 Web Server : Apache/2.4.41 (Ubuntu) System : Linux SuiteCRM-8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.19 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/binal/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Verbix - Contact Us</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet"
href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet"
href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="anim.css">
<link rel="stylesheet" href="media.css">
</head>
<body>
<div class="hero-section">
<nav class="navigation">
<div class="wrapper">
<div class="logo"><a href="index.html"><img src="./images/verbix-logo.png" class="img-fluid"
alt="verbix-logo"></a></div>
<div class="main-menu">
<input type="radio" name="slider" id="menu-btn">
<input type="radio" name="slider" id="close-btn">
<ul class="nav-links">
<label for="close-btn" class="btn close-btn"><i class="fas fa-times"></i></label>
<li>
<a href="index.html" class="desktop-item">Home</a>
<label for="showDrop1" class="mobile-item"><a href="index.html">Home</a></label>
<!-- <input type="checkbox" id="showDrop1">
<label for="showDrop1" class="mobile-item">Home <i class="fa-solid fa-angle-down"></i></label>
<ul class="drop-menu">
<li><a href="#">Drop menu 1</a></li>
<li><a href="#">Drop menu 2</a></li>
<li><a href="#">Drop menu 3</a></li>
<li><a href="#">Drop menu 4</a></li>
</ul> -->
</li>
<li>
<a href="#" class="desktop-item">Solutions <i class="fa-solid fa-angle-down"></i></a>
<input type="checkbox" id="showDrop3">
<label for="showDrop3" class="mobile-item">Solutions <i class="fa-solid fa-angle-down"></i></label>
<ul class="drop-menu">
<li><a href="./verbix-analytics.html">Verbix Analytics</a></li>
<li><a href="#">Verbix Chatter</a></li>
<li><a href="#">Verbix Voice Agent</a></li>
</ul>
</li>
<li>
<a href="#" class="desktop-item">About us</a>
<label for="showDrop4" class="mobile-item"><a href="#">About us</a></label>
<!-- <input type="checkbox" id="showDrop4"> -->
<!-- <label for="showDrop4" class="mobile-item">About us <i class="fa-solid fa-angle-down"></i></label> -->
<!-- <ul class="drop-menu">
<li><a href="#">Drop menu 1</a></li>
<li><a href="#">Drop menu 2</a></li>
<li><a href="#">Drop menu 3</a></li>
<li><a href="#">Drop menu 4</a></li>
</ul> -->
</li>
<!-- <li>
<a href="#" class="desktop-item">Mega Menu</a>
<input type="checkbox" id="showMega">
<label for="showMega" class="mobile-item">Mega Menu</label>
<div class="mega-box">
<div class="content">
<div class="row">
<img src="https://fadzrinmadu.github.io/hosted-assets/responsive-mega-menu-and-dropdown-menu-using-only-html-and-css/img.jpg" alt="">
</div>
<div class="row">
<header>Design Services</header>
<ul class="mega-links">
<li><a href="#">Graphics</a></li>
<li><a href="#">Vectors</a></li>
<li><a href="#">Business cards</a></li>
<li><a href="#">Custom logo</a></li>
</ul>
</div>
<div class="row">
<header>Email Services</header>
<ul class="mega-links">
<li><a href="#">Personal Email</a></li>
<li><a href="#">Business Email</a></li>
<li><a href="#">Mobile Email</a></li>
<li><a href="#">Web Marketing</a></li>
</ul>
</div>
<div class="row">
<header>Security services</header>
<ul class="mega-links">
<li><a href="#">Site Seal</a></li>
<li><a href="#">VPS Hosting</a></li>
<li><a href="#">Privacy Seal</a></li>
<li><a href="#">Website design</a></li>
</ul>
</div>
</div>
</div>
</li> -->
<div class="btn_group d-flex d-lg-none ms-4">
<button type="button" class="btn btn-primary cust-primary"><a href="contact.php">Contact Us</a></button>
<!-- <button type="button" class="btn btn-secondary cust-secondary ms-2">Login</button> -->
</div>
</ul>
<label for="menu-btn" class="btn menu-btn"><i class="fas fa-bars"></i></label>
</div>
<div class="btn_group d-none d-lg-block">
<button type="button" class="btn btn-secondary cust-secondary ms-2 invisible">Login</button>
<button type="button" class="btn btn-primary cust-primary"><a href="contact.php">Contact Us</a></button>
</div>
</div>
</nav>
<section class="py-80 contact-banner">
<div class="container">
<div class="row align-items-center flex-wrap-reverse">
<div class="col-lg-12 col-md-12 banner-content mt-5 mt-lg-0 text-center"
data-animation="slideInRight">
<h1>Get In Touch <span><img src="./images/object.png" alt="object"></span></h1>
<hr class="border border-1 opacity-10">
<p class="mt-4 mb-5">We will help a client's problems to develop the products they have with high quality Change the appearance.</p>
</div>
</div>
</div>
<img src="./images/banner_back_pattern.svg" alt="artificial-intelligence-technology" class="img-fluid contact_back_pattern">
</section>
</div>
<section class="contact-form-section py-80">
<div class="container">
<div class="section-head text-center">
<h2><span><img src="./images/object.png" alt="object"></span>Send Your Message</h2>
</div>
<div class="contact-form">
<form>
<div class="row">
<div class="col-md-6 col-sm-12">
<label>Name <span class="required">*</span></label>
<input type="text" name="name">
</div>
<div class="col-md-6 col-sm-12">
<label>Email <span class="required">*</span></label>
<input type="email" name="email">
</div>
<div class="col-md-12 col-sm-12">
<label>Your Message</label>
<textarea name="message" rows="4"></textarea>
</div>
</div>
<div class="contact-submit-btn">
<button type="button" class="btn btn-primary cust-primary mt-3">Submit</button>
</div>
</form>
</div>
</div>
</section>
<section class="footer bg-mirage py-80">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<img src="./images/verbix-logo.png" alt="">
</div>
</div>
<div class="row mt-5">
<div class="col-lg-3 col-md-6 col-sm-6 col-6 mt-4 mt-lg-0">
<ul>
<li>
<a href="index.html">
<h3>Home</h3>
</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 mt-4 mt-lg-0">
<ul>
<li>
<a href="#">
<h3>About Us</h3>
</a>
</li>
</ul>
</div>
<div class="col-lg-3 web-links col-md-6 col-sm-6 col-6">
<h3>Solutions</h3>
<ul class="mt-4">
<li><a href="./verbix-analytics.html">Verbix Analytics</a></li>
<li><a href="#">Verbix Chatter</a></li>
<li><a href="#">Verbix Voice Agent </a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<ul>
<li>
<a href="contact.php">
<h3>Contact Us</h3>
</a>
</li>
</ul>
<a href="mailto:info@verbix.ai">
<p class="address text-break">info@verbix.ai</p>
</a>
<div class="social d-flex">
<a href="https://www.facebook.com/varianceinfotech/" target="_blank"><i
class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/varianceinfotech/" target="_blank"><i
class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/variance-infotech" target="_blank"><i
class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>
</div>
<hr class="border border-1 my-5">
<div class="row copyright">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<p class="address text-center mb-0">© Copyright 2024 Verbix - All Rights Reserved</p>
</div>
<!-- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center text-md-end">
<a href=""><p class="address">Privacy Policy</p></a>
</div> -->
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script>
const header = document.querySelector(".navigation");
const toggleClass = "is-sticky";
window.addEventListener("scroll", () => {
const currentScroll = window.pageYOffset;
if (currentScroll > 20) {
header.classList.add(toggleClass);
} else {
header.classList.remove(toggleClass);
}
});
</script>
<script>
const AnimateOnScroll = function ({ offset } = { offset: 10 }) {
// Define a dobra superior, inferior e laterais da tela
const windowTop = (offset * window.innerHeight) / 100;
const windowBottom = window.innerHeight - windowTop;
const windowLeft = 0;
const windowRight = window.innerWidth;
this.start = (element) => {
window.requestAnimationFrame(() => {
// Seta os atributos customizados
element.style.animationDelay = element.dataset.animationDelay;
element.style.animationDuration = element.dataset.animationDuration;
// Inicia a animacao setando a classe para animar
element.classList.add(element.dataset.animation);
// Seta o elemento como animado
element.dataset.animated = "true";
});
};
this.inViewport = (element) => {
// Obtem o boundingbox do elemento
const elementRect = element.getBoundingClientRect();
const elementTop =
elementRect.top + parseInt(element.dataset.animationOffset) ||
elementRect.top;
const elementBottom =
elementRect.bottom - parseInt(element.dataset.animationOffset) ||
elementRect.bottom;
const elementLeft = elementRect.left;
const elementRight = elementRect.right;
// Verifica se o elemento esta na tela
return (
elementTop <= windowBottom &&
elementBottom >= windowTop &&
elementLeft <= windowRight &&
elementRight >= windowLeft
);
};
// Percorre o array de elementos, verifica se o elemento está na tela e inicia animação
this.verifyElementsInViewport = (els = elements) => {
for (let i = 0, len = els.length; i < len; i++) {
// Passa para o proximo laço se o elemento ja estiver animado
if (els[i].dataset.animated) continue;
this.inViewport(els[i]) && this.start(els[i]);
}
};
// Obtem todos os elementos a serem animados
this.getElements = () =>
document.querySelectorAll("[data-animation]:not([data-animated])");
// Atualiza a lista de elementos a serem animados
this.update = () => {
elements = this.getElements();
elements && this.verifyElementsInViewport(elements);
};
// Inicia os eventos
window.addEventListener("load", this.update, false);
window.addEventListener(
"scroll",
() => this.verifyElementsInViewport(elements),
{ passive: true }
);
window.addEventListener(
"resize",
() => this.verifyElementsInViewport(elements),
{ passive: true }
);
};
// Initialize
const options = {
offset: 15 // percentage of the window
};
const animation = new AnimateOnScroll(options);
</script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/vendors/jquery.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<script>
$(document).ready(function () {
$("#testimonial").owlCarousel({
loop: true,
margin: 10,
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: false
},
600: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: true,
loop: false,
margin: 20
}
}
});
});
</script>
</body>
</html>