[Source code] Giới thiệu
<!-- GIỚI THIỆU ELECTRON -->
<div style="font-family: Arial,Helvetica,sans-serif;"><!-- Banner -->
<div style="background: linear-gradient(135deg,#ff7a00,#ff9a2f); padding: 28px; border-radius: 18px; color: white; margin-bottom: 20px;">
<div style="font-size: 13px; opacity: 0.9; margin-bottom: 6px; font-weight: bold;">ELECTRON GIỚI THIỆU</div>
<div style="font-size: 26px; font-weight: bold; margin-bottom: 14px;">Nền tảng mua sắm đa ngành và cơ hội kinh doanh dropship</div>
<div style="background: rgba(255,255,255,0.15); padding: 14px; border-radius: 10px; font-size: 14px;">Website: <strong>electron.com.vn</strong> – ELECTRON là nền tảng phân phối và bán sỉ theo mô hình mở, kết hợp giữa mua sắm và kinh doanh trên cùng một hệ thống.</div>
</div>
<!-- 2 BOX -->
<div style="display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 20px;">
<div style="flex: 1; min-width: 260px; background: #fff; border: 1px solid #ffe3cc; border-radius: 14px; padding: 18px;">
<div style="font-weight: bold; font-size: 18px; margin-bottom: 8px;">Nền tảng thương mại điện tử mở</div>
<div style="color: #666; font-size: 14px;">ELECTRON hoạt động theo mô hình mở, nơi người dùng có thể mua sắm và kinh doanh đa ngành hàng trên cùng một hệ thống.</div>
</div>
<div style="flex: 1; min-width: 260px; background: #fff; border: 1px solid #ffe3cc; border-radius: 14px; padding: 18px;">
<div style="font-weight: bold; font-size: 18px; margin-bottom: 8px;">Giá thành viên minh bạch</div>
<div style="color: #666; font-size: 14px;">Hệ thống tập trung vào mức giá thành viên tốt, minh bạch và cạnh tranh, giúp người mua tiếp cận sản phẩm với mức giá tối ưu hơn.</div>
</div>
</div>
<!-- NỘI DUNG 1 -->
<div style="border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; display: flex; align-items: center;">
<div style="background: #ff7a00; color: white; font-weight: bold; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 18px;">1</div>
<div>
<div style="font-size: 13px; color: #ff7a00; font-weight: bold;">NỘI DUNG 1</div>
<div style="font-size: 20px; font-weight: bold;">Nền tảng mua sắm đa ngành</div>
</div>
</div>
<div style="padding: 20px;">
<p style="margin-bottom: 16px; color: #555;">ELECTRON cung cấp nhiều nhóm sản phẩm khác nhau, giúp người dùng dễ dàng tìm kiếm và mua sắm trên cùng một website.</p>
<div style="display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px;"><span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Điện thoại & phụ kiện</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Thiết bị điện gia dụng</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Âm thanh & công nghệ</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Ô tô – xe máy – xe đạp</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Nhà cửa & đời sống</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Mẹ & bé</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Thời trang</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Văn phòng phẩm</span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;">Đồ camping, dã ngoại</span></div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 14px; border-radius: 10px; color: #666; font-size: 14px;">Hệ thống cập nhật hàng hóa liên tục với số lượng lớn và đa dạng nguồn cung, giúp người dùng có thêm nhiều lựa chọn phù hợp với nhu cầu thực tế.</div>
</div>
</div>
</div>
<!-- NỘI DUNG 2 -->
<div style="margin-top: 25px; border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; display: flex; align-items: center;">
<div style="background: #ff7a00; color: white; font-weight: bold; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 18px;">2</div>
<div>
<div style="font-size: 13px; color: #ff7a00; font-weight: bold;">NỘI DUNG 2</div>
<div style="font-size: 20px; font-weight: bold;">Giá thành viên – minh bạch sau khi đăng nhập</div>
</div>
</div>
<div style="padding: 20px;">
<p style="margin-bottom: 16px; color: #555;">Để đảm bảo chính sách giá cạnh tranh và tối ưu cho khách hàng, giá sản phẩm được hiển thị sau khi đăng ký tài khoản. Việc đăng ký hoàn toàn miễn phí và chỉ mất vài phút.</p>
<div style="display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px;">
<div style="padding: 12px 18px; border: 1px solid #ffd7b8; border-radius: 12px; background: #fff6ef;">Xem giá chi tiết</div>
<div style="padding: 12px 18px; border: 1px solid #ffd7b8; border-radius: 12px; background: #fff6ef;">Đặt hàng trực tiếp</div>
<div style="padding: 12px 18px; border: 1px solid #ffd7b8; border-radius: 12px; background: #fff6ef;">Thanh toán online</div>
<div style="padding: 12px 18px; border: 1px solid #ffd7b8; border-radius: 12px; background: #fff6ef;">Theo dõi đơn hàng</div>
<div style="padding: 12px 18px; border: 1px solid #ffd7b8; border-radius: 12px; background: #fff6ef;">Tích lũy lịch sử giao dịch</div>
</div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 14px; border-radius: 10px; color: #666; font-size: 14px;">Mô hình này giúp ELECTRON tối ưu chi phí vận hành và mang lại mức giá tốt hơn cho những người dùng thực sự có nhu cầu mua hàng.</div>
</div>
</div>
<!-- HỆ THỐNG THANH TOÁN + VẬN CHUYỂN -->
<div style="display: flex; gap: 18px; flex-wrap: wrap; margin-top: 20px;"><!-- THANH TOÁN -->
<div style="flex: 1; min-width: 280px; border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; font-weight: bold; font-size: 18px;">Hệ thống thanh toán linh hoạt</div>
<div style="padding: 18px;">
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 12px 14px; border-radius: 10px; margin-bottom: 10px;">Thanh toán chuyển khoản <strong>VietQR tự động</strong></div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 12px 14px; border-radius: 10px;">Thanh toán khi nhận hàng <strong>(COD)</strong></div>
</div>
</div>
<!-- VẬN CHUYỂN -->
<div style="flex: 1; min-width: 280px; border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; font-weight: bold; font-size: 18px;">Vận chuyển và theo dõi đơn hàng</div>
<div style="padding: 18px;">
<p style="margin-bottom: 14px; color: #555;">ELECTRON kết nối với các đơn vị vận chuyển như Viettel Post, GHN và các đối tác logistics khác.</p>
<div style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;"><span style="padding: 6px 12px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Chờ thanh toán </span> <span style="padding: 6px 12px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Đã thanh toán </span> <span style="padding: 6px 12px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Đóng gói </span> <span style="padding: 6px 12px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Đang giao </span> <span style="padding: 6px 12px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Hoàn thành </span></div>
<div style="color: #666; font-size: 14px;">Hệ thống cập nhật trạng thái đơn hàng theo từng giai đoạn để người mua dễ dàng theo dõi quá trình xử lý.</div>
</div>
</div>
</div>
<!-- CƠ HỘI KINH DOANH DROPSHIP -->
<div style="margin-top: 25px; font-family: Arial,Helvetica,sans-serif;"><!-- Tiêu đề -->
<div style="border: 1px solid #ffe3cc; border-radius: 16px; background: #fff6ef; padding: 20px; margin-bottom: 20px;">
<div style="font-size: 24px; font-weight: bold; margin-bottom: 10px;">🚀 Cơ hội kinh doanh cùng ELECTRON</div>
<div style="color: #555; font-size: 15px;">Bên cạnh mua sắm, ELECTRON cho phép người dùng kinh doanh theo mô hình <strong>Dropship</strong>, phù hợp với những ai muốn bắt đầu bán hàng linh hoạt mà không cần ôm hàng hay đầu tư vốn lớn.</div>
</div>
<!-- 2 BOX -->
<div style="display: flex; gap: 18px; flex-wrap: wrap;"><!-- DROPSHIP LÀ GÌ -->
<div style="flex: 1; min-width: 280px; border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; font-weight: bold; font-size: 18px;">Dropship là gì?</div>
<div style="padding: 18px;">
<p style="margin-bottom: 14px; color: #555;">Dropship là hình thức kinh doanh không cần nhập hàng trước. Người bán có thể:</p>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 12px 14px; border-radius: 10px; margin-bottom: 10px;">Lấy sản phẩm từ kho ELECTRON</div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 12px 14px; border-radius: 10px; margin-bottom: 10px;">Đăng bán trên Facebook, TikTok, Zalo hoặc website cá nhân</div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 12px 14px; border-radius: 10px; margin-bottom: 10px;">Khi có đơn, đặt lại trên hệ thống</div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 12px 14px; border-radius: 10px; margin-bottom: 10px;">ELECTRON xử lý đóng gói và giao hàng</div>
<p style="margin-top: 10px; color: #555;">Người bán hưởng phần chênh lệch lợi nhuận.</p>
</div>
</div>
<!-- LỢI ÍCH -->
<div style="flex: 1; min-width: 280px; border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; font-weight: bold; font-size: 18px;">Lợi ích khi kinh doanh dropship</div>
<div style="padding: 18px;">
<div style="display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px;"><span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Không cần vốn nhập hàng lớn </span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Không cần quản lý kho </span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Không lo xử lý vận chuyển </span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Không cần hệ thống thanh toán riêng </span> <span style="padding: 8px 14px; border: 1px solid #ffd7b8; border-radius: 20px; background: #fff6ef; font-size: 13px;"> Có sẵn hàng nghìn sản phẩm đa ngành </span></div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 14px; border-radius: 10px; color: #555; font-size: 14px;">Hệ thống quản lý đơn hàng và doanh thu được hiển thị trực tiếp trên tài khoản người dùng, giúp việc theo dõi kinh doanh rõ ràng và thuận tiện hơn.</div>
</div>
</div>
</div>
</div>
<!-- NỘI DUNG 3 -->
<div style="margin-top: 25px; border: 1px solid #ffe3cc; border-radius: 16px; overflow: hidden; background: #fff;">
<div style="background: #fff6ef; padding: 16px 20px; border-bottom: 1px solid #ffe3cc; display: flex; align-items: center;">
<div style="background: #ff7a00; color: white; font-weight: bold; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 18px;">3</div>
<div>
<div style="font-size: 13px; color: #ff7a00; font-weight: bold;">NỘI DUNG 3</div>
<div style="font-size: 20px; font-weight: bold;">Định hướng phát triển</div>
</div>
</div>
<div style="padding: 20px;">
<p style="margin-bottom: 18px; color: #555;">ELECTRON hướng đến xây dựng một nền tảng phân phối và bán sỉ đa ngành, nơi người mua có giá tốt, người bán có cơ hội kinh doanh linh hoạt và toàn bộ hệ thống vận hành minh bạch, tự động.</p>
<div style="display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px;">
<div style="flex: 1; min-width: 220px; background: #fff6ef; border: 1px solid #ffd7b8; padding: 14px; border-radius: 10px;">Người mua có giá tốt</div>
<div style="flex: 1; min-width: 220px; background: #fff6ef; border: 1px solid #ffd7b8; padding: 14px; border-radius: 10px;">Người bán có cơ hội kinh doanh linh hoạt</div>
<div style="flex: 1; min-width: 220px; background: #fff6ef; border: 1px solid #ffd7b8; padding: 14px; border-radius: 10px;">Hệ thống vận hành minh bạch và tự động</div>
</div>
<div style="background: #fff6ef; border: 1px solid #ffd7b8; padding: 16px; border-radius: 10px; color: #555;">Chúng tôi tập trung tối ưu trải nghiệm người dùng, tự động hóa thanh toán và quản lý đơn hàng để giúp quá trình mua bán trở nên đơn giản, rõ ràng và hiệu quả hơn.</div>
</div>
</div>
<!-- CTA ĐĂNG KÝ -->
<div style="margin-top: 25px; border: 1px solid #ffe3cc; border-radius: 16px; background: #fff6ef; padding: 30px; text-align: center;">
<div style="font-size: 24px; font-weight: bold; margin-bottom: 10px;">Khám phá ELECTRON ngay hôm nay</div>
<div style="color: #555; margin-bottom: 20px;">Đăng ký tài khoản để mua hàng với giá tốt hơn hoặc bắt đầu kinh doanh dropship trực tiếp trên nền tảng.</div>
<a style="background: #ff7a00; color: white; padding: 14px 32px; border-radius: 10px; text-decoration: none; font-weight: bold; display: inline-block;" href="../../../dang-nhap"> Đăng ký / Đăng nhập ngay </a></div>
<!-- FOOTER -->
<div style="text-align: center; margin-top: 20px; color: #888; font-size: 13px;">© electron.com.vn • Nền tảng phân phối và cơ hội kinh doanh dropship</div>