@extends('layouts.site')
@section('title', 'Website Development Job Opportunities Rajkot - Career in Digital Marketing India')
@section('meta')
<link rel="stylesheet" href="{{ route('site.career') }}">
<meta property="keywords" content="Website Development Company| Web Design Company | Digital Marketing | Web Development Company in Rajkot| e-commerce Development|Digital Marketing Company Rajkot Gujarat India |Logo Designing | Live project Training | Social Media Marketing agency | Application Development| PPC | Graphics Design agency Rajkot | Website Design | On Page SEO | Website Development | Best Website Design and Website Development Company |  Video Creation | Digital Marketing Agency | Website Development Company | Best WordPress Development | Magneto Development | Wordpress Development| SEO Company Rajkot India">
<meta property="Description" content="Get excellent job opportunities in SEO and Digital Marketing at Devweb Technology. Build your career at one of the fastest growing website Development company">
<meta itemprop="description" content="Devweb Technology have Best opportunities in Website Development, SEO, Graphics Design agency Rajkot,Best WordPress Development,Digital Marketing in Rajkot, Gujarat, India.">
<meta itemprop="image" content="https://devwebtechnology.com/storage/uploads/media/Website-Development-Company-Web-Design-Company-Digital-Marketing-Web-Development-Company-in-Rajkot.jpg">
<meta property="og:title" content="Devweb Technology Provide Best Job Opportunities of Website Development, Digital Marketing, SEO, Application Development Services in Rajkot, India">
<meta property="og:type" content="website">
<meta property="og:description" content="Devweb Technology Provide Digital Marketing, Search engine Optimization, Digital Marketing Services, Website Development Company,Application Development Company, SEO,  in Rajkot, India.">
<meta property="og:url" content="{{ route('site.career') }}">
<meta property="og:site_name" content="Devweb Technology IT Company">
<meta property="og:image" content="https://devwebtechnology.com/storage/uploads/media/Get-excellent-job -opportunities-in-SEO-and-Digital-Marketing-at-Devweb-Technology-Build-your-career-at-one-of-the-fastest-growing.jpg" />
<meta name="twitter:title" content="Website Development Job Opportunities Rajkot - Career in Digital Marketing India | Devweb Technology">
<meta name="twitter:description" content="Get excellent job opportunities in SEO and Digital Marketing at Devweb Technology. Build your career at one of the fastest growing website Development company">
@endsection
@section('site')
<div role="main" class="main">
    <section
        class="page-header-modern custom-page-header bg-color-primary"data-bg-src="{{ asset('assets/img/demos/business-consulting-3/backgrounds/background-5.jpg.jpg') }}"
        style="background-size: cover; background-position: center;">
        <div class="container container-xl-custom py-2">
            <div class="row">
                <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                    <h1 class="font-weight-extra-bold text-12 appear-animation"
                        data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                        style="color:white;">Careers</h1>
                </div>
                <div class="col-md-4 order-1 order-md-2 align-self-center">
                    <ul class="breadcrumb d-block text-md-end breadcrumb-light appear-animation"
                        data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                        <li><a href="{{ route('home') }}">Home</a></li>
                        <li class="active">Careers</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section id="about">
</div>
<div class="col-lg-7 text-center">

    <div class="d-block appear-animation pt-4" data-appear-animation="fadeInUpShorter"
        data-appear-animation-delay="300">
    </div>

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

<div class="container py-1">
    <div class="row pt-0 mt-0">
        <div class="col text-center">
        </div>
    </div>
</div>
<div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="350">
    <div class="marquee custom-marquee-1 pt-4 d-flex" data-duration="40000" data-gap="10" data-duplicated="true"
        data-startVisible="true">
    </div>
</div>
<div class="px-3 px-lg-0">
    <div class="container py-1">
        <div class="row py-0 my-0">
            <div class="col text-center pt-0">

                <h3 class="text-9 text-xl-11 line-height-3 text-transform-none font-weight-semibold mb-4 mb-lg-3 mb-xl-4 appear-animation"
                    data-appear-animation="fadeInUpShorter" data-appear-animation-delay="251">Apply for Job at Devweb
                    Technology
                    <a data-bs-container="body" data-bs-toggle="popover" data-bs-trigger="hover"
                        data-bs-custom-class="custom-popover-1" data-bs-placement="top"
                        data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
                        tabindex="0"></a>
                </h3>

            </div>
        </div>
        <div class="row py-0 my-0">
            <div class="col text-center custom-projects-1">
                @foreach ($carrers as $carrer)
                    <div class="row border-top">
                        <div class="col-lg-2 order-3 order-lg-0 py-4 border-end ps-0 pe-0 pe-lg-4 m-0 text-start">
                            <a data-bs-toggle="modal" data-bs-target="#largeModal"
                                class="btn btn-modern btn-dark w-100 font-weight-semibold text-capitalize text-3 anim-hover-translate transition-2ms mb-5 mb-lg-0"><span
                                    class="px-4 d-block ws-nowrap">Apply Now <i
                                        class="fas fa-arrow-right rotate-l-45 ms-2"></i></span></a>
                        </div>
                        <div class="col-lg-6 py-4 border-end px-0 px-lg-4 m-0 text-start">
                            <h3 class="text-8 text-transform-none font-weight-semibold mb-4 mt-5 mt-lg-3 pt-0 appear-animation"
                                data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">
                                {{ $carrer->name }}</h3>
                            <p class="text-4-5 line-height-7 text-dark appear-animation"
                                data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">
                                  {!! html_entity_decode($carrer->desc) !!}</p>
                        </div>
                        <div class="col-lg-4 p-0 ps-lg-4">
                            <img src="{{ asset('storage/uploads/carrers') . '/' . $carrer->image }}" loading="lazy"
                                class="img-fluid my-lg-4" alt="">
                        </div>
                    </div>
                    <div class="modal fade" id="largeModal" tabindex="-1" role="dialog"
                        aria-labelledby="largeModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header" style="background-color:#f04c23;">
                                    <h3 class="font-weight-bold text-transform-none text-7 line-height-2 mb-3 modal-title"
                                        id="largeModalLabel" style="color:#fff;">Job For at Devweb Technology
                                    </h3>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">

                                    <form action="{{ route('careerapply.store') }}" method="post"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="iwname">Your Name</label>
                                                    <input type="text" class="form-control" name="apply_name"
                                                        placeholder="Enter Your Name">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="iwemail">Your Email</label>
                                                    <input type="email" class="form-control" name="apply_email"
                                                        placeholder="Enter Your Email Address">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="iwmobile">Contact Number</label>
                                                    <input type="Number" class="form-control"
                                                        name="apply_phone_number" placeholder="Enter Mobile Number">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="iwservice">Select Education</label>
                                                    <select name="education" class="form-control">
                                                         <option>Select Education</option>
                                                        <option value="B.TECH">B.TECH</option>
                                                        <option value="B.E.">B.E.</option>
                                                        <option value="B.C.A">
                                                            B.C.A</option>
                                                        <option value="M.C.A">M.C.A
                                                        </option>
                                                        <option value="B.S.C.IT">B.S.C.IT
                                                        </option>
                                                        <option value="M.S.C.IT">M.S.C.IT
                                                        </option>
                                                        <option value="Other">Other</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="iwbudget">Resume Upload Date</label>
                                                    <input type="date" class="form-control"
                                                        name="resume_upload_date"
                                                        placeholder="Enter Resume Upload Date">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group text-area">
                                            <label for="iwdescription">Resume upload (Only PDF File)</label>
                                            <input type="file" class="form-control" name="upload_resume"
                                                placeholder="Enter Resume Upload">
                                        </div>
                                        <input type="submit" value="Request" class="btn btn-primary">
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
</section>
@endsection