Si
M
i
PRO SALON
Uốn lọn lớn
LARGE CURLS
Uốn lọn nhỏ
SMALL CURLS
Sản phẩm & Liên hệ
PRODUCTS & CONTACT
GMT PERM
Product presentation
SiMi COLLECTION
See it in motion
<!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Professional Salon Products </title> <meta name="description" content=""> <meta name="theme-color" content="#0f1720"> <link rel="preconnect" href="https://images.unsplash.com"> <style>:root{--ink: #101820; --muted: #65727f; --line: #dde4ea; --paper: #ffffff; --wash: #f5f7f8; --mint: #0f8f7b; --mint-dark: #086354; --coral: #df6c4f; --gold: #c3913b; --shadow: 0 18px 40px rgba(16, 24, 32, 0.10); --radius: 8px;}*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--ink); background: var(--wash); line-height: 1.55; letter-spacing: 0;}a{color: inherit; text-decoration: none;}img{display: block; width: 100%;}h1{margin: 0; max-width: 680px; font-size: clamp(30px, 9vw, 62px); line-height: 1.04; letter-spacing: 0;}.content-band{background: var(--paper);}.content-band.alt{background: var(--wash);}.section{max-width: 1120px; margin: 0 auto; padding: 54px 18px;}.section-heading{max-width: 760px; margin-bottom: 24px;}.section-label{display: inline-flex; margin-bottom: 9px; color: var(--mint-dark); font-size: 12px; font-weight: 800; letter-spacing: 0.10em; text-transform: uppercase;}h2{margin: 0; font-size: clamp(24px, 6vw, 38px); line-height: 1.12; letter-spacing: 0;}.section-heading p{margin: 12px 0 0; color: var(--muted); font-size: 15px;}.product h3{margin: 0; font-size: 17px; line-height: 1.25;}.product p{margin: 6px 0 0; color: var(--muted); font-size: 14px;}.products-grid{display: grid; grid-template-columns: 1fr; gap: 14px;}.product{overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 10px 24px rgba(16, 24, 32, 0.05);}.product img{height: 600px; object-fit: cover; background: #e8eef1;}.product-body{padding: 15px;}.tag-row{display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px;}.tag-row span{display: inline-flex; align-items: center; min-height: 28px; padding: 0 9px; border-radius: 8px; color: var(--ink); background: #edf5f3; font-size: 12px; font-weight: 700;}.support-layout{display: grid; grid-template-columns: 1fr; gap: 18px; align-items: stretch;}.support-image{min-height: 250px; border-radius: var(--radius); background: linear-gradient(180deg, rgba(16, 24, 32, 0.04), rgba(16, 24, 32, 0.42)), url("https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=1200&q=100") center / cover; box-shadow: var(--shadow);}.support-box{display: grid; align-content: center; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 10px 24px rgba(16, 24, 32, 0.05);}.support-list{display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none;}.support-list li{display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: start; color: var(--muted); font-size: 14px;}.support-list svg{width: 20px; height: 20px; margin-top: 1px; color: var(--mint); stroke-width: 2.4;}.buy-row{display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 22px;}.button{display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 16px; border: 1px solid var(--ink); border-radius: 8px; color: #fff; background: var(--ink); font-size: 14px; font-weight: 800; text-align: center;}.button svg{width: 18px; height: 18px; stroke-width: 2.3;}.button.secondary{color: var(--ink); background: #fff;}.button.tk{border-color: #111; background: #111;}.button.shopee{border-color: var(--coral); background: var(--coral);}.contact-grid{display: grid; grid-template-columns: 1fr; gap: 12px;}.contact-card{display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 10px 24px rgba(16, 24, 32, 0.05);}.contact-card svg{width: 22px; height: 22px; color: var(--mint-dark); justify-self: center; stroke-width: 2.2;}.contact-card strong{display: block; font-size: 15px; line-height: 1.25;}.contact-card span{display: block; margin-top: 4px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere;}footer{padding: 24px 18px 34px; color: #d8e1e8; background: var(--ink); text-align: center; font-size: 12px;}@media (min-width: 560px){.products-grid,.contact-grid,.buy-row{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (min-width: 880px){.products-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}.support-layout{grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);}.contact-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}}:root{--ink:#38242d;--muted:#87747b;--line:#e7dbd8;--wash:#f8f4f1;--mint:#875368;--mint-dark:#532033;--coral:#ad6848;--gold:#c8a675;--radius:16px;--shadow:0 8px 24px rgba(83,32,51,.06)}body{background:#f8f4f1;font-family:Arial,Helvetica,sans-serif}.section{padding:30px 18px}.section-label{font-size:10px;letter-spacing:2px;color:#916c49}h2{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.6px}.section-heading{margin-bottom:22px}.section-heading p{font-size:13px;line-height:1.7}#contact{background:linear-gradient(155deg,#532033,#34212c);color:#f9f2eb}#contact .section{padding-top:34px;padding-bottom:32px}#contact .section-label{color:#e5c69e}#contact .section-heading p{color:#d5c1c7}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-card{grid-template-columns:1fr;gap:10px;padding:18px 14px;min-height:118px;background:#ffffff09;border:1px solid #e5c69e33;box-shadow:none;color:#fff;transition:background .2s,transform .2s}.contact-card:hover{background:#ffffff16;transform:translateY(-2px)}.contact-card svg{justify-self:start;width:23px;height:23px;color:#e5c69e}.contact-card strong{font-size:15px}.contact-card span{color:#d9c7cf;font-size:11px}.contact-card strong{color:#fff}.support-layout{gap:16px}.support-image{display:none}.support-box{padding:23px 20px;background:#fff;border:1px solid #e7dbd8;box-shadow:none}.support-box h2{font-size:23px}.support-list{gap:14px}.support-list li{font-size:13px;line-height:1.6}.button{min-height:46px;font-size:12px;font-weight:600;border-radius:10px;background:#532033;border-color:#532033}.button.secondary{background:#faf6f2;color:#532033;border-color:#e7dbd8}.buy-row{gap:10px;margin-top:22px}#products .section{padding-top:27px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{box-shadow:none;border-radius:13px}.product img{height:auto;aspect-ratio:1;object-fit:contain;background:#f5ece7}.product-body{padding:13px}.product h3{font-size:14px}.product p{font-size:12px;line-height:1.6}.tag-row{gap:4px}.tag-row span{font-size:10px;padding:4px 7px;background:#f4ece8;color:#79505f;min-height:23px}.products-grid>.buy-row{grid-column:1/-1;margin-top:4px}@media(min-width:560px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#contact .section-label{font-size:9px;letter-spacing:1.7px;line-height:1.7}#contact h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;line-height:1.15;letter-spacing:-.5px;margin-top:8px}#contact .section-heading p{font-size:13px;line-height:1.8;max-width:350px}.support-image{display:block;min-height:0;aspect-ratio:16/9;box-shadow:none;background-position:center;background-size:cover}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;align-items:start}.products-grid>a{min-width:0}.product img{width:100%;height:auto;object-fit:contain}#contact .section{padding:18px 16px}#contact .section-heading{margin-bottom:12px}#contact .section-label{font-size:8px;letter-spacing:1px}#contact h2{font-size:25px;line-height:1.1;margin-top:4px}#contact .section-heading p{font-size:11px;line-height:1.5;margin-top:8px}#contact .contact-grid{gap:8px}#contact .contact-card{min-height:72px;padding:10px 12px;gap:5px;grid-template-columns:22px 1fr;align-items:center;border-radius:11px}#contact .contact-card svg{width:20px;height:20px}#contact .contact-card strong{font-size:13px}#contact .contact-card span{font-size:10px;margin-top:2px}#support .support-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}#support .support-image{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;align-self:start;background-size:cover;background-position:center;overflow:hidden}</style> </head> <body> <section class="content-band alt" id="contact" aria-labelledby="contact-title"> <div class="section"> <div class="section-heading"> <span class="section-label">LET’S CONNECT · KẾT NỐI CÙNG SiMi</span> <h2 id="contact-title">Luôn bên bạn,<br>cùng SiMi.</h2> <p>Nhắn tin qua Zalo hoặc Facebook để được tư vấn sản phẩm và hỗ trợ kỹ thuật.<br></p> </div> <div class="contact-grid"> <a class="contact-card" href="https://zalo.me/0906922740" target="_blank" rel="noopener"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8A8.5 8.5 0 0 1 8.7 3.9a8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z"/></svg> <span> <strong>Zalo</strong> <span>@simi.vn</span> </span> </a> <a class="contact-card" href="https://web.facebook.com/profile.php?id=61592445969464" target="_blank" rel="noopener"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z M4 4l8 8 8-8"/></svg> <span> <strong>Facebook</strong> <span>SiMi · Facebook</span> </span> </a> </div> </div> </section> <section class="content-band" id="support" aria-labelledby="support-title"> <div class="section"> <div class="support-layout"> <div class="support-image" role="img" aria-label="Salon 技术指导服务"></div> <div class="support-box"> <span class="section-label">24/7 Support</span> <h2 id="support-title">7x24 Hỗ trợ kỹ thuật Salon miễn phí</h2> <ul class="support-list"> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 12l2 2 4-4 M22 12a10 10 0 1 1-5-8.7"/></svg><span>Tư vấn lựa chọn sản phẩm và giải pháp phù hợp cho salon</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 12l2 2 4-4 M22 12a10 10 0 1 1-5-8.7"/></svg><span>Hướng dẫn cách dùng, liều lượng và thời gian lưu thuốc</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 12l2 2 4-4 M22 12a10 10 0 1 1-5-8.7"/></svg><span>Hỗ trợ sau bán hàng, hợp tác và đại lý phân phối</span></li> </ul> <div class="buy-row"> <a class="button" href="https://zalo.me/0906922740"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8A8.5 8.5 0 0 1 8.7 3.9a8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z"/></svg> Tư vấn ngay </a> <a class="button secondary" href="#" data-panel="large"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4v16 M3 4h6l3 2 3-2h6v16h-6l-3 2-3-2H3V4Z"/></svg> Xem cách sử dụng </a> </div> </div> </div> </div> </section> <section class="content-band alt" id="products" aria-label="Products"> <div class="section"> <div class="section-heading"> <span class="section-label">Products</span> <p></p> </div> <div class="products-grid"> <a href="#" data-panel="large" > <article class="product" > <img loading="lazy" decoding="async" src="img/gmt-banner.jpg" alt="Salon 护理产品" > <div class="product-body"> <h3>Kem Uốn nóng </h3> <p>Công thức đặc biệt bổ sung GMT Protein。</p> <div class="tag-row"><span>Kết cấu</span><span>Độ đàn hồi</span></div> </div> </article> </a> <a href="#" data-panel="small" > <article class="product" > <img loading="lazy" decoding="async" src="https://6a1c0d2f0bc623d413b0e51b.imgix.net/%E5%BF%AB%E9%80%9F%E7%83%AB%E5%8F%91.png?auto=format&fit=crop&w=800&q=20" alt="none" > <div class="product-body"> <h3>Kem Uốn Trực Tiếp </h3> <p>0 độ khó, 100 hiệu quả</p> <div class="tag-row"><span>master</span><span>series</span></div> </div> </article> </a> <div class="buy-row"> <a class="button tk" href="https://www.tiktok.com/" target="_blank" rel="noopener"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7h14l2 14H3L5 7Z M9 7V5a3 3 0 0 1 6 0v2"/></svg> DI TK STORE MUA </a> <a class="button shopee" href="https://shopee.com/" target="_blank" rel="noopener"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v6H3z M5 9v12h14V9 M9 21v-7h6v7"/></svg> DI SHOPEE STORE MUA </a> </div> </div> </div> </section> <script> document.querySelectorAll('[data-panel]').forEach(link=>link.addEventListener('click',event=>{event.preventDefault();parent.document.querySelector('[role="tab"][data-panel="'+link.dataset.panel+'"]').click()})); </script> </body> </html>