Professional Documents
Culture Documents
Valena Group Manuscript
Valena Group Manuscript
Valena Group Manuscript
A Capstone Project
Presented to the Faculty of the
College of Information and Computing Sciences
Cagayan State University
Lal-lo Campus
By:
Taroy, Adolfo
Tarubal, Rey Mark
Alcid, John Paul Josef
Balas, Lyngel
Curioso, Elmer Jr.
Onza, Rhojane Mae
January 2023
Chapter I
1
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
INTRODUCTION
In modern days, we mostly rely on our trusted websites and apps for
carrying information for our everyday work. It has become an integral part of our
way of life. The whole civilization has become dependent on modern media that it
uses as its help us to finish our task easier. Technology has made life easy and
convenient. Websites, as a valuable outcome of technology, help companies,
organizations, and any other types of groups to spread something about what are
their purpose in their nation or even in our world. Websites are commonly used to
share information with every citizen quickly, easily, and effectively.
2
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
3
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
the posted article. The website also features news articles, campus announcements,
and success stories to keep the community informed and inspired.
Overall, the Campus website of CSU Lallo aims to provide a seamless online
experience, ensuring that all users can easily navigate and find the information they
need. By promoting effective communication, collaboration, and engagement, the
website contributes to the growth, development, and success of the CSU Lallo
community.
1. What are the programs, activities and projects (PAPs) of the campus along
instruction, research, extension and production, partnership and resource
mobilization, and agri-tourism?
2. What are the different services of the campus to its students and stakeholders?
4. What are the major links that the campus website shall have?
4
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
b. Performance efficiency,
c. Compatibility,
d. Usability,
e. Reliability,
f. Security,
g. Maintainability, and
h. Portability?
The project primarily focused on the design and development of a website for
CSU Lal-lo which include presentation and publication of pertinent campus data
and information.
Participants in the development of the project were limited to the campus planning
coordinator, campus information officer and IT professionals, who evaluated the
developed system.
The project’s goal was to create an active and dynamic campus website for CSU-
Lal-lo. The website is thought to be beneficial for the following:
5
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Cagayan State University Lal-lo Campus. This project would help the institution
provide information to all interested parties and stakeholders without the need for
actual interaction. Additionally, it will give the campus an independent platform to
share information that is not supported by social media platforms such as
displaying downloadable forms.
Researchers. The project will enable the researchers to improve their abilities in
both back-end and front-end website development.
Future Researchers. The project will provide future researchers the information
that are beneficial in the analysis of their studies related to the system.
Stakeholders. The project will keep students, parents, alumni, government and
non-government agencies, and other stakeholders informed and updated with the
relevant news and information about the campus.
Definition of Terms
Dynamic website. Website with pages that are generated in real-time which
include web scripting code such as PHP or ASP.
Functionality. It is the summary or any aspect of what the developed project can
do for the user meeting its required outputs without fear of generating or
6
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
manipulating the system. It includes the ability to perform the task or function as
per requirement.
Security. It is the degree to which the developed project protects information and
data so that persons or other products or systems have the degree of data access
appropriate to their types and levels of authorization.
Usability. It is the degree to which the developed project as used by users achieve
their quantified goals with effectiveness, efficiency, ease of use and learnability of
utilizing the system.
7
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Valena. The name of the place in CSU Lal-lo where its nature wonders are
located.
9
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
The processes focused on the design and development of the website and the
assessment and evaluation of it vis-s-vis software quality standards.
The output of the study is the dynamic website developed to inform the public
about the programs and services of Cagayan State University – Lal-lo Campus, the
CSU Lal-lo Website
CHAPTER II
This part presents the literature and studies from foreign and local research and
related readings, which significantly impact the research. Sources include journal
articles, research reviews, news articles, unpublished materials, and articles from
new sites and websites
10
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Abrahamson (2015) and Steele (2016) profile the 60 million high school student
population as growing up with the Internet and having a strong attraction to
technology. For this generation, a Web presence is a direct extension of the
institution itself. To stress the point, Abrahamson observes that in the past,
colleges marketed in a free-for-all manner, with the admission office sending one
message and each department creating its own literature and brochures to send its
message. This community patchwork approach is evident in college Web sites
where each department is encouraged to develop and maintain its own pages. The
result is a disjointed presence of varying levels of technical sophistication and
inconsistent information depth and tone.
Ali Rezaeean, Sona Bairamzadeh and Alireza Bolhari (2012) conducted a survey
among 270 university students. Results of the empirical analysis revealed that
greater innovation has a significant impact on users’ trust and satisfaction. More
than that, innovation is the most important factor influencing the satisfaction.
Also, students’ trust increases as they perceive the system is usable. Finally, trust
has a positive influence on satisfaction.
Their decision to apply seems to have been primarily based on their perusal of the
university website, Uniquest found after tracing the path these stealth students
took.
11
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Jennifer Parsons, Uniquest’s Director of Marketing and Insights, told The PIE
News, “We already knew from monitoring the data at offer holder stage that the
university website was the most important information source for international
stealth applicants.”
The results showed that for over half of the students surveyed, the institution’s
website was the only channel where they received information on the school and
consequently applied.
The website must appeal to the university’s commercial interests, which are
primarily the sources of presenting their objectives to the visitors and especially to
those visitors who are interested in seeking information. It also aims to facilitate
their prospective students and scholars by providing the proper guidelines on the
website to help them accordingly. Nevertheless, of equal importance, a university
website should serve the non-commercial information that is the need of its current
students and faculty. Information like the complexities of curriculum choices and
the information about the daily events and procedures that happens within a busy
university campus. Therefore, usability is considered the key credentials of
effective higher education website design.
Importance of a Website
Shaik (2016) in his article “Importance of having Website” believes that a website
is the identity of an institution and business. He further says that there are many
other reasons which encourage institutions and companies to have websites. For
example, there are about 970 million Internet users around the world which makes
15% of the world’s population. So, it is a nice way of “getting involved with a
12
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
large percent of people for sharing ideas and finding potential customers” (2016,
p.1).
They are moreover multi-purpose entities where the website provides seamless
access to a plethora of online facilities and services, removing the divide between
the school’s physical and online offerings. While reference has been made to the
‘website’ that is partly a misnomer because as apparent in both the above-
mentioned sites there are links to an ever-evolving digital communications suite
that includes such diverse services as an emailed school communiqué, an online
survey facility, advice on new teaching programs or resources, the online
advisement of student absence, Twitter, Facebook and the facility to instantly
inform parents of a critical incident, like a death. Indeed, as a colleague has
suggested it might be opportune to find another term to describe the role played by
the website in a digital school.
Cebu Web Maker stated that Internet has become one of the largest platforms of
communication. It is the most effective technology available today. Building a
website for school can prove to be extremely beneficial if it is done in the right
way. It maybe time consuming and include a lot of effort to be put in for
developing a website for the school, but it is very advantageous for the school
community. The school website gives the school’s information and also clear idea
about what they are good at. School websites will provide the up to dates, as well
as help them to link between schools, their communities and also to the entire
world.
13
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
The website reflects the school in terms of values, attitude towards prospects and
acceptance of modern trends. Such a development will give your school a
competitive advantage and help you set yourself apart from the competition.
A school’s website is often the main source people go to when they have inquiries
or questions about the school. The website is typically where people first visit,
which in turn is where they obtain their first impression. If someone were to visit a
school's website and see that it hadn't been updated in months, they might get a
negative impression due to a seeming lack of concern for keeping the community
up to date.
Irish students are online from an early age. Some from as young as 6 years of age!
Their parents have also embraced the trend to search online first, for anything and
everything. Yet, the educational colleges and institutes are often sadly lacking in
their online presence. Websites are out of date and social media is often ignored.
In 2020, only 1.5% of all the specifically Irish domain names (iedr.ie) were held
by Irish schools and educational institutions. While many schools have websites,
a great many of them have not been recently updated. It makes complete sense to
get the best use out of the tools that are at your disposal and for schools, this
14
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
means updating your website and using it as the primary means of getting general
information to parents and students alike.
Why do schools have district websites? The benefits include the following: linking
schools in the district, developing communication in classes, grade levels, and
cultures, encouraging parental involvement, presenting information to visitors
about the school and acquisition of technology skills (Miller, Adsit & Miller,
2015).
Websites are one of the technologies that can define as a set of related network
web resources, such as multimedia content or web pages, which are typically
identified with a common domain name, and published on at least one web server.
University website is one example of the use of technology used by universities to
help disseminate information to the academic community as well as promotional
events outside. For that, it needs an attractive display so that people are interested
in using it. In order to make the appearance of the website become more
interesting than before, there is usability evaluation method that called usability
testing which can measure the usability in order to develop more easily
environment, to increase the number of user satisfaction, to improve the system
itself and also to evaluate the perspective of user.
15
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
CHAPTER III
METHODOLOGY
This chapter includes the project design, locale of the study, participants of the
study, instrumentation, data gathering procedures, and data analysis tools used in
the study. These parts provide justification to the researchers’ methods of
collecting and analyzing the data.
Project Design
Figure 1: https://targettrend.com/agile-methodology-meaning-advantages-
disadvantages-more/
System Architecture
16
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Figure 2 depicts how the developed website functions. To test its credibility, the
information officer submits the contents and materials to be posted to MIS
Coordinator. During the process, the submitted soft copies of reports will be
inputted by the MIS Coordinator, also MIS Coordinator have the ability to perform
crud in the said website by logging into Admin Panel, if the inputted admin code
and pass code is not recorded in login database, accessing the admin panel will not
be granted, otherwise it will be granted. Output, on the other hand, is verified and
up-to-date data that is ready to be published online.
17
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
18
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
The project was conducted at Cagayan State University at Lal-lo Campus located at
Sta. Maria, Lal-lo, Cagayan.
Participants Number
Planning Coordinator 1
Web Administrator/ MIS Coordinator 1
Information Officer 1
IT professionals as panelists 5
Campus officials as website evaluators 3
1. The Planning coordinator and the Information Officer were the primary
informant and source of major inputs to the website.
2. The MIS coordinator was responsible in the deployment of the website.
3. The Panelists and evaluators who are IT professionals and campus officials
serve as evaluators of the features and the performance of the developed
website vis-à-vis software quality standards.
19
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
The following were the research instruments used in gathering the needed data for
the study:
Feedback Tabs. Feedback tab allow the developers to gather random user
feedback. These tools provide valuable insights into usability, accessibility, and
overall user satisfaction.
Key Informant Interview. Interviews were conducted with the campus information
officer and the planning coordinator to collect vital data and information related to
the features on the proposed website.
Documentary Analysis. Sample reports and documents were requested from the
campus planning office and these were analyzed to provide useful information in the
design of the proposed website.
Prior to data gathering and collection, the researchers performed the following
steps:
1. Sought approval from the Campus Executive Officer for the development of
the proposed website.
2. Sent a request letter to the concerned campus officials for the conduct of
interview to gather data as specified in the objectives of the study.
20
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Data Analysis
The answers obtained from the participants in the interviews were recorded and
studied. The interviewee’s responses were noted and from there interesting points
related to the interview questions were taken up to help in the analysis of the
responses.
Mean was used to analyze the rating of the IT experts with respect to the
compliance of the developed website in relation to ISO standards. The extent of
compliance of the system was rated using the following matrix:
Table 2. Likert Scale for the Measurement of the Extent of Compliance to ISO
25010:2011 Software Quality Standards
Descriptive
Mean Range Interpretation
Equivalent
4.20 – 5.00 Very Great Extent The measure described in the item is
compliant to the very high extent or
OUTSTANDING.
3.40 – 4.19 Great Extent The measure described in the item is
compliant to a high extent or
VERY SATISFACTORY.
2.60 – 3.39 Moderate Extent The measure described in the item is
compliant to the moderate extent or
SATISFACTORY.
1.80 – 2.59 Low Extent The measure described in the item is
compliant at low extent or
FAIR.
1.00 – 1.79 Very Low Extent The measure described in the item is
compliant at the lowest extent or
POOR.
21
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Interface Requirements
In addition, the login credentials of a registered admin are being converted into a
hexadecimal code to prevent sabotaging whenever there's a leakage issue of the
database.
Home Page: It serves as the landing page for the website. It includes a visually
appealing layout with high-quality images showcasing the campus, students, and
various activities. It may also feature important announcements, upcoming
events, and quick links to commonly accessed information.
Search Bar: It present on the homepage or in the header area to facilitate quick
searches within the website. Users can enter keywords or phrases to find specific
information, such as courses, faculty members, campus facilities, or resources.
Events and News Section: This section features the latest campus news,
announcements, and upcoming events. Users can find details about lectures,
workshops, conferences, performances, and other campus activities. It may also
include an archive of past events and news articles.
22
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Navigation Menu: It features a prominent navigation menu at the top or side of the
page depending on the current layout. This menu provides easy access to different
sections of the website, such as Home, Admissions, Academics, Research and
Developments, and etc.
Hardware Used:
MINIMUM REQUIREMENTS
Hardware Components Size
CPU 2.0 – 3.5 GHz
RAM 4 GB
SSD (for faster performance) 256 GB
Server IP (optional) 1 IP Address
Table 3. Minimum Hardware Requirements for the Proposed System
23
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Software Used:
MySQL Database: The database used by the developers because of its database
management, data manipulation, SQL querying, import/export capabilities,
security features, relationship visualization, user-friendly interface, and
community support make it a valuable tool for developing systems.
WYSIWYG Editor: WYSIWYG stands for "What You See Is What You Get."
It is used to allows developers to see a representation of the final output while
editing content or designing a layout. In other words, the displayed content
during editing closely resembles the way it will appear when published or
displayed to the end-user.
24
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
MINIMUM REQUIREMENTS
Software Versions
Windows OS 10
XAMPP 8.0.11
WYSIWYG (Summernote) 0.8.18
Adobe Photoshop 2019
Bootstrap 5
Visual Studio Code 1.6.0
25
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
CHAPTER IV
User-side
The user side page consists of different sections like the homepage where in all of
the main contents such as campus announcements and events are posted. Also, the
user have an access to visit About CSU, Administration, Academics, RDE and
PRM menus.
Figures 5. Homepage
26
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
27
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
28
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
In this section, only the authorize personnel have the authority to access the Admin
Dashboard. To ensure security, the admin login credentials are converted into
hexadecimal code using md5 hash and security PHP code to prevent bypass by
accessing directly using Admin Dashboard localhost URL.
29
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
If the Admin successfully entered the needed credentials. The website will directly
take the admin-to-admin dashboard where in the authorized personnel have the
authority to perform CRUD.
30
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
31
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
32
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
33
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
CHAPTER V
Summary of Findings
Promoting the Institution: CSU Lal-lo Campus Website acts as a marketing tool
to promote the institution to prospective students, parents, and the general public.
It highlights the campus's unique features, achievements, and strengths, creating a
positive image and attracting potential applicants.
34
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Campus News and Announcements: CSU Lal-lo Campus Website keeps the
campus community informed about news, events, important dates, policy updates,
and other announcements. It may include features like newsletters and blogs to
deliver timely information to students, faculty, staff, and alumni.
Problems, needs and gaps in the existing CSU Lal-lo Campus Website
The current CSU Lal-lo Website which is accessible thru this URL
(http://lallo.csu.edu.ph/) is out-to-date. The latest posted article about the campus
is around September of Year 2019. In addition, the current website has the same
lay-out with other campuses making it dependent on templated websites. Having
an outdated campus website can pose several problems and challenges for the
institution.
35
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Conclusion
Based on the findings of the study by the use of ISO 25010 software quality
criteria and by presenting it to the panelist, the presented campus website is better
than the current and previous campus website presented by the past batches.
Through its modern design, intuitive user interface, secured database and
administration section, the website exceeds to other presented campus websites in
the campus.
36
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
RECOMMENDATIONS
Panelists’ Recommendations
During the Oral Defense last January, the presentation ended with an
excellent remark with minor recommendations by the group of panels.
1. The error messages must specify the current problem.
2. Search Bar must present in every part of the website.
3. The footer must full screen.
4. Change Academic Rank into Work Status
Researchers’ Recommendations
The panelists gave the Valena Team presented website a favorable review.
However, there is opportunity for improvement to strengthen and
modernize its characteristics. As a result, developers have offered the
following suggestions for potential improvements:
37
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
APPENDICES
38
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Login Form
<?php
include 'config.php';
session_start();
error_reporting(0);
if (isset($_SESSION['AdminUsername'])) {
("Location:ValenaDashboard.php");
}
if (isset($_POST['submit'])) {
$AdminUsername = $_POST['AdminUsername'];
$AdminPassword = ($_POST['AdminPassword']);
} else {
echo "<script>alert('Username or Password is
incorrect.')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
39
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css">
<div class="input-group">
<input type="textbox" placeholder="Admin Username"
name="AdminUsername" value="<?php echo $username; ?>" required>
</div>
<div class="input-group">
<input type="password" placeholder="Admin Passcode"
name="AdminPassword" value="<?php ?>" required>
</div>
<div class="input-group">
<button name="submit" class="btn">Login</button>
</div>
<p class="all-rights-reserved">Cagayan State University -
Lal-lo Campus <br>All Rights Reserved 2022.</p>
</form>
</div>
</body>
</html>
Dashboard
40
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<?php
include('security.php');
include('includes/config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta name="description" content="">
<meta name="author" content="Coderthemes">
<!-- website title -->
<title>VALENA Net Admin | Dashboard</title>
<link rel="stylesheet" href="../plugins/morris/morris.css">
41
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</head>
<div class="page-title-box">
<h3 class="page-title">Dashboard</h3>
42
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div>
<div class="row">
<a href="manage-articles.php">
<div class="col-lg-3 col-md-3 col-sm-3 ">
<div class="card-box widget-box-one "
style="background-image: linear-gradient(240deg, rgba(37,37,37,0.2)
0%,transparent 51%),linear-gradient(26deg, rgba(37,37,37,0.2)
0%,transparent 36%),linear-gradient(64deg, rgba(37,37,37,0.2)
0%,transparent 28%),linear-gradient(114deg, rgba(37,37,37,0.2)
0%,transparent 33%),repeating-linear-gradient(146deg,
rgba(140,140,140,0.1) 0px,transparent 4px),repeating-linear-
gradient(207deg, rgba(140,140,140,0.1) 0px,transparent
4px),repeating-linear-gradient(6deg, rgba(140,140,140,0.1)
0px,transparent 4px),linear-gradient(90deg,
rgb(241,194,117),rgb(241,194,117));">
<i class="mdi mdi-newspaper
widget-one-icon "></i>
<div class="wigdet-one-content ">
<p class="m-0 text-uppercase
font-600 font-secondary text-overflow text-dark"
title="Statistics">News Posted</p>
<?php $query=mysqli_query($con,"select * from tblposts");
$countpost=mysqli_num_rows($query);
?>
</div></div></div></a>
<a href="manage-imageslider.php">
<div class="col-lg-3 col-md-3 col-sm-3 ">
<div class="card-box widget-box-one "
style="background-color:darkcyan;">
<i class="mdi mdi-image-filter
widget-one-icon "></i>
<div class="wigdet-one-content ">
<p class="m-0 text-uppercase
font-600 font-secondary text-overflow text-dark"
title="Statistics">Uploaded Image Slider</p>
<?php $query=mysqli_query($con,"select * from images");
43
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
$countslide=mysqli_num_rows($query);
?>
</div></div></div></a>
<a href="manage-comments.php">
<div class="col-lg-3 col-md-3 col-sm-3
">
<div class="card-box widget-box-one"
style="background-image: repeating-linear-gradient(90deg,
hsla(31,0%,65%,0.2) 0px, hsla(31,0%,65%,0.2) 0px,transparent 0px,
transparent 1px,hsla(31,0%,65%,0.2) 1px, hsla(31,0%,65%,0.2)
4px,transparent 4px, transparent 5px,hsla(31,0%,65%,0.2) 5px,
hsla(31,0%,65%,0.2) 8px),repeating-linear-gradient(0deg,
hsla(31,0%,65%,0.2) 0px, hsla(31,0%,65%,0.2) 0px,transparent 0px,
transparent 1px,hsla(31,0%,65%,0.2) 1px, hsla(31,0%,65%,0.2)
4px,transparent 4px, transparent 5px,hsla(31,0%,65%,0.2) 5px,
hsla(31,0%,65%,0.2) 8px),linear-gradient(135deg, rgb(234, 234,
234),rgb(12, 12, 12));">
<i class="mdi mdi-send widget-
one-icon "></i>
<div class="wigdet-one-content ">
<p class="m-0 text-uppercase
font-600 font-secondary text-overflow text-dark">Comments Listed</p>
<?php $query=mysqli_query($con,"select * from comments");
$countcomm=mysqli_num_rows($query);
?>
<h2><?php echo htmlentities($countcomm);?> <small></small></h2>
</div>
</div>
</div></a>
<a href="manage-college.php">
<div class="col-lg-3 col-md-3 col-sm-3 ">
<div class="card-box widget-box-one "
style="background-color:dodgerblue;">
<i class="mdi mdi-google-circles-
group widget-one-icon "></i>
44
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div></div></div></a>
<a href="manage-
downloadablelinks.php">
<div class="col-lg-3 col-md-3 col-sm-3 ">
<div class="card-box widget-box-one "
style="background-color:lightslategrey;">
<i class="mdi mdi-download
widget-one-icon "></i>
<div class="wigdet-one-content ">
<p class="m-0 text-uppercase
font-600 font-secondary text-overflow text-dark"
title="Statistics">Dowloadable Forms Posted</p>
<?php $query=mysqli_query($con,"select * from downloadableforms");
$countpost=mysqli_num_rows($query);
?>
</div></div></div></a>
45
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div></div></div>--></a>
</div>
</div> <!--end of container -->
</div>
</div>
<!--animation-->
</body>
</html>
46
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<?php
include('includes/config.php');
session_start();
error_reporting(0);
include('security.php');
47
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta name="description" content="">
48
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</head>
<div class="content-page">
<!-- Start right Content here -->
<!-- Start content -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="page-title-box">
<h4 class="page-title">Add Post </h4>
<ol class="breadcrumb p-0 m-0">
49
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<li>
<a href="#">Post</a> </li>
<li>
<a href="#">Add Post </a></li>
<li class="active"> Add Post</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-sm-6">
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="p-6">
<div class="">
<form name="addpost" method="post" enctype="multipart/form-data">
<div class="form-group m-b-20">
<label for="exampleInputEmail1">Post Title</label>
<input type="text" class="form-control" style="border-radius:10px;"
id="posttitle" name="posttitle" placeholder="Enter title" required>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4 class="m-b-30 m-t-0 header-title" ><b>Post Details</b></h4>
<textarea class="summernote" name="postdescription"
required></textarea>
50
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card-box">
<h4 class="m-b-6 m-t-0 header-title"><b>Feature Image</b></h4>
<input type="file" class="form-control" id="postimage"
name="postimage" required>
</div>
</div>
</div>
</div>
</div>
<!-- END wrapper -->
<script>
var resizefunc = [];
</script>
51
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="../plugins/switchery/switchery.min.js"></script>
<!--Summernote js-->
<script
src="../plugins/summernote/summernote.min.js"></script>
<!-- javascript selec 2-->
<script src="../plugins/select2/js/select2.min.js"></script>
<!-- Jquery filer js -->
<script
src="../plugins/jquery.filer/js/jquery.filer.min.js"></script>
<script>
jQuery(document).ready(function(){
$('.summernote').summernote({
height: 240, // set editor height
minHeight: null, // set minimum
height of editor
maxHeight: null, // set maximum
height of editor
focus: false // set focus to
editable area after initializing summernote
});
// Select2
$(".select2").select2();
$(".select2-limiting").select2({
maximumSelectionLength: 2
});
});
</script>
<script src="../plugins/switchery/switchery.min.js"></script>
52
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</body>
</html>
<?php
include('includes/config.php');
session_start();
error_reporting(0);
include('security.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta name="description" content="">
53
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</head>
54
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<div class="content-page">
<!-- Start right Content here -->
<!-- Start content -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="page-title-box">
<h4 class="page-title">Add Video </h4>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-sm-6">
55
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="p-6">
<div class="">
<form name="addpost" method="post" enctype="multipart/form-data">
<div class="form-group m-b-20">
<label for="exampleInputEmail1">Post Title</label>
<input type="text" class="form-control" style="border-radius:10px;"
id="posttitle" name="posttitle" placeholder="Enter title" required>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4 class="m-b-30 m-t-0 header-title" ><b>Insert Video (Click the
video icon!)</b></h4>
<textarea class="summernote" name="postvideo" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4 class="m-b-30 m-t-0 header-title" ><b>Insert video
details</b></h4>
<textarea class="summernote" name="postdetails"
required></textarea>
</div>
</div>
</div>
56
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div>
</div> <!-- end col -->
</div>
<!-- end row -->
</div> <!-- container -->
</div> <!-- content -->
<?php include('includes/footer.php');?> <!--include
footer-->
</div>
</div>
<!-- END wrapper -->
<script>
var resizefunc = [];
</script>
<!--Summernote js-->
<script
src="../plugins/summernote/summernote.min.js"></script>
<!-- javascript selec 2-->
<script src="../plugins/select2/js/select2.min.js"></script>
<!-- Jquery filer js -->
<script
src="../plugins/jquery.filer/js/jquery.filer.min.js"></script>
<script>
57
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
jQuery(document).ready(function(){
$('.summernote').summernote({
height: 240, // set editor height
minHeight: null, // set minimum
height of editor
maxHeight: null, // set maximum
height of editor
focus: false // set focus to
editable area after initializing summernote
});
// Select2
$(".select2").select2();
$(".select2-limiting").select2({
maximumSelectionLength: 2
});
});
</script>
<script src="../plugins/switchery/switchery.min.js"></script>
</body>
</html>
Editing of content
<?php
error_reporting(0);
session_start();
include('includes/config.php');
include('security.php');
if(isset($_POST['update']))
{
$posttitle=$_POST['posttitle'];
$postdetails=$_POST['postdescription'];
$arr = explode(" ",$posttitle);
$url=implode("-",$arr);
58
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
$postid=intval($_GET['pid']);
$query=mysqli_query($con,"update tblposts set
PostTitle='$posttitle',PostDetails='$postdetails',PostUrl='$url'
where id='$postid'");
if($query)
{
$msg="Post updated ";
}
else{
$error="Something went wrong . Please try again.";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta name="description" content="">
<meta name="author" content="Coderthemes">
59
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</head>
<body class="fixed-left">
<div class="content-page">
<!-- Start content -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="page-title-box">
<h4 class="page-title">Edit Post </h4>
<ol class="breadcrumb p-0 m-0">
<li>
<a href="#">Admin</a>
</li>
<li>
<a href="#"> Posts </a>
60
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</li>
<li class="active">
Add Post
</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div> <!-- end row -->
<div class="row">
<div class="col-sm-6">
</div>
</div>
<?php
$postid=intval($_GET['pid']);
$query=mysqli_query($con,"select tblposts.id as
postid,tblposts.PostImage,tblposts.PostTitle as
title,tblposts.PostDetails from tblposts where
tblposts.id='$postid'");
while($row=mysqli_fetch_array($query))
{
?>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="p-6">
<div class="">
<form name="addpost" method="post">
<div class="form-group m-b-20">
61
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4 class="m-b-30 m-t-0 header-title"><b>Post Details</b></h4>
<textarea class="summernote" name="postdescription" required><?php
echo htmlentities($row['PostDetails']);?></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4 class="m-b-30 m-t-0 header-title"><b>Post Image</b></h4>
<img src="postimages/<?php echo htmlentities($row['PostImage']);?>"
width="400"/>
<br />
<a href="change-image.php?pid=<?php echo
htmlentities($row['postid']);?>">Update Image</a>
</div>
</div>
</div>
<?php } ?>
</div>
62
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<script>
var resizefunc = []; //animation
</script>
<!--Summernote js-->
<script
src="../plugins/summernote/summernote.min.js"></script>
<!-- Select 2 -->
<script src="../plugins/select2/js/select2.min.js"></script>
<!-- Jquery filer js -->
<script
src="../plugins/jquery.filer/js/jquery.filer.min.js"></script>
<script>
jQuery(document).ready(function(){
$('.summernote').summernote({
height: 240, // format editor
height
minHeight: null, // set minimum
height of editor
maxHeight: null, // set maximum
height of editor
focus: false // set focus to
editable area after initializing summernote
});
// Select2
63
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
$(".select2").select2();
$(".select2-limiting").select2({
maximumSelectionLength: 2
});
});
</script>
<script src="../plugins/switchery/switchery.min.js"></script>
<!--Summernote js-->
<script
src="../plugins/summernote/summernote.min.js"></script>
</body>
</html>
Managing of content
<?php
include('includes/config.php');
include('security.php');
error_reporting(0);
session_start();
if($_GET['presid'])
{
$id=intval($_GET['presid']);
$query=mysqli_query($con,"delete from tblposts where
id='$id'");
$delmsg="Post deleted forever";
}
?>
<!DOCTYPE html>
64
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta name="description" content="">
<meta name="author" content="Coderthemes">
<script src="assets/js/modernizr.min.js"></script>
</head>
<body class="fixed-left">
65
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<div class="content-page">
<div class="col-sm-6">
66
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<?php } ?>
</div>
<div class="col-sm-12">
<div class="card-box" style="background-image: linear-
gradient(45deg, transparent 0%, transparent 51%,rgba(130, 130,
130,0.05) 51%, rgba(130, 130, 130,0.05) 71%,transparent 71%,
transparent 100%),linear-gradient(0deg, transparent 0%, transparent
69%,rgba(130, 130, 130,0.05) 69%, rgba(130, 130, 130,0.05)
84%,transparent 84%, transparent 100%),linear-gradient(135deg,
transparent 0%, transparent 37%,rgba(130, 130, 130,0.05) 37%,
rgba(130, 130, 130,0.05) 73%,transparent 73%, transparent
100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
border:none;">
<div class="table-responsive">
<table class="table table-colored table-centered table-inverse m-0">
<thead>
<tr>
<th>Title</th>
<th>Posting Date</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query=mysqli_query($con,"select tblposts.id as
postid,tblposts.PostTitle as title,tblposts.PostingDate as postdate
from tblposts");
$rowcount=mysqli_num_rows($query);
if($rowcount==0)
{
?>
<tr>
67
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<tr>
<td><b><?php echo htmlentities($row['title']);?></b></td>
<td> <?php $timestamp = $row['postdate'];
echo date('M d<\sup>S</\s\up>,Y',strtotime($timestamp));?></td>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script>
var resizefunc = [];
</script>
68
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/detect.js"></script>
<script src="assets/js/fastclick.js"></script>
<script src="assets/js/jquery.blockUI.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="../plugins/switchery/switchery.min.js"></script>
</body>
</html>
<?php
session_start();
if (!$_SESSION['AdminUsername']){
header('Location:index.php');
}
?>
Unapproved Comment
<?php
session_start();
include('includes/config.php');
error_reporting(0);
if(strlen($_SESSION['login'])==0)
{
header('location:index.php');
}
else{
69
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
if( $_GET['disid'])
{
$id=intval($_GET['disid']);
$query=mysqli_query($con,"update comments set status='0' where
id='$id'");
$msg="Comment unapprove ";
}
// Code for restore
if($_GET['appid'])
{
$id=intval($_GET['appid']);
$query=mysqli_query($con,"update comments set status='1' where
id='$id'");
$msg="Comment approved";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
70
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<link rel="stylesheet"
href="../plugins/switchery/switchery.min.css">
<script src="assets/js/modernizr.min.js"></script>
</head>
<body class="fixed-left">
<!--
============================================================== -->
<!-- Start right Content here -->
<!--
============================================================== -->
<div class="content-page">
<!-- Start content -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="page-title-box">
<h4 class="page-title">Manage
Unapproved Comments</h4>
<ol class="breadcrumb p-0 m-0">
<li>
<a href="#">Admin</a>
</li>
<li>
<a href="#">Comments </a>
</li>
<li class="active">
Unapprove Comments
71
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-sm-6">
</div>
<div class="row">
<div class="col-md-12">
<div class="demo-box m-t-
20">
<div class="table-
responsive">
<table
class="table m-0 table-colored-bordered table-bordered-primary">
<thead>
<tr>
<th>#</th>
<th>
Name</th>
<th
width="300">Comment</th>
<th>Status</th>
<th>Post / News</th>
72
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<th>Posting Date</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query=mysqli_query($con,"Select comments.id,
comments.name,comments.postingDate,comments.comment,posts.id as
postid,posts.PostTitle from comments join posts on
posts.id=comments.postId where comments.status=0");
$cnt=1;
while($row=mysqli_fetch_array($query))
{
?>
<tr>
<th scope="row"><?php echo htmlentities($cnt);?></th>
<td><?php echo htmlentities($row['name']);?></td>
<td><?php echo htmlentities($row['comment']);?></td>
<td><?php $st=$row['status'];
if($st=='0'):
echo "Wating for approval";
else:
echo "Approved";
endif;
?></td>
73
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</table>
</div>
</div>
</div>
</div>
<!--- end row -->
<div class="row">
<div class="col-md-12">
<div class="demo-box m-t-20">
<div class="m-b-30">
</div>
</div>
</div>
</div>
</div>
<!-- END wrapper -->
<script>
var resizefunc = [];
</script>
74
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</body>
</html>
<?php } ?>
Articles CSS
@import url('https://fonts.googleapis.com/css2?
family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'
);
body {
text-align: center;
}
.wrapper {
width: 1170px;
}
header {
height: 100px;
background: rgb(109, 27, 27);
width: 100%;
z-index: 10;
position: fixed;
float: center;
}
.logo {
75
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
width: 30%;
float: left;
line-height: 100px;
}
.logo a {
list-style: none;
display: inline-block;
padding: 8px 12px;
position: absolute;
}
nav {
float: right;
line-height: 100px;
}
nav a {
text-decoration: none;
letter-spacing: 4px;
font-size: 20px;
margin: 0 10px;
color: #fff;
}
.banner-area {
height: auto;
width: 100%;
position: relative;
top: 100px;
background-size: cover;
background-position: center center;
margin-bottom:50px ;
float: center;
}
.content-area {
width: 100%;
position: relative;
top: 450px;
background: #ebebeb;
height: 1500px;
}
.content-area h2 {
letter-spacing: 4px;
padding-top: 30px;
font-size: 40px;
margin: 0;
}
.content-area p {
76
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
padding: 2% 0px;
font-family: poppins;
line-height: 30px;
}
.dropbtn {
background-color: transparent;
color: white;
padding: 16px;
font-size: 16px;
border: none;
font-family: "Metropolis";
padding-top:43px ;
position: relative;
.dropdown {
position: relative;
display: inline-block;
font-family: "Metropolis";
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
font-family: "Metropolis";
}
77
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
.dropdown a{
text-decoration: none;
}
.wrap{
height: 700px;
width: 100%;
background: transparent;
}
.move{
display: flex;
position: relative;
top: 0;
right: 0;
}
.slide{
width: 100%;
flex-shrink: 0;
text-align: center;
margin-top: 240px;
}
@keyframes slide1{
0% { right: 0%; }
30% { right: 0%; }
33% { right: 100%; }
63% { right: 100%; }
66% { right: 200%; }
97% { right: 200%; }
100% { right: 0%; }
}
.move {
transition: linear 8s;
animation: slide1 linear 8s infinite;}
.slide{
width: 100%;
color: azure;
position:relative;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
78
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
}
.slide h1{
font-size: 65px;
font-weight: 900;
line-height: 50px;
}
.slide p{
font-size: 14px;
color:azure;
.marquee{
background-color: rgb(24, 23, 23);
height: 70px;
}
.marquee p{
padding-top: 10px;
color: #f1f1f1;
}
.Seminars{
width: 80%;
margin: auto;
text-align: center;
margin-top: 40px;
.CITNews, .download{
width: 80%;
margin: auto;
text-align: center;
margin-top: -20px;
}
.other{
background-color: teal;
color: white;
}
.Seminars h1, .CITNews h1, .download h1{
font-size:50px;
79
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
font-weight: 900;
padding-bottom: 20px;
text-align: center;
}
a{
text-decoration: none;
}
ul{
list-style: none;
}
#news{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 100px;
border-bottom: 0px solid rgb(15, 15, 15);
text-align: left;
}
.news-heading{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: left;
}
.news-heading span{
color: #25a2c5;
padding-bottom: 10px;
font-size: 1.4rem;
}
.news-heading h3{
font-size: 3.4rem;
color:rgb(247, 243, 243);
font-weight: 900;
text-align: left;
80
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
}
.news-container{
display: flex;
justify-content: center;
align-items: center;
margin: 40px 0px;
flex-wrap: wrap;
text-align: left;
}
.news-box{
width: 450px;
background-color: rgb(145, 62, 62);
margin: 20px;
.news-box:hover{
transition: .4s linear;
box-shadow: 0 0 20px 0px rgb(27, 27, 27);
}
.news-img{
width: 100%;
height: auto;
border-radius: 5px;
}
.news-img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.news-text{
padding: 30px;
display: flex;
flex-direction: column;
}
.news-text span{
81
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
color: #fafafa;
font-size: 0.9rem;
padding-bottom: 10px;
}
.news-text .news-title{
font-size: 1.3rem;
font-weight: 700;
color: rgb(255, 255, 255);
}
.news-text .news-title:hover{
color:#f5ad5b;
transition: linear 0.3s;
}
.news-text p{
color: rgb(248, 246, 246);
font-size: 0.9rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 20px 0px;
}
.news-text a{
color: rgb(122, 187, 248);
}
.news-text a:hover{
color: #fafbfc;
transition: .3s linear;
}
.back-button{
display: inline-block;
font-size: 1em;
background: white;
padding: 10px 30px;
text-decoration: none;
border-radius: 10px;
color: black;
text-transform: uppercase;
letter-spacing: 2px;
transition: 0.5s;
border-style: solid;
border-color: white;
}
82
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
.back-button:hover{
display: inline-block;
font-size: 1em;
background: rgb(104, 202, 231);
padding: 10px 30px;
text-decoration: none;
border-radius: 10px;
color: rgb(247, 239, 239);
text-transform: uppercase;
letter-spacing: 1px;
transition: 0.2s;
border-style: solid;
border-color:rgb(104, 202, 231);
}
.container{
max-width: 1170px;
margin:auto;
}
.row{
display: flex;
flex-wrap: wrap;
}
ul{
list-style: none;
}
.footer{
background-color: #24262b;
padding: 70px 0;
flex-shrink: 0;
margin-top: 30%;
}
.footer-col{
width: 19%;
padding: 0 5px;
}
.footer-col h4{
font-size: 18px;
color: #ffffff;
text-transform: capitalize;
margin-bottom: 35px;
font-weight: 500;
position: relative;
83
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
}
.footer-col h4::before{
content: '';
position: absolute;
left:0;
bottom: -10px;
background-color: #e91e63;
height: 2px;
box-sizing: border-box;
width: 50px;
}
.footer-col ul li:not(:last-child){
margin-bottom: 10px;
}
.footer-col ul li a{
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
text-decoration: none;
font-weight: 300;
color: #bbbbbb;
display: block;
transition: all 0.3s ease;
}
.footer-col ul li a:hover{
color: #ffffff;
padding-left: 8px;
}
.footer-col .social-links a{
display: inline-block;
height: 40px;
width: 40px;
background-color: rgba(255,255,255,0.2);
margin:0 10px 10px 0;
text-align: center;
line-height: 40px;
border-radius: 50%;
color: #ffffff;
transition: all 0.5s ease;
}
.footer-col .social-links a:hover{
color: #24262b;
background-color: #ffffff;
}
.footer-col .logo{
84
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
margin-left: 500%;
margin-top: -200%;
}
/*responsive*/
@media(max-width: 767px){
.footer-col{
width: 50%;
margin-bottom: 30px;
}
}
@media(max-width: 574px){
.footer-col{
width: 100%;
}
}
.center{
position: relative;
top: 25%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}
.center button{
padding: 10px 20px;
font-size: 15px;
font-weight: 600;
color: #222;
border: none;
outline: none;
cursor: pointer;
border-radius: 10px;
}
.popup{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width:500px;
padding: 20px 30px;
background: rgb(162, 215, 240);
border-radius: 10px;
}
85
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
.success {
86
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
.org{
position: relative;
}
.center{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.center button{
padding: 10px 20px;
font-size: 15px;
font-weight: 600;
color: #222;
border: none;
outline: none;
cursor: pointer;
border-radius: 10px;
}
.popup{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width:500px;
padding: 20px 30px;
background: white;
border-radius: 10px;
}
87
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
88
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
display: block;
text-align: center;
font-size: 10px;
color: #023130;
text-decoration: none;
font-weight: 600;
.column1, .column2 {
float: left;
width: 50%;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row p {
font-size: 20px;
color: #861906;
text-decoration: none;
}
.row p:hover{
font-weight: 900;
color: #dd9206;
text-decoration: none;
transition: linear .2s;
}
.footer {
background-color: #24262b;
flex-shrink: 0;
margin-top: -20px;
}
.footer-col {
width: 25%;
padding: 0 0px;
.footer-col h4 {
font-size: 18px;
89
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
color: #ffffff;
text-transform: capitalize;
margin-bottom: 35px;
font-weight: 500;
position: relative;
}
.footer-col ul li:not(:last-child) {
margin-bottom: 10px;
}
.footer-col ul li a {
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
text-decoration: none;
font-weight: 300;
color: #bbbbbb;
display: block;
transition: all 0.3s ease;
}
.footer-col ul li a:hover {
color: #ffffff;
padding-left: 8px;
}
<?php
include('includes/config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
90
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
91
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div>
<div class="card-footer text-muted">
</div>
</div>
<?php } ?>
</div> <?php
include "includes/sidebarforadmission.php";
?>
</div>
</div>
<html lang="en">
92
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial
scale=1.0">
<h5 style = "color:black; position:relative;">Philippine Standard
Time: <span id="time"> </span></h5>
<script src="index.js"> </script>
</head>
<body>
</body>
</html>
<div class="row">
<div class="col-md-12">
<div class="table-responsive"style="border-radius:10px;">
</tr>
</thead>
<tbody>
<?php
$query=mysqli_query($con,"select id,name,designation,image,role
from campus_officials where role = 'Campus Executive Officer'");
$rowcount=mysqli_num_rows($query);
if($rowcount==0)
93
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
{
?>
<tr>
<td colspan="6" align="center"><h3 style="color:red">No record
found</h3></td>
<tr>
<?php
}else{
while($row=mysqli_fetch_array($query))
{
?>
<tr style="width:100%;">
<td style = "width: 100px;"><img class="img-fluid rounded-circle
mx-auto d-block" style="vertical-align: middle; width: 100%; border-
radius:50%;" src="../MainPage/admin/campus-officials/<?php echo
htmlentities($row['image']);?>"></td>
<td style = "font-weight:100; text-align:center; color:aliceblue;
font-size:21px; height:50%; vertical-align: middle; "><?php echo
htmlentities($row['name']);?></td>
<td style = "font-weight:100; text-align:center; color:aliceblue;
font-size:21px; vertical-align: middle;"><?php echo
htmlentities($row['designation']);?></td>
</tr>
<?php
}}?>
</tbody>
</table>
<!--End of CEO Table -->
<br><br><br>
<!--Start of OOTCEO Table -->
<table class="table m-0 table-responsive" style="width:100%;">
<thead >
<h1 style = "text-align:left; font-family:'Times New Roman';
color: white; font-weight:bold;">Office of the Campus Executive
Officer</h1>
<th style = "border-top: none !important;
border-left: none !important; text-align:center;
color:aliceblue; font-size:27px; width:15%;">
<th style = "border-top: none !important;
border-left: none !important; text-align:center;
color:aliceblue; font-size:27px; width:60%;">
<th style = "border-top: none !important;
border-left: none !important; text-align:center;
color:aliceblue; font-size:27px; width:40%;"></th>
</thead>
<tbody>
94
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<?php
$query=mysqli_query($con,"Select id,name,designation,image,role
from campus_officials where role = 'Office of the Campus Executive
Officer'");
$rowcount=mysqli_num_rows($query);
if($rowcount==0)
{
?>
<?php
}else{
while($row=mysqli_fetch_array($query))
{
?>
<tr style="width:100%; ">
<td style = "width: 100px; border-top: none !important;
border-left: none !important; "><img class="img-fluid
rounded-circle mx-auto d-block" style="vertical-align: middle; width:
100%; border-radius:50%;" src="../MainPage/admin/campus-officials/<?
php echo htmlentities($row['image']);?>"></td>
<td style = "border-top: none !important;
border-left: none !important; font-weight:100; text-
align:center; color:aliceblue; font-size:21px; height:50%; vertical-
align: middle; "><?php echo htmlentities($row['name']);?></td>
<td style = "border-top: none !important;
border-left: none !important; font-weight:bold; text-
align:center; color:aliceblue; font-size:20px; vertical-align:
middle;"><?php echo htmlentities($row['designation']);?></td>
</tr>
<?php
}}?>
</tbody>
</table>
<!--End of OOTCEO Table -->
<br><br><br>
Footer Code
<script>
let mybutton = document.getElementById("myBtn");
95
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
// When the user scrolls down 20px from the top of the document, show
the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the
document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE
and Opera
}
</script>
<video
class="footer_video"
muted=""
loop=""
autoplay
>
<link href="footer.css" rel="stylesheet" type="text/css" />
</video>
<div class="container-fluid">
<div class="footer_inner">
<div class="c-footer">
<div class="layout">
<div class="layout_item w-50">
<div class="newsletter">
<img src="CSULogo.png" alt="" style="width:400px;
">
96
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</form>
</div>
</div>
<li>
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSdE9ARiOADMweoo8Oerl-
H9QyOZk5WNlhmvsIser4mwvQhyjQ/viewform" class="c-link">CSU Alumni
Tracer</a>
</li>
<li>
<a href="http://lib.csu.edu.ph/" class="c-
link">Online Library</a>
</li>
</ul>
</nav>
</div>
<li class="c-nav-tool_item">
97
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<li class="c-nav-tool_item">
<a href="https://www.coa.gov.ph/" class="c-link"
>COA Website</a
>
</li>
<li class="c-nav-tool_item">
<a href="https://www.dost.gov.ph/" class="c-link"
>DOST Website</a
>
</li>
<li class="c-nav-tool_item">
<a href="https://www.da.gov.ph/" class="c-link">DA
Website</a>
</li>
<li class="c-nav-tool_item">
<a href="https://www.neda.gov.ph/" class="c-
link">NEDA Website </a>
</li>
</ul>
</nav>
</div>
</div>
<div class="layout c-2">
<div class="layout_item w-50">
<ul class="flex">
<li>
<a href="https://www.facebook.com/CSULallo">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657
9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-
3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63
98
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</svg>
</a>
</li>
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M22.162 5.656a8.384 8.384 0 0 1-
2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656
1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37
4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168
0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-
1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732
11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9
0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"
/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M12 2c2.717 0 3.056.01 4.122.06 1.065.05
1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1
1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122
0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883
4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-
1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-
99
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</li>
</ul>
</div>
<div
class="layout_item w-25"
style="display: flex; justify-content: end; align-items:
center"
>
<button onclick="topFunction()" id="myBtn" title="Go to
top"><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="36"
height="36"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52
2 12 6.48 2 12 2zm1 10h3l-4-4-4 4h3v4h2v-4z"
/>
</svg>
</button>
</div>
</div>
</div>
100
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</div>
<div class="footer_copyright">
<p>© Site developed by Capstone Group 05 of A.Y 2022-
2023.</p>
</div>
</div>
</footer>
Header Code
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSU Lal-lo Website</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="container">
<div class="header-main">
<div class="logo">
<a href="index.php"> <img src="Csul.png" alt="close"
style="width: 270px;"></a>
</div>
<div class="open-nav-menu">
<span></span>
</div>
<div class="menu-overlay"></div>
101
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</span>
</form>
</div>
</div>
<div class="close-nav-menu">
<img src="img/close.svg" alt="close">
</div>
<ul class="menu">
102
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<ul class="sub-menu">
<li class="menu-item"><a href="OfficeCEO.php">Office
of the CEO</a></li>
<li class="menu-item">
<a href="OrgStructure.php">Organizational
Structure</a>
</li>
<li class="menu-item">
<a href="OrgChart.php">Organizational Chart</a>
</li>
<li class="menu-item"><a
href="CampusOfficials.php">Campus Officials</a></li>
</ul>
</li>
103
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<a href="RDEFramework.php">Framework</a>
</li>
<li class="menu-item">
<a href="RDETandP.php">Thrusts and Priorities</a>
</li>
<li class="menu-item">
<a href="RDELinkages.php">Linkages</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- navigation menu end -->
</div>
</div>
</header>
<!-- header end -->
<script src="js/script.js"></script>
</body>
</html>
+<?php
104
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
session_start();
error_reporting(0);
include('config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.m
in.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min
.js"></script>
</head>
105
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
if (isset($_GET['pageno'])) {
$pageno = $_GET['pageno'];
} else {
$pageno = 1;
}
$no_of_records_per_page = 8;
$offset = ($pageno-1) * $no_of_records_per_page;
$query=mysqli_query($con,"select tblposts.id as
pid,tblposts.PostTitle as
posttitle,tblposts.PostImage,tblposts.PostDetails as
postdetails,tblposts.PostingDate as postingdate,tblposts.PostUrl as
url from tblposts where tblposts.PostTitle like '%$st%' LIMIT
$offset, $no_of_records_per_page");
$rowcount=mysqli_num_rows($query);
if($rowcount==0)
106
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
{
echo "<h4 style=color:white; text-align:center > No record found
</h4>";
}
else {
while ($row=mysqli_fetch_array($query)) {
?>
<div class="card-body">
$content=$row['postdetails'];
$string= strip_tags($content);
endif;
echo $string;
?>
<a href="news-details.php?nid=<?php echo
htmlentities($row['pid'])?>" class="" style="font-size:12px;
color:wheat;"> Read More...</label></a>
107
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
</p> </div>
</div>
<?php } ?>
</div>
</div>
<!-- /.container -->
108
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
<script src="vendor/jquery/jquery.min.js"></script>
<script
src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</head>
</body>
<?php
include "footer.html";
?>
</html>
USER MANUAL
In this panel, the admin must enter the admin code and passcode.
109
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
After entering the needed credentials, the website will redirect the admin to
VALENA Dashboard. Here on our dashboard, the admin had the authority to
perform CRUD on the specific section. Performing CRUD in the dashboard are
similar to each tab.
110
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
For adding a preferred type of post. Just click the type of post you want in the
sidebar of the dashboard. For example, let’s try to add a post.
Just enter the Post Title you want, the details and the corresponding photo.
111
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
Now that everything is all set now, just click the save and post and a confirmation
message will appear.
112
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
The uploaded post is now accessible to read to our website. Clicking the read more
will redirect us to more detailed part of the news.
113
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
114
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
CURRICULUM VITAE
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION
SECONDARY EDUCATION
TERTIARY EDUCATION
115
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION
SECONDARY EDUCATION
TERTIARY EDUCATION
116
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION
SECONDARY EDUCATION
TERTIARY EDUCATION
117
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION
SECONDARY EDUCATION
LYCEUM OF LAL-LO
Lal-lo, Cagayan
TERTIARY EDUCATION
118
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION
SECONDARY EDUCATION
TERTIARY EDUCATION
119
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION
SECONDARY EDUCATION
TERTIARY EDUCATION
120
CAGAYAN STATE UNIVERSITY – LAL-Lo CAMPUS
Sta. Maria, Lal-lo, Cagayan
121