COS26-Assignment-One/about.php at main · cobeo2004/COS26-Assignment-One · 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
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!--
filename: about.html
authors: Xuan Tuan Minh Nguyen, Nathan Wijaya, Mai An Nguyen, Nhat Minh Tran, Amiru Manthrige
created: 29-Mar-2023
description: About our team
-->

<!DOCTYPE html>
<html lang="en" class="about-class">
  <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" />
    <link rel="stylesheet" href="./styles/style.css" />
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon" />
    <title>About Us - CloudLabs</title>
  </head>
  <body id="about-body" class="index-body">
  <?php
// include the header
$activePage = 'about';
include_once("header.inc");
?>
    <main>
      <div class="about-container">
        <div class="header-container">
          <div class="about-typed-out">
            <h1 class="about-h1">About our team</h1>
          </div>
        </div>
        <p class="about-p">
          We are a team of quick learners who are always on the lookout for the
          latest advancements in the cloud technology and web developing
          industry. We continuously upgrade our skills and knowledge through
          attending conferences, training programs, and workshops to stay
          upgrade of the latest trends and technologies.
        </p>
        <!-- Group Info -->
        <section class="about-group-info">
          <dl>
            <dt>Group Name</dt>
            <dd>Deadline Is Coming</dd>
          </dl>
          <dl>
            <dt>Group ID</dt>
            <dd>FYM69</dd>
          </dl>
          <dl>
            <dt>Tutor's Name</dt>
            <dd>Grace Tao</dd>
          </dl>
          <dl>
            <dt>Course</dt>
            <dd>Computing Technology Inquiry Project</dd>
          </dl>
        </section>
        <!-- Members -->
        <div class="about-card">
          <img src="./images/member/Simon.png" alt="Tuan Minh member photo">
          <h3 class="about-h3">Tuan Minh</h3>
          <p>Role: Leader</p>
        </div>
        <div class="about-card">
          <img src="./images/member/Nathan.jpeg" alt="Nathan member photo">
          <h3 class="about-h3">Nathan</h3>
          <p>Role: Co-Leader</p>
        </div>
        <div class="about-card">
          <img src="./images/member/MaiAn.JPG" alt="Mai An member photo">
          <h3 class="about-h3">Mai An</h3>
          <p>Role: Member</p>
        </div>
        <div class="about-card">
          <img src="./images/member/amiru.jpg" alt="Amiru member photo">
          <h3 class="about-h3">Amiru</h3>
          <p>Role: Member</p>
        </div>
        <div class="about-card">
          <img src="./images/member/Nhatminh.jpg" alt="Nhat Minh member photo">
          <h3 class="about-h3">Nhat Minh</h3>
          <p>Role: Member</p>
        </div>
        <div>
        <!-- Timetable -->
        <section class="about-timetable">
          <h2 class="about-h2">Timetable</h2>
          <table>
            <thead>
              <tr>
                <th>Day</th>
                <th>Time</th>
                <th>Class</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Monday</td>
                <td>12:30pm - 1:30pm</td>
                <td>Computing Technology Inquiry Project - Lecture</td>
              </tr>
              <tr>
                <td>Tuesday</td>
                <td>8:30am - 10:30am</td>
                <td>Introduction To Programming - Lecture</td>
              </tr>
              <tr>
                <td>Tuesday</td>
                <td>3:30pm - 4:30pm</td>
                <td>Computing Technology Inquiry Project - Lab</td>
              </tr>
              <tr>
                <td>Wednesday</td>
                <td>8:30am - 11:30am</td>
                <td>Networks and Switching - Lab</td>
              </tr>
              <tr>
                <td>Wednesday</td>
                <td>2:30pm - 4:30pm</td>
                <td>Computer Systems - Lab</td>
              </tr>
              <tr>
                <td>Thursday</td>
                <td>10:30am - 12:30pm</td>
                <td>Introduction to Programming - Lab</td>
              </tr>
              <tr>
                <td>Friday</td>
                <td>10:30am - 12:30pm</td>
                <td>Networks and Switching - Lecture</td>
              </tr>
              <tr>
                <td>Friday</td>
                <td>2:30pm - 4:30pm</td>
                <td>Computing Technology Inquiry Project - Workshop</td>
              </tr>
              <tr>
                <td>Friday</td>
                <td>4:30pm - 5:30pm</td>
                <td>Computer Systems - Lecture</td>
              </tr>
            </tbody>
          </table>
        </section>
        <figure class="about-group-img">
          <img src="./images/member/member.png" alt="member"/>
          <figcaption>Deadline Is Coming @ 2023</figcaption>
        </figure>

        <section class="about-mail">
          <p>Want to get in touch with us?</p>
          <a href="mailto:104082552@student.swin.edu.au">Contact Us</a>
        </section>
      </div>
      </div>
    </main>
    <?php
  // include footer
  include_once "footer.inc";
  ?>
  </body>
</html>