@include('htmlpage.frontent.layout.app')
<section class="section-box">
    <div class="banner-hero hero-1 banner-homepage4">
        <div class="banner-inner">
            <div class="row">
                <div class="col-xl-7 col-lg-12">
                    <div class="block-banner mt-50">
                        <h1 class="heading-banner wow animate__ animate__fadeInUp animated"
                            style="visibility: visible; animation-name: fadeInUp;">Zillion IT Solutions <span
                                class="color-brand-2">Delivering </span><br class="d-none d-lg-block">Business Excellence
                            Solutions</h1>
                        <div class="banner-description mt-20 wow animate__ animate__fadeInUp animated"
                            data-wow-delay=".1s"
                            style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">Each month,
                            more than 3 million job seekers turn to website in their search for work,<br
                                class="d-none d-lg-block">making over 140,000 applications every single day</div>

                        <ul class="breadcrumbs mt-40 p-0">
                            <li><a class="home-icon" href="#">Home</a></li>
                            <li> Why Zillion IT Solutions</li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-12 d-none d-xl-block col-md-6">
                    <div class="banner-imgs">
                        <div class="block-1 shape-1"><img class="img-responsive" alt="zillion"
                                src="{{ asset('images/banner.png') }}"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section-box overflow-visible mt-100 mb-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-12">
                <div class="box-image-job"><img class="img-job-1" alt="zillion"
                        src="{{ asset('img/img-chart.png') }}"><img class="img-job-2" alt="zillion"
                        src=" {{ asset('img/controlcard.png') }}">
                    <figure class="wow animate__ animate__fadeIn animated"
                        style="visibility: visible; animation-name: fadeIn;"><img alt="zillion"
                            src="{{ asset('img/img1.png') }}"></figure>
                </div>
            </div>
            <div class="col-lg-6 col-sm-12">
                <div class="content-job-inner"><span class="color-text-mutted text-32">Zillion IT Solutions</span>
                    <h2 class="text-52 wow animate__ animate__fadeInUp animated"
                        style="visibility: visible; animation-name: fadeInUp;">Global<span class="color-brand-2"> IT
                        </span> Company</h2>
                    <div class="mt-40 pr-50 text-md-lh28 wow animate__ animate__fadeInUp animated"
                        style="visibility: visible; animation-name: fadeInUp;">Founded with the aim of providing
                        strategic business solutions, Zillion IT Solutions has evolved as a developer of Business
                        Excellence Solutions for all major industries and sectors. We have been distinct for our
                        innovative, timely and futuristic solutions approach for Web 3 solutions and Industry 4.0
                        solutions. Our solutions are supported with stable and secure application development along with
                        support and maintenance for long term business growth.</div>

                </div>
            </div>
        </div>
    </div>
</section>
<section class="section-box overflow-visible mt-50 mb-50">
    <div class="container">
        <div class="row">
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-6 col-12">
                <div class="text-center">
                    <h1 class="color-brand-2"><span>2005</span><span> </span></h1>
                    <h5>Years Of Foundation</h5>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-6 col-12">
                <div class="text-center">
                    <h1 class="color-brand-2"><span class="count">500</span><span> +</span></h1>
                    <h5>Global Customers</h5>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-6 col-12">
                <div class="text-center">
                    <h1 class="color-brand-2"><span class="count">1000</span><span> +</span></h1>
                    <h5>Global Projects</h5>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-6 col-12">
                <div class="text-center">
                    <h1 class="color-brand-2"><span class="count">10</span><span> +</span></h1>
                    <h5>Countries with active customers</h5>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-6 col-12">
                <div class="text-center">
                    <h1 class="color-brand-2"><span class="count">98 </span><span>%</span></h1>
                    <h5>Satisfied clients</h5>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-6 col-12">
                <div class="text-center">
                    <h1 class="color-brand-2"><span class="count">10</span><span>+</span></h1>
                    <h5>Industries served</h5>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="section-box mt-90 mb-50">
    <div class="container">
        <h2 class="text-center mb-15 wow animate__ animate__fadeInUp animated"
            style="visibility: visible; animation-name: fadeInUp;">Our Services</h2>
        <div class="font-lg color-text-paragraph-2 text-center wow animate__ animate__fadeInUp animated"
            style="visibility: visible; animation-name: fadeInUp;">
            We offer a wide range of innovative and tailored services designed to meet your unique business needs.<br
                class="d-none d-lg-block"> From digital transformation to cloud solutions, our expert team is here to
            help you achieve success and growth in a rapidly evolving digital landscape.</div>
        <div class="row mt-50">
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card-grid-border hover-up wow animate__ animate__fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn;">
                    <h4 class="mb-20">Web App Development</h4>
                    <p class="font-sm mb-20 color-text-paragraph">
                    <ul class="features-list">
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> In-depth analysis of the needs,
                            challenges, and the existing system, if any.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Expert teams to work on designing
                            and delivering the system.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Support and maintenance for the
                            proper functioning of the application.
                        </li>
                    </ul>
                    </p>
                </div>
            </div>

            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card-grid-border hover-up wow animate__ animate__fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn;">
                    <h4 class="mb-20">Mobile App Development</h4>
                    <p class="font-sm mb-20 color-text-paragraph">
                    <ul class="features-list">
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> In-depth analysis of the needs,
                            challenges, and the existing system, if any.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Expert teams to work on designing
                            and delivering the system.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Support and maintenance for the
                            proper functioning of the application.
                        </li>
                    </ul>
                    </p>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card-grid-border hover-up wow animate__ animate__fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn;">
                    <h4 class="mb-20">Digital Transformation</h4>
                    <p class="font-sm mb-20 color-text-paragraph">
                    <ul class="features-list">
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> In-depth analysis of the client's
                            business needs, requirements, challenges, and existing ecosystem.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Expert assistance in achieving the
                            digital goals with automation, optimization, modernization, and cloud migration.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Digital transformation of business
                            workflows.
                        </li>
                    </ul>
                    </p>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card-grid-border hover-up wow animate__ animate__fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn;">
                    <h4 class="mb-20">Industry 4.0 Solutions</h4>
                    <p class="font-sm mb-20 color-text-paragraph">
                    <ul class="features-list">
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Analyzing the client's needs,
                            requirements, challenges, and existing system.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Designing the solutions using
                            Digitalization and automation.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Combining the real and digital
                            worlds using digital enterprise.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Using infinite amounts of data and
                            finite resources to make industries more sustainable.
                        </li>
                    </ul>
                    </p>
                </div>
            </div>

            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card-grid-border hover-up wow animate__ animate__fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn;">
                    <h4 class="mb-20">Cloud Solutions</h4>
                    <p class="font-sm mb-20 color-text-paragraph">
                    <ul class="features-list">
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Fully managed environment for
                            developing, deploying, and scaling apps.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> End-to-end solutions for building,
                            deploying, and managing apps.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Services and infrastructure for
                            building web apps and websites.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Automated tools and prescriptive
                            guidance for migrating to clouds.
                        </li>
                    </ul>
                    </p>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="card-grid-border hover-up wow animate__ animate__fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn;">
                    <h4 class="mb-20">Security and Q&A</h4>
                    <p class="font-sm mb-20 color-text-paragraph">
                    <ul class="features-list">
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> End-to-End managed functional,
                            integration, performance, usability, and security testing of web, mobile, desktop
                            applications, and SaaS apps.
                        </li>
                        <li class="feature-item">
                            <i class="fa-regular fa-circle-right color-brand-2"></i> Certified and experienced testers
                            to give in-depth reports with solutions.
                        </li>
                    </ul>
                    </p>
                </div>
            </div>

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

<section class="section-box mt-80">
    <div class="container">
        <div class="text-center">
            <h2 class="section-title mb-10 wow animate__ animate__fadeInUp animated"
                style="visibility: visible; animation-name: fadeInUp;">Solutions we deliver for Business Excellence
            </h2>
            <p class="font-lg color-text-paragraph-2 wow animate__ animate__fadeInUp animated"
                style="visibility: visible; animation-name: fadeInUp;">With the dedicated efforts of the team Zillion
                IT Solutions, we have developed expertise in the following domains in our journey now</p>
        </div>
    </div>
    <div class="container">
        <div class="row mt-50">
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://www.clapcreative.com/images/banner-3.png);"></div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Web Applications </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://icaninfotech.com/wp-content/uploads/2022/11/port-final.png);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Mobile Applications </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQusr_CfV20Hr6RWAYakWChaS4DGTu6MrLXJHQfBBS9-Ti2AIYloMkuaGRaaOzi7qSL18M&usqp=CAU);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Web Portals </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://media.licdn.com/dms/image/D4D12AQHQ5X07-35ENA/article-cover_image-shrink_720_1280/0/1675833112828?e=2147483647&v=beta&t=jkn3JI5zo24zXEM4c8dIS-w5M_PNVZmeutkaX5He1Ec);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Content Management </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://img.freepik.com/free-vector/gradient-intranet-illustration_23-2149371584.jpg);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Intranets </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://media.licdn.com/dms/image/D4D12AQEoyUWgCDVjfQ/article-cover_image-shrink_720_1280/0/1688649240773?e=2147483647&v=beta&t=DPJ9H3Gf0TaV_oeLuwxgwrSsD8fUHb9zCy6WWaHECSY);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Elearning </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://www.kindpng.com/picc/m/248-2484415_nerb-ecommerce-development-ecommerce-illustration-png-transparent-png.png);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>eCommerce </h5>
                        </a>

                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
                <div class="card-image-top hover-up"><a href="jobs-grid.html">
                        <div class="image1"
                            style="background-image: url(https://www.syansoft.com/wp-content/uploads/2023/10/Group-417.png);">
                        </div>
                    </a>
                    <div class="informations"><a href="jobs-grid.html">
                            <h5>Enterprise Applications </h5>
                        </a>

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

<section class="section-box mt-90">
    <div class="container">
        <h2 class="text-center mb-15 wow animate__ animate__fadeInUp animated"
            style="visibility: visible; animation-name: fadeInUp;">Our Pricing Models</h2>
        <div class="font-lg color-text-paragraph-2 text-center wow animate__ animate__fadeInUp animated"
            style="visibility: visible; animation-name: fadeInUp;">Every project is different and every client’s needs
            too, hence we offer the following pricing models to best suit the project and nature of delivered services.
        </div>
        <div class="">
            <div class="block-pricing mt-70">
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6 wow animate__ animate__fadeInUp animated"
                        data-wow-delay=".1s"
                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                        <div class="box-pricing-item">
                            <h5>One Time</h5>
                            <div class="box-info-price"><span class="text-price color-brand-2">$19</span><span
                                    class="text-month">/month</span></div>
                            <div class="border-bottom mb-30">
                            </div>
                            <p class="text-desc-package font-sm color-text-paragraph mb-30">For most businesses that
                                want to optimize web queries</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow animate__ animate__fadeInUp animated"
                        data-wow-delay=".2s"
                        style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <div class="box-pricing-item">
                            <h5>Monthly / Annually</h5>
                            <div class="box-info-price"><span
                                    class="text-price for-month display-month">$29</span><span
                                    class="text-month">/month</span></div>
                            <div class="border-bottom mb-30">
                            </div>
                            <p class="text-desc-package mb-30">For most businesses that want to otpimize web queries
                            </p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow animate__ animate__fadeInUp animated"
                        data-wow-delay=".4s"
                        style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                        <div class="box-pricing-item">
                            <h5>Resources based</h5>
                            <div class="box-info-price"><span
                                    class="text-price for-month display-month">$49</span><span
                                    class="text-month">/month</span></div>
                            <div class="border-bottom mb-30">
                            </div>
                            <p class="text-desc-package mb-30">For most businesses that want to otpimize web queries
                            </p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow animate__ animate__fadeInUp animated"
                        data-wow-delay=".1s"
                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                        <div class="box-pricing-item">
                            <h5>Consumption Based</h5>
                            <div class="box-info-price"><span class="text-price color-brand-2">$19</span><span
                                    class="text-month">/month</span></div>
                            <div class="border-bottom mb-30">
                            </div>
                            <p class="text-desc-package font-sm color-text-paragraph mb-30">For most businesses that
                                want to optimize web queries</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<div class="section-box mb-30">
    <div class="container">
        <div class="box-we-hiring">
            <div class="text-1"><span class="text-we-are">We are</span><span class="text-hiring">Hiring</span></div>
            <div class="text-2">Let’s <span class="color-brand-1">Work</span> Together<br> &amp; <span
                    class="color-brand-1">Explore</span> Opportunities</div>
            <div class="text-3">
                <div class="btn btn-apply btn-apply-icon" data-bs-toggle="modal" data-bs-target="#ModalApplyJobForm">
                    Apply now</div>
            </div>
        </div>
    </div>
</div>


<section class="section-box mt-50">
    <div class="container">
        <div class="text-center">
            <h2 class="section-title mb-10 wow animate__ animate__fadeInUp animated"
                style="visibility: visible; animation-name: fadeInUp;">What are the benefits of choosing Zillion IT
                <br /> Solutions as your partner?
            </h2>
        </div>
        <div class="mt-70">
            <div class="tab-content" id="myTabContent-1">
                <div class="tab-pane fade show active" id="tab-job-1" role="tabpanel" aria-labelledby="tab-job-1">
                    <div class="row">
                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="card-grid-2 hover-up">
                                <div class="card-grid-2-image-left"><span class="flash"></span>
                                    <div class="image-box"><img
                                            src="https://static.vecteezy.com/system/resources/thumbnails/016/617/880/small/professional-quality-assurance-3d-illustration-png.png"
                                            alt="zillion"></div>
                                </div>
                                <div class="card-block-info">
                                    <h6><a href="job-details.html">Quality and performance Assurance</a></h6>
                                    <p class="font-sm color-text-paragraph mt-15">Zillion IT Solutions fabulously
                                        finish all the works to ensure implementation of the projects with quality, time
                                        and budget expectations</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="card-grid-2 hover-up">
                                <div class="card-grid-2-image-left"><span class="flash"></span>
                                    <div class="image-box h-100"><img
                                            src="https://static.vecteezy.com/system/resources/previews/022/947/254/non_2x/digital-data-protection-design-element-icon-cyber-security-illustration-cloud-computing-network-safety-concept-free-png.png"
                                            alt="zillion"></div>
                                </div>
                                <div class="card-block-info">
                                    <h6><a href="job-details.html">Stable and Secure Application Development</a></h6>
                                    <p class="font-sm color-text-paragraph mt-15">The application developed are
                                        adequately tested and secured for all sorts of glitches and hacks to ensure
                                        business continuity.</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="card-grid-2 hover-up">
                                <div class="card-grid-2-image-left"><span class="flash"></span>
                                    <div class="image-box h-100"><img
                                            src="https://static.vecteezy.com/system/resources/previews/022/947/254/non_2x/digital-data-protection-design-element-icon-cyber-security-illustration-cloud-computing-network-safety-concept-free-png.png"
                                            alt="zillion"></div>
                                </div>
                                <div class="card-block-info">
                                    <h6><a href="job-details.html">Commitment to excellence</a></h6>
                                    <p class="font-sm color-text-paragraph mt-15">We are committed to delivering all
                                        the services with excellence to help the clients get the best results from the
                                        value we create for them.</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<section class="section-box mt-50 mb-20">
    <div class="container">
        <div class="box-newsletter">
            <div class="row">
                <div class="col-xl-3 col-12 text-center d-none d-xl-block"><img
                        src="{{ asset('img/newsletter-left.png') }}" alt="zillion"></div>
                <div class="col-lg-12 col-xl-6 col-12">
                    <h2 class="text-md-newsletter text-center">New Things Will Always<br> Update Regularly
                    </h2>
                    <div class="box-form-newsletter mt-40">
                        <form class="form-newsletter">
                            <input class="input-newsletter" type="text" value=""
                                placeholder="Enter your email here">
                            <button class="btn btn-default font-heading icon-send-letter">Subscribe</button>
                        </form>
                    </div>
                </div>
                <div class="col-xl-3 col-12 text-center d-none d-xl-block"><img
                        src="{{ asset('img/newsletter-right.png') }}" alt="zillion"></div>
            </div>
        </div>
    </div>
</section>
@include('htmlpage.frontent.layout.footer')