PersonalProfile_HTML.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Personal Profile</title>
    <link rel="stylesheet" href="PersonalProfile_Styles.css">
    <style>
        body {
            background-color: #f4f4f9;
            font-family: Arial, sans-serif;
        }
        table {
            width: 80%;
            margin: 20px auto;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <header style="text-align: center; color: navy;">
        <h1>My Personal Profile</h1>
    </header>
    <section>
        <p>Hello, I'm a student at SISTC, passionate about web development and technology. I'm currently learning HTML and CSS to build more engaging and professional websites.</p>
    </section>
    <section>
        <h2>My Weekly Timetable at SISTC</h2>
        <table>
            <tr>
                <th>Day</th>
                <th>9-11 AM</th>
                <th>11-1 PM</th>
                <th>2-4 PM</th>
            </tr>
            <tr>
                <td>Monday</td>
                <td>Web Dev</td>
                <td>Lunch</td>
                <td>JavaScript</td>
            </tr>
            <tr>
                <td>Tuesday</td>
                <td>CSS Styling</td>
                <td>Project Work</td>
                <td>Free Study</td>
            </tr>
            <!-- Additional rows as needed -->
        </table>
    </section>
</body>
</html>