EVOLUTION-NINJA
Edit File: servicesSEO.php
<style> /* <!-- overview block-------------- --> */ .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; } /* <!-- overview block end-------------- --> */ /* 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) { /* <!-- overview block-------------- --> */ .overviewblock { border: 1px solid; height: auto; padding: 37px 12px; } .overviewdetails { font-size: 22px; } .overviewpara { font-size: 12px; } /* <!-- overview block-------------- --> */ /* 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') ?> <!-- overview block-------------- --> <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> <!-- overview block end-------------- --> <!-- software develop[ment block ] --> <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> <!-- software develop[ment block ] end--> <!-- benefitsofseo---------- --> <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> <!-- benefitsofseo- end--------- --> <!-- clients and finished projects ---- --> <?php echo view('includes/clientmanagement'); ?> <!-- clients and finished projects ---- --> <!-- faq client say about us -------- --> <?php echo view('includes/clientsay'); ?> <!-- faq client say about us -------- --> <?php echo view('includes/footer') ?>