EVOLUTION-NINJA

Edit File: serviceswebdevelopment.php

.overviewblock {
        height: 400px;
        background-image: url("<?php echo base_url('public/assets/images/IMG (7).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;
    }

/*   */
    .softwaredevelopment {
        background-color: #E7F1FF;
        padding: 16px;
        width: 83%;
        margin: auto;
        padding: 46px;

}

.softwareima {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-end;
    }

.sof {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

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

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

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

.overviewpara {
            font-size: 16px;
        }

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

.manapara1 {
            font-size: 21px;
        }
    }

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

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

.overviewdetails {
            font-size: 22px;
        }

.overviewpara {
            font-size: 12px;
        }

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

.manapara1 {
            font-size: 21px;
        }

.softwaredevelopment {
            width: 100%;
            margin: auto;
            padding: 25px;
        }
    }
</style>

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

<section class="overviewblock">
    <h2 class="overviewdetails">Web Development</h2>
    <p class="overviewpara text-center">Web development speaks about designing, building, publishing and maintaining of
        websites on Internet or </br> Intranet.There are many options available, including custom-coded and/or
        open-source.</p>
</section>

<section class="softwaredev mt-4">
    <div class="softwaredevelopment">
        <div class="row">
            <div class="col-lg-5 col-md-12 col-sm-12 softwareima">
                <img src="<?php echo base_url('public/assets/images/Software code testing-amico 1.png');?>" alt=""
                    class="softimg">
            </div>
            <div class="col-lg-7 col-md-12 col-sm-12 sof">
                <h3 class="manapara1">Web Development</h3>
                <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                        alt="line">
                </div>
                <p class="manapara2">Web development speaks about designing, building, publishing and maintaining of
                    websites on Internet or Intranet. There are many options available, including custom-coded and/or
                    open-source. Our presence helps you implement all sort of solution that you may need.</p>

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

<section class="softwaredev mt-4">
    <div class="softwaredevelopment">
        <div class="row">

<div class="col-lg-7 col-md-12 col-sm-12 sof">
                <h3 class="manapara1">Design</h3>
                <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                        alt="line">
                </div>
                <p class="manapara2">Designing is a core part of any software and we consider it very seriously. We have
                    custom templates for you to choose from, or our designers are always there to cater your need. Based
                    on your inputs we can design you with the website you always imagined. We do all sorts of designing,
                    be it logo design, Website design or even any Graphics you require.</p>

</div>

<div class="col-lg-5 col-md-12 col-sm-12 softwareima">
                <img src="<?php echo base_url('public/assets/images/Image (11111).png');?>" alt="" class="softimg">
            </div>
        </div>

</div>
</section>

<section class="softwaredev mt-4">
    <div class="softwaredevelopment">
        <div class="row">
            <div class="col-lg-5 col-md-12 col-sm-12 softwareima">
                <img src="<?php echo base_url('public/assets/images/Code typing-cuate 1.png');?>" alt=""
                    class="softimg">
            </div>
            <div class="col-lg-7 col-md-12 col-sm-12 sof">
                <h3 class="manapara1">Development</h3>
                <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                        alt="line">
                </div>
                <p class="manapara2">What’s a website with no functionality? You name your requirements and we implement
                    it. Our developers are well versed in all the languages and also --- make sure to be one according
                    to your specification and we also provide you with the latest of security and technology, as our
                    motto customer security is our highest priority.</p>

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

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

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

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