@extends('app_layout')
@section('title','Career')
@section('content')

<main class="main">
<section id="hero" class="hero section bgimg" >

      <div class="container aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">

        <div class="row align-items-center">
          <div class="col-lg-12">
            <div class="aos-init aos-animate" data-aos="fade-right" data-aos-delay="200">
             
              <div class="text-center">
                <button class="btn btn-sm bt mt-5">CAREER</button>
              </div>
              <h1 class="hfive text-white text-center">Want to work <br> with us?</h1>
             
             
            </div>
          </div>

         
        </div>

      </div>

    </section>

     <section id="contact" class="contact section">
        <div class="container">
            <div class="row g-4">
                <!-- <div class="col-lg-3"></div> -->
               
                <div class="col-lg-5 mx-auto">
                    <div class="contact-form-panel">
                        <div class="form-container">
                            <span class="ft">CAREER</span>
                            <h5 class="hfive text-dark">We’re ready, Let’s <br>talk.</h5>
                            <p>Contact us to find out more or how we can help you <br>better.</p>

                            <form action="forms/contact.php" method="post" class="php-email-form">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="nameInput" name="name" placeholder="Name" required="">
                                    <label for="nameInput"> Name</label>
                                </div>

                                <div class="form-floating mb-3">
                                    <input type="email" class="form-control" id="emailInput" name="email" placeholder="Email Address" required="">
                                    <label for="emailInput">Email/Mobile Number</label>
                                </div>



                                <div class="form-floating mb-3">
                                    <textarea class="form-control" rows="5" id="messageInput" name="message" rows="5" placeholder="Your Message" style="height: 150px" required=""></textarea>
                                    <label for="messageInput">Message</label>
                                </div>

                                <div class="my-3">
                                    <div class="loading">Loading</div>
                                    <div class="error-message"></div>
                                    <div class="sent-message">Your message has been sent. Thank you!</div>
                                </div>
                                    <br>
                                 <div class="form-floating mt-3">
                                    <input type="file"  id="file" name="file" required="">
                                   
                                </div>

                                <div class="d-grid">
                                    <button type="submit" class="btn-submit">Submit</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contact-wrapper">



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

    @endsection