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="contact-section"> | |
| <h1>Биз менен байланыш</h1> | |
| <div class="contact-container"> | |
| <div class="contact-info"> | |
| <h2>Байланыш маалыматтары</h2> | |
| <p><i class="fas fa-map-marker-alt"></i> Кыргыз Республикасы, Ысык-Көл облусу, Каракол шаары</p> | |
| <p><i class="fas fa-phone"></i> +996 (3922) 5-55-55</p> | |
| <p><i class="fas fa-envelope"></i> info@karakolcollege.kg</p> | |
| <h3>Иш сааттары</h3> | |
| <p>Дүйшөмбү-Жума: 08:30 - 17:00</p> | |
| <p>Ишемби-Жекшемби: Дем алыш</p> | |
| </div> | |
| <div class="contact-form"> | |
| <h2>Бизге кат жөнөтүңүз</h2> | |
| <form> | |
| <input type="text" placeholder="Аты-жөнүңүз" required> | |
| <input type="email" placeholder="Электрондук почтаңыз" required> | |
| <input type="tel" placeholder="Телефон номериңиз"> | |
| <textarea placeholder="Катыңыз..." required></textarea> | |
| <button type="submit" class="btn">Жөнөтүү</button> | |
| </form> | |
| </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> |