%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/medusa.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 > Medusa</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/Medusa/Medusa-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/Medusa.png"/>
            </div>
            <div class="container">
                <div class="row m-0 pt-3">
                    <div class="col-12 col-lg-6 col-md-8 porttext">
                        <h1>Psychic Academy</h1>
                        <h6>Problem Solvers</h6>
                        <hr>
                        <p>Psychic Academy, one of our prestigious clients, wanted to increase its presence via a website and mobile app for its customers globally, Team Eirfotech helped them achieve this goal.</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/Medusa/Medusa-Inner-2.jpg" alt=""/>
            <div class="w-100 position-absolute text-dark 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">Psychic Academy, one of our prestigious clients, wanted to increase its presence via a website and mobile app for its customers globally, Team Eirfotech helped them achieve this goal.</p>
                    <div class="col-md-6 col-12 py-md-5 py-3 mt-md-4 mt-0">
                        <h6>Psychic Academy’s psychics have guided over 3 million people in their paths to true love and happiness, career success and self-empowerment</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/Medusa/Medusa-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">
                    <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" style="background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.1));">
                        <h2>Seamless Layout and Instant Response from Favorite Advisors</h2>
                        <h6>Simply select the advisor and get desired help through live video session or online chat all on the finger-tips.</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/Medusa/Medusa-Inner-4.jpg" alt=""/>
            <div class="w-100 position-absolute text-dark 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,51,102,1) 0%, rgba(0,102,102,1) 50%, rgba(0,102,153,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