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="about-section"> | |
| <h1>Колледж жөнүндө</h1> | |
| <div class="about-content"> | |
| <img src="http://static.photos/education/640x360/2" alt="Колледж зданиесы"> | |
| <div class="text-content"> | |
| <h2>Каракол Колледжинин тарыхы</h2> | |
| <p>Каракол Колледжи 1995-жылы негизделген жана узак жылдар бою жогорку сапаттагы билим берүү менен аймактык экономикага чоң салым кошкон.</p> | |
| <p>Биздин колледж үч багыт боюнча адистерди даярдайт: информатика, экономика жана медицина.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="mission"> | |
| <h2>Биздин кызмат</h2> | |
| <p>Биздин негизги милдет - студенттерге заманбап билим берүү жана аларды ишкердүү кызматкерлер катары даярдоо.</p> | |
| </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> |