/
hellok1tta
/
html-css
Обзор
Документация
Войти
/
hellok1tta
/
html-css
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/about.html
236 строк
13 KB
hellok1tta
upload files
07 дек 2025, 11:51
07 дек 2025, 11:51
0c9175b
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>О нас - Пекарня "Вкусный уголок"</title> <meta name="description" content="Узнайте больше о нашей пекарне 'Вкусный уголок' - нашей истории, команде и ценностях"> <link rel="stylesheet" href="scss/main.css"> </head> <body> <header> <div class="container"> <div class="logo-container"> <a href="index.html" aria-label="Перейти на главную страницу"> <div class="logo-placeholder"> <img src="images/logo.jpg" alt="" class="logo-placeholder"> </div> </a> <h1>Пекарня "Вкусный уголок"</h1> </div> <nav class="main-nav" aria-label="Основное меню"> <ul> <li><a href="index.html">Главная</a></li> <li><a href="about.html" class="active">О нас</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="contacts.html">Контакты</a></li> <li><a href="login.html">Вход</a></li> <li><a href="register.html">Регистрация</a></li> <li><a href="#" class="cart-link">Корзина <span class="cart-count">0</span></a></li> </ul> </nav> <button class="mobile-menu-btn" aria-label="Открыть меню">☰</button> </div> </header> <main> <section class="about-hero"> <div class="container"> <h1>О нашей пекарне</h1> <p>Узнайте больше о нашей истории, ценностях и команде, которая создает самые вкусные изделия с любовью</p> </div> </section> <section class="about-story"> <div class="container"> <div class="story-content"> <div class="story-text"> <h2>Наша история</h2> <p>Пекарня "Вкусный уголок" была основана в 2010 году с любовью к традиционной выпечке и желанием делиться самыми вкусными изделиями с нашими клиентами.</p> <p>Начиная с маленькой семейной пекарни, мы выросли в успешный бизнес, сохранив при этом теплую атмосферу и домашний подход к каждому изделию. За годы работы мы научились сочетать традиционные рецепты с современными тенденциями в выпечке.</p> <ul> <li>Более 10 лет на рынке</li> <li>1000+ довольных клиентов</li> <li>Собственное производство</li> <li>Только натуральные ингредиенты</li> <li>Экологичная упаковка</li> <li>Доставка по всему городу</li> </ul> </div> <div class="story-image"> <img src="images/bakery.jpg" alt="Интерьер нашей пекарни"> </div> </div> </div> </section> <section class="values"> <div class="container"> <h2>Наши ценности</h2> <div class="values-grid"> <div class="value-item"> <div class="value-icon">⭐</div> <h3>Качество</h3> <p>Используем только лучшие ингредиенты и следуем традиционным рецептам. Каждое изделие проходит строгий контроль качества.</p> </div> <div class="value-item"> <div class="value-icon">❤️</div> <h3>Любовь к делу</h3> <p>Каждое изделие мы готовим с душой и заботой о наших клиентах. Для нас выпечка - это искусство.</p> </div> <div class="value-item"> <div class="value-icon">🌱</div> <h3>Натуральность</h3> <p>Никаких консервантов и искусственных добавок - только натуральные продукты от проверенных поставщиков.</p> </div> <div class="value-item"> <div class="value-icon">🤝</div> <h3>Честность</h3> <p>Мы честны с нашими клиентами и используем только те ингредиенты, которые указываем в составе.</p> </div> <div class="value-item"> <div class="value-icon">🏆</div> <h3>Профессионализм</h3> <p>Наши пекари постоянно совершенствуют свои навыки и следят за новыми тенденциями в выпечке.</p> </div> <div class="value-item"> <div class="value-icon">🌍</div> <h3>Экологичность</h3> <p>Заботимся об окружающей среде и используем экологичную упаковку, подлежащую переработке.</p> </div> </div> </div> </section> <section class="team"> <div class="container"> <h2>Наша команда</h2> <div class="team-grid" id="team-container"> <!-- Сотрудники будут загружены через JavaScript --> <div class="loading">Загрузка информации о команде...</div> </div> </div> </section> <section class="achievements"> <div class="container"> <h2>Наши достижения</h2> <div class="achievements-grid"> <div class="achievement-item"> <div class="achievement-number">10+</div> <div class="achievement-text">Лет успешной работы</div> </div> <div class="achievement-item"> <div class="achievement-number">5000+</div> <div class="achievement-text">Довольных клиентов</div> </div> <div class="achievement-item"> <div class="achievement-number">50+</div> <div class="achievement-text">Видов выпечки</div> </div> <div class="achievement-item"> <div class="achievement-number">100%</div> <div class="achievement-text">Натуральные ингредиенты</div> </div> </div> </div> </section> <section class="cta-section"> <div class="container"> <div class="cta-content"> <h2>Хотите попробовать нашу выпечку?</h2> <p>Приходите в нашу пекарню или заказывайте доставку - мы готовим свежую выпечку каждый день!</p> <div class="cta-buttons"> <a href="catalog.html" class="btn btn-primary">Посмотреть каталог</a> <a href="contacts.html" class="btn btn-secondary">Связаться с нами</a> </div> </div> </div> </section> </main> <footer> <div class="container"> <div class="footer-content"> <div class="footer-logo"> <div class="logo-placeholder">🍞</div> <p>Пекарня "Вкусный уголок"</p> <p>Свежая выпечка с любовью с 2010 года</p> </div> <nav class="footer-nav" aria-label="Дополнительное меню"> <h4>Меню</h4> <ul> <li><a href="index.html">Главная</a></li> <li><a href="about.html">О нас</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="contacts.html">Контакты</a></li> </ul> </nav> <address class="footer-contact"> <h4>Контакты</h4> <p>г. Москва, ул. Пушкина, д. 10</p> <p><a href="tel:+74951234567">+7 (495) 123-45-67</a></p> <p><a href="mailto:info@vkusniy-ugolok.ru">info@vkusniy-ugolok.ru</a></p> </address> <div class="footer-social"> <h4>Мы в соцсетях</h4> <ul> <li><a href="#" aria-label="Наш Instagram">Instagram</a></li> <li><a href="#" aria-label="Наша страница ВКонтакте">VKontakte</a></li> <li><a href="#" aria-label="Наша страница Facebook">Facebook</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2023 Пекарня "Вкусный уголок". Все права защищены.</p> </div> </div> </footer> <script src="js/auth.js"></script> <script src="js/api.js"></script> <script src="js/main.js"></script> <script> // Загрузка команды document.addEventListener('DOMContentLoaded', async () => { await loadTeam(); }); async function loadTeam() { const container = document.getElementById('team-container'); try { const response = await fetch('/api/team'); const result = await response.json(); if (result.success && result.data) { container.innerHTML = result.data.map(employee => ` <div class="team-member"> <div> <img src="${employee.photo || 'images/placeholder-member.jpg'}" alt="${employee.name}" class="member-photo" onerror="this.onerror=null; this.src='images/placeholder-member.jpg'"> </div> <h3>${employee.name}</h3> <p class="position">${employee.position}</p> <p>${employee.description || ''}</p> </div> `).join(''); } else { container.innerHTML = '<p>Информация о команде скоро появится</p>'; } } catch (error) { console.error('Error loading team:', error); container.innerHTML = '<p class="error">Не удалось загрузить информацию о команде</p>'; } } </script> </body> </html>