<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

        <title><?php echo school_full_name;?></title>
        <link rel="icon" type="image/png" href="<?php echo school_logo_full; ?>"/>
        <style>
        
        body{background:#EAEDED;
            
            background-image: url("https://mtmhss.edu.in/assets/img//unit1/background.jpg");
    /* Full height */
    /*height: 100%;*/
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
        }
        /*body{background:#68b5b5;}*/
        .student-portal{margin-top:60px;}
        .footer{
            /*background-color: #99CE00;*/
            background-color: #FEDA14;
        height:100px; }
        .f1{width:33.33%;border-right:1px solid #A1D318 !important;padding-top: 35px;text-align:center;border-left:1px solid #A1D318 !important;height:100px;float:left;}
        .f11{width:33.33%;border-right:1px solid #A1D318 !important;padding: 15px;text-align:center;border-left:1px solid #A1D318 !important;height:100px;float:left;}
        .f11 img{height: 70px;max-width: 100%;}
        .f1 a{text-decoration: none;color:#263571;font-weight: 700;text-decoration:none;}  
        .breadcrumb{background:#293A4A;color:#fff;padding:10px;border-radius:5px;}
        .breadcrumb .breadcrumb-item{color:#fff;}
        .breadcrumb .breadcrumb-item a{color:#fff;text-decoration:none;}
        @media only screen and (max-width: 450px){
            .f1{width: 25%;height: 60px;cursor: pointer;padding-top: 20px;font-size: 14px;padding:auto;}
            .f1:hover{cursor: pointer;opacity: 0.6;font-size: 14px;margin: auto;}
            .f1 a{text-decoration: none;color:#263571;font-weight: 700;text-decoration:none;}  
            .f11{width: 50%;height: 60px;vertical-align: middle;padding: 5px;}
            .f11 img{height: 50px;}
            .footer{height: 60px;vertical-align: middle;}
        }
        </style>
    
    </head>
    <body>