Trang cá nhân - Cao Diệu Linh

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Hồ Thái Thương

2026-03-24 09:11:06

mình có nè

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Hồ Thái Thương

2026-03-24 09:10:48

<!DOCTYPE html>

<head>

<title>TCMC - Cháy Cùng Đam Mê | THPT Thượng Cát</title>

<style>

@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');

:root {

--accent: #ff4500;

--accent-gradient: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%);

--bg-dark: #070707;

}

body {

font-family: 'Plus Jakarta Sans', sans-serif;

background-color: var(--bg-dark);

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Hồ Thái Thương

2026-03-24 09:09:58

<!DOCTYPE html>

<head>

<title>TCMC - Cháy Cùng Đam Mê | THPT Thượng Cát</title>

<style>

@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');

:root {

--accent: #ff4500;

--accent-gradient: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%);

--bg-dark: #070707;

}

body {

font-family: 'Plus Jakarta Sans', sans-serif;

background-color: var(--bg-dark);

color: white;

overflow-x: hidden;

}

.font-heading { font-family: 'Syncopate', sans-serif; }

.text-gradient {

background: var(--accent-gradient);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

/* Hiệu ứng sóng âm bao quanh Logo */

.sound-wave {

position: absolute;

border: 2px solid rgba(255, 69, 0, 0.4);

border-radius: 50%;

animation: wave 4s infinite linear;

z-index: 0;

}

@keyframes wave {

0% { transform: scale(1); opacity: 1; }

100% { transform: scale(2.8); opacity: 0; }

}

.glass {

background: rgba(255, 255, 255, 0.03);

backdrop-filter: blur(20px);

border: 1px solid rgba(255, 255, 255, 0.08);

}

.bento-card {

transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

overflow: hidden;

position: relative;

}

.bento-card:hover {

transform: translateY(-10px);

border-color: var(--accent);

box-shadow: 0 20px 40px rgba(255, 69, 0, 0.15);

}

.btn-fire {

background: var(--accent-gradient);

box-shadow: 0 10px 30px rgba(255, 69, 0, 0.3);

transition: 0.4s;

}

.btn-fire:hover {

box-shadow: 0 15px 40px rgba(255, 69, 0, 0.6);

transform: scale(1.05);

}

/* Image Mask */

.img-overlay {

background: linear-gradient(to top, rgba(7,7,7,1) 0%, rgba(7,7,7,0.3) 50%, rgba(7,7,7,0) 100%);

}

.activity-card {

background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);

transition: 0.3s ease;

}

.activity-card:hover {

background: rgba(255, 69, 0, 0.05);

}

/* Gallery Zoom */

.gallery-item img {

transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);

}

.gallery-item:hover img {

transform: scale(1.1);

}

::-webkit-scrollbar { width: 6px; }

::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }

</style>

</head>

<body>

</div>

<span class="text-[8px] uppercase tracking-[0.3em] text-gray-400 font-bold">Thuong Cat Music</span>

</div>

<a href="#home" class="text-[10px] font-black uppercase tracking-widest hover:text-orange-500 transition text-orange-500">Trang chủ</a>

</div>

</div>

</nav>

</div>

AMPLIFY YOUR <br> <span class="text-gradient">PASSION</span>

</h1>

Bản sắc Thượng Cát - Giai điệu tương lai. Chúng mình cùng nhau tỏa sáng qua từng nốt nhạc.

</p>

<a href="#join" class="btn-fire px-12 py-5 rounded-2xl font-black uppercase tracking-widest text-sm w-full md:w-auto shadow-2xl text-center">Đăng ký Casting</a>

</a>

</div>

</section>

<h2 class="font-heading text-4xl md:text-6xl font-black mb-4 uppercase italic">Hành trình <span class="text-gradient">Âm nhạc</span></h2>

<p class="text-gray-500 tracking-[0.2em] uppercase text-xs font-bold">Từ luyện tập đến sân khấu chuyên nghiệp</p>

</div>

</div>

<h3 class="text-2xl font-bold mb-4">Workshop & Luyện thanh</h3>

<p class="text-gray-500 text-sm mb-6">"Xương sống" của CLB, nơi nâng tầm giọng hát mỗi tuần.</p>

<li class="flex items-center space-x-2"><i class="fas fa-check text-orange-500"></i> <span>Kỹ thuật lấy hơi, mở khẩu hình.</span></li>

</ul>

</div>

</div>

<h3 class="text-2xl font-bold mb-4">Tập luyện & Chia bè</h3>

<li class="flex items-center space-x-2"><i class="fas fa-check text-blue-500"></i> <span>Chia bè Soprano, Alto, Tenor.</span></li>

</ul>

</div>

<p class="text-xl font-bold text-orange-500 uppercase tracking-tighter">THPT Thượng Cát</p>

</div>

</section>

<div>

<p class="text-gray-500 tracking-[0.2em] uppercase text-xs font-bold">Những khoảnh khắc bùng cháy của TCMC</p>

</div>

<span class="text-orange-500 font-bold">K20</span> <span class="text-gray-400 text-xs ml-2">Performance Collection</span>

</div>

<p class="text-gray-400 text-sm">Tiết mục khai mạc đầy ấn tượng.</p>

</div>

<h3 class="text-xl font-bold uppercase tracking-tighter">Giai điệu người lính</h3>

</div>

<h3 class="text-xl font-bold uppercase tracking-tighter">Sen Hồng Thượng Cát</h3>

<p class="text-gray-400 text-xs">Vẻ đẹp truyền thống kết hợp hiện đại.</p>

</div>

<p class="text-gray-400 text-xs">Hòa giọng cùng đam mê.</p>

</div>

</section>

</div>

</div>

</div>

Xác nhận Casting ngay

</button>

</form>

</div>

</section>

<div>

</div>

</div>

</div>

<span class="text-[9px] text-gray-700 uppercase tracking-[0.5em] block mb-1">Developed by</span>

</div>

<p class="text-[10px] text-gray-600 uppercase font-black tracking-widest">Trường THPT Thượng Cát</p>

</div>

</footer>

</div>

<div>

<p class="text-xs text-gray-400">Chuẩn bị bài tủ và đợi tin từ TCMC nhé!</p>

</div>

// Navbar scroll effect

window.addEventListener('scroll', () => {

const nav = document.getElementById('navbar');

if (window.scrollY > 80) {

nav.classList.add('bg-black/90', 'backdrop-blur-2xl', 'py-2', 'border-b', 'border-white/5');

} else {

nav.classList.remove('bg-black/90', 'backdrop-blur-2xl', 'py-2', 'border-b', 'border-white/5');

}

});

// Form Submission

document.getElementById('joinForm').addEventListener('submit', (e) => {

e.preventDefault();

const toast = document.getElementById('toast');

toast.style.display = 'block';

setTimeout(() => {

toast.style.display = 'none';

e.target.reset();

}, 4000);

});

// Smooth Scroll

document.querySelectorAll('a[href^="#"]').forEach(anchor => {

anchor.addEventListener('click', function (e) {

e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({

behavior: 'smooth'

});

</script>

</body>

</html>

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Lê Hiếu Quang

2026-03-17 09:50:20

-Loại cáp: Cáp xoắn đôi Cat6 là phù hợp nhất, đảm bảo tốc độ truyền tải và ổn định ở khoảng cách .

-Cách thức kết nối mạng đến các thiết bị :

+Bước 1: Kết nối trung tâm: Đặt Switch ở vị trí trung tâm văn phòng.

+Bước 2: Kết nối máy tính và máy in: Sử dụng dây cáp Cat6 bấm sẵn đầu RJ45, cắm một đầu vào cổng mạng LAN trên máy tính/máy in, đầu còn lại cắm vào một cổng trên Switch. Thực hiện lần lượt cho 20 máy tính và máy in.

+Bước 3: Kết nối Internet: Sử dụng một dây cáp mạng kết nối một cổng LAN trên Switch với cổng LAN của Router/Modem Internet.

+Bước 4: Kiểm tra: Đèn tín hiệu trên Switch và cổng mạng trên máy tính sáng/nhấp nháy thể hiện kết nối thành công.

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Lê Hiếu Quang

2026-03-17 09:46:42

_Điều khiển và tự động hóa: Cho phép bật/tắt thiết bị gia dụng (đèn, quạt, máy pha cà phê...) từ bất cứ đâu, hoặc theo lịch trình cố định.

_Tiết kiệm điện năng: Tự động ngắt điện khi không có người, hoặc khi thiết bị đã sạc đầy/chạy xong chương trình, tránh lãng phí.

_Giám sát năng lượng: Theo dõi mức tiêu thụ điện chi tiết theo ngày/tháng, cảnh báo nếu vượt ngưỡng để rèn luyện thói quen sử dụng điện tiết kiệm.

_Thiết lập ngữ cảnh thông minh: Tương tác với cảm biến để tạo các kịch bản như: "về nhà" (đèn bật, rèm mở) hoặc "đi ngủ" (tất cả ổ cắm tắt).

_Nâng cao an toàn: Giảm rủi ro chập cháy nhờ tính năng tự động ngắt và kiểm soát

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Lê Hiếu Quang

2026-03-17 09:44:32

.mark{

border: 2px solid #FFA500;

font-weight: bold;

color: black;

font-size: 30px;

}

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Lê Hiếu Quang

2026-03-17 09:38:35

-Thẻ h4.1: Chữ màu đỏ, in nghiêng, nền màu vàng.

-Thẻ h4.2: Chữ màu xanh lá, font Arial, cỡ 35px, in nghiêng, nền màu xám.

-Thẻ p1: Chữ màu xanh lá, font Arial, cỡ 35px.

-Thẻ p2: Chữ màu đỏ, font Quicksand, in đậm.

CD

Cao Diệu Linh

đã trả lời một câu hỏi của Đỗ Bá Anh Tuấn

2025-03-17 09:47:27

t đây nè

Cao Diệu Linh

Giới thiệu về bản thân

Chúng tôi đề xuất

Tài nguyên

Ứng dụng mobile

Cao Diệu Linh

Giới thiệu về bản thân

Thành tích đạt được 274

Thành tích đạt được tuần này 0

Số bài làm 51

Điểm hỏi đáp 1SP, 0GP

Điểm hỏi đáp tuần này 0SP, 0GP

Các khóa học có thể bạn quan tâm

Yêu cầu VIP

Thành tích đạt được

274

Thành tích đạt được tuần này

0

Số bài làm

51

Điểm hỏi đáp

1SP, 0GP

Điểm hỏi đáp tuần này

0SP, 0GP