MMCT TEAM
Server IP : 103.53.40.154  /  Your IP : 18.225.175.230
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home2/ppcad7no/kanoonisamadhan.in/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/ppcad7no/kanoonisamadhan.in/product.php
<!DOCTYPE html>
<html lang="zxx">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Title -->
    <title>PAVITRA BHUTESH JANKALYAN SAMITI</title>
    <?php include 'top-link.php';?>
     <style>
    /* Style the modal container */
    .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }

    /* Style the modal content */
    .modal-content {
         background-color: white;
    width: 449px;
    height: auto;
    margin: 100px auto;
    padding: 20px;
    border-radius: 5px;
    }
    #myModal input{
        width: 100%;
    }
  </style>
</head>

<body>
<?php include 'header.php';?>
<!-- Banner Area -->
<section id="common_banner_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="commn_banner_page">
                        <h2><span class="color_big_heading">Product Name</span> </h2>
                        <ul class="breadcrumb_wrapper">
                            <li class="breadcrumb_item"><a href="index.php">Home</a></li>
                            <li class="breadcrumb_item"><img src="assets/img/icon/arrow.png" alt="img"></li>
                            <li class="breadcrumb_item active">Product Name</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

   <!-- product Area -->
     
     <section style="margin:30px 0px" class="product">
        <div class="container">
         <div class="row">
             <div class="col-md-4">
                 <div class="row">
                    <div class="col-12">
                        <div class="product-header-image"><img style="width:100%" class="img-fluid" src="assets/img/pro-head.jpg" alt="head image"></div>
                    </div>
                 </div>
                  <div class="row">
                    <div class="col-12">
                        <div class="product-header-image"><img style="width:100%" class="img-fluid" src="assets/img/pro.jpg" alt="head image"></div>
                    </div>
                 </div>
            </div>
            <div style="Padding:40px"class="col-md-8">
               <h2 style="margin:20px 0px">Pait Sudhar</h2>
               <p style="margin:20px 0px"><b>Indications:</b> <br>
                    This is indicated in cases of constipation, acidity, bloating, and other gastrointestinal issues.</p>
               <ul style="margin:20px 0px">
                   <p><b>Key Benefits:</b></p>
                   <li style="margin:10px 0px;list-style: disc;" ><p>Senna is known to have laxative properties</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>Sendha namak and kala namak can help with digestion</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>Ajwain aids in reducing acidity</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>Svarjiksara helps ease heartburn</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>The granules can help relieve constipation and acidity</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>They may assist in easing bowel movements</p></li>
                    <li style="margin:10px 0px;list-style: disc;"><p>They can also cleanse the gut for improved digestion</p></li>
               </ul>    
                <ul style="margin:20px 0px">
                   <p><b>Safety Information:</b></p>
                   <li style="margin:10px 0px;list-style: disc;" ><p>Read the label carefully before use</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>Store in a cool and dry place</p></li>
                   <li style="margin:10px 0px;list-style: disc;"><p>Keep out of reach of children</p></li>
               </ul> 
               <button class="btn btn-success" id="openModalButton">Buy Now</button>

  <!-- Modal container -->
  <div class="modal" id="myModal">
    <!-- Modal content -->
    <div class="modal-content">
      <h2>Order Form</h2>
  <form style="margin20px" action="/submit_order" method="POST">
    <!-- Name field -->
    <label for="name">Name:</label><br>
    <input type="text" id="name" name="name" required><br><br>

    <!-- Phone number field -->
    <label for="phone">Phone Number:</label><br>
    <input type="tel" id="phone" name="phone" required><br><br>

    <!-- Email field -->
    <label for="email">Email:</label><br>
    <input type="email" id="email" name="email" required><br><br>

    <!-- Quantity field -->
    <label for="quantity">Quantity:</label><br>
    <input type="number" id="quantity" name="quantity" min="1" required><br><br>

    <!-- Submit button -->
    <input  class="btn btn-success" type="submit" value="Submit"> <br>
  </form>
      <button class="btn btn-danger" style="margin:20px:width:50%" id="closeModalButton">Close</button>
    </div>
  </div>
            </div>
         </div>
        </div>
     </section>
    <script>
    const openModalButton = document.getElementById('openModalButton');
    const closeModalButton = document.getElementById('closeModalButton');
    const modal = document.getElementById('myModal');

    // Function to open the modal
    function openModal() {
      modal.style.display = 'block';
    }

    // Function to close the modal
    function closeModal() {
      modal.style.display = 'none';
    }

    // Add click event listeners to the buttons
    openModalButton.addEventListener('click', openModal);
    closeModalButton.addEventListener('click', closeModal);
  </script>
<?php include 'footer.php';?>

MMCT - 2023