WebsiteHTML/index.html at main · IcefrostProjects/WebsiteHTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ezekiel Nathan M. Dumanglas</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav>
        <button onclick="openTab('profile')">Profile</button>
        <button onclick="openTab('journal')">Journal</button>
        <button onclick="openTab('gallery')">Gallery</button>
    </nav>
    <main>
        <section id="profile" class="tab-content">
            <h1>Profile</h1>
            <p>Hi, my name is Ezekiel Nathan M. Dumanglas. I'm 16 years old and currently studying at the Philippine Women's College of Davao. </p>
            <ul>
                <li><b>Name:</b> Ezekiel Nathan M. Dumanglas</li>
                <li><b>Birthdate:</b> May 11, 2008</li>
                <li><b>Address:</b> Phase 3 Blk 1 Lot 12, Wellspring Highlands, Catalunan Pequeño, Davao City</li>
                <li><b>Gender:</b> Male</li>
                <li><b>Hobbies:</b> I like playing volleyball, cycling, working out, playing games, running, and ethical hacking.</li>
                <li><b>Grade & Section:</b> Grade 11- Impact</li>
                <li><b>Strand:</b> ICT/Computer System Servicing</li>
            </ul>
        </section>

        <section id="journal" class="tab-content hidden">
            <h2>Journal</h2>
            <div class="subject">
                <h2>Infotech (Information and Technology)</h2>
                <p>It’s one of my favorite subjects, but I still haven’t fully understood or learned some of the things from the lesson. Especially how ma'am Niel helps us understand each process. Pero wla lang niya mi na guide ani ug tarong HAHA. Yet, I still love this subject.</p>
            </div>
            <div class="subject">
                <h2>CSS (Computer System Servicing)</h2>
                <p>I really like Sir Rico, he's the most down-to-earth and the coolest teacher I've ever met. I excel in this subject overall, since I've been learning and gaining quite a bit of experience repairing computers and fixing software problems since I was a child, up until my late teens.</p>
            </div>
        </section>

        <section id="gallery" class="tab-content hidden">
            <h2>Gallery</h2>
            <div class="gallery">
                <!-- Use the direct image URL or correct local paths -->
                <img src="images/1.png" alt="Gallery Image 1">
                <img src="images/2.png" alt="Gallery Image 2">
                <img src="images/3.png" alt="Gallery Image 3">
                <img src="images/4.png" alt="Gallery Image 4">
                <img src="images/5.png" alt="Gallery Image 5">
            </div>
        </section>
    </main>
    <script src="myscript.js"></script>
</body>
</html>