관리-도구

편집 파일: appointment.html

<!DOCTYPE html>
<html lang="zxx">

<head>
    <title>Zamorin Decorate</title>
    <link rel="icon" href="images/zamorinlogo.png" type="image/gif" sizes="16x16">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Almaris — Hotel Website Template" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">
    
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap">
    <link href="css/plugins.css" rel="stylesheet" type="text/css">
    <link href="css/swiper.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/coloring.css" rel="stylesheet" type="text/css">
    
    <link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css">

</head>

<div id="de-loader"></div>

<header class="transparent has-topbar">
            <div id="topbar">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="d-flex justify-content-between xs-hide">
                                <div class="header-widget d-flex">
                                    <div class="topbar-widget"><a href="#"><i class="icofont-location-pin"></i>
                                        Zamorin Decorate Private Limited, Club Jn, Pukkattupady Rd, Edappally,
                                        Kochi - 682024</a></div>
                                    <div class="topbar-widget"><a href="#"><i class="icofont-phone"></i>+91 88484 93081</a></div>
                                    <div class="topbar-widget"><a href="#"><i
                                                class="icofont-envelope"></i>info@zamorindecorate.com</a></div>
                                </div>

<div class="social-icons">
                                    <a href="https://www.facebook.com/zamorindecorate/" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook-f"></i></a>
                                    <a href="https://www.instagram.com/zamorindecorate/"  target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram"></i></a>
                                    <a href="https://x.com/zamorindecorate" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-twitter"></i></a>
                                    <a href="https://www.youtube.com/@ZamorinDecorate" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-youtube"></i></a>
                            </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="de-flex sm-pt10">
                            <div class="de-flex-col">
                                
                                <div id="logo">
                                    <a href="index.html">
                                        <img class="logo-main" src="images/zamorinlogo.png" alt="" width="200" height="80">
                                        <img class="logo-scroll" src="images/zamorinlogo.png" alt="">
                                        <img class="logo-mobile" src="images/zamorinlogo.png" alt="">
                                    </a>
                                </div>
                                
                            </div>
                            <div class="de-flex-col header-col-mid">
                                <ul id="mainmenu">
                                    <li><a class="menu-item" href="index.html">Home</a></li>
                                    <li><a class="menu-item" href="about.html">About</a></li>
                                    <li><a class="menu-item" href="products.html">Our Products</a></li>
                                    <li><a class="menu-item" href="projects.html">Our Projects</a></li>
                                    <li><a class="menu-item" href="services.html">B2B Services</a></li>
                                    <li><a class="menu-item" href="blog.html">Blog</a></li>
                                    <li><a class="menu-item" href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                            <div class="de-flex-col">
                                <div class="menu_side_area">
                                    <a href="appointment.html" class="btn-main">Book an appointment</a>
                                    <span id="menu-btn"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

<section id="subheader" class="relative jarallax text-light">
                <img src="images/background/banner3.jpg" class="jarallax-img" alt="">
                <div class="container relative z-index-1000">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 text-center">
                            <h1>Appointment</h1>
                            <ul class="crumb">
                                <li><a href="index.html">Home</a></li>
                                <li class="active">Appointment</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="de-overlay"></div>
            </section>

<section id="consultation_form" class="py-5 bg-dark-2 text-light">
                <div class="container">
                  <div class="row justify-content-center">
                    <div class="col-lg-8">
                      <div class="text-center mb-4">
                        <h2 class="fw-bold display-6">Book a Free Consultation</h2>
                        <p class="lead">Get personalised interior designs with professional execution.To know more book a home visit.</p>
                      </div>
              
                      <form id="consultation-form" method="post" action="submit_consultation.php" class="bg-dark p-4 rounded shadow-lg">
                        <div class="row g-4">
                          <div class="col-md-6">
                            <label for="name" class="form-label">Full Name</label>
                            <input type="text" id="name" name="name" class="form-control" required>
                          </div>
                          <div class="col-md-6">
                            <label for="phone" class="form-label">Phone Number</label>
                            <input type="text" id="phone" name="phone" class="form-control" required>
                          </div>
                          <div class="col-12">
                            <label for="address" class="form-label">Address</label>
                            <input type="text" id="address" name="address" class="form-control" required>
                          </div>
                          <div class="col-12">
                            <label for="about" class="form-label">About</label>
                            <textarea id="about" name="about" rows="4" class="form-control"></textarea>
                          </div>
                          <div class="col-12">
                            <label for="consultation" class="form-label">Consultation</label>
                            <input type="text" id="consultation" name="consultation" class="form-control" required>
                          </div>
                          <div class="col-12 text-center">
                            <button type="submit" class="btn btn-primary px-5 py-2 mt-3">Submit</button>
                          </div>
                        </div>
                      </form>
              
                    </div>
                  </div>
                </div>
              </section>
<style>
    #consultation_form {
        background: linear-gradient(to right, #1e1e2f, #2a2a3b);
      }
      
      #consultation_form .form-control,
      #consultation_form .form-select {
        background-color: #2c2c3e;
        border: 1px solid #444;
        color: #fff;
      }
      
      #consultation_form .form-control::placeholder {
        color: #ccc;
      }
      
      #consultation_form .btn-primary {
        background-color: #ff6b6b;
        border: none;
        transition: background-color 0.3s ease;
      }
      
      #consultation_form .btn-primary:hover {
        background-color: #ff4c4c;
      }
      
</style>

<section class="bg-dark-2 text-light py-5">
                <div class="container">
                    <div class="text-center mb-4">
                        <h2 class="display-5 fw-bold">Why People Choose Us</h2>
                    </div>
                    
                    <div class="row justify-content-center mb-5">
                        <div class="col-lg-8 text-center">
                            <p class="lead">
                                The belief that customer satisfaction is ultimate, has helped us garner a vast base of customers, which continues to grow by the day. We employ individuals who are dedicated towards their respective roles and put in a lot of effort to achieve the common vision and larger goals.
                            </p>
                        </div>
                    </div>
                    
                    
                    <div class="row g-4 justify-content-center text-center">
                        
                        <div class="col-md-4">
                            <div class="feature-box">
                                <div class="icon-box">
                                    <i class="fas fa-user-tie"></i>
                                </div>
                                <h4 class="fw-semibold">Qualified Experts</h4>
                                <p class="mt-3">
                                    Our designers thoughtfully source a selection of products, just for you. We partner with an extensive list of sought-after vendors and local artisans to ensure that every design is uniquely tailored to your style, your needs and your budget.
                                </p>
                            </div>
                        </div>
            
                        
                        <div class="col-md-4">
                            <div class="feature-box">
                                <div class="icon-box">
                                    <i class="fas fa-project-diagram"></i>
                                </div>
                                <h4 class="fw-semibold">End-to-End Service</h4>
                                <p class="mt-3">
                                    While we work towards giving you your dream home interior design, all you need to do is relax while everything is taken care of. From concept to creation and planning to execution, our team has got you covered.
                                </p>
                            </div>
                        </div>
            
                        
                        <div class="col-md-4">
                            <div class="feature-box">
                                <div class="icon-box">
                                    <i class="fas fa-concierge-bell"></i>
                                </div>
                                <h4 class="fw-semibold">Agile</h4>
                                <p class="mt-3">
                                    What sets us apart is that our process is managed through AGILE. We maintain end to end transparency.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            
            
            <style>
                .feature-box {
                    border: 2px solid #444;
                    border-radius: 12px;
                    padding: 30px 20px;
                    text-align: center;
                    height: 100%;
                    background-color: rgba(255, 255, 255, 0.02);
                    transition: all 0.3s ease;
                }
                
                .feature-box:hover {
                    transform: translateY(-5px);
                    border-color: #0d6efd;
                }
                
                .icon-box {
                    font-size: 40px;
                    color: #0d6efd;
                    margin-bottom: 20px;
                }
                
        </style>
        </div>
        
        <section class="bg-color text-light relative pt50 no-bottom" >
            <div class="container relative z-2">
                <div class="row g-4">
                    <div class="col-lg-8 offset-lg-2 mb-4 text-center">
                    </div>
                </div>
            </div>

<div class="mb-4 mb-lg-0">
                        <h5 class="mb-3">Quick Links</h5>
                        <ul class="list-unstyled">
                            <li><a href="about.html" class="text-decoration-none">About Us</a></li>
                            <li><a href="privacypolicy.html" class="text-decoration-none">Privacy Policy</a></li>
                            <li><a href="shippingpolicy.html" class="text-decoration-none">Shipping Policy</a></li>
                            <li><a href="refundpolicy.html" class="text-decoration-none">Refund Policy</a></li>
                            <li><a href="termsandconditions.html" class="text-decoration-none">Terms & Conditions</a></li>
                        </ul>
                    </div>

<div class="mb-4 mb-lg-0">
                        <h5 class="mb-3">Working Hours</h5>
                        <ul class="list-unstyled mb-0" id="working-hours">
                            <li data-day="1">Monday: 10 am–8 pm</li>
                            <li data-day="2">Tuesday: 10 am–8 pm</li>
                            <li data-day="3">Wednesday: 10 am–8 pm</li>
                            <li data-day="4">Thursday: 10 am–8 pm</li>
                            <li data-day="5">Friday: 10 am–8 pm</li>
                            <li data-day="6">Saturday: 10 am–8 pm</li>
                            <li data-day="0">Sunday: <strong style="color:red;">Closed</strong></li>
                        </ul>
                    </div>
                    <div>
                        <h5 class="mb-3">Address</h5>
                        Zamorin Decorate Private Limited,<br>
                        Club Jn, Pukkattupady Rd, Edappally,<br>
                        Kochi - 682024, Kerala, India<br>
                        +91 88484 93081<br>
                        info@zamorindecorate.com
                    </div>
                </div>
            </div>                    
        </div>
    </div>
    <div class="subfooter">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div id="copyright">
                        &copy; <script>document.write(new Date().getFullYear());</script>
                        <a target="_blank" href="https://ictglobaltech.com/"> ICT Global Tech Pvt. Ltd.</a> All Rights Reserved.
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<script>
    // Highlight current day in green
    const today = new Date().getDay(); // Sunday = 0, Monday = 1, ...
    const hoursList = document.getElementById('working-hours');
    const items = hoursList.querySelectorAll('li');
    items.forEach(item => {
        if (parseInt(item.dataset.day) === today) {
            item.classList.add('text-success', 'fw-bold');
        }
    });
</script>

</div>
    
    
    <script src="js/plugins.js"></script>
    <script src="js/designesia.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/custom-marquee.js"></script>
    <script src="js/custom-swiper-3.js"></script>
    <script src='https://www.google.com/recaptcha/api.js' async defer></script>
    <script src="contact.js"></script>

</body>

</html>

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: appointment.html

Sid Gifari File Manager