lio-ley/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Student Homepage</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f0f0f0;
        }
        header {
            background-color: #2c3e50;
            color: white;
            padding: 20px;
            border-radius: 8px;
        }
        section {
            margin-top: 20px;
            padding: 20px;
            background-color: white;
            border: 1px solid #ccc;
            border-radius: 8px;
        }
        ul {
            list-style-type: none;
            padding-left: 0;
        }
        li {
            margin-bottom: 10px;
        }
        a {
            text-decoration: none;
            color: #2980b9;
            font-weight: bold;
        }
        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <!-- A. Student Profile -->
    <header>
        <h1>Student Information</h1>
    <p><strong>Complete Name:</strong> Lio Bhasil B. Cordova</p>
    <p><strong>Sex:</strong> Male</p>
    <p><strong>Address:</strong> San Francisco Lagonoy Cam. Sur</p>
    <p><strong>Course, Year, and Section:</strong> BSIT, 2nd Year, Section A</p>
    <p><strong>Name of School:</strong> Partido State University</p>
    <p><strong>Semester and Academic Year:</strong> 2nd Semester, A.Y. 2024–2025</p>
    <p><strong>Subject Code and Title:</strong> PF2  Event-Driven Programming</p>
    <p><strong>Name of Subject Instructor:</strong> Mr. Arjay Abio</p>
    </header>

    <!-- B. Activity Links -->
    <section>
        <h2>Activity Links</h2>
        <ul>
            <li><a href="https://lio-ley.github.io/lio1/">Guess the Secret Word Game</a></li>
            <li><a href="browser_dashboard.html" target="browser_dashboard.html">Browser Environment Dashboard</a></li>
        </ul>
    </section>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Student Homepage</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 20px;
	background-color: #f0f0f0;
	}
	header {
	background-color: #2c3e50;
	color: white;
	padding: 20px;
	border-radius: 8px;
	}
	section {
	margin-top: 20px;
	padding: 20px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 8px;
	}
	ul {
	list-style-type: none;
	padding-left: 0;
	}
	li {
	margin-bottom: 10px;
	}
	a {
	text-decoration: none;
	color: #2980b9;
	font-weight: bold;
	}
	a:hover {
	text-decoration: underline;
	}
	</style>
	</head>
	<body>
	<!-- A. Student Profile -->
	<header>
	<h1>Student Information</h1>
	<p><strong>Complete Name:</strong> Lio Bhasil B. Cordova</p>
	<p><strong>Sex:</strong> Male</p>
	<p><strong>Address:</strong> San Francisco Lagonoy Cam. Sur</p>
	<p><strong>Course, Year, and Section:</strong> BSIT, 2nd Year, Section A</p>
	<p><strong>Name of School:</strong> Partido State University</p>
	<p><strong>Semester and Academic Year:</strong> 2nd Semester, A.Y. 2024–2025</p>
	<p><strong>Subject Code and Title:</strong> PF2 Event-Driven Programming</p>
	<p><strong>Name of Subject Instructor:</strong> Mr. Arjay Abio</p>
	</header>

	<!-- B. Activity Links -->
	<section>
	<h2>Activity Links</h2>
	<ul>
	<li><a href="https://lio-ley.github.io/lio1/">Guess the Secret Word Game</a></li>
	<li><a href="browser_dashboard.html" target="browser_dashboard.html">Browser Environment Dashboard</a></li>
	</ul>
	</section>
	</body>
	</html>