Spaces:
Running
Running
// Mobile menu toggle const menuBtn = this.shadowRoot.querySelector('.mobile-menu-btn'); const menu = this.shadowRoot.querySelector('ul'); menuBtn.addEventListener('click', () => { menu.classList.toggle('open'); const icon = menuBtn.querySelector('i'); icon.setAttribute('data-feather', menu.classList.contains('open') ? 'x' : 'menu'); feather.replace(); }); // Navbar scroll effect const nav = this.shadowRoot.querySelector('nav'); window.addEventListener('scroll', () => { if (window.scrollY > 50) { nav.classList.add('scrolled'); } else { nav.classList.remove('scrolled'); } }); feather.replace(); } } customElements.define('custom-navbar', CustomNavbar); `; feather.replace(); } } customElements.define('custom-footer', CustomFooter); эмне ката болуп калды кыргызча жасап берчи
1a24f92
verified
| <html lang="kg,ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Программалар - Karakol College</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| </head> | |
| <body> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <section class="programs-section"> | |
| <h1>Биздин программалар</h1> | |
| <div class="program-cards"> | |
| <div class="program-card"> | |
| <i class="fas fa-laptop-code"></i> | |
| <h2>Информатика</h2> | |
| <p>Программисттерди жана IT адистерин даярдоо</p> | |
| <a href="#" class="btn">Кененирээк</a> | |
| </div> | |
| <div class="program-card"> | |
| <i class="fas fa-chart-line"></i> | |
| <h2>Экономика</h2> | |
| <p>Бухгалтерлер жана экономисттер даярдоо</p> | |
| <a href="#" class="btn">Кененирээк</a> | |
| </div> | |
| <div class="program-card"> | |
| <i class="fas fa-user-nurse"></i> | |
| <h2>Медицина</h2> | |
| <p>Медсестралар жана фельдшерлер даярдоо</p> | |
| <a href="#" class="btn">Кененирээк</a> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer> | |
| <p>© 2023 Каракол Колледжи. Бардык укуктар корголгон.</p> | |
| <div class="social"> | |
| <a href="#"><i class="fab fa-facebook"></i></a> | |
| <a href="#"><i class="fab fa-instagram"></i></a> | |
| <a href="#"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |