README.md

<style>
.c4l-btn { transition:box-shadow 0.15s ease, transform 0.1s ease; }
.c4l-btn:active { box-shadow:0 0 0 4px rgba(79,140,255,0.35), 0 0 24px 6px rgba(79,140,255,0.55); transform:scale(0.96); }
.c4l-tile { transition:box-shadow 0.15s ease, transform 0.1s ease; }
.c4l-tile:active { box-shadow:0 0 0 3px rgba(79,140,255,0.3), 0 0 20px 5px rgba(79,140,255,0.45); transform:scale(0.97); }
</style>

<div style="background:radial-gradient(circle at 15% 0%, rgba(79,140,255,0.16), transparent 55%), radial-gradient(circle at 90% 100%, rgba(255,210,63,0.08), transparent 45%), #0B0D12;padding:clamp(28px,6vw,56px) clamp(20px,5vw,40px);border-radius:16px;color:#FFFFFF !important;font-family:'Helvetica Neue',Arial,sans-serif;border:1px solid #1C2029;box-sizing:border-box;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;">

<div style="font-family:'Courier New',monospace;font-size:12px;color:#4F8CFF !important;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;">
IT Services · IT Consulting · Software Development · AI Education
</div>

<div style="margin-bottom:18px;">
<a href="https://huggingface.co/CODE4LIFEOFFICIAL" style="font-family:'Courier New',monospace;font-size:clamp(24px,5vw,34px);font-weight:700;color:#FFFFFF !important;letter-spacing:-0.5px;text-decoration:none;">CODE4LIFE <span style="color:#4F8CFF !important;">®</span></a>
<span style="font-family:'Helvetica Neue',Arial,sans-serif;font-size:11px;font-weight:600;color:#A9AFBC !important;background:#1C2029;border:1px solid #2A2F3A;border-radius:6px;padding:3px 10px;margin-left:10px;vertical-align:middle;">company</span>
</div>

<p style="font-size:clamp(15px,2.4vw,19px);color:#C7CCD6 !important;max-width:640px;line-height:1.6;margin:0 0 32px 0;">
<a href="https://huggingface.co/CODE4LIFEOFFICIAL" style="color:#FFFFFF !important;text-decoration:none;font-weight:700;">CODE4LIFE ®</a> gắn liền với kinh nghiệm thực chiến, xây dựng những mô hình AI có chiều sâu ứng dụng cho cộng đồng và doanh nghiệp.
</p>

<p style="margin:0;">
<a href="https://huggingface.co/CODE4LIFEOFFICIAL" class="c4l-btn" style="background:linear-gradient(135deg,#4F8CFF,#6BA6FF);color:#08090c !important;padding:11px 20px;border-radius:8px;font-weight:700;text-decoration:none;font-size:14px;margin-right:10px;margin-bottom:10px;display:inline-block;">Hugging Face</a>
<a href="https://www.facebook.com/CODE4LIFEOFFICIAL" class="c4l-btn" style="border:1px solid #2A2F3A;color:#FFFFFF !important;padding:11px 20px;border-radius:8px;font-weight:600;text-decoration:none;font-size:14px;margin-right:10px;margin-bottom:10px;display:inline-block;">FanPage Facebook</a>
<a href="https://www.facebook.com/groups/code4life.official" class="c4l-btn" style="border:1px solid #2A2F3A;color:#FFFFFF !important;padding:11px 20px;border-radius:8px;font-weight:600;text-decoration:none;font-size:14px;margin-right:10px;margin-bottom:10px;display:inline-block;">Cộng đồng Facebook</a>
<a href="https://www.linkedin.com/company/code4lifeofficial" class="c4l-btn" style="border:1px solid #2A2F3A;color:#FFFFFF !important;padding:11px 20px;border-radius:8px;font-weight:600;text-decoration:none;font-size:14px;margin-right:10px;margin-bottom:10px;display:inline-block;">LinkedIn</a>
<a href="https://www.tiktok.com/@taovietduc.code4life" class="c4l-btn" style="border:1px solid #2A2F3A;color:#FFFFFF !important;padding:11px 20px;border-radius:8px;font-weight:600;text-decoration:none;font-size:14px;margin-bottom:10px;display:inline-block;">TikTok</a>
</p>

<br>

<div style="height:1px;background:linear-gradient(90deg,transparent,#2A2F3A,transparent);margin:32px 0;"></div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));background:#12151C;border:1px solid #1C2029;border-radius:12px;overflow:hidden;">
<div style="padding:0;border-right:1px solid #1C2029;">
<div style="height:3px;background:linear-gradient(90deg,#4F8CFF,#4F8CFF00);"></div>
<div style="padding:22px 24px;">
<div style="font-family:'Courier New',monospace;font-size:clamp(22px,4vw,28px);color:#FFD23F !important;font-weight:700;">17K+</div>
<div style="font-size:13px;color:#A9AFBC !important;margin-top:6px;letter-spacing:0.3px;">TikTok Followers</div>
</div>
</div>
<div style="padding:0;border-right:1px solid #1C2029;">
<div style="height:3px;background:linear-gradient(90deg,#4F8CFF,#4F8CFF00);"></div>
<div style="padding:22px 24px;">
<div style="font-family:'Courier New',monospace;font-size:clamp(22px,4vw,28px);color:#FFD23F !important;font-weight:700;">12.2K+</div>
<div style="font-size:13px;color:#A9AFBC !important;margin-top:6px;letter-spacing:0.3px;">Threads Follows</div>
</div>
</div>
<div style="padding:0;border-right:1px solid #1C2029;">
<div style="height:3px;background:linear-gradient(90deg,#4F8CFF,#4F8CFF00);"></div>
<div style="padding:22px 24px;">
<div style="font-family:'Courier New',monospace;font-size:clamp(22px,4vw,28px);color:#FFD23F !important;font-weight:700;">8.2K+</div>
<div style="font-size:13px;color:#A9AFBC !important;margin-top:6px;letter-spacing:0.3px;">Facebook Community</div>
</div>
</div>
<div style="padding:0;">
<div style="height:3px;background:linear-gradient(90deg,#4F8CFF,#4F8CFF00);"></div>
<div style="padding:22px 24px;">
<div style="font-family:'Courier New',monospace;font-size:clamp(22px,4vw,28px);color:#FFD23F !important;font-weight:700;">7K+</div>
<div style="font-size:13px;color:#A9AFBC !important;margin-top:6px;letter-spacing:0.3px;">FanPage Facebook</div>
</div>
</div>
</div>

<br><br>

<div style="display:flex;align-items:center;gap:14px;margin-bottom:20px;">
<div style="font-family:'Courier New',monospace;font-size:12px;color:#4F8CFF !important;letter-spacing:2px;text-transform:uppercase;">01</div>
<h2 style="margin:0;font-size:24px;color:#FFFFFF !important;">Về chúng tôi</h2>
</div>
<div style="height:1px;background:linear-gradient(90deg,#22262F,transparent);margin-bottom:28px;"></div>

<div style="border-left:3px solid #4F8CFF;padding-left:20px;margin-bottom:24px;">
<p style="color:#FFFFFF !important;max-width:700px;font-size:20px;font-weight:600;line-height:1.6;margin:0;">
Lập trình phải đi cùng dự án thật, khách hàng thật, bài toán thật. Đó là cách <a href="https://huggingface.co/CODE4LIFEOFFICIAL" style="color:#FFFFFF !important;text-decoration:underline;">CODE4LIFE ®</a> đào tạo và xây dựng sản phẩm.
</p>
</div>

<p style="color:#C7CCD6 !important;max-width:700px;font-size:16px;line-height:1.8;">
Chúng tôi xây dựng mọi thứ dựa trên kinh nghiệm làm việc thực tế, không dừng lại ở lý thuyết. Đội ngũ <a href="https://huggingface.co/CODE4LIFEOFFICIAL" style="color:#C7CCD6 !important;text-decoration:underline;">CODE4LIFE ®</a> trực tiếp nghiên cứu và phát triển các mô hình Trí tuệ nhân tạo, Học máy có chiều sâu ứng dụng, giải quyết những bài toán cụ thể cho cộng đồng và đối tác doanh nghiệp, đồng thời đưa chính những kinh nghiệm đó quay lại phục vụ cho từng người học.
</p>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:32px;">
<div style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:20px;">
<div style="width:28px;height:3px;background:#4F8CFF;border-radius:2px;margin-bottom:14px;"></div>
<div style="font-size:15px;font-weight:700;color:#FFFFFF !important;margin-bottom:6px;">Kinh nghiệm thực chiến</div>
<div style="font-size:13px;color:#8A8F9C !important;line-height:1.6;">Đào tạo bám sát quy trình làm việc thật tại doanh nghiệp</div>
</div>
<div style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:20px;">
<div style="width:28px;height:3px;background:#FFD23F;border-radius:2px;margin-bottom:14px;"></div>
<div style="font-size:15px;font-weight:700;color:#FFFFFF !important;margin-bottom:6px;">Mô hình ứng dụng sâu</div>
<div style="font-size:13px;color:#8A8F9C !important;line-height:1.6;">Xây dựng mô hình AI giải quyết bài toán thực tế, không dừng ở thử nghiệm</div>
</div>
<div style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:20px;">
<div style="width:28px;height:3px;background:#4ADE80;border-radius:2px;margin-bottom:14px;"></div>
<div style="font-size:15px;font-weight:700;color:#FFFFFF !important;margin-bottom:6px;">Giá trị cộng đồng & doanh nghiệp</div>
<div style="font-size:13px;color:#8A8F9C !important;line-height:1.6;">Sản phẩm phục vụ trực tiếp cộng đồng và đối tác doanh nghiệp</div>
</div>
</div>

<br><br>

<div style="display:flex;align-items:center;gap:14px;margin-bottom:20px;">
<div style="font-family:'Courier New',monospace;font-size:12px;color:#4F8CFF !important;letter-spacing:2px;text-transform:uppercase;">02</div>
<h2 style="margin:0;font-size:24px;color:#FFFFFF !important;">Đội ngũ sáng lập</h2>
</div>
<div style="height:1px;background:linear-gradient(90deg,#22262F,transparent);margin-bottom:24px;"></div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;">
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:14px;overflow:hidden;">
<div style="height:4px;background:linear-gradient(90deg,#4F8CFF,#8B5CF6);"></div>
<div style="padding:26px;">
<img src="https://cdn-avatars.huggingface.co/v1/production/uploads/6827f87ca7a9cf88b709943e/iHwLH1XyxeZoVGp8Jocqh.jpeg" style="width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #4F8CFF;margin-bottom:16px;display:block;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#4F8CFF !important;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;">Founder</div>
<div style="font-size:18px;font-weight:700;margin-bottom:8px;color:#FFFFFF !important;">Tào Việt Đức</div>
<a href="https://huggingface.co/taovietducofficial" style="font-size:13px;color:#8A8F9C !important;display:block;margin-bottom:4px;">huggingface.co/taovietducofficial</a>
<a href="https://github.com/taovietducofficial" style="font-size:13px;color:#8A8F9C !important;">github.com/taovietducofficial</a>
</div>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:14px;overflow:hidden;">
<div style="height:4px;background:linear-gradient(90deg,#FFD23F,#FF8A4C);"></div>
<div style="padding:26px;">
<img src="https://cdn-avatars.huggingface.co/v1/production/uploads/6694eab3a15eb2166a0ae057/QT4OddcjfEzftOkWLyNHy.jpeg" style="width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #FFD23F;margin-bottom:16px;display:block;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#FFD23F !important;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;">Co-Founder</div>
<div style="font-size:18px;font-weight:700;margin-bottom:8px;color:#FFFFFF !important;">Đặng Nguyễn Quang Huy</div>
<a href="https://huggingface.co/huyydangg" style="font-size:13px;color:#8A8F9C !important;display:block;margin-bottom:4px;">huggingface.co/huyydangg</a>
<a href="https://github.com/ZeusCoderBE" style="font-size:13px;color:#8A8F9C !important;">github.com/ZeusCoderBE</a>
</div>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:14px;overflow:hidden;">
<div style="height:4px;background:linear-gradient(90deg,#4ADE80,#22D3EE);"></div>
<div style="padding:26px;">
<img src="https://cdn-avatars.huggingface.co/v1/production/uploads/6a4483959c96d99c6c4e96fe/6oFkN8WzP3Vd_f2AXP3as.jpeg" style="width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #4ADE80;margin-bottom:16px;display:block;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#4ADE80 !important;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;">Co-Founder</div>
<div style="font-size:18px;font-weight:700;margin-bottom:8px;color:#FFFFFF !important;">Lê Ngọc Gia Huy</div>
<a href="https://huggingface.co/breslee1707" style="font-size:13px;color:#8A8F9C !important;display:block;margin-bottom:4px;">huggingface.co/breslee1707</a>
<a href="https://github.com/breslee1707" style="font-size:13px;color:#8A8F9C !important;">github.com/breslee1707</a>
</div>
</div>
</div>

<br><br>

<div style="display:flex;align-items:center;gap:14px;margin-bottom:20px;">
<div style="font-family:'Courier New',monospace;font-size:12px;color:#4F8CFF !important;letter-spacing:2px;text-transform:uppercase;">03</div>
<h2 style="margin:0;font-size:24px;color:#FFFFFF !important;">Kênh & cộng đồng</h2>
</div>
<div style="height:1px;background:linear-gradient(90deg,#22262F,transparent);margin-bottom:24px;"></div>

<div class="c4l-tile" style="background:linear-gradient(135deg,#12151C,#171B26);border:1px solid #2A2F3A;border-radius:12px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 8px 24px rgba(0,0,0,0.25);">
<div>
<div style="font-family:'Courier New',monospace;font-size:11px;color:#4F8CFF !important;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;">Kênh chủ lực · TikTok</div>
<a href="https://www.tiktok.com/@taovietduc.code4life" style="font-size:22px;font-weight:700;color:#FFFFFF !important;">CODE4LIFE ®</a>
</div>
<div style="text-align:right;">
<div style="font-family:'Courier New',monospace;font-size:26px;color:#FFD23F !important;font-weight:700;">17K+</div>
<div style="font-size:12px;color:#8A8F9C !important;">followers</div>
</div>
</div>

<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;letter-spacing:1.5px;margin:24px 0 12px 0;">Kênh nội dung</div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;">
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">TikTok</div>
<a href="https://www.tiktok.com/@code4life.ai" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">Code4Life AI</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">TikTok</div>
<a href="https://www.tiktok.com/@code4life.data" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">Code4Life Data</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">Threads · 12.2K+</div>
<a href="https://www.threads.com/@taovietduc.code4life" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">CODE4LIFE ®</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">YouTube</div>
<a href="https://www.youtube.com/@taovietduc.code4life" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">@taovietduc.code4life</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">Instagram</div>
<a href="https://www.instagram.com/taovietduc.code4life" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">@taovietduc.code4life</a>
</div>
</div>

<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;letter-spacing:1.5px;margin:20px 0 12px 0;">Chuyên môn & hồ sơ</div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;">
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">Facebook · 8.2K+</div>
<a href="https://www.facebook.com/groups/code4life.official" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">Code4Life Official</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">Facebook Page</div>
<a href="https://www.facebook.com/CODE4LIFEOFFICIAL" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">CODE4LIFEOFFICIAL</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">LinkedIn</div>
<a href="https://www.linkedin.com/company/code4lifeofficial" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">code4lifeofficial</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">GitHub</div>
<a href="https://github.com/taovietducofficial" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">taovietducofficial</a>
</div>
<div class="c4l-tile" style="background:#12151C;border:1px solid #1C2029;border-radius:10px;padding:18px 20px;">
<div style="font-family:'Courier New',monospace;font-size:11px;color:#8A8F9C !important;text-transform:uppercase;margin-bottom:6px;">Hugging Face</div>
<a href="https://huggingface.co/CODE4LIFEOFFICIAL" style="font-size:14px;font-weight:600;color:#FFFFFF !important;">CODE4LIFEOFFICIAL</a>
</div>
</div>

<br><br>

<div style="height:1px;background:linear-gradient(90deg,transparent,#22262F,transparent);margin-bottom:20px;"></div>

<p style="color:#8A8F9C !important;font-size:13px;text-align:center;">
© 2026 <a href="https://huggingface.co/CODE4LIFEOFFICIAL" style="color:#8A8F9C !important;text-decoration:underline;">CODE4LIFE ®</a>
</p>

</div>