-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
119 lines (109 loc) · 7.81 KB
/
Copy pathindex.html
File metadata and controls
119 lines (109 loc) · 7.81 KB
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
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HCMUT Deep Learning | Portfolio</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #0f172a; }
.deep-sky-gradient {
background: radial-gradient(circle at top right, #0ea5e9 0%, #0284c7 20%, #0f172a 100%);
}
</style>
</head>
<body class="deep-sky-gradient min-h-screen text-slate-200 overflow-x-hidden">
<div class="max-w-[1400px] mx-auto px-8 md:px-16 py-20">
<div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-24 items-start">
<div class="lg:col-span-5 sticky top-20">
<header>
<span class="text-sky-400 font-bold tracking-[0.3em] uppercase text-lg">HCMUT • CSE</span>
<h1 class="text-4xl md:text-6xl font-extrabold text-white mt-6 mb-8 leading-[1.1]">
Deep Learning and its<br><span class="text-sky-500">Application</span>
</h1>
<p class="text-slate-400 text-xl leading-relaxed max-w-md">
Landing page for Deep Learning Projects and Applications
Under Instruction and Guidance of <span class="text-sky-300">PhD. Lê Thành Sách</span>.
</p>
</header>
<div class="mt-24">
<h3 class="text-white font-bold mb-8 flex items-center text-xl tracking-wider">
<i class="fas fa-id-card-alt mr-4 text-sky-400"></i> RESEARCH TEAM: <span class="text-sky-300">Resnet-50</span>
</h3>
<div class="space-y-6 max-w-sm">
<div class="group bg-slate-800/30 backdrop-blur-md p-6 rounded-2xl border border-slate-700/50 hover:border-sky-500/50 transition-all">
<div class="flex justify-between items-center">
<div>
<p class="text-sky-500 text-[10px] font-black uppercase tracking-widest mb-1">Project Lead</p>
<p class="text-white font-bold text-xl group-hover:text-sky-400 transition-colors">Vũ Hoàng Tùng</p>
</div>
<span class="bg-slate-950 text-sky-500 px-3 py-1 rounded-lg text-lg font-mono border border-sky-500/20">2252886</span>
</div>
</div>
<div class="group bg-slate-800/30 backdrop-blur-md p-6 rounded-2xl border border-slate-700/50 hover:border-slate-500/50 transition-all">
<div class="flex justify-between items-center">
<div>
<p class="text-slate-500 text-[10px] font-bold uppercase tracking-widest mb-1">Member</p>
<p class="text-slate-300 font-bold text-xl group-hover:text-white transition-colors">Vũ Minh Quân</p>
</div>
<span class="bg-slate-950 text-slate-500 px-3 py-1 rounded-lg text-lg font-mono border border-slate-700/20">2212828</span>
</div>
</div>
<div class="group bg-slate-800/30 backdrop-blur-md p-6 rounded-2xl border border-slate-700/50 hover:border-slate-500/50 transition-all">
<div class="flex justify-between items-center">
<div>
<p class="text-slate-500 text-[10px] font-bold uppercase tracking-widest mb-1">Member</p>
<p class="text-slate-300 font-bold text-xl group-hover:text-white transition-colors">Nguyễn Việt Hoàng</p>
</div>
<span class="bg-slate-950 text-slate-500 px-3 py-1 rounded-lg text-lg font-mono border border-slate-700/20">2252235</span>
</div>
</div>
</div>
</div>
</div>
<div class="lg:col-span-7 space-y-10">
<a href="./gitpages/ass1/assignment1.html" class="group block relative bg-slate-800/40 backdrop-blur-2xl border border-slate-700/50 p-10 rounded-[2.5rem] hover:bg-sky-900/10 hover:border-sky-500/30 transition-all duration-500 shadow-2xl shadow-black/20">
<div class="flex flex-col md:flex-row md:items-center">
<div class="flex-shrink-0 w-24 h-24 bg-gradient-to-br from-sky-400 to-sky-700 rounded-3xl flex items-center justify-center text-white shadow-2xl shadow-sky-500/30 group-hover:rotate-6 transition-transform">
<i class="fas fa-microchip text-4xl"></i>
</div>
<div class="mt-8 md:mt-0 md:ml-10 flex-grow">
<div class="flex justify-between items-center mb-3">
<h3 class="text-3xl font-extrabold text-white group-hover:text-sky-400 transition-colors">Assignment 1</h3>
<span class="text-[10px] bg-sky-500/10 text-sky-400 border border-sky-500/20 px-3 py-1 rounded-full uppercase font-bold tracking-widest">Active Now</span>
</div>
<p class="text-slate-400 text-base leading-relaxed mb-6">Applications of Deep Learning in Classification of Texts, Images and Multimodal data</p>
<div class="flex items-center text-sky-400 font-bold text-sm uppercase tracking-[0.2em] opacity-60 group-hover:opacity-100 transition-all">
Explore Project <i class="fas fa-arrow-right ml-3 group-hover:ml-6 transition-all"></i>
</div>
</div>
</div>
</a>
<div class="opacity-40 bg-slate-800/10 border border-slate-800/50 p-10 rounded-[2.5rem] flex items-center grayscale hover:grayscale-0 transition-all duration-700">
<div class="flex-shrink-0 w-24 h-24 bg-slate-800 rounded-3xl flex items-center justify-center text-slate-600 border border-slate-700">
<i class="fas fa-eye text-4xl"></i>
</div>
<div class="ml-10">
<h3 class="text-3xl font-bold text-slate-600">Assignment 2</h3>
<p class="text-slate-700 text-base italic">Coming soon: Object Detection & Spatial Analysis.</p>
</div>
</div>
<div class="opacity-20 bg-slate-800/5 border border-slate-900/50 p-10 rounded-[2.5rem] flex items-center">
<div class="flex-shrink-0 w-24 h-24 bg-slate-900 rounded-3xl flex items-center justify-center text-slate-800">
<i class="fas fa-atom text-4xl"></i>
</div>
<div class="ml-10">
<h3 class="text-3xl font-bold text-slate-800">Assignment 3</h3>
<p class="text-slate-900 text-base italic">Upcoming: Generative Adversarial Networks.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="mt-20 text-center text-slate-700 text-lg py-12 border-t border-slate-800/30">
© 2026 Faculty of CSE • HCMUT • Engineered by TungDKS
</footer>
</body>
</html>