Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link rel="stylesheet" href="minhbeo.css"> | |
| </head> | |
| <body> | |
| <div class="menu"> | |
| <a href="#muctieu" id="muctieu-link">Mục tiêu </a> | |
| <a href="#thoigian" id="thoigian-link">Deadline</a> | |
| <a href="#kehoach" id="kehoach-link">Kế Hoạch</a> | |
| </div> | |
| <div id="muctieu" class="border"> | |
| <h2 id="gia">📌Mục Tiêu</h2> | |
| <div id="group"> | |
| <div id="rizzlerr"> | |
| <p id="mrbeast">Học Tập</p> | |
| <ul> | |
| <li>Đạt được thành tích học sinh xuất sắc</li> | |
| </ul> | |
| <img id="yessir" src="muctieu.png"></img> | |
| </div> | |
| <div id="rizz"> | |
| <p id="mrbeast">Sức Khỏe</p> | |
| <ul> | |
| <li>tập thể dục nhiều hơn</li> | |
| <li>nhảy dây 200 cái mỗi ngày</li> | |
| </ul> | |
| <img id="yessir" src="mrbeast.png"></img> | |
| </div> | |
| <div id="ler"> | |
| <p id="mrbeast">HọcTập</p> | |
| <ul> | |
| <li>Đạt được thành tích học sinh xuất sắc</li> | |
| </ul> | |
| <img id="yessir" src="GETOUT.png"></img> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="thoigian" class="border"> | |
| <h2>⏱Deadline</h2> | |
| <p>Thay đổi bản thân</p> | |
| <script src="https://cdn.logwork.com/widget/countdown.js"></script> | |
| <a href="https://logwork.com/countdown-timer" class="countdown-timer" data-style="flip2" | |
| data-timezone="Asia/Phnom_Penh" data-language="vi" data-date="2025-01-14 11:47">Countdown Timer</a> | |
| </div> | |
| <script> | |
| // Declare all navigation link variables | |
| var muctieulink = document.getElementById('muctieu-link'); | |
| var thoigianlink = document.getElementById('thoigian-link'); | |
| var kehoachlink = document.getElementById('kehoach-link'); | |
| var muctieu = document.getElementById('muctieu'); | |
| var thoigian = document.getElementById('thoigian'); | |
| var kehoach = document.getElementById('deadline'); | |
| // Add event listeners to handle active link styling | |
| aboutlink.addEventListener('click', function () { | |
| muctieulink.classList.add('active'); | |
| thoigianlink.classList.remove('active'); | |
| kehoachlink.classList.remove('active'); | |
| muctieu.style.display = 'block'; | |
| thoigian.style.display = 'none'; | |
| kehoach.style.display = 'none'; | |
| }); | |
| thoigianlink.addEventListener('click', function () { | |
| muctieulink.classList.remove('active'); | |
| thoigianlink.classList.add('active'); | |
| kehoachlink.classList.remove('active'); | |
| muctieu.style.display = 'none'; | |
| thoigian.style.display = 'block'; | |
| kehoach.style.display = 'none'; | |
| }); | |
| kehoachlink.addEventListener('click', function () { | |
| muctieulink.classList.remove('active'); | |
| thoigianlink.classList.remove('active'); | |
| kehoachlink.classList.add('active'); | |
| muctieu.style.display = 'none'; | |
| thoigian.style.display = 'none'; | |
| kehoach.style.display = 'block'; | |
| }); | |
| </script> | |
| </body> | |
| </html> |