CINXE.COM
Thông tin tài khoản
<!DOCTYPE html> <html lang="en"> <head> <link rel="icon" href="https://sso.tuoitre.vn/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="csrf-token" content="OEWNR9pC2Nmlq2VpZ6x2qIzfBb7w4j9KHb5e5E5X"> <title>Thông tin tài khoản</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/bootstrap5.css?id=2de49e670cc4541d67868b49062359e1"> <link rel="stylesheet" href="/css/v2-style1.css?id=7ba6960fe41086f4e7feed0b2473d55d"> <link rel="stylesheet" href="/css/v2-style2-custom.css?id=74859c2100054432a8714e162a42063e"> <link href="https://sso.tuoitre.vn/newsletter/css/custom.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/> <!-- Flipster CSS --> <link rel="stylesheet" href="https://sso.tuoitre.vn/newsletter/dist/jquery.flipster.css"> <script src="/js/app.js?id=03d3e466f5696ed27bcc53d085f68d6f"></script> <script src="/js/jquery.js?id=e810f78d0374fc6048b65c889470d17d"></script> <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script> <style> .loader-page { position: fixed; background-color: black; width: 100%; height: 100%; z-index: 9999; opacity: 0.3; color: #ffffff; top: 0; left: 0; } .txt-rule { position: relative; padding: 50px; } .txt-rule .btn-close { outline: none; box-shadow: none; position: absolute; right: 15px; top: 15px; } .txt-rule h1 { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 20px; } .txt-rule h2 { font-size: 20px; font-weight: 700; margin-bottom: 14px; } .txt-rule h3 { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .txt-rule .red { text-decoration: line-through; } @media only screen and (max-width: 600px) { .txt-rule { padding-left: 20px; padding-right: 20px; } } </style> <script type="text/javascript"> // 1. TTO GA4 (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KG7C9D4'); </script> <script> // 2.TTO Google Universal Analytics (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KFJP3N'); </script> </head> <body style="max-height: 4000px;"> <div class="d-flex flex-column justify-content-center align-items-center loader-page d-none" id="loading-process"> <div class="spinner-border loader-icon" role="status"> <span class="visually-hidden">Loading...</span> </div> <p class="w-100 text-center loader-text" data-text-waiting="Vui lòng đợi...">Vui lòng đợi...</p> </div> <div class="container-fluid p-0"> <nav class="navbar header navbar-expand shadow-sm" aria-label="First navbar example"> <div class="container-fluid"> <a class="navbar-brand logo mx-auto" href="https://tuoitre.vn/"> <img src="/images/logo.svg?id=3cbffc5f76d52fd354a7e39a3fd712fe"> </a> <div class="outer-right desktoponly"> <div class="btn-menu"> <img src="/images/btn-menu.png?id=96428544efa5ebe76fb096ddb8723cef"> </div> </div> </div> </nav> </div> <!-- OPTIONS --> <form id="form-newsletter-signup" name="form-newsletter-signup" action="https://sso.tuoitre.vn/dang-ky-ban-tin" method="post" class="container-fluid" data-email-resend="0" data-back-url="https://sso.tuoitre.vn"> <input type="hidden" name="_token" value="OEWNR9pC2Nmlq2VpZ6x2qIzfBb7w4j9KHb5e5E5X"> <section class="section mt-1"> <div class="container"> <div class="row"> <div class="col-12 mt-5"> <!-- Swiper --> <div class="swiper mySwiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/podcast.png"/> </div> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/ttc.jpg"/> </div> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/rv.jpg"> </div> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/tto.jpg"> </div> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/ttct.jpg"> </div> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/tto-sao.jpg"> </div> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/muctim.jpg"> </div> </div> <!-- <div class="swiper-pagination"></div> --> </div> <div class="d-flex justify-content-between mySwiper1_control"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <div class="row mt-5"> <div class="col-xl-8 col-md-12 myfm position-relative"> <span class="bg11 position-absolute"> <svg width="363" height="318" viewBox="0 0 363 318" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="path-1-inside-1_32_2" fill="white"> <path d="M363 0H0V318H363V0Z"/> </mask> <path d="M0 0H-3V-3H0V0ZM363 3H0V-3H363V3ZM3 0V318H-3V0H3Z" fill="url(#paint0_linear_32_2)" mask="url(#path-1-inside-1_32_2)"/> <defs> <linearGradient id="paint0_linear_32_2" x1="30.1024" y1="11.4834" x2="156.87" y2="134.558" gradientUnits="userSpaceOnUse"> <stop stop-color="#ED1C24"/> <stop offset="1" stop-color="#ED1C24" stop-opacity="0"/> </linearGradient> </defs> </svg> </span> <p>Nhằm nâng cao sự gắn kết cùng với quý bạn đọc, báo Tuổi Trẻ rất mong nhận được sự phản hồi cũng như ý kiến đóng góp của quý độc giả để báo Tuổi Trẻ ngày càng hoàn thiện hơn, đặc biệt liên kết chặt chẽ hơn, trực quan hơn nhằm cung cấp những thông tin <b>“Nhanh nhạy và đáng tin cậy”</b> đến bạn đọc qua các kênh truyền thông trên hệ sinh thái báo Tuổi Trẻ.</p> <p>Khi đăng ký nhận email từ báo Tuổi Trẻ, bạn sẽ cập nhật được các tin tức mới nhất, bài viết nổi bật, thông tin sự kiện và các chương trình đặc biệt do báo Tuổi Trẻ tổ chức.</p> <p>Để đăng ký nhận email, bạn chỉ cần nhập địa chỉ email của bạn vào ô đăng ký phía dưới. Báo Tuổi Trẻ cam kết bảo mật thông tin & bạn có thể hủy đăng ký bất cứ lúc nào bạn muốn.</p> <p>Trân trọng kính mời bạn đọc tham gia và lựa chọn các mục quan tâm phía dưới để không bỏ lỡ thông tin cập nhật mới nhất từ báo Tuổi Trẻ Online.</p> </div> <div class="col-xl-4 col-4 mx-auto"> <div class="swiper mySwiper2 desktoponly"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="https://sso.tuoitre.vn/newsletter/img/slide4.png"/> </div> <div class="swiper-pagination swiper-pagination2"></div> <div class="swiper-button-next"></div> </div> </div> </div> </div> <!-- --> <div class="row ms-2 mychecker"> <div class="col-12 mt-5"> <p class="utc_f1">LỰA CHỌN CỦA BẠN</p> <p class="utc_f2">chủ đề bạn quan tâm <span class="fw-bolder fs-6 text-danger">(*)</span></p> </div> <div class="col-12"> <div class="row"> <div class="col-xl-4 col-12 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="1" id="option_1_1"> <label class="form-check-label" for="option_1_1"> Thời sự <i>(Chính trị & xã hội)</i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="2" id="option_1_2"> <label class="form-check-label" for="option_1_2"> Thế giới <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="3" id="option_1_3"> <label class="form-check-label" for="option_1_3"> Pháp luật <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="4" id="option_1_4"> <label class="form-check-label" for="option_1_4"> Văn hóa - Giải trí <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="5" id="option_1_5"> <label class="form-check-label" for="option_1_5"> Nhịp sống trẻ <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="6" id="option_1_6"> <label class="form-check-label" for="option_1_6"> Kinh doanh <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="7" id="option_1_7"> <label class="form-check-label" for="option_1_7"> Sức khỏe <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="8" id="option_1_8"> <label class="form-check-label" for="option_1_8"> Giáo dục <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="9" id="option_1_9"> <label class="form-check-label" for="option_1_9"> Công nghệ <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="10" id="option_1_10"> <label class="form-check-label" for="option_1_10"> Video <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="11" id="option_1_11"> <label class="form-check-label" for="option_1_11"> Xe <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="12" id="option_1_12"> <label class="form-check-label" for="option_1_12"> Du lịch <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="13" id="option_1_13"> <label class="form-check-label" for="option_1_13"> Thể thao <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="14" id="option_1_14"> <label class="form-check-label" for="option_1_14"> Nhà đất <i></i> </label> </div> <div class="col-xl-4 col-6 col-6 mb-3 pe-0"> <input name="options[option_1][]" class="form-check-input" type="checkbox" value="15" id="option_1_15"> <label class="form-check-label" for="option_1_15"> Khoa học <i></i> </label> </div> </div> <div class="col-12"> <p class="utc_f2">Thông tin tổng hợp và các sự kiện <span class="fw-bolder fs-6 text-danger">(*)</span></p> </div> <div class="row"> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_2][]" class="form-check-input position-relative" style="top:12px" type="checkbox" value="1" id="option_2_1"> <label class="form-check-label utc_f3" for="option_2_1"> Tin tức thời sự nổi bật </label> <p class="mt-0 ms-4"><i style="font-size:14px"> Tin thời sự trong nước & quốc tế đang được xã hội quan tâm</i></p> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_2][]" class="form-check-input position-relative" style="top:12px" type="checkbox" value="2" id="option_2_2"> <label class="form-check-label utc_f3" for="option_2_2"> Bản tin tổng hợp </label> <p class="mt-0 ms-4"><i style="font-size:14px"> Tin tức & sự kiện xảy ra trong 24h</i></p> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_2][]" class="form-check-input position-relative" style="top:12px" type="checkbox" value="3" id="option_2_3"> <label class="form-check-label utc_f3" for="option_2_3"> Sự kiện do báo Tuổi Trẻ tổ chức </label> <p class="mt-0 ms-4"><i style="font-size:14px"> Các chương trình hội thảo, tọa đàm, tư vấn...</i></p> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_2][]" class="form-check-input position-relative" style="top:12px" type="checkbox" value="4" id="option_2_4"> <label class="form-check-label utc_f3" for="option_2_4"> Tin tức bạn đọc quan tâm nhiều </label> <p class="mt-0 ms-4"><i style="font-size:14px"> Chủ đề tin tức bạn đọc xem nhiều nhất trong ngày/ tuần/ tháng</i></p> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_2][]" class="form-check-input position-relative" style="top:12px" type="checkbox" value="5" id="option_2_5"> <label class="form-check-label utc_f3" for="option_2_5"> Bản tin chuyên sâu - độc quyền </label> <p class="mt-0 ms-4"><i style="font-size:14px"> Phóng sự đặc biệt, chuyên đề đặc biệt, bái viết phân tích chuyên sâu của các chuyên gia trong các lĩnh vực</i></p> </div> </div> <div class="col-12"> <p class="utc_f2 mb-2">Thông tin CỦA BẠN </p> <p class="utc_f4">Các thông tin bạn đọc cung cấp sẽ giúp báo Tuổi Trẻ gửi đến bạn những giá trị phù hợp</p> <p class="utc_f3">Độ tuổi của bạn</p> </div> <div class="row"> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_3][]" class="form-check-input" type="checkbox" value="1" id="option_3_1"> <label class="form-check-label" for="option_3_1"> Từ 18 - 24 tuổi </label> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_3][]" class="form-check-input" type="checkbox" value="2" id="option_3_2"> <label class="form-check-label" for="option_3_2"> Từ 25 - 34 tuổi </label> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_3][]" class="form-check-input" type="checkbox" value="3" id="option_3_3"> <label class="form-check-label" for="option_3_3"> Từ 35 - 44 tuổi </label> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_3][]" class="form-check-input" type="checkbox" value="4" id="option_3_4"> <label class="form-check-label" for="option_3_4"> Từ 45 - 54 tuổi </label> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_3][]" class="form-check-input" type="checkbox" value="5" id="option_3_5"> <label class="form-check-label" for="option_3_5"> Từ 55 - 64 tuổi </label> </div> <div class="col-xl-6 col-12 mb-3"> <input name="options[option_3][]" class="form-check-input" type="checkbox" value="6" id="option_3_6"> <label class="form-check-label" for="option_3_6"> Trên 65 tuổi </label> </div> </div> <div class="row"> <p class="utc_f3">Giới tính</p> <div class="col-12 mb-3"> <input name="options[option_4][]" class="form-check-input" type="checkbox" value="1" id="option_4_1"> <label class="form-check-label" for="option_4_1"> Nam </label> </div> <div class="col-12 mb-3"> <input name="options[option_4][]" class="form-check-input" type="checkbox" value="2" id="option_4_2"> <label class="form-check-label" for="option_4_2"> Nữ </label> </div> <div class="col-12 mb-3"> <input name="options[option_4][]" class="form-check-input" type="checkbox" value="3" id="option_4_3"> <label class="form-check-label" for="option_4_3"> Không muốn cập nhật </label> </div> </div> <div class="row"> <div class="col-12 mt-4"> <p class="utc_f1">TẦN SUẤT NHẬN TIN</p> </div> <div class="col-12 mb-3"> <input name="options[option_5][]" class="form-check-input" type="checkbox" value="1" id="option_5_1"> <label class="form-check-label" for="option_5_1"> Mỗi ngày </label> </div> <div class="col-12 mb-3"> <input name="options[option_5][]" class="form-check-input" type="checkbox" value="2" id="option_5_2"> <label class="form-check-label" for="option_5_2"> Nhận hết - Tôi rất cần quan tâm tin tức của báo Tuổi Trẻ </label> </div> <div class="col-12 mb-3"> <input name="options[option_5][]" class="form-check-input" type="checkbox" value="3" id="option_5_3"> <label class="form-check-label" for="option_5_3"> Chỉ nhận các chuyên mục theo các chủ đề lựa chọn phía trên </label> </div> </div> </div> </div> </div> </section> <section class="container-fluid utc_sec1 p-2"> <div class="container"> <div class="row mt-5 mb-5"> <div class="col-xl-6 col-md-12"> <ul> <li class="utc_f7 mb-4">Nếu bạn đã có tài khoản của báo Tuổi Trẻ, vui lòng <b><a href="https://sso.tuoitre.vn/login" >đăng nhập</a></b> và thực hiện các bước lựa chọn các mục bạn quan tâm. </li> <li class="utc_f7">Nếu chưa đăng ký thành viên, bạn vui lòng để lại email muốn nhận thông báo từ chúng tôi. </li> </ul> </div> <div class="col-xl-6 col-md-12"> <form> <div class="mb-3"> <input type="email" name="email" class="form-control utc_inp1" id="email" placeholder="Nhập email của bạn "> <p id="txt-error-email" class="text-danger my-3 d-none">Đã xảy ra lỗi</p> </div> <h5 class="utc_f6 mt-4">Khi nhấn <b>“Lưu lựa chọn”</b> là bạn đã đồng ý nhận thông tin & đăng ký thành viên của báo Tuổi Trẻ</h5> <div class="mt-3"> <style> .custom-body { font-family: Arial, sans-serif; text-align: center; } #captcha-container-custom { position: relative; height: 100px; margin: 0 auto; border: 1px solid #ccc; overflow: hidden; border-radius: 10px; background-color: #f9f9f9; } .custom-icon { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; position: absolute; font-size: 20px; cursor: pointer; transition: border 0.3s; border: 2px solid transparent; } .custom-selected { border: 2px solid green; } .custom-message, .custom-request { margin-top: 10px; font-size: 14px; } #custom-reset-button { margin-top: 10px; padding: 5px 10px; font-size: 12px; cursor: pointer; } .captcha-header { display: flex; /* Sử dụng flexbox để căn chỉnh theo hàng */ align-items: center; /* Căn giữa theo chiều dọc */ } .captcha-header h5 { margin: 0; /* Xóa margin để tránh khoảng cách không cần thiết */ margin-right: 10px; /* Khoảng cách giữa tiêu đề và văn bản */ } .custom-request { margin: 0; /* Xóa margin để tránh khoảng cách không cần thiết */ } #captcha-refresh-button { margin-left: 10px; /* Add some space to the left of the button */ background-color: transparent; /* Make the background fully transparent */ border: none; /* Remove any border */ cursor: pointer; /* Change cursor to pointer to indicate it's clickable */ padding: 0; /* Remove extra padding */ transition: transform 0.3s ease; /* Smooth transition for hover and active effects */ display: flex; align-items: center; justify-content: center; } #captcha-refresh-button svg { width: 24px; /* Set the size of the icon */ height: 24px; fill: none; /* No fill color for the SVG */ stroke: #000; /* Change this color to whatever you want for the arrow */ stroke-width: 2; /* Stroke width of the arrow */ transition: transform 0.3s ease, stroke 0.3s ease; /* Smooth transition for hover effect */ } #captcha-refresh-button:hover svg { transform: scale(1.15); /* Scale the arrow icon slightly when hovered */ stroke: #007bff; /* Change the color on hover, feel free to customize this color */ } #captcha-refresh-button:active svg { transform: scale(1.05); /* Slightly scale down when clicked */ stroke: #0056b3; /* Darker color for active state */ } </style> <div class="captcha-header"> <p class="custom-request" id="custom-request">Đang tạo yêu cầu...</p> <button id="captcha-refresh-button" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"> <polyline points="23 4 23 10 17 10"></polyline> <polyline points="1 20 1 14 7 14"></polyline> <path d="M3.51 9a9 9 0 0114.03-3.4L23 10M1 14l5.49 5.4A9 9 0 0021 15"></path> </svg> </button> </div> <div id="captcha-container-custom"> <!-- Biểu tượng sẽ được thêm vào đây qua JavaScript --> </div> <div class="custom-message" id="custom-message"></div> <input type="hidden" name="selected_captcha" id="selectedCaptcha"> <input type="hidden" name="captcha_value" id="captcha_value"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0/jsencrypt.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jsrsasign/10.5.25/jsrsasign-all-min.js"></script> <script> const icons = [ '🍎', '🍏', '🍌', '🍉', '🍇', '🍓', '🍈', '🍍', '🍒', '🥥', '🥝', '🍅', '🍊', '🍋', '🥭', '🍑', '🍠', '🥕', // Thêm biểu tượng con vật '🐶', '🐱', '🐭', '🐹', '🐰', '🦊', '🐻', '🐼', '🐨', '🐯', '🦁', '🐮', '🐷', '🐸', '🐵', '🐔', '🐧', '🐦', '🐤', '🐣', '🦆', '🦉', '🦇', '🐺', '🐗', '🐴', '🦄', '🐝', '🐛', '🦋', '🐌', '🐞', '🐜', '🦂', '🐢', '🐍', '🦎', '🦖', '🦕', '🐙', '🦑', '🦐', '🦞', '🦀', '🐡', '🐠', '🐟', '🐬', '🐳', '🐋', '🦈', '🐊', '🐅', '🐆', '🦓', '🦍', '🦧', '🐘', '🦏', '🦛', '🐫', '🦒', '🦘', '🦥', '🦨', '🦡', '🐇', '🦃', '🐓', '🦢', '🦩', '🕊️', '🐕', '🐩', '🐈' ]; const customContainer = document.getElementById('captcha-container-custom'); let targetCustomIcon = ''; let createdCustomIcons = []; function isCustomPositionOccupied(x, y, createdCustomIcons, iconSize, minDistance) { for (const icon of createdCustomIcons) { const existingX = parseFloat(icon.style.left); const existingY = parseFloat(icon.style.top); // Tính khoảng cách giữa hai biểu tượng const distance = Math.sqrt((x - existingX) ** 2 + (y - existingY) ** 2); // Nếu khoảng cách nhỏ hơn kích thước + khoảng cách tối thiểu, trả về true if (distance < iconSize + minDistance) { return true; } } return false; } function createCustomIcons() { createdCustomIcons = []; customContainer.innerHTML = ''; const availableCustomIcons = [...icons]; const iconSize = 30; // Kích thước biểu tượng const minDistance = 5; // Khoảng cách tối thiểu giữa các biểu tượng const maxAttempts = 200; // Giới hạn số lần thử tìm vị trí requestAnimationFrame(() => { let containerWidth = customContainer.clientWidth || 300; let containerHeight = customContainer.clientHeight || 100; while (createdCustomIcons.length < 40 && availableCustomIcons.length > 0) { const iconElement = document.createElement('div'); iconElement.classList.add('custom-icon'); const randomIndex = Math.floor(Math.random() * availableCustomIcons.length); const randomIcon = availableCustomIcons.splice(randomIndex, 1)[0]; iconElement.innerHTML = randomIcon; let x, y; let positionFound = false; let attempts = 0; // Sử dụng set để lưu trữ các vị trí đã thử const triedPositions = new Set(); while (!positionFound && attempts < maxAttempts) { x = Math.random() * (containerWidth - iconSize); y = Math.random() * (containerHeight - iconSize); // Kiểm tra nếu vị trí đã thử const positionKey = `${Math.floor(x)},${Math.floor(y)}`; if (triedPositions.has(positionKey)) { attempts++; continue; } triedPositions.add(positionKey); // Kiểm tra chồng lấn với các biểu tượng đã được đặt if (!isCustomPositionOccupied(x, y, createdCustomIcons, iconSize, minDistance)) { positionFound = true; } attempts++; } // Nếu tìm được vị trí, thêm biểu tượng vào container if (positionFound) { iconElement.style.left = `${x}px`; iconElement.style.top = `${y}px`; iconElement.style.width = `${iconSize}px`; iconElement.style.height = `${iconSize}px`; iconElement.setAttribute('data-icon', randomIcon); iconElement.style.position = 'absolute'; customContainer.appendChild(iconElement); createdCustomIcons.push(iconElement); } } createCustomRequest(); }); } function createCustomRequest() { if (createdCustomIcons.length > 0) { const randomIconIndex = Math.floor(Math.random() * createdCustomIcons.length); const randomIconElement = createdCustomIcons[randomIconIndex]; targetCustomIcon = randomIconElement.getAttribute('data-icon'); // Chỉ lấy từ createdCustomIcons } document.getElementById('custom-request').innerHTML = `Chọn biểu tượng <span style="font-size: 20px;">${targetCustomIcon}</span> dưới đây để xác thực`; document.getElementById('captcha_value').value = encryptData(targetCustomIcon); // Lưu CAPTCHA kq } document.getElementById('captcha-refresh-button').addEventListener('click', function (e) { e.preventDefault(); resetCustomCaptcha(); document.getElementById('custom-message').textContent='' }); customContainer.addEventListener('click', function (e) { const clickedIcon = e.target.closest('.custom-icon'); if (!clickedIcon) return; const selectedIcon = clickedIcon.getAttribute('data-icon'); if (selectedIcon === targetCustomIcon) { clickedIcon.classList.add('custom-selected'); document.getElementById('custom-message').textContent = '✅ Xác thực hoàn thành!'; // CAPTCHA được xác thực isCaptchaVerified = true; var errorElement = document.querySelector('.txt-error-register'); if (errorElement) { errorElement.textContent = ''; // Ẩn phần tử } var errorTxtEmail = document.getElementById('txt-error-email'); if (errorTxtEmail) { errorTxtEmail.textContent = ''; // Ẩn phần tử } document.getElementById('selectedCaptcha').value = encryptData(selectedIcon) ; // Lưu CAPTCHA đã chọn } else { document.getElementById('custom-message').textContent = '❌ Xác thực sai! Thử lại.'; var errorElement = document.querySelector('.txt-error-register'); if (errorElement) { errorElement.textContent = ''; // Ẩn phần tử } var errorTxtEmail = document.getElementById('txt-error-email'); if (errorTxtEmail) { errorTxtEmail.textContent = ''; // Ẩn phần tử } resetCustomCaptcha(); } }); function resetCustomCaptcha() { createCustomIcons(); } function encryptData(data) { // Check if there's data to encrypt if (!data) { return null; } const payload = { data: data, timestamp: Date.now() + 30000 }; const privateKey = `-----BEGIN RSA PRIVATE KEY----- MIIEowIBAAKCAQEA2mj5dnqn7Uj0runnHj9C0OX24Hcmf5BOkfqOH0JqB/R5PKXN dwO+zE6Bva/5LZjMkaS8aJJ2T/oRu26M0yAIuKeur8yWtSfm7WS+n5hHS7NHbIsE g4jCAxdLrsjEHkT6aDc3AyDudcwmWgd0tnAQ8EpVfj7Gz9pAwBv0sGnTjaWWNqLM DwIIAhlXgvmd8kdN50lFHJa0f2PmgvYcQMI5SUCNUpxqnzfl7LvREKs8TEsqMCXj mPg+Yg5X/vWAYhnpETdF5m/27iR1tDNfgJTG6WV3kMKjoKcfZF/IamFAgr9nIJNL 5ifbxWy4bhCnMIXBhEjAh0HO22i0s7wtfQRYNQIDAQABAoIBAAudO27GdPmUQJaw j363RHlRUUB8dYqhBNyUY0xcPsEviebktjlW9KVuo02P9wMqte4kwXQaHbqBBMJf zZNIh84x9IMasQTvG0OScOSRt3DaFrk550KLWi3J5ldkC7HEX0B9dypubN/MvFlb PiSZbv0oJsWw1uekpn7QvcFHz10f0OU5dlVT8xkcosNnQLQReZJsH0En9l94pqk/ v1pQj4JoXBdpp7N8n+6CoxSt4qARwzciBLDMEF4FxN8f/nBnpzcHz5dK2PDUsdEj PDXnkfPitYcT8DaxAUPxTMEV6HIj7MpyWcrJSu7bC8NI+MVvNht9VwqDuXkh0VtZ twEq+cECgYEA5Xxe4iCj2+NENYPKbkpq2KVfHJC5W958WOgDCOQtuOqo8WbMt6hL DGvweeY7k2csTh/4Oq6JnkQG7J72Tk4NgYEuqRg2Bb/1KGrA0aca+Zlz+BovqjcE sBbe+rIZYF4uvTSIN93y/mu493nGU8dyNGohITvLy8QnL2BHCYz4pjECgYEA86UC fthiG5aDwDjGIkNI1aQ5OPr9e1eXjEpWIDZQo7R5Ts6q0KGLHsOGimp+ZwG9lKuG MHVunQaWAjD+a2tiArp9gvDdvFCEK+BAk8oQ12p8hd6hIVPNMLh9TMX3/O9H8hqI Fe6QREDyzvXaOauhW6/m8MUfxg7cQp00LX7sHUUCgYAxi2Fcxpk5zt4aA6L/nrdk oIdhPmmWSPllpGmLUOACLT9eJsiJ2h6hxuf7GVbBYyPwlfxchvQVJDCugz8/9p/5 1q8BOMXpBeFi4XFRkhdDzfp4lQa3Y/tyHO31B+BsqsjCdoX2McfVX+JmI3dK/SNN 55/Rcfx0uJuRIeMUT8ga8QKBgQDFRTqDB6JP4gtk7NMH1OC5ElG+oAHzBxXOYjXf uPqLwclilJTbfaDN1NQvaFBWCKO+Jy7sN3jLLRTyS0cEJJrjyKltBqcSHUMW32iK ANaoBDE0lvBxso91vjq9maDTq83d6bt7voASs1+lUIxTm3J3cTIUihbS3x9Z1Dz2 BUkZ3QKBgF3wfLDSi7a/MAQ5KFMM7E5Or8TRBVyd40N7r+FqzAj6eNa+PaI5OWig EFBAbYN2ufcN65tv9I2n2NtrYYDI9uBXcgYV96UUss9S3awtSgQvdSHjzqyRJzHl lfTouzLqcwZ7Iph5hKmUtPRgsGgQZmR4Ym3d16DpccmujF30ruCY -----END RSA PRIVATE KEY-----`; const header = JSON.stringify({ alg: "RS256", typ: "JWT" }); const payloadStr = JSON.stringify(payload); const encryptedData = KJUR.jws.JWS.sign("RS256", header, payloadStr, privateKey); // Handle encryption failure if (!encryptedData) { return null; } return encryptedData; // Return the encrypted data } window.onload = function() { createCustomIcons(); }; ///auto reset captcha let captchaTimer; // Biến để lưu timer setInterval(function() { resetCustomCaptcha(); document.getElementById('custom-message').textContent='' }, 60000); // 1 phút = 60000 milliseconds </script> <button class="btn utc_bt1" data-bs-toggle="modal" type="submit" >Lưu lựa chọn </button> </div> </form> </div> </div> </div> </section> </form> <div class="modal my-modal fade" id="formLocation" tabindex="-1" aria-labelledby="locationModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title my-title text-first" id="locationModalLabel">THÔNG BÁO</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="textModalLabel"> </div> <div class="gap-2 text-center"> <button type="button" class="btn btn-style-r my-3 fw-bolder" id="open-modal-phone2" data-bs-target="#formPhone2" data-bs-toggle="modal" data-bs-dismiss="modal"> XÁC NHẬN </button> </div> </div> </div> </div> </div> <section class="container mt-5 desktoponly"> <div class="row"> <p class="utc_f3 fs-5 mb-0 mt-3">NHỮNG CÂU HỎI THƯỜNG GẶP</p> <div class="col-5 text-center"><img src="https://sso.tuoitre.vn/newsletter/img/questions/OBJECT.png" class="mt-5" /></div> <div class="col-7"> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Khi đăng ký email của báo Tuổi Trẻ, bạn sẽ nhận được những thông tin về chủ đề gì ? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="p-0">Thông qua việc đăng ký email, bạn có thể tùy chọn nhận những loại tin tức và nội dung cụ thể mà bạn quan tâm. Bạn có thể chọn theo dõi các chủ đề, lĩnh vực hoặc danh mục tin tức riêng, giúp tập trung vào những thông tin mà bạn quan tâm nhất.</p> <p>Bạn sẽ nhận được thông tin tin tức nổi bật đang được quan tâm được gửi trực tiếp vào hộp thư đến. Bạn có thể dễ dàng kiểm tra và đọc tin tức từ bất kỳ đâu, bất kỳ lúc nào.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Có cách nào để đề xuất nội dung hoặc gửi phản hồi về email của Tuổi Trẻ Online không ? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="p-0">Nếu bạn có bất kỳ câu hỏi hay góp ý nào, xin vui lòng liên hệ với báo Tuổi Trẻ theo thông tin: </p> <p>- Trung tâm Dịch vụ Truyền thông: <b>028 3997 3838 </b></p> <p>- Email hỗ trợ: <b>hotro@tuoitre.com.vn</b></p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Làm thế nào để hủy đăng ký email trên Tuổi Trẻ Online ? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="p-0">Bạn có quyền hủy đăng ký nhận thông tin từ Tuổi Trẻ Online bất kỳ lúc nào. Hầu hết các email được gửi ra từ Tuổi Trẻ Online đều cung cấp tùy chọn hủy đăng ký hoặc từ chối nhận thông tin trong mỗi email gửi đến bạn. Bạn có thể tìm thấy liên kết "Hủy đăng ký" hoặc một hướng dẫn tương tự trong email. Bằng cách nhấp vào liên kết đó bạn có thể hủy đăng ký và không nhận thông tin từ Tuổi Trẻ Online nữa </p> <p>Nếu bạn gặp khó khăn hoặc gặp vấn đề trong việc hủy đăng ký, hãy liên hệ trực tiếp qua hộp thư hỗ trợ hoặc đường dây nóng của Tuổi Trẻ Online.</p> </div> </div> </div> </div> </div> <div class="col-12 mx-auto"> <p class=" utc_f1 mb-0 text-center">THAM GIA THÀNH VIÊN GÓI TUỔI TRẺ SAO </p> <p class="utc_f1 text-center">ĐỂ TRẢI NGHIỆM NHỮNG GIÁ TRỊ RIÊNG BIỆT</p> </div> <div class="col-4 text-center"><img src="https://sso.tuoitre.vn/newsletter/img/icon001.png"/></div> <div class="col-4 text-center"><img src="https://sso.tuoitre.vn/newsletter/img/icon002.png"/></div> <div class="col-4 text-center"><img src="https://sso.tuoitre.vn/newsletter/img/icon003.png"/></div> <div class="col-6 text-center"><img src="https://sso.tuoitre.vn/newsletter/img/icon004.png"/></div> <div class="col-6 text-center"><img src="https://sso.tuoitre.vn/newsletter/img/icon005.png"/></div> <p class="text-center"> <a style=" color: inherit;text-decoration: none;" href="https://tuoitre.vn/dang-ky-tuoi-tre-sao.htm" target="_blank"><button class="btn utc_bt1" style="padding:10px 60px 10px 60px;" type="button">Tìm hiểu thêm</button></a> </p> </div> <p class=" utc_f1 mb-0 text-start">TẢI ỨNG DỤNG BÁO TUỔI TRẺ</p> </section> <section class="container-fluid mt-5 mobileonly"> <p class="utc_f3 fs-5 mb-0 mt-3 text-center">NHỮNG CÂU HỎI THƯỜNG GẶP</p> <div class="col-12"> <div class="accordion m-3" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Khi đăng ký email của báo Tuổi Trẻ, bạn sẽ nhận được những thông tin về chủ đề gì ? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="p-0">Thông qua việc đăng ký email, bạn có thể tùy chọn nhận những loại tin tức và nội dung cụ thể mà bạn quan tâm. Bạn có thể chọn theo dõi các chủ đề, lĩnh vực hoặc danh mục tin tức riêng, giúp tập trung vào những thông tin mà bạn quan tâm nhất.</p> <p>Bạn sẽ nhận được thông tin tin tức nổi bật đang được quan tâm được gửi trực tiếp vào hộp thư đến. Bạn có thể dễ dàng kiểm tra và đọc tin tức từ bất kỳ đâu, bất kỳ lúc nào.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Có cách nào để đề xuất nội dung hoặc gửi phản hồi về email của Tuổi Trẻ Online không ? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="p-0">Nếu bạn có bất kỳ câu hỏi hay góp ý nào, xin vui lòng liên hệ với báo Tuổi Trẻ theo thông tin: </p> <p>- Trung tâm Dịch vụ Truyền thông: <b>028 3997 3838 </b></p> <p>- Email hỗ trợ: <b>hotro@tuoitre.com.vn</b></p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Làm thế nào để hủy đăng ký email trên Tuổi Trẻ Online ? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="p-0">Bạn có quyền hủy đăng ký nhận thông tin từ Tuổi Trẻ Online bất kỳ lúc nào. Hầu hết các email được gửi ra từ Tuổi Trẻ Online đều cung cấp tùy chọn hủy đăng ký hoặc từ chối nhận thông tin trong mỗi email gửi đến bạn. Bạn có thể tìm thấy liên kết "Hủy đăng ký" hoặc một hướng dẫn tương tự trong email. Bằng cách nhấp vào liên kết đó bạn có thể hủy đăng ký và không nhận thông tin từ Tuổi Trẻ Online nữa </p> <p>Nếu bạn gặp khó khăn hoặc gặp vấn đề trong việc hủy đăng ký, hãy liên hệ trực tiếp qua hộp thư hỗ trợ hoặc đường dây nóng của Tuổi Trẻ Online.</p> </div> </div> </div> </div> </div> </section> <section class="container-fluid ps-0 pe-0 mt-5 mobileonly"> <div class="row mx-auto justify-content-center"> <!-- Swiper --> <div class="swiper mySwiper0"> <div class="swiper-wrapper"> <div class="swiper-slide myitem"><img src="https://sso.tuoitre.vn/newsletter/img/icon001.png"/></div> <div class="swiper-slide myitem"><img src="https://sso.tuoitre.vn/newsletter/img/icon002.png"/></div> <div class="swiper-slide myitem"><img src="https://sso.tuoitre.vn/newsletter/img/icon003.png"/></div> <div class="swiper-slide myitem"><img src="https://sso.tuoitre.vn/newsletter/img/icon004.png"/></div> <div class="swiper-slide myitem"><img src="https://sso.tuoitre.vn/newsletter/img/icon005.png"/></div> </div> </div> <p class="text-center"> <a style=" color: inherit;text-decoration: none;" href="https://tuoitre.vn/dang-ky-tuoi-tre-sao.htm" target="_blank"> <button class="btn utc_bt1" style="padding:10px 60px 10px 60px;" type="button">Tìm hiểu thêm</button></a> </p> </div> <p class=" utc_f1 mb-0 mt-3 text-center">TẢI ỨNG DỤNG BÁO TUỔI TRẺ</p> </section> <section class="container-fluid mt-5 utc_sec2 desktoponly"> <div class="container"> <div class="d-flex justify-content-between"> <div class="qr-center"> <img src="https://sso.tuoitre.vn/newsletter/img/utc_qr.png"/> </div> <div class="text-start"> <p> </p> <p> </p> <p> </p> <p><a href="https://play.google.com/store/apps/details?id=vn.tuoitre.app&pli=1" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/ggg.png"/></a></p> <p> </p> <p><a href="https://apps.apple.com/vn/app/tu%E1%BB%95i-tr%E1%BA%BB-online/id974433568?l=vi&platform=iphone" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/aaa.png"/></a></p> </div> <div> </div> <div> </div> <div> </div> <div> <img src="https://sso.tuoitre.vn/newsletter/img/123123.png" class="position-relative" style="bottom:-22px;"/> <img src="https://sso.tuoitre.vn/newsletter/img/321321.png" class="position-relative" style="right:30px;"/> </div> </div> </div> </section> <section class="container-fluid mt-5 mb-5 mobileonly"> <div class="container"> <div class="d-flex justify-content-between"> <div> <img src="https://sso.tuoitre.vn/newsletter/img/utc_qr.png"/> </div> <div class="text-start"> <div> </div> <p><a href="https://play.google.com/store/apps/details?id=vn.tuoitre.app&pli=1" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/ggg.png"/></a></p> <p><a href="https://apps.apple.com/vn/app/tu%E1%BB%95i-tr%E1%BA%BB-online/id974433568?l=vi&platform=iphone" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/aaa.png"/></a></p> </div> </div> </div> </section> <style> iframe { height: 650px !important; } /*div:has(iframe) {*/ /* height: 650px !important;*/ /*}*/ body, html { height: auto !important; position: static !important; width: auto !important; overflow-y: visible !important; } </style> <footer class="my-footer" style="text-align: left;margin-top: 0; height: 100%;" > <div class="container mt-auto bg-white"> <div class="row"> <div class="footer col-12"> <div class="footer__top"> <div class="d-flex justify-content-center ps-0"> <div class="footer__nav"> <ul class="nav"> <li class="nav-item"> <a href="https://tuoitre.vn" title="Trang chủ" class="nav-link active ps-0">Trang chủ </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/video.htm" title="MEDIA" rel="nofollow" target="_blank" class="nav-link">Media </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/thoi-su.htm" title="THỜI SỰ" class="nav-link ">Thời sự </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/the-gioi.htm" title="THẾ GIỚI" class="nav-link ">Thế giới </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/phap-luat.htm" title="PHÁP LUẬT" class="nav-link ">Pháp luật </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/kinh-doanh.htm" title="KINH DOANH" class="nav-link ">Kinh doanh </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/cong-nghe.htm" title="CÔNG NGHỆ" class="nav-link ">Công nghệ </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/xe.htm" title="XE" class="nav-link ">Xe </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/du-lich.htm" title="DU LỊCH" class="nav-link ">Du lịch </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/nhip-song-tre.htm" title="NHỊP SỐNG TRẺ" class="nav-link ">Nhịp sống trẻ </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/van-hoa.htm" title="VĂN HÓA" class="nav-link ">Văn hóa </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/giai-tri.htm" title="GIẢI TRÍ" class="nav-link ">Giải trí </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/the-thao.htm" title="THỂ THAO" class="nav-link ">Thể thao </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/giao-duc.htm" title="GIÁO DỤC" class="nav-link ">Giáo dục </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/khoa-hoc.htm" title="KHOA HỌC" class="nav-link ">Khoa học </a> </li> <li class="nav-item" > <a href="https://tuoitre.vn/suc-khoe.htm" title="Sức khỏe" class="nav-link ">Sức khỏe </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/gia-that.htm" title="Giả thật" class="nav-link ">Giả thật </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/ban-doc.htm" title="Bạn đọc" class="nav-link ">Bạn đọc </a> </li> </ul> </div> </div> </div> <div class="container-fluid mx-auto d-flex justify-content-between my-footer1"> <div > <p class="text my-footer-f2 ms-0 mb-0 mt-0"> Tổng biên tập: Lê Thế Chữ </p> <p class="text my-footer-f2 ms-0 mb-0 mt-0"> Giấy phép hoạt động báo điện tử tiếng Việt, tiếng Anh Số 561/GP-BTTTT, cấp ngày 25-11-2022. </p> <p class="text my-footer-f2 ms-0 mb-0 mt-0"> <a href="https://tuoitre.vn/thong-tin-toa-soan.htm" class="my-footer-f1" title="Thông tin tòa soạn">Thông tin tòa soạn - </a> <a href="http://www.thanhdoan.hochiminhcity.gov.vn/thanhdoan/webtd" class="my-footer-f1" title="Thành Đoàn TP.HCM" rel="nofollow" target="_blank">Thành Đoàn TP.HCM</a> </p> </div> <div > <p class="text my-footer-f2 ps-0 ms-0 mb-0 mt-0"> Địa chỉ: 60A Hoàng Văn Thụ, P.9, Q.Phú Nhuận, Tp. Hồ Chí Minh </p> <p class="text my-footer-f2 ps-0 mb-0 mt-0 ms-0"> Hotline: 0918.033.133 - Email: tto@tuoitre.com.vn </p> <p class="text my-footer-f2 ps-0 mt-0 mb-0 ms-0"> Phòng Quảng Cáo Báo Tuổi Trẻ: 028.39974848 </p> </div> <div> <ul class="navbar-nav list"> <li class="nav-item"> <a class="nav-link my-footer-f4" rel="nofollow" target="_blank" href="https://quangcao.tuoitre.vn" title="Liên hệ Quảng cáo">Liên hệ Quảng cáo</a> </li> <li class="nav-item"> <a class="nav-link my-footer-f4" href="#" data-bs-toggle="modal" data-bs-target="#rulesModalFooter" title="Chính sách bảo mật">Chính sách bảo mật</a> </li> <li class="nav-item"> <a class="nav-link my-footer-f4" href="https://docs.google.com/forms/d/e/1FAIpQLScSRj-Bxm1t6roko_ocQlUSZCnei3a03IdoOpPQ9-lp2McaKw/viewform" target="_blank" title="Liên hệ góp ý">Liên hệ góp ý</a> </li> </ul> </div> </div> <div class="container-fluid mx-auto d-flex justify-content-between my-border pt-2"> <div class="row"> <div class="col-12"> <ul class="nav"> <li class="nav-item"> <a href="https://tuoitre.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/ftt.png" /> </a> </li> <li class="nav-item"> <a href="https://tuoitre.vn/video.htm" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/ftttv.svg" /> </a> </li> <li class="nav-item"> <a href="https://podcast.tuoitre.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fttpodcast.svg" /> </a> </li> <li class="nav-item"> <a href="https://cuoi.tuoitre.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fttc.svg" /> </a> </li> <li class="nav-item"> <a href="https://cuoituan.tuoitre.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fttct.svg" /> </a> </li> <li class="nav-item"> <a href="https://tuoitrenews.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fttn.svg" /> </a> </li> <li class="nav-item"> <a href="https://quangcao.tuoitre.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fttmedia.svg" /> </a> </li> <li class="nav-item"> <a href="https://raovat.tuoitre.vn" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fttrv.svg" /> </a> </li> <li class="nav-item"> <a href="https://muctim.tuoitre.vn/" target="_blank" class="nav-link"> <img src="https://sso.tuoitre.vn/images/fmuctim.svg" /> </a> </li> </ul> </div> </div> </div> <div class="container-fluid my-footer-width mx-auto justify-content-between mt-2"> <div class="row"> <p class="text col-10 my-footer-f5"> © Copyright 2023 TuoiTre Online, All rights reserved ® Tuổi Trẻ Online giữ bản quyền nội dung trên website này </p> <div class="col-2"> <ul class="nav float-end"> <li> <a class="ms-1" href="https://www.youtube.com/channel/UCrwJa6KRHWnJpJPZNeKKcvA" title="Quan tâm Tuổi Trẻ trên Youtube" target="_blank" rel="nofollow" class="icon"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="1.16699" width="23" height="23" rx="11.5" stroke="#666666"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75984 16.9011C6.52448 16.8314 6.30973 16.7076 6.13372 16.5399C5.9577 16.3722 5.82559 16.1657 5.74851 15.9377C5.3081 14.7594 5.1776 9.83915 6.02581 8.86784C6.30811 8.55186 6.70668 8.35732 7.13501 8.32645C9.41049 8.0876 16.4408 8.11945 17.2483 8.40606C17.4754 8.47799 17.6828 8.59915 17.8552 8.76047C18.0275 8.92178 18.1602 9.11908 18.2433 9.33757C18.7245 10.5557 18.7408 14.9823 18.178 16.1527C18.0287 16.4573 17.7788 16.7041 17.4685 16.8533C16.6203 17.2673 7.88534 17.2594 6.75984 16.9011ZM10.3729 14.5922L14.4508 12.5222L10.3729 10.4363V14.5922Z" fill="#666666"></path> </svg> </a> </li> <li> <a class="ms-1" href="https://www.instagram.com/baotuoitre" title="Quan tâm Tuổi Trẻ trên Instagram" target="_blank" rel="nofollow" class="icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="#565656"></rect> <path d="M17.6 11.8C17.6 13.1377 17.6 14.4754 17.6 15.813C17.6 16.8852 16.875 17.6 15.813 17.6C13.1377 17.6 10.4725 17.6 7.79718 17.6C6.725 17.6 6 16.875 6 15.813C6 13.1377 6 10.4725 6 7.79718C6 6.725 6.725 6 7.78697 6C10.4623 6 13.1275 6 15.8028 6C16.875 6 17.5898 6.725 17.5898 7.78697C17.6 9.12465 17.6 10.4623 17.6 11.8ZM14.8532 11.8102C14.843 10.1151 13.4644 8.75704 11.7694 8.76725C10.1049 8.77746 8.74683 10.1458 8.74683 11.8204C8.74683 13.5155 10.1254 14.8838 11.8204 14.8838C13.4951 14.8736 14.8634 13.4951 14.8532 11.8102ZM15.5373 8.76725C15.9049 8.76725 16.2113 8.46092 16.2113 8.0831C16.2113 7.70528 15.9049 7.40915 15.5373 7.40915C15.1697 7.40915 14.8634 7.71549 14.8634 8.09331C14.8634 8.46092 15.1697 8.76725 15.5373 8.76725Z" fill="#565656"></path> <path d="M9.42065 11.8323C9.42065 10.5253 10.4826 9.45312 11.7897 9.45312C13.1069 9.45312 14.1791 10.5253 14.1791 11.8426C14.1689 13.1394 13.1069 14.2014 11.7999 14.2014C10.4928 14.2014 9.42065 13.1394 9.42065 11.8323Z" fill="#565656"></path> </svg> </a> </li> <li> <a class="ms-1" href="https://www.facebook.com/baotuoitre" title="Quan tâm Tuổi Trẻ trên Facebook" target="_blank" rel="nofollow" class="icon"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="1.16699" width="23" height="23" rx="11.5" stroke="#666666"></rect> <path d="M12.9966 12.8847H15.2299L15.5805 10.6021H12.9961V9.35462C12.9961 8.40641 13.3041 7.56559 14.1857 7.56559H15.6023V5.57366C15.3534 5.53985 14.827 5.46582 13.8323 5.46582C11.7553 5.46582 10.5375 6.5694 10.5375 9.08364V10.6021H8.40234V12.8847H10.5375V19.1584C10.9604 19.2224 11.3887 19.2658 11.8284 19.2658C12.2258 19.2658 12.6137 19.2293 12.9966 19.1772V12.8847Z" fill="#666666"></path> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </footer> <section class="footer-mobile container-fluid ps-0 pe-0"> <div class="d-flex justify-content-around bd-highlight bg-white my-border1"> <div class="p-2 bd-highlight"> <a href="https://tuoitre.vn"> <img src="https://sso.tuoitre.vn/images/ftt.png" width="105px" height="30px"> </a> </div> <div class="p-2 bd-highlight"> </div> <div class="p-2 bd-highlight"> <ul class="nav text-center"> <li> <a class="ms-3" href="https://www.youtube.com/channel/UCrwJa6KRHWnJpJPZNeKKcvA" title="Quan tâm Tuổi Trẻ trên Youtube" target="_blank" rel="nofollow" class="icon"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="1.16699" width="23" height="23" rx="11.5" stroke="#666666"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75984 16.9011C6.52448 16.8314 6.30973 16.7076 6.13372 16.5399C5.9577 16.3722 5.82559 16.1657 5.74851 15.9377C5.3081 14.7594 5.1776 9.83915 6.02581 8.86784C6.30811 8.55186 6.70668 8.35732 7.13501 8.32645C9.41049 8.0876 16.4408 8.11945 17.2483 8.40606C17.4754 8.47799 17.6828 8.59915 17.8552 8.76047C18.0275 8.92178 18.1602 9.11908 18.2433 9.33757C18.7245 10.5557 18.7408 14.9823 18.178 16.1527C18.0287 16.4573 17.7788 16.7041 17.4685 16.8533C16.6203 17.2673 7.88534 17.2594 6.75984 16.9011ZM10.3729 14.5922L14.4508 12.5222L10.3729 10.4363V14.5922Z" fill="#666666"></path> </svg> </a> </li> <li> <a class="ms-3" href="https://www.instagram.com/baotuoitre/" title="Quan tâm Tuổi Trẻ trên Instagram" target="_blank" rel="nofollow" class="icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="#565656"></rect> <path d="M17.6 11.8C17.6 13.1377 17.6 14.4754 17.6 15.813C17.6 16.8852 16.875 17.6 15.813 17.6C13.1377 17.6 10.4725 17.6 7.79718 17.6C6.725 17.6 6 16.875 6 15.813C6 13.1377 6 10.4725 6 7.79718C6 6.725 6.725 6 7.78697 6C10.4623 6 13.1275 6 15.8028 6C16.875 6 17.5898 6.725 17.5898 7.78697C17.6 9.12465 17.6 10.4623 17.6 11.8ZM14.8532 11.8102C14.843 10.1151 13.4644 8.75704 11.7694 8.76725C10.1049 8.77746 8.74683 10.1458 8.74683 11.8204C8.74683 13.5155 10.1254 14.8838 11.8204 14.8838C13.4951 14.8736 14.8634 13.4951 14.8532 11.8102ZM15.5373 8.76725C15.9049 8.76725 16.2113 8.46092 16.2113 8.0831C16.2113 7.70528 15.9049 7.40915 15.5373 7.40915C15.1697 7.40915 14.8634 7.71549 14.8634 8.09331C14.8634 8.46092 15.1697 8.76725 15.5373 8.76725Z" fill="#565656"></path> <path d="M9.42065 11.8323C9.42065 10.5253 10.4826 9.45312 11.7897 9.45312C13.1069 9.45312 14.1791 10.5253 14.1791 11.8426C14.1689 13.1394 13.1069 14.2014 11.7999 14.2014C10.4928 14.2014 9.42065 13.1394 9.42065 11.8323Z" fill="#565656"></path> </svg> </a> </li> <li> <a class="ms-3" href="https://www.facebook.com/baotuoitre" title="Quan tâm Tuổi Trẻ trên Facebook" target="_blank" rel="nofollow" class="icon"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="1.16699" width="23" height="23" rx="11.5" stroke="#666666"></rect> <path d="M12.9966 12.8847H15.2299L15.5805 10.6021H12.9961V9.35462C12.9961 8.40641 13.3041 7.56559 14.1857 7.56559H15.6023V5.57366C15.3534 5.53985 14.827 5.46582 13.8323 5.46582C11.7553 5.46582 10.5375 6.5694 10.5375 9.08364V10.6021H8.40234V12.8847H10.5375V19.1584C10.9604 19.2224 11.3887 19.2658 11.8284 19.2658C12.2258 19.2658 12.6137 19.2293 12.9966 19.1772V12.8847Z" fill="#666666"></path> </svg> </a> </li> </ul> </div> </div> <div class="bg-white"> <div> <p class="my-footer-font6">Tổng biên tập: Lê Thế Chữ</p> <p class="my-footer-font6">Giấy phép hoạt động báo điện tử tiếng Việt, tiếng Anh</p> <p class="my-footer-font6">Số 561/GP-BTTTT, cấp ngày 25-11-2022.</p> <p class="my-footer-font6"> <a href="https://tuoitre.vn/thong-tin-toa-soan.htm" class="my-footer-f1" title="Thông tin tòa soạn">Thông tin tòa soạn - </a> <a href="http://www.thanhdoan.hochiminhcity.gov.vn/thanhdoan/webtd" class="my-footer-f1" title="Thành Đoàn TP.HCM" rel="nofollow" target="_blank">Thành Đoàn TP.HCM</a> </p> <p class="my-footer-font6">Địa chỉ: 60A Hoàng Văn Thụ, P.9, Q.Phú Nhuận, Tp. Hồ Chí Minh</p> <p class="my-footer-font6">Hotline: 0918.033.133 - Email: tto@tuoitre.com.vn</p> <p class="my-footer-font6">Phòng Quảng Cáo Báo Tuổi Trẻ: 028.39974848</p> <p class="my-footer-font6"> <a href="https://tuoitre.vn/thong-tin-toa-soan.htm" class="my-footer-f1" title="Thông tin tòa soạn">Liên hệ Quảng cáo |</a> <a href="#" class="my-footer-f1" rel="nofollow" data-bs-toggle="modal" data-bs-target="#rulesModalFooter" title="Chính sách bảo mật">Chính sách bảo mật |</a> <a href="#" class="my-footer-f1" title="Góp ý" rel="nofollow" target="_blank">Góp ý</a> </p> <p class="my-footer-font7">© Copyright 2023 TuoiTre Online, All rights reserved</p> <p class="my-footer-font7">® Tuổi Trẻ Online giữ bản quyền nội dung trên website này</p> </div> </div> </section> <script> $(document).ready(function(){ if ($( window ).width() < 991) { $(".my-footer").addClass("d-none") $(".my-footer").removeClass("d-block") $(".footer-mobile").addClass("d-block") $(".footer-mobile").removeClass("d-none") }else { $(".my-footer").addClass("d-block") $(".my-footer").removeClass("d-none") $(".footer-mobile").addClass("d-none") $(".footer-mobile").removeClass("d-block") } }); $( window ).resize(function() { if ($( window ).width() < 991) { $(".my-footer").addClass("d-none") $(".my-footer").removeClass("d-block") $(".footer-mobile").addClass("d-block") $(".footer-mobile").removeClass("d-none") }else { $(".my-footer").addClass("d-block") $(".my-footer").removeClass("d-none") $(".footer-mobile").addClass("d-none") $(".footer-mobile").removeClass("d-block") } }); </script> <div class="position-fixed bottom-0 end-0 mb-5 me-2 toast align-items-center text-white bg-success border-0 notification-after-alert" role="alert" aria-live="assertive" aria-atomic="true" style="z-index: 11"> <div class="d-flex"> <div class="toast-body"> Something alert </div> <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> </div> </div> <div class="modal my-modal fade" id="popupNoti" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 id="titleNoti" class="align-content-center modal-title my-title ">THÔNG BÁO CẬP NHẬT</h5> <button onClick="window.location.reload();" type="button" class="btn-close" data-bs-dismiss="modal" id="btnCloseUpdate" aria-label="Close"></button> </div> <div class="modal-body"> <label class="center fw-bold pt-3 text-center " id="messNoti" style="padding: 0 30px;padding-left: 110px"> </label> <div class="gap-2 text-center"> <button onClick="window.location.reload();" type="button" id="btnConfirm" class="btn-close btn-style-r my-3 fw-bolder fa-align-center" data-bs-dismiss="modal" aria-label="Close" onload="script();"> XÁC NHẬN </button> </div> </div> </div> </div> </div> <div class="modal my-modal fade" id="popupNotiVocuher" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 id="titleNoti" class="text-center modal-title my-title" >THÔNG BÁO</h5> <button onClick="window.location.reload();" type="button" class="btn-close" data-bs-dismiss="modal" id="btnCloseVoucher" aria-label="Close"></button> </div> <div class="modal-body"> <label class="center fw-bold pt-3 text-center " id="messNotiVoucher" style="padding: 0 30px;padding-left: 110px;margin-left: -4px"> </label> <div class="gap-2 text-center"> <button onClick="window.location.reload();" type="button" id="btnConfirmVoucher" class="btn-close btn-style-r my-3 fw-bolder fa-align-center" data-bs-dismiss="modal" aria-label="Close" onload="script();"> XÁC NHẬN </button> </div> </div> </div> </div> </div> <div class="modal fade" id="rulesModalFooter" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body txt-rule"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <h1>CHÍNH SÁCH BẢO MẬT</h1> <p>Báo Tuổi Trẻ chú trọng đến việc bảo vệ thông tin cá nhân của người dùng và cam kết tuân thủ các quy định về bảo mật dữ liệu cá nhân. Chính sách bảo mật này nhằm đảm bảo rằng thông tin cá nhân của người dùng được thu thập, lưu trữ và xử lý một cách an toàn và bảo mật.</p> <h2>1. Mục đích thu thập thông tin</h2> <p>Báo Tuổi Trẻ thu thập thông tin cá nhân của người dùng với mục đích cung cấp cho người dùng dịch vụ tốt hơn với những ưu điểm: đăng ký tài khoản, gửi những tin tức mới nhất, những tin tức được xã hội quan tâm thông qua các kênh truyền thông của báo Tuổi Trẻ như thông báo của web, thông báo của app, gửi email, hiển thị tối ưu quảng cáo nhằm mục đích tăng trải nghiệm người dùng, hoặc gửi thông tin về các chương trình sự kiện do báo Tuổi Trẻ tổ chức.</p> <h2>2. Loại thông tin được thu thập</h2> <p>Báo Tuổi Trẻ thu thập các thông tin liên quan đến người dùng, bao gồm họ tên, giới tính, ngày sinh, địa chỉ email, điện thoại, địa chỉ IP, vị trí địa lý, thông tin trình duyệt và các thông tin khác liên quan đến hành vi trực tuyến của người dùng.</p> <h2>3. Phương thức thu thập thông tin</h2> <p>Báo Tuổi Trẻ thu thập thông tin cá nhân của người dùng thông qua đăng ký tài khoản, mẫu điền thông tin, cookie, các công cụ phân tích trang web và các phương tiện truyền thông khác. Chúng tôi cam kết sử dụng các phương thức thu thập thông tin an toàn và bảo mật.</p> <h2>4. Điều kiện để thu thập thông tin</h2> <p>Báo Tuổi Trẻ chỉ thu thập thông tin cá nhân của người dùng khi được sự đồng ý của người dùng, cũng như khi thông tin được thu thập để thực hiện việc trao giải của các cuộc thi, sự kiện, trò chơi do báo Tuổi Trẻ tổ chức hoặc để tuân thủ các yêu cầu pháp lý.</p> <h2>5. Quyền riêng tư của người dùng</h2> <p>Báo Tuổi Trẻ tôn trọng quyền riêng tư của người dùng và cam kết bảo vệ thông tin cá nhân của người dùng. Người dùng có quyền truy cập, sửa đổi, xoá và chặn thông tin cá nhân của mình. Nếu người dùng có bất kỳ yêu cầu nào liên quan đến thông tin cá nhân của mình, chúng tôi sẵn sàng hỗ trợ.</p> <h2>6. Bảo mật thông tin</h2> <p>Báo Tuổi Trẻ cam kết sử dụng các biện pháp bảo mật để bảo vệ thông tin cá nhân của người dùng. Chúng tôi sử dụng các công nghệ bảo mật như mã hóa, giới hạn quyền truy cập và các quy trình bảo mật khác để đảm bảo rằng thông tin cá nhân của người dùng được bảo vệ một cách an toàn và bảo mật.</p> <h2>7. Chia sẻ thông tin</h2> <p>Báo Tuổi Trẻ chỉ chia sẻ thông tin cá nhân của người dùng với bên thứ ba khi có sự đồng ý của người dùng hoặc khi thông tin được yêu cầu để thực hiện tuân thủ các yêu cầu pháp lý. Chúng tôi chỉ chia sẻ thông tin cần thiết và cam kết bảo vệ thông tin cá nhân của người dùng.</p> <h2>8. Điều chỉnh chính sách bảo mật</h2> <p>Báo Tuổi Trẻ cam kết cập nhật chính sách bảo mật để phù hợp với các thay đổi về công nghệ, quy định pháp lý và nhu cầu của người dùng. Chúng tôi sẽ thông báo cho người dùng về các thay đổi này và cung cấp cách thức để người dùng có thể phản hồi hoặc yêu cầu bảo vệ thông tin cá nhân của mình.</p> <h2>9. Liên hệ</h2> <p>Nếu người dùng có bất kỳ câu hỏi hoặc yêu cầu liên quan đến chính sách bảo mật của báo Tuổi Trẻ, xin vui lòng liên hệ với chúng tôi thông qua địa chỉ email: <b>hotro@tuoitre.com.vn</b>.</p> <p>Báo Tuổi Trẻ xác định rằng, việc bảo vệ thông tin cá nhân của người dùng là rất quan trọng. Từ đó chúng tôi sẽ luôn cập nhật và hoàn thiện chính sách bảo mật của mình một cách tốt nhất để đảm bảo rằng người dùng có thể yên tâm truy cập và sử dụng dịch vụ của chúng tôi an toàn và bảo mật.</p> <div class="d-flex justify-content-center mt-5"> <button type="button" class="btn btn-style" data-bs-dismiss="modal">Tôi đã đọc và đồng ý </button> </div> </div> </div> </div> </div> <script src="/js/auth.js?id=bb7408fe312fec91c61ea1829d2b9b94"></script> <script src="/js/animation-v2.js?id=b07bef1a89b6b779d4c5e2f0bb70c19a"></script> <script src="https://www.google.com/recaptcha/api.js"></script> <script src="https://sso.tuoitre.vn/newsletter/js/jquery.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> <!-- Flipster Js --> <script src="https://sso.tuoitre.vn/newsletter/dist/jquery.flipster.min.js"></script> <script> var focusForm = function (response) { var uagent = navigator.userAgent.toLowerCase(); if (uagent.search("iphone") > -1 || uagent.search("ipad") > -1){ $("html, body").animate({ scrollTop: $("#demo-form").offset().top }, "slow"); } }; var onloadCallback = function () { var widget = grecaptcha.render(document.getElementById("re-captcha"), { 'sitekey' : "6LeAEOsnAAAAABgGG6wqpyKNYXknUlUs9LKXXcUX", 'theme': "dark", 'callback' : focusForm }); } var onReCaptchaSuccess = function() { console.log(1); if (window.innerWidth < 768 && (/iPhone|iPod/.test(navigator.userAgent) && !window.MSStream)) { var destElementOffset = $('.g-recaptcha').position().top - window.innerWidth; $('html, body').animate({ scrollTop: destElementOffset }, 0); } } var swiper1 = new Swiper(".mySwiper1", { effect: "coverflow", grabCursor: true, centeredSlides: true, slidesPerView: "auto", autoplay: { delay: 1500, disableOnInteraction: false, }, coverflowEffect: { rotate: 30, stretch: 0, depth: 100, modifier: 1, slideShadows: true, stretch: 80, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); var swiper = new Swiper(".mySwiper0", { // slidesPerView: 2, // spaceBetween: 0, // pagination: { // el: ".swiper-pagination0", // clickable: true, // }, slidesPerView: "auto", centeredSlides: true, spaceBetween: 10, pagination: { el: ".swiper-pagination", clickable: true, }, autoplay: { delay: 1500, disableOnInteraction: false, }, }); var swiper2 = new Swiper(".mySwiper2", { effect: "cards", grabCursor: true, navigation: { enabled: false }, cardsEffect: { perSlideOffset: 15, // Space between cards in px perSlideRotate: 0, // Rotation of cards in degrees rotate: false, slideShadows: false, }, pagination: { el: '.swiper-pagination2', clickable: true, }, }); $(document).ready(function () { // setInterval(() => { // // $('iframe').css("height", "700px") // if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { // $("iframe").each(function (index) { // console.log(index) // if (index == 3) { // // $(this).parent().css("position", "fixed") // $(this).addClass("box-fram") // $(this).parent().addClass("box-fram") // // } // }); // // } // }, 3000); if ($(window).width() < 991) { $(".my-footer").addClass("d-none") $(".my-footer").removeClass("d-block") $(".footer-mobile").addClass("d-block") $(".footer-mobile").removeClass("d-none") } else { $(".my-footer").addClass("d-block") $(".my-footer").removeClass("d-none") $(".footer-mobile").addClass("d-none") $(".footer-mobile").removeClass("d-block") } }); $(window).resize(function () { if ($(window).width() < 991) { $(".my-footer").addClass("d-none") $(".my-footer").removeClass("d-block") $(".footer-mobile").addClass("d-block") $(".footer-mobile").removeClass("d-none") } else { $(".my-footer").addClass("d-block") $(".my-footer").removeClass("d-none") $(".footer-mobile").addClass("d-none") $(".footer-mobile").removeClass("d-block") } }); $(".flatpickr-input").flatpickr({ enableTime: true, dateFormat: "d-m-Y", }); $(".btn-menu").click(function () { $("body").toggleClass("open"); }); $("#my-togger").click(function () { $(".sidebar").toggleClass("d-none"); }); $(".toggle-password-phone").click(function () { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $($(this).attr("toggle")); if (input.attr("type") == "password") { document.getElementById('password-field-phone').setAttribute('type', 'text'); } else { document.getElementById('password-field-phone').setAttribute('type', 'password'); } }); $(".toggle-password-email").click(function () { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $($(this).attr("toggle")); if (input.attr("type") == "password") { document.getElementById('password-field-email').setAttribute('type', 'text'); } else { document.getElementById('password-field-email').setAttribute('type', 'password'); } }); $(".toggle-password-name").click(function () { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $($(this).attr("toggle")); if (input.attr("type") == "password") { document.getElementById('password-field-name').setAttribute('type', 'text'); } else { document.getElementById('password-field-name').setAttribute('type', 'password'); } }); $(".toggle-password-pass").click(function () { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $($(this).attr("toggle")); if (input.attr("type") == "password") { document.getElementById('password-field-pass').setAttribute('type', 'text'); } else { document.getElementById('password-field-pass').setAttribute('type', 'password'); } }); $(".toggle-password-pass-again").click(function () { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $($(this).attr("toggle")); if (input.attr("type") == "password") { document.getElementById('password-field-pass-again').setAttribute('type', 'text'); } else { document.getElementById('password-field-pass-again').setAttribute('type', 'password'); } }); var focusForm = function (response) { var uagent = navigator.userAgent.toLowerCase(); if (uagent.search("iphone") > -1 || uagent.search("ipad") > -1){ $("html, body").animate({ scrollTop: $("#demo-form").offset().top }, "slow"); } }; </script> <script> // Function to load the Captcha script </script> <script src="/newsletter/js/newsletter-signup.js?id=d327448a6989bded13dc05cdd0026118"></script> <script> const toastInitElement = document.getElementsByClassName('notification-init-alert')[0]; if (toastInitElement) { (new bootstrap.Toast(toastInitElement, {delay: 5000})).show() } </script> </body> </html>