DeepLearningHub/index.html at main · nat50/DeepLearningHub · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Deep Learning &amp; Its Applications — Group Project</title>
  <meta name="description" content="Landing page for the Deep Learning and Its Applications (CO3133) course group project at HCMUT – VNUHCM.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
</head>
<body>

  <!-- Navigation -->
  <nav class="navbar">
    <div class="navbar-inner">
      <a href="index.html" class="navbar-brand">DL Hub</a>
      <ul class="navbar-links">
        <li><a href="index.html" class="active">Home</a></li>
        <li><a href="assignment1/index.html">Assignment 1</a></li>
      </ul>
    </div>
  </nav>

  <!-- Hero Banner -->
  <header class="hero-banner">
    <h1>Deep Learning &amp; Its Applications</h1>
    <p class="subtitle">
      Exploring classification on images, text, and multimodal data using pretrained deep learning models.
    </p>
    <div class="stat-cards">
      <div class="stat-card">
        <span class="stat-value">3</span>
        <span class="stat-label">Assignments</span>
      </div>
      <div class="stat-card">
        <span class="stat-value">4</span>
        <span class="stat-label">Members</span>
      </div>
      <div class="stat-card">
        <span class="stat-value">CO3133</span>
        <span class="stat-label">Course</span>
      </div>
    </div>
  </header>

  <!-- Group Information -->
  <section class="section" id="group-info">
    <h2 class="section-title">Group Information</h2>
    <p class="section-subtitle">Course instructor and team members</p>

    <table class="info-table" style="margin-bottom: 2rem; max-width: 500px;">
      <tbody>
        <tr>
          <td style="font-weight:600;">Instructor</td>
          <td>Le Thanh Sach</td>
        </tr>
        <tr>
          <td style="font-weight:600;">Course</td>
          <td>CO3133 — Deep Learning and Its Applications</td>
        </tr>
        <tr>
          <td style="font-weight:600;">Semester</td>
          <td>2025–2026, Semester 2</td>
        </tr>
      </tbody>
    </table>

    <h3 style="font-size:1.1rem; margin-bottom:1rem;">Team Members</h3>
    <div class="members-grid">
      <div class="member-card">
        <div class="member-avatar">VT</div>
        <h4>Vo Nhat Tan</h4>
        <span class="student-id">2353081</span>
      </div>
      <div class="member-card">
        <div class="member-avatar">TL</div>
        <h4>Tran Bao Phuc Long</h4>
        <span class="student-id">2352703</span>
      </div>
      <div class="member-card">
        <div class="member-avatar">HV</div>
        <h4>Huynh Nguyen Quoc Viet</h4>
        <span class="student-id">2353318</span>
      </div>
      <div class="member-card">
        <div class="member-avatar">NM</div>
        <h4>Nguyen Manh Tri Minh</h4>
        <span class="student-id">2352752</span>
      </div>
    </div>
  </section>

  <!-- Assignments -->
  <section class="section" id="assignments">
    <h2 class="section-title">Assignments</h2>
    <p class="section-subtitle">All course assignments and their deliverables</p>

    <div class="card-grid">
      <div class="card">
        <h3>Assignment 1</h3>
        <p>Classification on three types of data: images, text, and multimodal (image + text) using pretrained deep learning models.</p>
        <div style="display:flex; gap:0.5rem; margin-top:0.75rem; flex-wrap:wrap;">
          <span class="tag image">Image</span>
          <span class="tag text">Text</span>
          <span class="tag multimodal">Multimodal</span>
        </div>
        <a href="assignment1/index.html" class="card-link">
          View details <span>→</span>
        </a>
      </div>

      <div class="card" style="opacity:0.5; pointer-events:none;">
        <h3>Assignment 2</h3>
        <p>Coming soon — details will be published on the LMS.</p>
        <a href="#" class="card-link" style="color:var(--text-muted);">Coming soon</a>
      </div>

      <div class="card" style="opacity:0.5; pointer-events:none;">
        <h3>Assignment 3</h3>
        <p>Coming soon — details will be published on the LMS.</p>
        <a href="#" class="card-link" style="color:var(--text-muted);">Coming soon</a>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer">
    <p>&copy; 2025–2026 Deep Learning &amp; Its Applications (CO3133) — <a href="https://hcmut.edu.vn" target="_blank">HCMUT – VNUHCM</a></p>
  </footer>

</body>
</html>