@section('meta')
<title>{{__('message.career')}}</title>
    <meta property="og:title" content="{{__('message.career')}}" />
    <meta property="og:description" content="{{__('message.career desc')}}" />
    <meta name="twitter:title" content="{{__('message.career')}}" />
    <meta name="twitter:description" content="{{__('message.career desc')}}" />
@endsection

@push('header')
    <x-header />
@endpush

<div class="main-contnet">
    <section class="career">
        <div class="bg-rgba d-flex justify-content-center align-items-center w-100 h-100">
            <div class="p-3 rounded car-desc">
                <h1 class="text-center fw-bolder text-uppercase text-warning font-title" data-aos="zoom-in">{{ __('message.career') }}</h1>
                <p class="text-white" data-aos="zoom-in">{{__('message.career desc')}}</p>
            </div>
        </div>
    </section>

    <section class="py-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 d-none d-lg-block align-self-center js-tilt">
                    <img src="{{ asset('img/job/graphic-designer.png') }}" alt="graphic-designer" width="100%" data-aos="zoom-in">
                </div>
                <div class="col-lg-6 align-self-center">
                    <h2 class="text-center text-uppercase font-title" data-aos="zoom-in">graphic designer</h2>
                    <p data-aos="zoom-in">The graphic designer's responsibilities include managing all graphic design tasks, refining projects and drafts, and generating creative ideas.</p>
                    <img src="{{ asset('img/job/graphic-designer.png') }}" class="d-lg-none" alt="graphic-designer" width="100%" data-aos="zoom-in">
                    <div class="accordion" id="accordionDesigner">
                        <div class="accordion-item border-0">
                            <h2 class="accordion-header" id="DesignerheadingOne">
                                <button class="accordion-button p-2" type="button" data-bs-toggle="collapse" data-bs-target="#DesignercollapseOne" aria-expanded="true" aria-controls="DesignercollapseOne" data-aos="zoom-in">
                                    Job Requirements
                                </button>
                            </h2>
                            <div id="DesignercollapseOne" class="accordion-collapse collapse show" aria-labelledby="DesignerheadingOne" data-bs-parent="#accordionDesigner">
                                <div class="accordion-body">
                                    <ol class="p-0 m-0">
                                        <li data-aos="zoom-in">A graphic design qualification or similar.</li>
                                        <li data-aos="zoom-in">Portfolio with design projects.</li>
                                        <li data-aos="zoom-in">Critical thinker and problem-solving skills</li>
                                        <li data-aos="zoom-in">Proven work experience as a graphic designer</li>
                                        <li data-aos="zoom-in">Working experience with image design tools (e.g. Photoshop and Adobe Illustrator).</li>
                                        <li data-aos="zoom-in">A keen eye for visual details.</li>
                                        <li data-aos="zoom-in">Aesthetic skills.</li>
                                        <li data-aos="zoom-in">Ability to meet deadlines and collaborate with team members.</li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0">
                            <h2 class="accordion-header" id="DesignerheadingTwo" data-aos="zoom-in">
                                <button class="accordion-button collapsed p-2" type="button" data-bs-toggle="collapse" data-bs-target="#DesignercollapseTwo" aria-expanded="false" aria-controls="DesignercollapseTwo">
                                    Job Responsibilities
                                </button>
                            </h2>
                            <div id="DesignercollapseTwo" class="accordion-collapse collapse" aria-labelledby="DesignerheadingTwo"
                                data-bs-parent="#accordionDesigner">
                                <div class="accordion-body">
                                    <ul class="p-0 m-0">
                                        <li>Develop illustrations, logos and other designs using software or by hand</li>
                                        <li>Study design briefs and determine requirements</li>
                                        <li>Conceptualize visuals based on requirements</li>
                                        <li>Work with copywriters and creative director to produce final design</li>
                                        <li>Ensure final graphics and layouts are visually appealing and on-brand</li>
                                        <li>Designing graphic content, illustrations, and infographics</li>
                                        <li>Managing graphic designs from conception to delivery</li>
                                        <li>Reviewing junior designer drafts to ensure quality</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-50">
        <div class="container all-conter">
            <div class="row">
                <div class="col-lg-6 align-self-center">
                    <h2 class="text-center text-uppercase font-title" data-aos="zoom-in">Mobile app developer</h2>
                    <p data-aos="zoom-in">We are looking for a strong mobile app developer who is familiar with both  Android and iOS that is responsible for the full software development life cycle from conception to development.</p>
                    <img src="{{ asset('img/job/mobile-app.png') }}" class="d-lg-none" alt="mobile-app" width="100%" data-aos="zoom-in">
                    <div class="accordion" id="accordionMobileApp">
                        <div class="accordion-item border-0">
                            <h2 class="accordion-header" id="MobileheadingOne" data-aos="zoom-in">
                                <button class="accordion-button p-2" type="button" data-bs-toggle="collapse" data-bs-target="#MobilecollapseOne" aria-expanded="true" aria-controls="MobilecollapseOne">
                                    Job Requirements
                                </button>
                            </h2>
                            <div id="MobilecollapseOne" class="accordion-collapse collapse show" aria-labelledby="MobileheadingOne" data-bs-parent="#accordionMobileApp">
                                <div class="accordion-body">
                                    <ol class="p-0 m-0">
                                        <li data-aos="zoom-in">Bachelor’s degree in software engineering, Computer Science or related field required</li>
                                        <li data-aos="zoom-in">Minimum 2+ years of experience in developing apps for Android/ iOS platforms</li>
                                        <li data-aos="zoom-in"> Experience working with desktop and/or mobile applications</li>
                                        <li data-aos="zoom-in">Experience in database management systems such as SQLite, MySQL, SQL Server.</li>
                                        <li data-aos="zoom-in">Have knowledge in programming communication between mobile and server via TCP/IP, Firebase, Websocket, WebService and JSON / XML protocols, cloud services</li>
                                        <li data-aos="zoom-in">Knowledge of UI elements & layout, a basic animation technique</li>
                                        <li data-aos="zoom-in">Experience of Tool and Framework: Xcode, iOS SDK, UI Kit, Cocoa</li>
                                        <li data-aos="zoom-in">Experience in working with Server Side using RESTful, SOAP</li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0">
                            <h2 class="accordion-header" id="MobileheadingTwo" data-aos="zoom-in">
                                <button class="accordion-button collapsed p-2" type="button" data-bs-toggle="collapse" data-bs-target="#MobilecollapseTwo" aria-expanded="false" aria-controls="MobilecollapseTwo">
                                    Job Responsibilities
                                </button>
                            </h2>
                            <div id="MobilecollapseTwo" class="accordion-collapse collapse" aria-labelledby="MobileheadingTwo"
                                data-bs-parent="#accordionMobileApp">
                                <div class="accordion-body">
                                    <ul class="p-0 m-0">
                                        <li>Develop client-side or server-side services and modules</li>
                                        <li>Develop and manage a well-functioning application</li>
                                        <li>Write effective and secure APIs</li>
                                        <li>Contribute to further improve the development process as part of an agile team</li>
                                        <li>Developing new features and user interfaces from wireframe models</li>
                                        <li>Ensuring the best performance and user experience of the application</li>
                                        <li>Fixing bugs and performance problems</li>
                                        <li>Cooperating with back-end developers, designers, and the rest of the team to deliver well-architected and high-quality solutions</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 d-none d-lg-block align-self-center js-tilt">
                    <img src="{{ asset('img/job/mobile-app.png') }}" alt="mobile-app" width="100%" data-aos="zoom-in">
                </div>
            </div>
        </div>
    </section>

    <section class="py-50">
        <div class="container all-conter">
            <div class="row">
                <div class="col-lg-6 d-none d-lg-block align-self-center js-tilt">
                    <img src="{{ asset('img/job/web-front-end.png') }}" alt="web-front-end" width="100%" data-aos="zoom-in">
                </div>
                <div class="col-lg-6 align-self-center">
                    <h2 class="text-center text-uppercase font-title" data-aos="zoom-in">Front-end developer</h2>
                    <p data-aos="zoom-in">Front end Developers are responsible for ensuring the alignment of web design and user experience requirements, optimizing web pages for maximum efficiency and maintaining brand consistency across all web pages, among other duties.</p>
                    <img src="{{ asset('img/job/web-front-end.png') }}" class="d-lg-none" alt="web-front-end" width="100%" data-aos="zoom-in">
                    <div class="accordion" id="accordionFrontEnd">
                        <div class="accordion-item border-0">
                            <h2 class="accordion-header" id="FrontheadingOne" data-aos="zoom-in">
                                <button class="accordion-button p-2" type="button" data-bs-toggle="collapse" data-bs-target="#FrontcollapseOne" aria-expanded="true" aria-controls="FrontcollapseOne">
                                    Job Requirements
                                </button>
                            </h2>
                            <div id="FrontcollapseOne" class="accordion-collapse collapse show" aria-labelledby="FrontheadingOne" data-bs-parent="#accordionFrontEnd">
                                <div class="accordion-body">
                                    <ol class="p-0 m-0">
                                        <li data-aos="zoom-in">Understanding of key design principles.</li>
                                        <li data-aos="zoom-in">Proficiency with HTML, CSS, JavaScript, and jQuery.</li>
                                        <li data-aos="zoom-in">Understanding of server-side CSS.</li>
                                        <li data-aos="zoom-in">Experience with graphic design applications such as Adobe Illustrator.</li>
                                        <li data-aos="zoom-in">Experience with responsive and adaptive design.</li>
                                        <li data-aos="zoom-in">Understanding of SEO principles.</li>
                                        <li data-aos="zoom-in">Good problem-solving skills.</li>
                                        <li data-aos="zoom-in">Excellent verbal communication skills.</li>
                                        <li data-aos="zoom-in">Good interpersonal skills</li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0">
                            <h2 class="accordion-header" id="FrontheadingTwo" data-aos="zoom-in">
                                <button class="accordion-button collapsed p-2" type="button" data-bs-toggle="collapse" data-bs-target="#FrontcollapseTwo" aria-expanded="false" aria-controls="FrontcollapseTwo">
                                    Job Responsibilities
                                </button>
                            </h2>
                            <div id="FrontcollapseTwo" class="accordion-collapse collapse" aria-labelledby="FrontheadingTwo"
                                data-bs-parent="#accordionFrontEnd">
                                <div class="accordion-body">
                                    <ul class="p-0 m-0">
                                        <li>Determining the structure and design of web pages.</li>
                                        <li>Ensuring user experience determines design choices.</li>
                                        <li>Developing features to enhance the user experience.</li>
                                        <li>Striking a balance between functional and aesthetic design.</li>
                                        <li>Ensuring web design is optimized for smartphones.</li>
                                        <li>Building reusable code for future use</li>
                                        <li>Optimizing web pages for maximum speed and scalability.</li>
                                        <li>Utilizing a variety of markup languages to write web pages.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>