<?php $head_title = "About Us || Judges || Judges PHP Template" ?>
<?php require_once('parts/layout/top_layout.php'); ?>
<!-- header -->
<?php require_once('parts/header/header.php'); ?>


<main class="innerpages">
    <img src="./assets/images/Inside-AboutUs.jpg?v=1ggg">


     <section class="section section_five wow animate__slideInUp pt-5 pb-5" data-wow-delay=".5s" id="bookSession">
        <div class="container">
            
             <!--<div class="heading_wrap">-->
             <!--           <h6>GET A QUOTE</h6>-->
             <!--       </div>-->
            <div class="form_wrapper">
            <form id="myForm" enctype="multipart/form-data">
            <?php function generateRandomString($length = 10) {
                    $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
                        $charactersLength = strlen($characters);
                        $randomString = '';
                        for ($i = 0; $i < $length; $i++) {
                            $randomString .= $characters[rand(0, $charactersLength - 1)];
                        }
                        return $randomString;
                    }  ?>
            <input type="hidden" name="custom_token" id="customToken" value="<?php echo generateRandomString(); ?>">
                    <div class="row gx-3">
                        <div class="col-sm-6 col-lg-4">
                            <input type="text" class="form-control" placeholder="First Name" id="fname" name="fname" required/>
                        </div>
                        <div class="col-sm-6 col-lg-4">
                            <input type="text" class="form-control" placeholder="Last Name" id="lname" name="lname" required/>
                        </div>
                        <div class="col-sm-6 col-lg-4">
                            <input type="email" class="form-control" placeholder="Email Address" id="email" name="email" required/>
                        </div>
                        <div class="col-sm-6 col-lg-4">
                            <input type="tel" class="form-control" placeholder="Mobile Number" id="phone" name="phone" required/>
                        </div>
                          <div class="col-sm-6 col-lg-4">
                            <input type="text" class="form-control" placeholder="Address" id="address" name="address" required/>
                        </div>
                    
                         
                            
                        <div class="col-sm-6 col-lg-4">
                            <select id="service" name="service" class="form-control" required>
                                                                          <option>Select Service</option>

                                          <option>Dynamic Website</option>
<option>Booking Website</option>
<option>Ecommerce Website</option>
<option>Shopify Store</option>
<option>Website Marketing SEO</option>
<option>Digital Brochure</option>
<option>Logo Design</option>
<option>A5 Double Flyer</option>
<option>A4 Folded</option>
<option>Business Cards</option>
                               
                            
                               
                                
                            </select>
                        </div>
                       <!--  <div class="col-sm-6 col-lg-4">
                            <div class="input_file_wrapper">
                                <input type="file" id="cvfile" name="cvfile" required/>
                                <span>Upload Your CV</span>
                            </div>
                        </div> -->
                        <div class="col-12">
                            <textarea id="message" name="message" class="form-control" placeholder="Message Description" required></textarea>
                        </div>
                     
                            <button type="submit" class="__btn_submit" id="btn-submit">Submit</button>
                            <ul id="error-messages"></ul>
                            <div id="successMsg" class="success_msg"></div>
                      
                    </div>
                    </form>
            </div>
          

        </div>
    </section>
</main>

<style>
button.btn-close {
    position: absolute;
    right: -10px;
    top: -11px;
    background-color: #fff;
    opacity: 1;
}

.modal-content {
    border-radius: 0;
    border: 5px solid #000;
}

</style>


</main>


<?php require_once('parts/footer/footer.php'); ?>
<?php require_once('parts/layout/bottom_layout.php'); ?>