<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Zain ul Abdin">
    <title>Sponsorship & Exhibition | GEO 4.0</title>

    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/custom.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">

    <style>
        .spon {
            color: var(--white, #FFF);
            font-size: 16px;
            width: 296px;
            font-style: normal;
            font-weight: 600;
            line-height: 18px;
            text-transform: uppercase;
            padding: 12px 24px;
            border-radius: 8px;
            border: 2px solid #FFF;
            background: var(--orange-gradient, linear-gradient(172deg, #FFA000 0%, #FFA000 17.51%, #E75200 100%));
            margin: 0 auto;
            display: block;

        }


        input[type=email] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box lightblue;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        input[type=text] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        input[type=number] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        /* Hide the increment and decrement buttons */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
        }

        .adjustCol .col-edit {
            padding-left: 5px;
            padding-right: 5px;
        }

        .res {
            display: flex;
            justify-content: center;
        }

        @media(max-width:767px) {
            .lastthree {
                margin-right: 0% !important;
            }
        }
        @media(max-width:767px) {
            .lastrow {
                margin-left: 0% !important;
            }
        }
        @media(max-width:767px) {
            .boothmedia {
                max-width: 857px !important;
            }
        }
    </style>


</head>

<body>
    @include('include.header')

    <div class="heroSection innerHero">
        <div class="image">
            <img src="assets/img/innerBg.png" alt="">
        </div>
        <div class="innerContent">
            <h1>Current Sponsors & Exhibitors</h1>
            <!--<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-gredient">Become a Sponsor</a>-->
        </div>
    </div>
	<div class="techCommitteeRepresentSection gridSection lightGBg">
      <div class="container" style="display:flex;justify-content:center">
        <div class="row" style="position: relative; z-index: 1;">
          <div class="col-sm-12 ">
            <div class="techCommitteeRepresent ">
              <div class="techCommitteeNames">

            <div class="container mt-5 mb-5">
				<div class="row justify-content-center">
				   <h3 class="text-center mb-4"><b>CONFIRMED SPONSORS</b></h3>
				</div>
			</div>
			
			<div class="container mt-5 mb-5">
				<div class="row">
					<div class="col-md-6">
						<div class="row justify-content-center">
							<h4 class="text-center mb-4" style="color: #fc9700;"><b>HOST & GALA DINNER SPONSOR</b></h4>
							<div class="col-12 text-center mt-3">
								<img src="assets/img/active-exhibitors/exe-dgs-logo.png" alt="" class="img-fluid">
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="row justify-content-center">
							<h4 class="text-center mb-4" style="color: #fc9700;"><b>PRINCIPAL SPONSOR</b></h4>
							<div class="col-12 text-center mt-3">
								<img src="assets/img/active-exhibitors/exe-aramco-logo.png" alt="" class="img-fluid">
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container mt-5 mb-5">
				<div class="row">
					<div class="col-12 text-center mt-3">
					    <h4 class="text-center mb-4" style="color: #fc9700;"><b>PLATINUM SPONSORS</b></h4>
						<img src="assets/img/active-exhibitors/exe-adnoc-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-slb-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-baker-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
					</div>
				</div>
			</div>
			
			<div class="container mt-5 mb-5">
				<div class="row">
					<div class="col-12 text-center mt-3">
					    <h4 class="text-center mb-4" style="color: #fc9700;"><b>GOLD SPONSORS</b></h4>
						<img src="assets/img/active-exhibitors/exe-koc-logo.png" alt="" class="img-fluid">
						<img src="assets/img/active-exhibitors/exe-viridien-logo.png" alt="" class="img-fluid">
					</div>
					</div>
				</div>
				
				<div class="container mt-5 mb-5">
				<div class="row">
					<div class="col-12 text-center mt-3">
					    <h4 class="text-center mb-4" style="color: #fc9700;"><b>Exhibitions - End of Day Receptions Sponsor</b></h4>
						<img src="assets/img/active-exhibitors/exe-ovation-sponsor-logo.png" alt="" class="img-fluid">
					</div>
					</div>
				</div>
			</div>
			<br>
			<div class="container mt-5 mb-5">
			    <div class="row justify-content-center">
				   <h3 class="text-center mb-4"><b>CONFIRMED EXHIBITORS</b></h3>
				</div>
				<div class="row">
					<div class="col-12 text-center mt-3">
						<img src="assets/img/active-exhibitors/exe-adnoc-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-oviation-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-aramco-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-baker-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-exlog-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-dgs-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-slb-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
						<img src="assets/img/active-exhibitors/exe-math-2-market-logo.png" alt="" class="img-fluid" style="margin: 0 5px;">
                        <img src="assets/img/active-exhibitors/logo_eliis_complet.png" alt="" class="img-fluid" style="margin: 0 5px;">
                        <img src="assets/img/active-exhibitors/image-reality.png" alt="" class="img-fluid" style="margin: 0 5px;">

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

    <!--<div class="downloadSection">
        <h2>Click Here to Download Form</h2>
        <a href="download" class="btn btn-d-orange">Download Form</a>
    </div>-->

    {{--modal-change--}}
    <div class=" modal-dialog-centered modal-dialog-scrollable">
        <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content pt-5 techCommitteeRepresent">
                    <form action="requestquote" method="post"> @csrf
                        <div class="modal-header"><a class="navbar-brand" href="#"><img
                                    src="assets/img/header-logo.png"></a>
                            <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <input type="text" name="name" placeholder="First Name" required> <br>
                            <input type="text" name="surname" placeholder="Last Name" required> <br>
                            <input type="text" class="d-none" name="botfield" placeholder="Bot Field">
                            <input type="text" name="title" placeholder="Job Title" required> <br>
                            <input type="text" name="company" placeholder="Company Name" required> <br>
                            <input type="email" name="email" placeholder="Email Address" required> <br>
                            <input type="number" name="phoneNo" placeholder="Contact No" required> <br>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary btn btn-gredient" style="width: 30%;" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn btn-gredient" style="width: 30%;">Send</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-dialog-centered modal-dialog-scrollable">
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content pt-5 techCommitteeRepresent">
                    <form action="become_sponsor" method="post">
                        @csrf
                        <div class="modal-header">
                            <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                            <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <input type="text" name="name" placeholder="First Name" style="color: black;" required>
                            <br>
                            <input type="text" name="surname" placeholder="Last Name" required>
                            <br>
                            <input type="text" name="title" placeholder="Job Title" required>

                              <input type="text" class="d-none" name="botfield" placeholder="Bot Field">
                            <br>
                            <input type="text" name="company" placeholder="Company Name" required>
                            <br>
                            <input type="email" name="email" placeholder="Email Address" required>
                            <br>
                            <input type="number" name="phoneNo" placeholder="Contact No" required>
                            <br>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary btn btn-gredient" style="width: 30%;" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn btn-gredient" style="width: 30%;">Send</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content techCommitteeRepresent" style="padding: 0;">
                <div class="modal-header">
                    <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                    <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Email Sent Successfully</p>
                    <p>We appreciate your interest. <br> Our dedicated team will reach out to you shortly.</p>
                </div>
            </div>
        </div>
    </div>
     <div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content techCommitteeRepresent" style="padding: 0;">
                <div class="modal-header">
                    <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                    <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Form Not Submited</p>
                    <p>Bot Submision Detected</p>
                </div>
            </div>
        </div>
    </div>




    @include('include.footer')
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="/docs/4.6/assets/js/vendor/jquery.slim.min.js"><\/script>')
    </script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="assets/js/custom.js"></script>
    <script src="https://www.google.com/recaptcha/api.js"></script>

    @php
    if(session('success')) {
    echo "
    <script>
        $(document).ready(function() {
            $('#exampleModal3').modal('show');
        });
    </script>
    ";
    }
     if(session('error')) {
    echo "
    <script>
        $(document).ready(function() {
            $('#exampleModal4').modal('show');
        });
    </script>
    ";
    }
    @endphp

    </div>
</body>

</html>
