-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (94 loc) · 5.49 KB
/
index.html
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ETech: Mini Task 1</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>ETech: Mini Task 1</h1>
</header>
<main>
<div class="post-container">
<!-- Post 1 -->
<div class="post">
<div class="post-header">
<img src="profile.jpg" alt="Avatar" class="avatar">
<div class="post-info">
<span class="name">Daryll Jake Vallejo</span>
<span class="date">August 13, 2024 | 02:06 AM</span>
</div>
</div>
<div class="post-content">
<p class="caption">Without ICT, my life would be very hard or difficult, but when ICT came into my life, everything changed. ICT has reduced my academic work hours, helped me in my daily routine, and more. Based on my experiences, it really shows that ICT has a significant impact on a student's life like mine.</p>
<div class="images">
<img src="post-1.jpg" alt="Post Image 1" class="post-image" onclick="openModal(this)">
</div>
</div>
<div class="post-footer">
<button class="like-button" onclick="likePost(this)">
Like <span class="like-count">9</span>
</button>
</div>
</div>
<!-- Post 2 -->
<div class="post">
<div class="post-header">
<img src="profile.jpg" alt="Avatar" class="avatar">
<div class="post-info">
<span class="name">Daryll Jake Vallejo</span>
<span class="date">August 13, 2024 | 02:11 AM</span>
</div>
</div>
<div class="post-content">
<p class="caption">ICT offers a tremendous amount of tools, each having a different purpose. For example, Microsoft PowerPoint is used for making presentations. Microsoft PowerPoint has made my academic presentations from my previous education much easier due to its convenience and simple interface. Additionally, MOOCs, or Massive Open Online Courses, help me learn anything I’m interested in. Coursera is one example and is a great tool for learning at your own pace. It has really helped me boost my knowledge in areas of interest and could potentially help me get a job faster in the future by providing professional certificates. ICT offers a wide variety of tools, giving you a significant opportunity to accomplish things you’ve never done before.</p>
<div class="images">
<img src="course1.jpg" alt="Post Image 1" class="post-image" onclick="openModal(this)">
<img src="course2.jpg" alt="Post Image 2" class="post-image" onclick="openModal(this)">
<img src="course3.jpg" alt="Post Image 3" class="post-image" onclick="openModal(this)">
<img src="course4.jpg" alt="Post Image 4" class="post-image" onclick="openModal(this)">
</div>
</div>
<div class="post-footer">
<button class="like-button" onclick="likePost(this)">
Like <span class="like-count">25</span>
</button>
</div>
</div>
<!-- Post 3 -->
<div class="post">
<div class="post-header">
<img src="profile.jpg" alt="Avatar" class="avatar">
<div class="post-info">
<span class="name">Daryll Jake Vallejo</span>
<span class="date">August 13, 2024 | 02:13 AM</span>
</div>
</div>
<div class="post-content">
<p class="caption">In conclusion, ICT has greatly simplified my life as a student. It has reduced the effort required for tasks, such as writing this mini-task. I used ChatGPT to create an outline based on the criteria for achieving the highest possible scores. Before discovering and learning about ICT and its components, my life was quite different. Now, ICT has had a profound impact on me, leading me to learn more about this field of study. As a student interested in this area, ICT has been invaluable in assisting me with my academic and personal growth.</p>
<div class="images">
<img src="success_vs_time.jpg" alt="Post Image 1" class="post-image" onclick="openModal(this)">
</div>
</div>
<div class="post-footer">
<button class="like-button" onclick="likePost(this)">
Like <span class="like-count">8</span>
</button>
</div>
</div>
</div>
</main>
<footer>
<p>Daryll Jake Vallejo | Grade 11 - Jehosaphat</p>
</footer>
<!-- Modal -->
<div id="imageModal" class="modal">
<span class="close" onclick="closeModal()">×</span>
<img class="modal-content" id="modalImage">
<div id="caption"></div>
</div>
<script src="scripts.js"></script>
</body>
</html>