1#@!#!123s

: / home / vitalityhealth / public_html / aa / invite /
Filename : index.php
back
<?php
// ini_set('display_errors', 1);
// ini_set('display_startup_errors', 1);
// error_reporting(E_ALL);
include("cn.php");
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Online Invitation Card Generator | Ai Invitation Maker | Mether</title>
    <meta name="description" content="Create stunning invitations effortlessly with our online invitation card generator. Experience the future of design with our AI invitation maker. Start now!">
    <meta name="keywords" content="">
    <meta name="author" content="FREE INVITATION GENERATOR">

    <link rel="shortcut icon" href="<?php echo $siteurl; ?>images/favicon.ico"><!-- Favicon Icon -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"><!-- Google Fonts -->
    <link rel="stylesheet" href="<?php echo $siteurl; ?>css/plugins.css"><!-- plugins Css -->
    <link rel="stylesheet" href="<?php echo $siteurl; ?>css/fonts-icons.css"><!-- Font Icons Css -->
    <link rel="stylesheet" type="text/css" href="<?php echo $siteurl; ?>css/style.css"><!-- Custom Css -->
    <link rel="stylesheet" type="text/css" href="<?php echo $siteurl; ?>css/helper.css"><!-- Helper Css -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
   
  
<style>
.mobile {
  display: none;
  padding-top: 10px !important;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 600px) {
  .mobile {
    display: block;
    padding-top: 10px !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.desktop {
  display: block;
  padding-top: 10px !important;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 600px) {
  .desktop {
    display: block;
    padding-top: 10px !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
</style>

</head>
<body>
 
    <!-- Start PreLoader
    ================================================== -->
    <div id="pre-loader" class="pre-loader">
        <div class="cube-wrapper">
            <div class="cube-folding">
                <span class="leaf1"></span>
                <span class="leaf2"></span>
                <span class="leaf3"></span>
                <span class="leaf4"></span>
            </div>
            <span class="loading" data-name="Loading">Loading</span>
        </div>
        <div class="pre-loader-logo"><span class="text-uppercase fw-2 text-white">FREE INVITATION GENERATOR</span></div>
    </div>
    <!-- End PreLoader
    ================================================== -->

    <!-- Start Header
    ================================================== -->
    <header class="header">
        <nav class="navbar navbar-expand-lg p-0 navbar-custom" style="background:#180f5e;">
            <div class="header-logo">
                <a class="navbar-brand d-flex align-items-center text-white bg-black" href="#">
                    <img src="images/invitationlogo.png" alt="invitation">
                    <!--<span class="text-uppercase fw-2">FREE INVITATION&nbsp;<span class="fw-8 text-blue">GENERATOR</span></span>-->
                </a>
            </div>
            <div class="header-nav ml-auto">
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <ul class="navbar-nav">
                        <li class="nav-item active"><a class="nav-link page-scroll" href="#home">Home <span class="sr-only">(current)</span></a></li>
                        <li class="nav-item"><a class="nav-link page-scroll" href="#services">Services</a></li>
                       
                       
                        <li class="nav-item"><a class="nav-link page-scroll" href="#faq">FAQ</a></li>
                      
                       
                        <li class="nav-item"><a class="nav-link page-scroll btn-hire-me btn-blue text-center text-white ml-lg-10 mr-lg-10" href="#contact" style="background:#1967D2;">Contact</a></li>
                        
                      
                    </ul>
                </div>
            </div>
        
            <div class="mobile-menu d-md-block d-lg-none" style="display:none;">
                <a class="header-follow d-flex justify-content-center align-items-center" href="#"><span class="ti-sharethis"></span></a>
                <a class="d-flex justify-content-center align-items-center js-fr-offcanvas-open" aria-controls="offcanvas-2" href="#"><span class="ti-more-alt"></span></a>
                <a class="navbar-toggler d-flex justify-content-center align-items-center" data-toggle="collapse" href="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="bar1"></span>
                    <span class="bar2"></span>
                    <span class="bar3"></span>
                </a>
            </div>
        </nav>

        <!-- Start offcanvas -->
        <div class="fr-offcanvas js-fr-offcanvas bg-white" id="offcanvas-2">
            <button type="button" class="btn btn-black btn-block w-100 fr-offcanvas-close js-fr-offcanvas-close fr-offcanvas-close-btn"><span class="ti-close mr-2"></span>Close</button>
            <div class="row text-center mb-30">
                <div class="col-lg-12">
                    <h2 class="text-black fw-3">Get in touch today</h2>
                </div>
                <div class="col-lg-12">
                    <p>Contact us now to connect and start a conversation today</p>
                </div>
            </div>
            <form  method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="messages"></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                            <div class="position-relative">
                                <input type="text" name="name" class="form-control" required="required" >
                                <label>Name</label>
                               
                            </div>
                           
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                            <div class="position-relative">
                                  <input type="email" name="email" class="form-control" required="required" >
                                <label>Email</label>
                               
                            </div>
                           
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                            <div class="position-relative">
                                  <input type="text" name="phone" class="form-control" required="required" id="numericInput">
                              
                                <label>Phone</label>
                                
                            </div>
                           
                        </div>
                    </div>
                    <script>
        document.getElementById('numericInput').addEventListener('input', function (e) {
            // Remove non-numeric characters using a regular expression
            this.value = this.value.replace(/[^0-9]/g, '');
        });
    </script>
                    <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                            <div class="position-relative">
                                <input type="text" name="subject" class="form-control" required="required">
                                <label>Subject</label>
                               
                            </div>
                           
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-sm-12">
                        <div class="form-group">
                            <div class="position-relative">
                                <textarea name="message" class="form-control" rows="5" required="required"></textarea>
                                <label>Message</label>
                                
                            </div>
                            
                        </div>
                    </div> 
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <button type="submit" name="submit" class="btn btn-send btn-blue">Send message<i class="far fa-paper-plane pl-3"></i></button>
                    </div>
                </div>
            </form>
            <div class="row">
                <div class="col-lg-12">
                    
                    <div class="media mb-30">
                        <span class="ti-email h2 align-self-center"></span>
                        <div class="media-body pl-3">
                            <h6 class="mb-1 text-black fw-6">Email Address:</h6>
                            <p>support@mether.info</p> 
                        </div>
                    </div>
                    
                    
                </div>
            </div>
            
        </div>
        <!-- End offcanvas -->
    </header>
    <!-- End Header
    ================================================== -->

    <!-- Start Home
    ================================================== -->
    <section id="home" class="d-flex align-items-center section text-white half-home" data-parallax data-speed="0" data-src="images/27208.jpg">
        <div class="overlay-gridtile-black"></div>
        <div class="container">
            <div class="row text-center justify-content-center">
                <div class="col-lg-12">
                    <h2 class="text-uppercase mb-0 fw-7">We don't just make </h2>
                    <h1 class="text-uppercase mb-0 fw-7 text-yellow font-50 font-sm-80 font-md-100 font-lg-150">INVITATIONS.</h1>
                    <h5 class="fw-4">We help our clients leave impressions that last long and speak for themselves.</h5>
                   
                   
                </div>
            </div>
        </div>
        <a href="#services" class="home-scroller page-scroll text-white">
            <span class="ti-mouse"></span>
        </a>
    </section>
    <!-- End Home
    ================================================== -->

    <!-- Start Services
    ================================================== -->
    <section id="services" class="container-fluid">
        <div class="row">
            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-orange service-box text-center">
                    <div class="service-box-inner">
                       <img src="images/sukh.png" alt="sukh">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Sukhmani Sahib Path</strong></h5>
                        <div class="service-hidden-content">
                            <p>Embrace spirituality and peace. Create custom invitations for your Sukhmani Sahib Path and invite 
your loved ones to join in the spiritual journey. Design now and share the tranquility.</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>sukhmani-sahib-path/card-template/<?php echo strtolower(base64_encode(1)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-yellow service-box text-center">
                    <div class="service-box-inner">
                       <img src="images/home.png" alt="grah">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Griha Pravesh</strong></h5>
                        <div class="service-hidden-content">
                            <p>Step into your new home with warmth and blessings. Design your personalized Griha Pravesh 
invitations and mark the beginning of a new chapter. Start creating and welcome your loved ones!</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>griha-pravesh/card-template/<?php echo strtolower(base64_encode(2)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
             <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-dark-pink service-box text-center">
                    <div class="service-box-inner">
                       <img src="images/wedding.png" alt="wedding">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Wedding Invitation</strong></h5>
                        <div class="service-hidden-content">
                            <p>Your love story deserves a beautiful beginning. Design your personalized wedding invitations and 
invite your guests to share in your special day. Start designing and let the wedding celebrations 
commence!</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>wedding-invitation/card-template/<?php echo strtolower(base64_encode(3)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-blue service-box text-center">
                    <div class="service-box-inner">
                        <img src="images/cake.png" alt="cake">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Happy Birthday</strong></h5>
                        <div class="service-hidden-content">
                            <p>Celebrate another year of life! Design your custom birthday invitations and get ready to party. Create now and share the birthday joy!</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>happy-birthday/card-template/<?php echo strtolower(base64_encode(4)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
            
            
             
            
             
         <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-green service-box text-center">
                    <div class="service-box-inner">
                        <img src="images/newyear.png" alt="newyear" >
                         <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Happy New Year</strong></h5>
                        <div class="service-hidden-content">
                            <p>Get ready to welcome the New Year in style! Create your custom New Year's invitations and set the 
perfect tone for your celebration. Design now and share the joy!</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>happy-new-year/card-template/<?php echo strtolower(base64_encode(5)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
        <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-dark-blue service-box text-center">
                    <div class="service-box-inner">
                       <img src="images/baby.png" alt="baby">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Baby Shower</strong></h5>
                        <div class="service-hidden-content">
                            <p>Get ready to shower the mom-to-be with love! Design your personalized baby shower invitations 
and make the upcoming arrival even more special. Start designing and celebrate the little one on the 
way!</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>baby-shower/card-template/<?php echo strtolower(base64_encode(6)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
         <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0">
                <div class="bg-yellow service-box text-center">
                    <div class="service-box-inner">
                       <img src="images/diwali.png" alt="diwali">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Happy Diwali</strong></h5>
                        <div class="service-hidden-content">
                            <p>Light up your Diwali celebration with personalized invitations! Design your unique Diwali invites and 
spread the festive spirit. Start designing and let the festivities begin!</p>
                        </div>
                        <a class="service-read-more" href="<?php echo $siteurl; ?>happy-diwali/card-template/<?php echo strtolower(base64_encode(7)); ?>">Generate Now</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0 ">
                <div class="bg-green service-box text-center">
                    <div class="service-box-inner">
                        <img src="images/custom.png" alt="custom">
                        <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Custom</strong> Design</h5>
                        <div class="service-hidden-content">
                            <p>A custom design offers a personalized and user-friendly experience, with unique branding, high-quality visuals, and easy customization.The design empowers users to create beautifully crafted invitations for various occasions with ease and style.</p>
                        </div>
                        <a class="service-read-more" href="#">Generate Now</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Services
    ================================================== -->

    <!-- Start Partner Slider
    ================================================== -->
   
    <!-- End Partner Slider
    ================================================== -->

    <!-- Start Awesome elements
    ================================================== -->
 
    <!-- End Awesome elements
    ================================================== -->

    <!-- Start What comes with this Template?
    ================================================== -->
    <section class="section bg-grey">
        <div class="container">
            <div class="row justify-content-center text-center mb-60">
                <div class="col-lg-12">
                    <h2 class="text-black fw-3">Unlock the Art of Invitations</h2>
                </div> 
                <div class="col-lg-10">
                    <p>Unlock the art of invitations with our exquisite designs and personalized touch. From elegant paper to digital masterpieces, we create invitations that set the tone for your special occasions, leaving a lasting impression on your guests.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <!--<div class="media position-relative text-right service-icon-on-right-list mt-20">-->
                    <!--    <div class="media-body">-->
                    <!--        <h6 class="fw-6 text-black">Based on Bootstrap 4</h6>-->
                    <!--        <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p>-->
                    <!--    </div>-->
                    <!--    <span class="ti-check ml-3 h4 text-blue bg-grey pb-2 position-relative"></span>-->
                    <!--</div>-->
                    <div class="media position-relative text-right service-icon-on-right-list mt-20">
                        <div class="media-body">
                            <h6 class="fw-6 text-black">Functional and easy to use</h6>
                            <p class="mb-30">Effortlessly design invitations with our user-friendly invitation generator, combining functionality with simplicity to help you craft the perfect invite for any occasion.</p>
                        </div>
                        <span class="ti-thumb-up ml-3 h4 text-blue bg-grey pb-2 position-relative"></span>
                    </div>
                    <div class="media position-relative text-right service-icon-on-right-list mt-20">
                        <div class="media-body">
                            <h6 class="fw-6 text-black">Powerful options</h6>
                            <p class="mb-30">Empower your creativity with our invitation generator's powerful options, allowing you to craft unique and captivating invitations that leave a lasting impression.</p>
                        </div>
                        <span class="ti-settings ml-3 h4 text-blue bg-grey pb-2 position-relative"></span>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="media position-relative text-left service-icon-on-left-list mt-20">
                        <span class="ti-fullscreen mr-3 h4 text-blue bg-grey pb-2 position-relative"></span>
                        <div class="media-body">
                            <h6 class="fw-6 text-black">Fully responsive</h6>
                            <p class="mb-30">Create invitations seamlessly with our fully responsive invitation generator, ensuring your designs look perfect on all devices, making event planning a breeze.</p>
                        </div>
                    </div>
                    <div class="media position-relative text-left service-icon-on-left-list mt-20">
                        <span class="ti-light-bulb mr-3 h4 text-blue bg-grey pb-2 position-relative"></span>
                        <div class="media-body">
                            <h6 class="fw-6 text-black">Clean and modern design</h6>
                            <p class="mb-30">Design invitations with a clean and modern aesthetic using our invitation generator, ensuring your event announcements exude sophistication and style.</p>
                        </div>
                    </div>
                    <!--<div class="media position-relative text-left service-icon-on-left-list mt-20">-->
                    <!--    <span class="ti-arrows-vertical mr-3 h4 text-blue bg-grey pb-2 position-relative"></span>-->
                    <!--    <div class="media-body">-->
                    <!--        <h6 class="fw-6 text-black">Parallax effects</h6>-->
                    <!--        <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p>-->
                    <!--    </div>-->
                    <!--</div>-->
                </div>
            </div>
            
        </div>
    </section>
    <!-- End What comes with this Template?
    ================================================== -->

    <!-- Start Our Skills Are
    ================================================== -->
     
 
  <div class="section bg-grey">
       <div class="auto-container">
          
        <!--=====================================-->
        <!--=       Hero Banner Area Start      =-->
        <!--=====================================-->
         <div class="desktop">
   <div class="swiper mySwiper">
    <div class="swiper-wrapper">

     
    </div>
    <!--<div class="swiper-button-next"></div>-->
    <!--<div class="swiper-button-prev"></div>-->
    <!--<div class="swiper-pagination"></div>-->
  </div>
</div>

 <div class="mobile">
   <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      
     
    </div>
    <!--<div class="swiper-button-next"></div>-->
    <!--<div class="swiper-button-prev"></div>-->
    <!--<div class="swiper-pagination"></div>-->
  </div>
</div> 
</div>
  <!-- Swiper JS -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    const progressCircle = document.querySelector(".autoplay-progress svg");
    const progressContent = document.querySelector(".autoplay-progress span");
    var swiper = new Swiper(".mySwiper", {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false
      },
      pagination: {
        el: ".swiper-pagination",
        clickable: true
      },
    //   navigation: {
    //     nextEl: ".swiper-button-next",
    //     prevEl: ".swiper-button-prev"
    //   },
      on: {
        autoplayTimeLeft(s, time, progress) {
        //   progressCircle.style.setProperty("--progress", 1 - progress);
        //   progressContent.textContent = `${Math.ceil(time / 1000)}s`;
        }
      }
    });
  </script>
    </div>
    
    
     
    <!-- End Our Skills Are
    ================================================== -->

    <!-- Start Video Presentation
    ================================================== -->
 
    <!-- End Video Presentation
    ================================================== -->

    <!-- Start Why People Choose Us?
    ================================================== -->
<!--    <section class="pt-100 bg-grey">-->
<!--        <div class="container">-->
<!--            <div class="row justify-content-center text-center mb-60">-->
<!--                <div class="col-lg-12">-->
<!--                    <h2 class="text-black fw-3">Why People <strong class="fw-7">Choose</strong> <span class="text-orange">Us?</span></h2>-->
<!--                </div>-->
<!--                <div class="col-lg-6">-->
<!--                    <p>Choose us for your invitations, & make your<br> special moments even more memorable.</p>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row">-->
<!--                <div class="col-lg-5">-->
<!--                    <div class="w-100 d-block">-->
<!--                        <img class="img-fluid d-block ml-auto mr-auto" src="images/img-1.png" alt="Responsive image">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-7">-->
<!--                    <div class="mt-30 mb-50">-->
<!--                        <p><span class="dropcaps bg-blue text-white">C</span> hoose us for your invitation needs because we offer a wide range of beautiful templates, easy -->
<!--customization options, and instant previews, ensuring you get the perfect invitations for your special -->
<!--events. We prioritize your data security and privacy while providing responsive support. Make us -->
<!--your go-to choice and create invitations that truly reflect your style and occasion.-->
<!--</p>-->
<!--                        <div class="row">-->
<!--                            <div class="col-lg-6">-->
<!--                                <ul class="list-unstyled mb-0">-->
<!--                                    <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Unmatched Variety</li>-->
<!--                                    <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Customization Made Easy</li>-->
<!--                                    <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>User-Friendly Design</li>-->
                                    
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="col-lg-6">-->
<!--                                <ul class="list-unstyled mb-0">-->
<!--                                    <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Instant Previews</li>-->
<!--                                    <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Security and Privacy</li>-->
<!--                                    <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Responsive Support:</li>-->
                                   
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
    <!-- End Why People Choose Us?
    ================================================== -->

    <!-- Start Counter
    ================================================== -->
  
    <!-- End Counter
    ================================================== -->

    <!-- Start Affordable Price
    ================================================== -->
    
    <!-- End Affordable Price
    ================================================== -->

    <!-- Start Our Portfolio
    ================================================== -->
    
    <!-- End Our Portfolio
    ================================================== -->

    <!-- Start Frequently Asked Questions
    ================================================== -->
    <section id="faq" class="position-relative">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6 bg-white">
                    <div class="section pl-sm-5 pr-sm-5">
                        <div class="mb-60">
                            <h2 class="text-black fw-3">Frequently <strong class="fw-7">Asked</strong> <span class="text-orange">Questions</span></h2>
                            
                        </div>
                        <div id="accordion">
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>What is an invitation generator?
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse1" class="collapse show" data-parent="#accordion">
                                    <div class="card-body">
                                       An invitation generator is an online tool that allows you to create personalized invitations for 
various events and occasions. It offers a range of templates and customization options to design 
unique invitations.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>How does it work?

                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse2" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        To use our invitation generator, simply select a template, customize it with your event details, 
and preview the final design. Once you're satisfied, you can save and share the invitations with your 
guests.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>What types of events can I create invitations for?

                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse3" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        Our invitation generator provides templates for a wide range of events, including birthdays, 
weddings, baby showers, corporate events, and more.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>Is it free to use?
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse4" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        - We offer both free and premium templates. You can create basic invitations for free, but 
premium templates or additional customization features may require a paid subscription or a one time purchase.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>Can I upload my own images?

                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse5" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        Yes, you can often upload your own images to personalize your invitations further, such as photos 
of the guest of honor or event-related graphics.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse7" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>How do I send the invitations to my guests?


                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse7" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                       Once you've customized and finalized your invitations, you can typically share them digitally 
through email, social media, or by downloading a printable version for physical distribution.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse6" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>Is there a limit to the number of invitations I can create?


                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse6" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                       The number of invitations you can create may depend on your chosen plan or subscription. Free 
users may have certain limitations, while premium users often enjoy more flexibility.

                                    </div>
                                </div>
                            </div>
                            
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse8" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>Can I save my designs and edit them later?


                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse8" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                       Yes, you can typically save your invitation designs and edit them at a later time. User registration 
and login features are usually available to facilitate this.


                                    </div>
                                </div>
                            </div>
                            
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse9" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>Is my personal information safe when using the platform?


                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse9" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                       We take data privacy and security seriously. Your personal information is generally protected, and 
we implement measures to safeguard your data.



                                    </div>
                                </div>
                            </div>
                            
                            <div class="card">
                                <div class="card-header p-0">
                                    <h6 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse10" aria-expanded="true">
                                            <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>What do I do if I encounter issues or need assistance?


                                        </a>
                                    </h6>
                                </div>
                                <div id="collapse10" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                       If you have questions or encounter issues, our customer support team is here to assist you. 
Contact us through the provided channels, and we'll be happy to help you with any inquiries or 
concerns.




                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 d-none d-lg-block" data-parallax data-speed="0.2" data-pos-x="right" data-src="images/banner/img-3.jpg"></div>
            </div>
        </div>
    </section>
    <!-- End Frequently Asked Questions
    ================================================== -->

    <!-- Start What Our Customer Said
    ================================================== -->

    <!-- End What Our Customer Said
    ================================================== -->

    <!-- Start Our Awesome Team
    ================================================== -->
 
    <!-- End Our Awesome Team
    ================================================== -->

    <!-- Start WE ARE HIRING CREATIVE PEOPLE
    ================================================== -->
<!--    <section id="hire-us" class="section bg-white">-->
<!--        <div class="container">-->
<!--            <div class="row align-items-center justify-content-between">-->
<!--                <div class="col-lg-7">-->
<!--                    <div class="mb-30">-->
<!--                        <h2 class="text-uppercase text-black fw-3">we are <strong class="fw-7 text-orange">hiring creative</strong> people</h2>-->
<!--                        <p>"Join Our Team of Creative Innovators!"</p>-->
<!--                    </div>-->
<!--                    <p><span class="dropcaps text-blue">A</span>t Mether Invitation Generator we believe in the power of creativity to transform special moments into -->
<!--unforgettable experiences. We're on the lookout for imaginative individuals who share our passion -->
<!--for design and innovation to join our team.</p>-->
<!--                    <p>As part of our creative team, you will have the opportunity to:<br>-->
<!--- Shape the future of digital invitations and creative expression.<br>-->
<!--- Collaborate with a talented group of designers, developers, and visionaries.<br>-->
<!--- Work in an inspiring environment that fosters fresh ideas and artistic freedom.</p>-->

<!--                </div>-->
<!--                <div class="col-lg-4">-->
<!--                    <div class="drop-cv mt-30">-->
<!--                         <input type="file" class="custom-file-input">-->
<!--                        <div class="drop-cv-inner">-->
<!--                            <span class="ti-user cv-icon"></span>-->
<!--                            <p class="mt-2">Drop Your CV</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
    <!-- End WE ARE HIRING CREATIVE PEOPLE
    ================================================== -->

    <!-- Start Our Latest News
    ================================================== -->
 
    <!-- End Our Latest News
    ================================================== -->

    <!-- Start Map
    ================================================== -->
    
    <!-- End Map
    ================================================== -->

    <!-- Start Have any project? Send a message
    ================================================== -->
    
    <!-- End Have any project? Send a message
    ================================================== -->

    <!-- Start Get in touch today
    ================================================== -->
    <section id="contact" class="section bg-grey">
        <div class="container">
            <div class="row justify-content-center text-center mb-60">
                <div class="col-lg-12">
                    <h2 class="text-black fw-3">Get in <strong class="fw-7">touch</strong> <span class="text-orange">today</span></h2>
                </div>
                <div class="col-lg-6">
                    <p>Contact us now to connect and start a conversation today</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    
                    <div class="media mb-5">
                        <span class="ti-email h2 align-self-center"></span>
                        <div class="media-body pl-3">
                            <h6 class="mb-1 text-black fw-6">Email Address:</h6>
                            <p><a href="mailto:support@mether.info" style="color: black;">support@mether.info</a></p>
                        </div>
                    </div> 
                    
                </div>
                <div class="col-lg-9">
                    <form  method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
                        
                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="form-group">
                                    <div class="position-relative">
                                        <input type="text" name="name" class="form-control" required="required" >
                                        <label>Name</label>
                                       
                                    </div>
                                   
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-6">
                                <div class="form-group">
                                    <div class="position-relative">
                                       <input type="email" name="email" class="form-control" required="required">
                                        <label>Email</label>
                                       
                                    </div>
                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="form-group">
                                    <div class="position-relative">
                                       <input type="tel" name="phone" class="form-control">
                                        <label>Phone</label>
                                       
                                    </div>
                                   
                                </div>
                            </div>
                            
                              <div class="col-lg-6 col-sm-6">
                                <div class="form-group">
                                    <div class="position-relative">
                                       <input type="text" name="subject" class="form-control" required="required">
                                        <label>Subject</label>
                                       
                                    </div>
                                   
                                </div>
                            </div>
                            
                          
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <div class="position-relative">
                                        <textarea name="message" class="form-control" rows="8" required="required" ></textarea>
                                        <label>Message</label>
                                        <span class="focus-border bg-blue"></span>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <button type="submit" name="submit" class="btn btn-send btn-blue">Send message<i class="far fa-paper-plane pl-3"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- End Get in touch today
    ================================================== -->

    <!-- Start Footer
    ================================================== -->
    <?php include("footer.php");?>
 
    <!-- End Footer
    ================================================== -->

    <!-- Start Back to Top
    ================================================== -->
    <a href="#" class="back-to-top" id="back-to-top"><span class="ti-arrow-up"></span></a>
    <!-- End Back to Top
    ================================================== -->

    
    <script src="<?php echo $siteurl; ?>js/jquery.min.js"></script><!-- jquery JS -->
    <script src="<?php echo $siteurl; ?>js/plugins.js"></script><!-- Plugins JS -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhS88E7WGYgrr2chM0z94OLBWKNDXxESk"></script><!-- Google Map JS -->
    <script src="<?php echo $siteurl; ?>js/app.js"></script><!-- Custom JS -->
</body>
</html>