web.html

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CV cá nhân</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="banner">
            <div class="profile-container">
                <img src="hinhanh/hinhcanhan.png" alt="Ảnh cá nhân" class="profile-image">
                <h1>Nguyễn Trương Quốc Hùng</h1>
            </div>
        </div>
    </header>

    <nav>
        <ul>
            <li><a href="#about">Thông tin</a></li>
            <li><a href="#experience">Kinh Nghiệm</a></li>
            <li><a href="#projects">Lý lịch</a></li>
            <li><a href="#certificates">Chứng Chỉ</a></li>
            <li><a href="#projects">Dự án</a></li>
            <li><a href="#contact">Liên hệ</a></li>
        </ul>
    </nav>

    <section id="projects" class="section">
        <h2>Mục tiêu nghề nghiệp</h2>
        <p>Tôi là một sinh viên của trường Đai học Bình Dương. Tôi đã theo học ngành công nghệ thông tin chuyên robot và trí tuệ nhân tạo. Tôi muốn làm việc vào vị trí sáng tạo, phát triển các thiết bị nhà thông minh, vận dụng những kiến thức đã được trao dồi và không ngừng học hỏi để phát triển bản thân, hoàn thành tốt các nhiệm vụ đã giao.</p>
    </section>

    <div class="container two-column">
        <section id="about" class="section left">
            <h2>Thông tin cá nhân</h2>
            <p>Giới Tính: Nam</p>
            <p>Ngày Sinh: 22/10/2002</p>
            <p>Niên khóa: 2021-2025</p>
            <p>lập trình/sinh viên CNTH BDU</p>
        </section>
        <section id="experience" class="section right">
            <h2>Kinh nghiệm</h2>
            <p>Mô tả kinh nghiệm làm việc.</p>
        </section>
    </div>

    <section id="projects" class="section">
        <h2>Lý lịch</h2>
        <p><img src="hinhanh/so_thich.png" alt="Sở thích" width="20"> Sở Thích: Đọc sách, bóng đá, đi tour khắp Việt Nam</p>
        <p><img src="hinhanh/ky_nang.png" alt="Kỹ năng" width="20"> Kỹ năng: HTML/CSS, PYTHON/Dataset, c#</p>
        <p><img src="hinhanh/mic.png" alt="Ngôn ngữ" width="20"> Ngôn ngữ: Tiếng Anh</p>
    </section>

    <section id="certificates" class="section">
        <h2>Chứng chỉ</h2>
        <div class="project-section">
            <h3>Chứng chỉ coursera</h3>
            <img src="hinhanh/chungchi.png" alt="Chứng chỉ">
        </div>
    </section>

    <section id="projects" class="section">
        <h2>Dự án</h2>
        <div class="project-section">
            <h3>CV Cá Nhân</h3>
            <img src="hinhanh/du_an2.png" alt="CV cá nhân">
            <p>Trang Web CV cá nhân online. Gồm các thông tin cá nhân, chứng chỉ, kỹ năng nghề nghiệp.</p>
            <p><strong>Công nghệ:</strong> HTML, CSS</p>
        </div>

        <div class="project-section">
            <h3>Nhà Thông Minh</h3>
            <img src="hinhanh/do_an_nganh.png" alt="Nhà thông minh">
            <p>Mô tả: Tạo ra một thiết bị cảm biến thông minh.</p>
            <p>Nhiệm vụ: Dùng các thiết bị IOT để nhận diện khuôn mặt, cảm biến khói, lửa có tích hợp trí tuệ nhân tạo.</p>
            <p><strong>Công nghệ:</strong> Python, HTML, CSS, Javascript</p>
        </div>
    </section>

    <section id="contact" class="section">
        <h2>Thông tin liên hệ</h2>
        <p><img src="hinhanh/email.png" alt="Email" width="20"> Email: <a href="mailto:example@example.com">example@example.com</a></p>
        <p><img src="hinhanh/zalo.png" alt="Zalo" width="20"> Zalo: <a href="https://zalo.me/0981547756" target="_blank">0981547756</a></p>
        <p><img src="hinhanh/fb.png" alt="Facebook" width="20"> Facebook: <a href="https://www.facebook.com/nguyen.hung.807863" target="_blank">Facebook cá nhân</a></p>
        <p><img src="hinhanh/instagram.png" alt="Instagram" width="20"> Instagram: <a href="https://www.instagram.com/nguyenhung9605/" target="_blank">@nguyenhung9605</a></p>
    </section>

    <footer>
        <p>&copy; 2025 Nguyễn Trương Quốc Hùng.</p>
    </footer>
</body>
</html>