University Student Showcase - Copy this Html, Bootstrap Component to your project

Phần đầu trang (header): Góc trên bên trái là logo của trường đại học Duy Tân với tên trường và biểu tượng màu đỏ nổi bật trên nền xanh. Bên phải logo có thanh điều hướng với các mục: Trang chủ, Giới thiệu, Tin tức, Liên hệ. Các mục này được sắp xếp ngang hàng, hiển thị chữ màu trắng trên nền xanh dương. Phần nội dung chính: Tiêu đề của phần này là Sinh viên tiêu biểu, được đặt ở giữa màn hình với chữ màu xanh dương đậm trên nền trắng, làm nổi bật thông điệp. Bên dưới tiêu đề, có 4 khối nội dung chính, mỗi khối gồm hình ảnh của sinh viên kèm theo chú thích ngắn gọn: Khối 1: Sáng tạo Công nghệ với hình ảnh sinh viên trong phòng thí nghiệm. Khối 2: Giấc mơ Duy Tân với hình ảnh các sinh viên nữ. Khối 3: Khai phá tiềm năng với hình ảnh sinh viên với các dụng cụ nghiên cứu. Khối 4: Thủ lĩnh Sinh viên với hình ảnh sinh viên đạt giải thưởng. Mỗi khối được chia đều theo chiều ngang trên một hàng, tạo sự cân đối và dễ nhìn. Các hình ảnh trong mỗi khối đều có khung bo tròn, giúp giao diện thân thiện hơn. Phần nội dung bổ sung: Dưới hàng khối nội dung chính là một hàng hình ảnh khác, mỗi hình ảnh minh họa các sự kiện, giải thưởng, hoặc hoạt động của sinh viên trong trường. Các hình ảnh này được bố trí theo dạng lưới 2 hàng và 3 cột, mỗi hình ảnh đều chiếm một không gian nhỏ, giúp truyền tải nội dung một cách sinh động và trực quan. Phần chân trang (footer): Ở phía dưới cùng là thông tin về trường, môn học và sinh viên thực hiện trang web. Nội dung bao gồm: Tên trường: Trường Đại Học Duy Tân. Môn học: Thiết kế web CS 312. Thông tin sinh viên thực hiện trang: Họ và tên sinh viên Mã số. Lớp và thông tin ngày tháng thực hiện trang web được ghi bên dưới. Logo của trường lại được hiển thị một lần nữa ở góc trái của phần chân trang trên nền xanh, tạo sự nhất quán cho toàn bộ trang.