EVOLUTION-NINJA

Edit File: education_portal.php

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

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

/*   */

/* nparrots block ---------  */
    .nparrotsprocess {
        background-color: #E7F1FF;
    }

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

}

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

.processdet {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        background-color: #fff;
        border-radius: 20px;
        border-bottom: 6px solid #00337D;
        padding: 18px 62px;
        margin-top: 14px;
        width: 90%;
        margin-inline: auto
    }

.processhead {
        font-family: "Barlow", sans-serif;
        font-size: 24px;
        font-weight: 700;
        color: #00337D;
        margin: 0;

}

/* why nparrots--------  */
    .nparrotswhy {
        width: 93%;
        margin: auto
    }

.nparrotimageset {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

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

.nparrotpar,
    .para2 {
        font-family: "Barlow", sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #001740;
    }

.nparadetails {
        background-color: #E7F1FF;
        padding: 21px;
        border-radius: 7px;
    }

.p1 {
        font-family: "Barlow", sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: #00337D;

}

.para2 {
        margin-left: 15px;
    }

/* why nparrots end--------  */
    @media (min-width:1001px) and (max-width:1356px) {

.dataimg {
            width: 100% !important;
        }

.npblock {
            width: 93% !important;
            margin: auto;

}

.dataimg {
            width: 100% !important;
        }

}

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

.npblock {
            width: 93% !important;
            margin: auto;

}

.processdet {
            width: 100% !important;
            padding: 10px 11px;
        }

.dataimg {
            width: 100% !important;
        }

/* why nparrot-----  */
        .nparimg {
            width: 100%
        }
    }

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

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

.overviewdetails {
            font-size: 30px;
        }

.overviewpara {
            font-size: 12px;
        }

/*   */
    
       
        .npheading {
            font-size: 21px;

}

.processhead {
            font-size: 14px;
        }

.dataimg {
            width: 100%
        }

.npblock {
            width: 93%;
            margin: auto;

}

.processdet {
            width: 100%;
            padding: 10px 11px;
        }

/* why nparrot-----  */
        .nparimg {
            width: 100%
        }

.nparpara1 {
            font-size: 21px;
        }
    }
</style>

<section class="overviewblock">
    <h2 class="overviewdetails">Nparrots Education Portal</h2>
    <p class="overviewpara text-center">Nparrots is an advanced learning management platform, is one step for all your
        training needs, serve you with </br>e-study materials, learning videos, recorded sessions, live sessions via
        streaming, animated study materials which</br> makes learning more interesting and interactive.</p>
</section>

<section class="whynparrots mt-4">
    <div class="nparrotswhy">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12 nparrotimageset">
                <img class="nparimg" src="<?php echo base_url('public/assets/images/Image (10).png');?>"
                    alt="nparrots image">
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12">
                <h3 class="nparpara1">Why Nparrots?</h3>
                <img class="" src="<?php echo base_url('public/assets/images/Line (4).png');?>" alt="line">
                <p class="nparrotpara">The platform is designed to access easily from your pc laptop tab and smartphone.
                    The user dashboard is designed in such way that user can track the course progress, course
                    performance, and practice test at end of each chapter, mock tests at end of each course before the
                    final assessment.</p>
                <h3 class="nparpara1">Nparrots can be divided into 2 parts:</h3>
                <img class="" src="<?php echo base_url('public/assets/images/Line (4).png');?>" alt="line">

<div class="nparadetails">
                    <div class="nparablock">
                        <p class="p1">1. Student Management System or Data Management</p>
                        <p class="para2">It is an education establishment used to manage student data. Student
                            information systems provide capabilities for registering students in courses; documenting,
                            grading, transcripts, results of student tests and other assessment scores; building student
                            schedules; tracking student attendance; and managing many other student-related data needs
                            in a school.</p>
                        <p class="p1">2. Learning Management System</p>
                        <p class="para2">A learning management system (LMS) is a software application for the
                            administration, documentation, tracking, reporting and delivery of educational courses,
                            training programs, or learning and development programs.</p>

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

<section class="nparrotsprocess mt-4 p-3">
    <div class="npblock">
        <h3 class="npheading">Process Aligned with Nparrots</h3>
        <div> <img class="" src="<?php echo base_url('public/assets/images/Line (4).png');?>" alt="line">
            <div class="nparrotprocessdetails">
                
                <div class="processdet ">
                    <p class="processhead">Data Management Login</p>
                    <img class="dataimg"
                        src="<?php echo base_url('public/assets/images/Data Management Login 1.png');?>" alt="line">
                </div>
                
                <div class="processdet">
                    <p class="processhead">Admin Login</p>
                    <img class="dataimg" src="<?php echo base_url('public/assets/images/image 3.png');?>" alt="line">
                </div>
                
                <div class="processdet">
                    <p class="processhead">Faculty Login</p>
                    <img class="dataimg" src="<?php echo base_url('public/assets/images/image 4.png');?>" alt="line">
                </div>
                
                <div class="processdet">
                    <p class="processhead">Student Login</p>
                    <img class="dataimg" src="<?php echo base_url('public/assets/images/image 5 (1).png');?>"
                        alt="line">
                </div>
            </div>
        </div>
</section>

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

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

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