| Server IP : 147.93.80.58 / Your IP : 216.73.216.195 Web Server : LiteSpeed System : Linux id-dci-web1866.main-hosting.eu 5.14.0-503.38.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 18 08:52:10 EDT 2025 x86_64 User : u939086737 ( 939086737) PHP Version : 8.2.28 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u939086737/domains/chocolate-mouse-719686.hostingersite.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Chorbi - IT Solution & Business Service HTML5 Template">
<meta name="keywords" content="themes_master, blog, business, clean, corporate, creative, ecommerce, gallery, multipurpose, one page, photography, portfolio, responsive, shop">
<meta name="author" content="themes_master">
<!-- SITE TITLE -->
<title>Contact Us- Vintage Glow</title>
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/themify-icons.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<!--slicknav Css-->
<link rel="stylesheet" href="assets/css/slicknav.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="shortcut icon" href="./assets/img/icon.png" type="image/x-icon">
</head>
<body>
<?php include './header.php' ?>
<!-- START SECTION TOP -->
<section class="section-top" style="background-image: url(assets/img/bg/section-bg.jpg); background-size:cover; background-position: center center;">
<div class="container">
<div class="col-lg-12 col-sm-12 col-xs-12 text-center">
<div class="section-top-title">
<h1>Contact Us</h1>
</div><!-- //.HERO-TEXT -->
</div><!--- END COL -->
</div><!--- END CONTAINER -->
</section>
<!-- END SECTION TOP -->
<!-- ADDRESS -->
<div class="address section-padding">
<div class="container">
<div class="row text-center">
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="single_address">
<div class="address_br"><span class="ti-mobile"></span></div>
<h4>Phone</h4>
<p>+91-98765-43210</p>
<br>
</div>
</div><!--- END COL -->
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="single_address">
<div class="address_br"><span class="ti-email"></span></div>
<h4>Email</h4>
<p><a href="javascript:void" class="text-dark">support@vintageglow.in</a></p>
<br>
</div>
</div><!--- END COL -->
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="single_address">
<div class="address_br"><span class="ti-location-pin"></span></div>
<h4>Address</h4>
<p>123 MLM Avenue, Growth City, Success State – 456789</p>
</div>
</div><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div>
<!-- END ADDRESS -->
<!-- START CONTACT -->
<section id="contact" class="contact_us section-padding">
<div class="container">
<div class="row contact_us_bg">
<div class="col-lg-7 col-sm-12 col-xs-12">
<div class="contact">
<h4>Let’s Connect!</h4>
<p> Have questions, suggestions, or need support? We’re here to help! Whether you're already part of the Vintage Glow community or just getting started, feel free to reach out. Our team is ready to assist you.</p>
<form class="form" method="post" onsubmit="return validation();">
<div class="row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" placeholder="Name" required="required">
</div>
<div class="form-group col-md-6">
<input type="email" name="email" class="form-control" placeholder="Email" required="required">
</div>
<div class="form-group col-md-12">
<input type="text" name="phone" class="form-control" placeholder="Phone" required="required">
</div>
<div class="form-group col-md-12">
<input type="text" name="subject" class="form-control" placeholder="Subject" required="required">
</div>
<div class="form-group col-md-12">
<textarea rows="6" name="message" class="form-control" placeholder="Your Message" required="required"></textarea>
</div>
<div class="col-md-12 text-center">
<button type="submit" value="Send message" name="submit" id="submitButton" class="btn btn-lg contact_btn" title="Submit Your Message!">Send Message</button>
</div>
</div>
</form>
</div>
</div><!-- END COL -->
<div class="col-lg-5 col-sm-12 col-xs-12">
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3662.448933553354!2d85.3327976750378!3d23.37197120319978!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f4e1152b670dab%3A0xe40ad45bb53114fe!2sClickByDigital%20Technology%20Private%20Limited!5e0!3m2!1sen!2sin!4v1744202364872!5m2!1sen!2sin" width="100%" height="auto" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div><!-- END COL -->
</div><!-- END ROW -->
</div><!-- END CONTAINER -->
</section>
<!-- END CONTACT -->
<?php include './footer.php' ?>
<script>
function validation() {
const nameInput = document.querySelector('input[name="name"]');
const emailInput = document.querySelector('input[name="email"]');
const phoneInput = document.querySelector('input[name="phone"]');
const subjectInput = document.querySelector('input[name="subject"]');
const messageInput = document.querySelector('textarea[name="message"]');
let isValid = true;
// Validate Name
if (nameInput.value.trim() === "") {
alert("Please enter your name.");
nameInput.focus();
isValid = false;
}
// Validate Email
if (isValid && emailInput.value.trim() === "") {
alert("Please enter your email address.");
emailInput.focus();
isValid = false;
} else if (isValid) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(emailInput.value.trim())) {
alert("Please enter a valid email address.");
emailInput.focus();
isValid = false;
}
}
// Validate Phone
if (isValid && phoneInput.value.trim() === "") {
alert("Please enter your phone number.");
phoneInput.focus();
isValid = false;
} else if (isValid) {
// You can add more sophisticated phone number validation if needed
const phoneRegex = /^[0-9]+$/; // Basic check for digits only
if (!phoneRegex.test(phoneInput.value.trim())) {
alert("Please enter a valid phone number (numbers only).");
phoneInput.focus();
isValid = false;
}
}
// Validate Subject
if (isValid && subjectInput.value.trim() === "") {
alert("Please enter the subject.");
subjectInput.focus();
isValid = false;
}
// Validate Message
if (isValid && messageInput.value.trim() === "") {
alert("Please enter your message.");
messageInput.focus();
isValid = false;
}
return isValid; // Return true if all validations pass, false otherwise
}
</script>
</body>
</html>