CÙNG BẠN LÀM CHỦ CÔNG NGHỆ – DẪN ĐẦU TƯƠNG LAI

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Python Mastery - ThinkPad Edition</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/lucide@latest"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Inter', sans-serif; background-color: #1a1a1a; }
        .think-red { color: #E22718; }
        .bg-think-red { background-color: #E22718; }
        .border-think-red { border-color: #E22718; }
        .think-dark { background-color: #121212; }
        .think-card { background-color: #1e1e1e; border: 1px solid #333; }
        .trackpoint {
            width: 12px; height: 12px;
            background-color: #E22718;
            border-radius: 50%;
            display: inline-block;
            box-shadow: 0 0 5px rgba(226, 39, 24, 0.5);
        }
    </style>
</head>
<body class="text-gray-300 min-h-screen p-4 md:p-10 flex justify-center">

    <div class="max-w-4xl w-full border-t-4 border-think-red shadow-2xl overflow-hidden">
        
        <div class="think-dark p-8 md:p-12 border-b border-gray-800 relative">
            <div class="absolute top-4 right-6 opacity-40 flex items-center gap-2">
                <span class="font-black italic text-xl">Think<span class="text-white">NIE</span></span>
                <div class="trackpoint"></div>
            </div>

            <div class="mb-6">
                <h2 class="text-think-red font-mono tracking-tighter text-sm mb-1 uppercase">Terminal > Courses > Python_2024</h2>
                <h1 class="text-5xl md:text-6xl font-black text-white tracking-tight">PYTHON <span class="text-gray-500">MASTERY</span></h1>
            </div>
            
            <p class="text-xl text-gray-400 max-w-2xl leading-relaxed border-l-2 border-think-red pl-6">
                Hệ thống đào tạo lập trình thực chiến. Tập trung vào hiệu năng, tính ổn định và tư duy giải thuật bền bỉ như một chiếc ThinkPad.
            </p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 think-dark border-b border-gray-800">
            <div class="p-8 border-r border-gray-800 hover:bg-[#1a1a1a] transition-colors">
                <i data-lucide="cpu" class="text-think-red mb-4 w-10 h-10"></i>
                <h3 class="text-white font-bold text-lg mb-2">Hiệu Năng Cao</h3>
                <p class="text-sm text-gray-500">Tối ưu hóa mã nguồn, xử lý dữ liệu lớn và AI chuyên sâu.</p>
            </div>
            <div class="p-8 border-r border-gray-800 hover:bg-[#1a1a1a] transition-colors">
                <i data-lucide="shield-check" class="text-think-red mb-4 w-10 h-10"></i>
                <h3 class="text-white font-bold text-lg mb-2">Bền Bỉ (Reliability)</h3>
                <p class="text-sm text-gray-500">Học cách viết code sạch, dễ bảo trì và vận hành ổn định.</p>
            </div>
            <div class="p-8 hover:bg-[#1a1a1a] transition-colors">
                <i data-lucide="layers" class="text-think-red mb-4 w-10 h-10"></i>
                <h3 class="text-white font-bold text-lg mb-2">Đa Nhiệm</h3>
                <p class="text-sm text-gray-500">Từ Web, Automation đến Data Science trên cùng một lộ trình.</p>
            </div>
        </div>

        <div class="bg-[#181818] p-8 md:p-12">
            <h3 class="text-2xl font-bold text-white mb-10 flex items-center gap-3">
                <span class="bg-think-red w-2 h-8"></span> LỘ TRÌNH TRIỂN KHAI
            </h3>

            <div class="space-y-6">
                <div class="think-card p-6 flex gap-6 items-start group hover:border-think-red transition-all">
                    <div class="text-4xl font-black text-gray-800 group-hover:text-think-red transition-colors">01</div>
                    <div>
                        <h4 class="text-white font-bold text-xl mb-2 italic">Core Logic & Syntax</h4>
                        <p class="text-gray-500 text-sm mb-4">Thiết lập nền tảng vững chắc với tư duy lập trình hiện đại.</p>
                        <div class="flex flex-wrap gap-2">
                            <span class="bg-gray-800 text-xs px-2 py-1 rounded">Variables</span>
                            <span class="bg-gray-800 text-xs px-2 py-1 rounded">Control Flow</span>
                            <span class="bg-gray-800 text-xs px-2 py-1 rounded">Algorithms</span>
                        </div>
                    </div>
                </div>

                <div class="think-card p-6 flex gap-6 items-start group hover:border-think-red transition-all">
                    <div class="text-4xl font-black text-gray-800 group-hover:text-think-red transition-colors">02</div>
                    <div>
                        <h4 class="text-white font-bold text-xl mb-2 italic">Advanced Architecture</h4>
                        <p class="text-gray-500 text-sm mb-4">Lập trình hướng đối tượng (OOP) và quản lý hệ thống file.</p>
                        <div class="flex flex-wrap gap-2">
                            <span class="bg-gray-800 text-xs px-2 py-1 rounded">OOP</span>
                            <span class="bg-gray-800 text-xs px-2 py-1 rounded">Modules</span>
                            <span class="bg-gray-800 text-xs px-2 py-1 rounded">Error Handling</span>
                        </div>
                    </div>
                </div>

                <div class="bg-think-red p-6 flex gap-6 items-start text-white shadow-lg shadow-red-900/20">
                    <div class="text-4xl font-black opacity-40">03</div>
                    <div>
                        <h4 class="font-bold text-xl mb-2 italic">Professional Production</h4>
                        <p class="text-red-100 text-sm mb-4">Thực chiến dự án cuối khóa: Automation hoặc Data Analysis.</p>
                        <div class="flex flex-wrap gap-2">
                            <span class="bg-white/20 text-xs px-2 py-1 rounded">Scraping</span>
                            <span class="bg-white/20 text-xs px-2 py-1 rounded">Pandas</span>
                            <span class="bg-white/20 text-xs px-2 py-1 rounded">Visualization</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="think-dark p-8 border-t border-gray-800">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
                <div>
                    <h5 class="text-white font-bold mb-4 uppercase tracking-widest text-sm">Station Info</h5>
                    <div class="space-y-3 text-sm text-gray-500">
                        <p class="flex items-center gap-3"><i data-lucide="map-pin" class="w-4 h-4"></i> 161 Nguyễn Thị Minh Khai, BMT</p>
                        <p class="flex items-center gap-3"><i data-lucide="map-pin" class="w-4 h-4"></i> 233/12 Y Wang, EaKao, Đắk Lắk</p>
                    </div>
                </div>
                <div class="md:text-right">
                    <h5 class="text-white font-bold mb-4 uppercase tracking-widest text-sm">Support Line</h5>
                    <div class="space-y-2">
                        <p class="text-2xl font-black text-white">0972.142.172</p>
                        <p class="text-think-red font-mono text-sm">admin@nie.vn // www.nie.vn</p>
                    </div>
                </div>
            </div>
            <div class="mt-12 pt-6 border-t border-gray-900 flex justify-between items-center text-[10px] uppercase tracking-[0.2em] text-gray-600">
                <span>© 2024 NIE IT & EDUCATION</span>
                <span class="flex items-center gap-2">Built for Performance <div class="trackpoint w-2 h-2"></div></span>
            </div>
        </div>
    </div>

    <script>
        lucide.createIcons();
    </script>
</body>
</html>

Innovative IT Solutions

A computer lab with several rows of black desktop computers placed on tables, each connected with various cables. The room has a blue carpet and the walls have bulletin boards with posters. The arrangement suggests a classroom or training environment.

We provide advanced technology solutions and quality education programs for the Đắk Lắk community.

A group of people working at computers in an office, sitting in a row. The space appears modern with white walls, sleek furniture, and bright lighting. Some individuals have headphones on, indicating a focused or collaborative environment.

Our IT services enhance skills and knowledge, empowering individuals for a brighter future.

A hand holding a thermal scanner is pointed towards a rack of computer servers. The servers are illuminated with blue LED lights, giving a technological and futuristic feel.

Join us in building a comprehensive development path for every individual in our community.

Empower Your Future

At Nguyễn Thông, we provide advanced IT solutions and quality education to enhance skills and knowledge in Đắk Lắk.

Join

Empowering Futures

”Nguyễn Thông IT & Education transformed my skills and knowledge. Their advanced technology solutions and quality education programs truly uplift the Đắk Lắk community.”