EVOLUTION-NINJA

Edit File: servicesdiagonists.php

.overviewblock {
        height: 400px;
        background-image: url("<?php echo base_url('public/assets/images/IMG (7)11.png');?>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

.overviewdetails {
        font-size: 55px;
        font-weight: 700;
        color: #fff;
        font-family: "Barlow", sans-serif;

}

.overviewpara {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        font-family: "Barlow", sans-serif;
    }

/*   */

/* software development block  */
    .softwareimage {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.softwaredevelopment {
        width: 83%;
        margin: auto;

}

.manapara1 {
        font-family: "Barlow", sans-serif;
        font-size: 23px;
        font-weight: 700;
        color: #001740;
        margin: 5px;
    }

.manapara2 {
        font-family: "Barlow", sans-serif;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        margin-top: 15px;
        color: #2B2B2B;
    }

/* our security block  */
    .securityblock {
        width: 83%;
        margin: auto;
        padding: 48px;
        background-image: url("<?php echo base_url('public/assets/images/securityback.png');?>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;

}

.allsecurit {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 34px;
        width: 51%;

}

.secur {
        max-height: 400px;
    }

@media (min-width:1001px) and (max-width:1356px) {
        .softimg {
            width: 100%;
        }

.allsecurit {
            width: 80%
        }
    }

@media (min-width: 629px) and (max-width:1000px) {

/* overview block  */
        .overviewdetails {
            font-size: 43px;
        }

.overviewpara {
            font-size: 16px;
        }

/* software development block  */
        .manapara1 {
            font-size: 21px;
        }

.softimg {
            width: 72%;
            margin: auto;
        }

.managde {
            margin-top: 10px;
        }

/* our security block  */
        .allsecurit {
            grid-template-columns: repeat(2, 1fr);
            width: 100%;

}
    }

@media only screen and (max-width:628px) {

/*   */
        .overviewblock {
            border: 1px solid;
            height: auto;
            padding: 37px 12px;
        }

.overviewdetails {
            font-size: 22px;
        }

.overviewpara {
            font-size: 12px;
        }

/*   */
        /* software development block  */
        .manapara1 {
            font-size: 21px;
        }

.softimg {
            width: 72%;
            margin: auto;
        }

.managde {
            margin-top: 10px;
        }

/* our security block  */
        .securityblock {
            width: 100%;
            padding: 32px;
        }

.allsecurit {
            grid-template-columns: repeat(1, 1fr);
            width: 100%;

}

}
</style>

<?php echo view('includes/header') ?>

<section class="overviewblock">
    <h2 class="overviewdetails">Software Development</h2>
    <p class="overviewpara text-center">In many cases, “off-the-shelf” software packages simply aren't flexible enough
        to support the bespoke nature of </br> individual businesses.</p>
</section>


<section class="softwaredev mt-4">
    <div class="softwaredevelopment">
        <div class="row">
            <div class="col-lg-5 col-md-12 col-sm-12 softwareimage">
                <img src="<?php echo base_url('public/assets/images/Software engineer-amico 1.png');?>" alt=""
                    class="softimg">
            </div>
            <div class="col-lg-7 col-md-12 col-sm-12 managde">
                <h3 class="manapara1">Jayblues Diagnostics Software</h3>
                <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                        alt="line">
                </div>
                <p class="manapara2">In many cases, “off-the-shelf” software packages simply aren't flexible enough to
                    support the bespoke nature of individual businesses. Many businesses use software packages beyond
                    the
                    scope of their intended use and introduce workarounds which often has a significant impact on the
                    efficiency and robustness of business operations, in turn restricting the businesses own ability to
                    adapt and grow.</p>
                <p class="manapara2">Our web applications are scalable and modular, meaning we can work with you to
                    develop
                    a strategic road map for your application, allowing you to start simple and invest over time,
                    allocating
                    suitable times and costs to each staged delivery.</p>
                <p class="manapara2">Our web development projects start with a detailed review of your company’s
                    requirements, through a series of analysis workshops, and then move onto developing a
                    proof-of–concept
                    or prototype model of your application. Once this is approved, our web developers will then begin
                    the
                    process of converting the prototype into a professional software application.</p>
            </div>

</div>
        <div class="row">
            <div class=" col-sm-12">
                <p class="manapara2">During the development of your application, we keep you updated with access to
                    online
                    resources and face-to-face meetings, and, due to our agile project management approach, changes to
                    requirements can be handled easily and efficiently during the life of the project.</p>
                <p class="manapara2">Our core technologies for web development are: Microsoft, ASP.NET ,MVC, SQL Server,
                    JavaScript, JQuery.</p>
            </div>
        </div>

</div>
</section>

<section class="oursecurity mt-4">
    <div class="securityblock ">
        <div class="allsecurit">
            
            <div class="card secur" style="">
                <img class="card-img-top" src="<?php echo base_url('public/assets/images/image3232.png');?>"
                    alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title manapara1">Flexibility</h5>
                    <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                            alt="line">
                        <p class="card-text">Our team of analysts, designers and developers will work with you to
                            develop a modular system tailored to meet your exact business needs.</p>

</div>
                </div>
            </div>
            
            <div class="card secur" style="">
                <img class="card-img-top" src="<?php echo base_url('public/assets/images/image-1111.png');?>"
                    alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title manapara1">Scalability</h5>
                    <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                            alt="line">
                        <p class="card-text">Our team of analysts, designers and developers will work with you to
                            develop a modular system tailored to meet your exact business needs.</p>

</div>
                </div>
            </div>
            
            <div class="card secur" style="">
                <img class="card-img-top" src="<?php echo base_url('public/assets/images/image 9221.png');?>"
                    alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title manapara1">Security</h5>
                    <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                            alt="line">
                        <p class="card-text">Our applications are built using role based security ensuring access to
                            information can be managed and audited across departments and job functions.</p>

</div>
                </div>
            </div>
            
            <div class="card secur" style="">
                <img class="card-img-top" src="<?php echo base_url('public/assets/images/image-211.png');?>"
                    alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title manapara1">Reporting</h5>
                    <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                            alt="line">
                        <p class="card-text">Reporting tools and dashboards can be used to provide summary KPIs or
                            detailed information tailored to individual user and roles.</p>

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

<?php 
echo view('includes/clientmanagement');
?>

<?php 
echo view('includes/clientsay');
?>

<?php echo view('includes/footer') ?>