<?php require('header.php') ?>

    <div class="join-page__holder">
        <div class="section__head">
            <div class="wrapper head__wrapper">
                <h1 class="section__title">Join Our Team</h1>
                <div class="section__head__links">
                    <a href="index.php" class="section__head__link">Home</a>
                    <span class="section__head__link__text head__link__separator">Join Our Team</span>
                </div>
            </div>
        </div>
        <div class="wrapper">
            <div class="join-page__content">
                <div class="join-page__form__head">
                    <strong class="form__title">If you wish to be considered for any future positions, please fill the below form:</strong>
                </div>
                <form class="join-page__form">
                    <div class="form-group">
                        <label class="page__label join-page__label" for="fname">First Name<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="fname" name="fname" tabindex="1">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="lname">Last Name<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="lname" name="lname" tabindex="2">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="nat">Nationality</label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="nat" name="nat" maxlength="30" tabindex="3">
                            <div class="input-counter">0 of 30 max characters</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="phone">Phone<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="phone" name="phone" tabindex="4">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="email">Email Address<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="email" name="email" tabindex="5">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="exp">Number of Years of Experience<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="exp" name="exp" tabindex="6">
                            <div class="instruction">Please enter a value greater than or equal to <strong>0</strong></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="edu">Education Degree (highest Degree)<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="edu" name="edu" tabindex="7">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="work">Last/Current work experience(Company - position)<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" id="work" name="work" tabindex="8">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="page__label join-page__label" for="acv">Attach CV<span class="field-required"> *</span></label>
                        <div class="input-container join__input-container">
                            <input type="text" class="form-control shadow-none" name="MAX_FILE_SIZE">
                            <input type="file" class="form-file" id="acv" name="acv">
                        </div>
                    </div>
                    <div class="btn-holder join__btn-holder">
                        <button type="submit" class="main-btn form-btn">
                            <span>Submit</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<?php require('footer.php') ?>