{% extends "layout.html" %}

{% set title = 'Careers' %}

{% block content %}

<section class="intro">
    <div class='container'>
        <div class="intro-content">
            <div id="holder">
                <h2 class="no-margin mbmd">Join our team</h2>
                <div id="slogans">
                    <p class="slogan text-center"><strong>We'd love to have you as effective team player in our team</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany based</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany based in Egypt,</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany based in</strong></p>
                    <p class="slogan text-center"><strong>a new brand software</strong></p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="sec-pad">
    <div class="container">
        <div class="row">
            <div class="col-sm-7">
                <div class="job-listing">
                    <div class="job mblg">
                        <div class="panel-group">
                            <div class="panel-heading no-padding">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#job-1" aria-expanded="false" class="collapsed" data-hover>
                                        Front-end Developer
                                        <i class="fas fa-angle-down pull-right"></i>
                                    </a>
                                </h4>
                            </div>
                            <div class="panel-body">
                                <div id="job-1" class="panel-collapse collapse" aria-expanded="false">
                                    <div class="job-desc prlg pllg ptlg">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="job mblg">
                        <div class="panel-group">
                            <div class="panel-heading no-padding">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#job-2" aria-expanded="false" class="collapsed" data-hover>
                                        Front-end Developer
                                        <i class="fas fa-angle-down pull-right"></i>
                                    </a>
                                </h4>
                            </div>
                            <div class="panel-body">
                                <div id="job-2" class="panel-collapse collapse" aria-expanded="false">
                                    <div class="job-desc prlg pllg ptlg">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="job mblg">
                        <div class="panel-group">
                            <div class="panel-heading no-padding">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#job-3" aria-expanded="false" class="collapsed" data-hover>
                                        Front-end Developer
                                        <i class="fas fa-angle-down pull-right"></i>
                                    </a>
                                </h4>
                            </div>
                            <div class="panel-body">
                                <div id="job-3" class="panel-collapse collapse" aria-expanded="false">
                                    <div class="job-desc prlg pllg ptlg">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="job mblg">
                        <div class="panel-group">
                            <div class="panel-heading no-padding">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#job-4" aria-expanded="false" class="collapsed" data-hover>
                                        Front-end Developer
                                        <i class="fas fa-angle-down pull-right"></i>
                                    </a>
                                </h4>
                            </div>
                            <div class="panel-body">
                                <div id="job-4" class="panel-collapse collapse" aria-expanded="false">
                                    <div class="job-desc prlg pllg ptlg">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="job mblg">
                        <div class="panel-group">
                            <div class="panel-heading no-padding">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#job-5" aria-expanded="false" class="collapsed" data-hover>
                                        Front-end Developer
                                        <i class="fas fa-angle-down pull-right"></i>
                                    </a>
                                </h4>
                            </div>
                            <div class="panel-body">
                                <div id="job-5" class="panel-collapse collapse" aria-expanded="false">
                                    <div class="job-desc prlg pllg ptlg">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi dolores doloribus exercitationem inventore ipsam optio quam recusandae sint tempore? Atque cum dignissimos dolore numquam quod, sapiente? Corporis error, omnis?
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-5">
                <form action="" class="contact apply">
                    <h2 class="no-margin mblg text-semibold">Apply for a job</h2>
                    <div class="form-group mblg">
                        <input type="text" placeholder="Enter your name" name="name" id="name" required>
                    </div>
                    <div class="form-group mblg">
                        <input type="email" placeholder="Enter your e-mail" name="email" id="email" required>
                    </div>
                    <div class="form-group mblg">
                        <input type="text" placeholder="Enter your mobile number" name="telephone" id="telephone" required>
                    </div>
                    <div class="upload-container mbxxlg">
                        <div class="custom-input">
                            <div class="input-file-container text-center">
                                <input class="input-file" id="my-file" type="file" data-hover>
                                <label tabindex="0" for="my-file" class="input-file-trigger">
                                    <i class="fa fa-paperclip prsm"></i>
                                    Upload Photo
                                </label>
                            </div>
                            <p class="file-return"></p>
                        </div>
                    </div>
                    <input type="submit" class="btn" value="Send Message" data-hover>
                </form>
            </div>
        </div>
    </div>
</section>
{% include 'partials/footer.html' %}

{% endblock content %}