-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
142 lines (129 loc) · 6.42 KB
/
index.html
File metadata and controls
142 lines (129 loc) · 6.42 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Khoa CNTT - Trang chủ</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<!-- ===== HEADER ===== -->
<header class="site-header">
<!-- Banner ảnh khoa -->
<div class="header-banner">
<img src="./assets/banner.jpg" alt="Banner Khoa Công Nghệ Thông Tin">
</div>
<!-- Logo + Tiêu đề -->
<div class="header-top">
<div class="header-logo">
<img src="assets/logokhoa.jpg" alt="Logo Khoa CNTT">
</div>
<div class="header-title">
<h1>Khoa Công Nghệ Thông Tin</h1>
<h2>Trường Đại học Đại Nam</h2>
</div>
</div>
<!-- Menu -->
<nav class="main-nav">
<ul>
<li><a href="index.html">Trang chủ</a></li>
<li><a href="gioi-thieu.html">Giới thiệu</a></li>
<li>
<a href="#">Đào tạo ▾</a>
<ul>
<li><a href="#">Đại học</a></li>
<li><a href="#">Thạc sĩ</a></li>
<li>
<a href="#">Ngắn hạn ▸</a>
<ul>
<li><a href="#">Kỹ năng lập trình</a></li>
<li><a href="#">Thiết kế web</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Sinh viên ▾</a>
<ul>
<li><a href="#">CLB</a></li>
<li><a href="#">Học bổng</a></li>
<li><a href="#">Việc làm</a></li>
</ul>
</li>
<li><a href="tin-tuc.html">Tin tức</a></li>
<li><a href="lien-he.html">Liên hệ</a></li>
</ul>
</nav>
</header>
<!-- ===== MAIN CONTENT ===== -->
<main class="site-main" role="main">
<!-- NỘI DUNG CHÍNH -->
<section>
<article class="card">
<h2>Chào mừng đến với Khoa CNTT</h2>
<p>Tại khoa Công nghệ Thông tin Đại học Đại Nam, chúng tôi cam kết mang đến môi trường học tập hiện đại, sáng tạo và thực tiễn. Sinh viên không chỉ được trang bị kiến thức chuyên sâu mà còn phát triển kỹ năng mềm, tính kỷ luật và tư duy giải quyết vấn đề, sẵn sàng chinh phục mọi thử thách trong ngành công nghệ...</p>
</article>
<!-- Tin nổi bật -->
<h3 style="margin-top:16px;">Tin nổi bật</h3>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px;">
<article class="card">
<img src="./assets/Đại học Đại Nam đưa lớp học đảo ngược vào đào tạo CNTT - kết hợp AI và doanh nghiệp.jpg" alt="Tin 1">
<h4>Đại học Đại Nam đưa lớp học đảo ngược vào đào tạo CNTT - kết hợp AI và doanh nghiệp</h4>
<p class="muted">Đại học Đại Nam áp dụng mô hình lớp học đảo ngược trong đào tạo CNTT, kết hợp AI và doanh nghiệp để sinh viên vừa học lý thuyết trước, vừa thực hành giải quyết vấn đề thực tế. Cách làm này giúp người học rèn kỹ năng sáng tạo, làm việc nhóm và mở rộng cơ hội nghề nghiệp.</p>
</article>
<article class="card">
<img src="./assets/Học trong nghề làm từ ghế giảng đường.jpg" alt="Tin 2">
<h4>Sinh viên CNTT Đại học Đại Nam: Học trong nghề - làm từ ghế giảng đường</h4>
<p class="muted">Sinh viên CNTT Đại học Đại Nam được học gắn liền với doanh nghiệp, vừa tiếp thu kiến thức vừa tham gia dự án thực tế ngay từ ghế giảng đường, mở ra cơ hội việc làm sớm và hấp dẫn.</p>
</article>
<article class="card">
<img src="./assets/5 ngành “quyền lực” làm chủ công nghệ số.jpg" alt="Tin 3">
<h4>5 ngành “quyền lực” làm chủ công nghệ số – Gen Z kiếm lương ngàn đô từ khi… chưa kịp "nhớn"</h4>
<p class="muted">Gen Z đang đứng trước 5 ngành “quyền lực” của kỷ nguyên số như AI, an ninh mạng hay khoa học dữ liệu – nơi họ có thể làm chủ công nghệ và kiếm thu nhập nghìn đô ngay từ khi còn ngồi trên ghế nhà trường, một cơ hội khiến bất kỳ ai cũng muốn khám phá.</p>
</article>
</div>
</section>
<!-- THANH BÊN (SIDEBAR) -->
<aside class="card" aria-label="Thông tin nhanh">
<h4>Tin tức nổi bật</h4>
<ul>
<li><a href="#">Đại học Đại Nam đưa lớp học đảo ngược vào đào tạo CNTT - kết hợp AI và doanh nghiệp</a></li>
<li><a href="#">Sinh viên CNTT Đại học Đại Nam: Học trong nghề - làm từ ghế giảng đường</a></li>
<li><a href="#">5 ngành “quyền lực” làm chủ công nghệ số – Gen Z kiếm lương ngàn đô từ khi… chưa kịp "nhớn"</a></li>
</ul>
</aside>
</main>
<!-- ===== FOOTER ===== -->
<footer>
<div class="footer-container">
<div class="footer-top">
<div class="footer-logo">
<img src="./assets/dai-nam-logo-ngang.svg" alt="Đại Nam University Logo">
</div>
<div class="footer-contact">
<div class="contact-item">
<span>Email</span>
<a href="mailto:dnu@dainam.edu.vn">dnu@dainam.edu.vn</a>
</div>
<div class="contact-item">
<span>Điện thoại</span>
<a href="tel:02435577799">02435577799</a>
</div>
<div class="contact-item">
<span>Hotline</span>
<div class="hotline-numbers">
<a href="tel:0961595599">0961595599</a>
<a href="tel:0931595599">0931595599</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>