EVOLUTION-NINJA

Edit File: servicesSEO.php

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

.managde {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

/* benefits of seo ------  */

.benefitsodseo {
        width: 83%;
        margin: auto;
        background-color: #E7F1FF;

}

.moduleheading {
        margin: 0;
        font-family: "Barlow", sans-serif;
        font-size: 28px;
        font-weight: 700;
        color: #001740;
        margin-bottom: 6px;
    }

.moduledet {
        background-color: #fff;
        border-radius: 9px;
        border-left: 4px solid #2977DA;
        padding: 10px;
        font-family: "Barlow", sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #001740;
        margin: auto;
        max-width: 31% !important;

}

.modulesdetails {
        gap: 14px
    }

.mob1 {
        margin: 0;
        margin-left: auto;
        margin-right: 18px
    }

.mob2 {
        margin: 0;
        margin-right: auto;
    }

@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;
        }

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

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

.managde {
            margin-top: 10px;
        }

/* benefits of seo ------  */

.benefitsodseo {
            width: 100%;
            margin-top: 16px;

}
    }

@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;
        }

.moduledet {
            max-width: 100% !important;
            margin-top: 10px;
        }

.mob1 {
            margin: auto;

}
    }
</style>

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

<section class="overviewblock">
    <h2 class="overviewdetails">SEO</h2>
    <p class="overviewpara text-center">SEO programs are highly complex and ever-changing. Our methodology is designed
        to break down activities into </br> manageable and understandable pieces.</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/SEO analytics team-rafiki 1.png');?>" alt=""
                    class="softimg">
            </div>
            <div class="col-lg-7 col-md-12 col-sm-12 managde">
                <h3 class="manapara1">Search Engine Optimization</h3>
                <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                        alt="line">
                </div>
                <p class="manapara2">SEO programs are highly complex and ever-changing. Our methodology is designed to
                    break down activities into manageable and understandable pieces. This will help the business owners
                    understand the effectiveness and importance of SEO approach from team JayBlues and why that are
                    important. We also provide Local SEO for small scale businesses and medium scale businesses to
                    improve their business extension using online medium to reach out for potential buyers who can help
                    them to double your business revenue.</p>

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

<section class="benefitsodseo p-5">
    <h3 class="moduleheading text-center">Benefits of SEO done by JayBlues</h3>
    <div class="text-center"> <img class="" src="<?php echo base_url('public/assets/images/Line (13).png');?>"
            alt="line">
    </div>
    <div class="modulesdetails mt-3">
        <div class="row">
            <div class="moduledet col-lg-4 col-md-12 col-sm-12 ">Increased Traffic</div>
            <div class="moduledet col-lg-4 col-md-12 col-sm-12">Brand Awareness</div>
            <div class="moduledet col-lg-4 col-md-12 col-sm-12">Long-Term Standings</div>
        </div>
        <div class="row mt-3">
            <div class="col-lg-6 col-md-6 col-sm-12 moduledet mob1">Your Own 24-Hour Marketing team</div>
            <div class="col-lg-6 col-md-6 col-sm-12 moduledet mob2">Beat Your Competition</div>
        </div>

</div>
</section>

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

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

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