Download index.html from maxdia/test: direct link, hf CLI and curl.
- Browser
- Download file 33.5 kB
-
https://huggingface.co/spaces/maxdia/test/resolve/main/index.html
- Command line
-
hf download hf://spaces/maxdia/test/index.html
-
curl -L -o index.html https://huggingface.co/spaces/maxdia/test/resolve/main/index.html
33.5 kB
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ТЭЦ | Теплоэнергетическая компания</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| .dropdown-content { | |
| max-height: 0; | |
| overflow: hidden; | |
| transition: max-height 0.3s ease-out; | |
| } | |
| .dropdown-open { | |
| max-height: 1000px; | |
| transition: max-height 0.5s ease-in; | |
| } | |
| .custom-primary { | |
| background-color: #FAF8F7; | |
| } | |
| .custom-dark { | |
| background-color: #01040D; | |
| color: #FAF8F7; | |
| } | |
| .custom-red-dark { | |
| color: #B31B1C; | |
| } | |
| .custom-red-light { | |
| color: #E62F29; | |
| } | |
| .custom-blue-dark { | |
| color: #48A0D9; | |
| } | |
| .custom-blue-light { | |
| color: #A4C1E4; | |
| } | |
| .hover-effect:hover { | |
| transform: translateY(-3px); | |
| transition: transform 0.2s ease; | |
| } | |
| .partner-logo { | |
| filter: grayscale(100%); | |
| opacity: 0.7; | |
| transition: all 0.3s ease; | |
| } | |
| .partner-logo:hover { | |
| filter: grayscale(0%); | |
| opacity: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans bg-[#FAF8F7] text-[#01040D]"> | |
| <!-- Header --> | |
| <header class="custom-dark py-4 px-6 md:px-12 lg:px-24 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 flex items-center justify-center mr-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 216.13 202.78" class="w-full h-full"> | |
| <defs> | |
| <linearGradient id="_Безымянный_градиент_24" x1="154.8" y1="90.68" x2="173.91" y2="90.68" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" stop-color="#e94c2a"/> | |
| <stop offset="1" stop-color="#b3191a"/> | |
| </linearGradient> | |
| <linearGradient id="_Безымянный_градиент_22" x1="0" y1="101.39" x2="216.13" y2="101.39" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" stop-color="#e62e28"/> | |
| <stop offset="1" stop-color="#b3191a"/> | |
| </linearGradient> | |
| <linearGradient id="_Безымянный_градиент_14" x1="62.33" y1="97.36" x2="117.95" y2="97.36" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" stop-color="#a4c1e4"/> | |
| <stop offset="1" stop-color="#47a0d9"/> | |
| </linearGradient> | |
| </defs> | |
| <path class="cls-3" fill="url(#_Безымянный_градиент_24)" d="M156.01,138.71c2.62-2.39,7.46-7.64,9.01-10.08,5.17-8.05,8.08-17.15,8.76-27.25.15-2.07.16-14.44.07-27.5l-.2-23.47c0-.17-.06-.33-.17-.46l-3.28-4.03c-1.28-1.46-2.34-2.64-2.95-3.25-.29-.29-.75-.28-1.04.02-.62.65-1.7,1.94-2.92,3.43l-2.8,3.58c-.2.26-.31.58-.31.91l.02,12.29c0,7.04.09,18.6.2,25.73.22,14.02.04,17.29-1.31,23-.92,3.96-1.81,6.69-3.27,10.12,0,.02-.02.04-.03.06l-.93,1.78c-.05.1-.08.22-.08.34v14.27c0,.63.74.96,1.21.54Z"/> | |
| <path class="cls-1" fill="url(#_Безымянный_градиент_22)" d="M215.93,89.98l-.55-.55c-.42-.39-2.58-1.44-4.79-2.28-4.94-1.92-5.57-2.22-6.05-3.09-.3-.51-.39-8.87-.45-41.1-.02-16.84-.05-31.44-.05-37.65,0-.37-.3-.66-.67-.66h-19.47c-.36,0-.66.28-.67.65-.2,5.25-.19,16.89-.19,43.12s-.12,47.81-.3,50.6c-.63,10.19-2.7,18.33-6.77,26.57-10.78,21.84-31.81,36.91-56.44,40.47-19.38,2.82-40.14-2.58-56.02-14.59-3.36-2.55-8.87-7.82-11.53-11.02-4.79-5.72-9.35-13.84-11.62-20.64-1.17-3.53-2.4-8.78-2.94-12.58-.51-3.74-.45-12.67.15-16.99,3.44-25.52,22.23-46.55,47.42-53.14,16.84-4.40,34.81-1.71,49.58,7.43,3.74,2.31,8.21,5.69,10.84,8.21.44.42.87.83,1.25,1.17.43.4,1.13.09,1.13-.50v-21.85c0-.20-.09-.40-.25-.52-1.38-1.09-6.24-4.20-10.39-6.16-4.34-2.07-8.15-3.53-12.67-4.85-1.83-.51-3.65-1.20-4.10-1.53-.93-.63-1.08-1.08-3.56-10.57-.87-3.31-1.77-6.29-2.01-6.65-.24-.39-.90-.81-1.53-.99-1.29-.36-25.34-.39-26.24,0-.33.11-.74.40-.96.63-.05.05-.08.10-.11.17-.31.69-1.34,4.19-2.40,8.25-1.56,5.81-2.28,8.06-2.76,8.54-.42.42-2.04,1.08-4.25,1.74-6.44,1.95-12.61,4.55-17.64,7.49-1.14.65-1.83.86-2.84.78-.06,0-.12-.02-.18-.04-.65-.27-3.78-2.06-7.32-4.19-7.25-4.34-7.94-4.61-9.56-3.77-.45.24-4.88,4.52-9.83,9.53-9.53,9.56-9.80,9.95-9.11,11.80.18.48,3.25,5.46,4.12,6.78,4.01,6.23,4.27,7,4.27,7.63,0,.36-.99,2.67-2.22,5.09-2.34,4.67-3.89,8.24-4.94,11.50-.36,1.08-.86,2.92-1.22,3.25-.84.78-.94.46-9.83,2.26-3.86.78-7.25,1.80-7.58,1.98-1.20.63-1.75,1.33-1.75,3.73,0,1.23-.53,15.53-.82,21.64-.20,4.27-.70,5.25,5.77,7.08,7.76,2.21,10.96,3.26,11.70,3.83.03.02.05.04.07.07.36.39.84,1.37,1.10,2.27,1.17,4.28,3.33,10.66,4.64,13.84.81,1.95,1.47,3.95,1.47,4.46,0,.72-.99,2.55-3.80,6.98-2.10,3.33-4.10,6.62-4.49,7.37-1.11,2.16-.78,2.76,4.22,7.79,2.37,2.40,6.53,6.83,9.32,9.89,5.06,5.60,6.38,6.74,7.49,6.41.78-.21,4.33-1.94,8.85-4.40,1.92-1.05,5.62-2.91,5.92-2.91s2.16,1.02,4.07,2.28c4.52,2.94,9.89,5.69,14.41,7.43,5.24,2.04,5.84,2.31,6.41,3.09.33.39,1.53,4.58,2.91,10.04,2.73,10.96,2.67,10.84,5.84,11.14,2.52.24,24.80,1.08,28.34,1.08,4.01,0,3.80.27,6.68-8.84,3.18-10.10,3.06-9.80,4.13-10.51.51-.36,1.86-.81,2.97-1.02,6.71-1.26,13.12-3.50,21-7.40,5.75-2.85,5.81-2.88,6.74-2.43.54.27,4.20,2.60,8.15,5.18,3.58,2.34,3.61,2.47,7.97,5.03.75.44,1.14.21,1.56.09,1.70-.50,21.96-20.04,22.86-21.81.84-1.59.57-2.28-3.47-8.78-2.73-4.37-3.89-6.53-3.89-7.16,0-.54.66-2.04,1.65-3.74,2.64-4.64,4.97-9.80,6.44-14.08,1.26-3.71,1.41-4.04,2.40-4.55.57-.30,3.95-1.32,7.49-2.22,3.53-.93,6.83-1.83,7.28-2.01,1.62-.63,1.62-.81,1.74-15.13l.12-12.96c0-.18-.07-.36-.20-.48Z"/> | |
| <g> | |
| <path class="cls-2" fill="url(#_Безымянный_градиент_14)" d="M106.57,105.02c4.37-3.03,7.91-7.52,9.71-12.31,3.06-8.24,1.86-18.99-3.09-27.71-3.71-6.56-8.87-12.31-14.11-15.82-3-1.98-9.17-5.03-9.17-4.52,0,.06.39.96.90,2.01,1.35,2.91,1.86,5.18,2.01,8.99.42,9.17-3,15.97-13.66,27.38-9.71,10.39-14.71,18.75-16.33,27.41-.78,3.95-.63,10.07.27,13.63,2.91,11.47,13.96,22.47,25.46,25.31,3.03.75,8.54,1.02,8.75.42.06-.21-.81-.87-1.92-1.47-7.70-4.28-12.67-10.39-14.65-18.12-.87-3.41-.81-10.63.12-14.08,1.83-6.71,5.18-12.34,11.89-19.92,3.74-4.25,5.39-6.56,6.44-9.08,1.08-2.58,1.80-6.05,1.80-8.75,0-1.14.12-2.10.27-2.10.39,0,2.22,3.09,3.18,5.39,1.56,3.71,2.01,5.66,2.16,9.74.15,4.04-.18,6.14-1.92,12.34-.72,2.58-.36,2.82,1.89,1.26Z"/> | |
| <path class="cls-4" fill="url(#_Безымянный_градиент_14)" d="M112.08,149.80c11.65-2.07,20.97-9.44,26.51-20.94,2.52-5.15,3.41-8.93,3.65-14.86.45-11.26-2.43-21.27-8.33-28.94-1.32-1.68-5.90-6.17-6.83-6.68-.51-.27-.57,0-.72,3.83-.18,4.97-1.05,8.63-3.09,13.06-2.52,5.51-2.61,5.87-2.43,9.92.12,3.30.24,3.89,1.38,7.01,2.34,6.41,2.64,11.20,1.08,16.60-2.52,8.72-8.12,15.43-16.27,19.50-1.26.63-2.16,1.26-2.07,1.47.18.57,3.95.60,7.10.03Z"/> | |
| </g> | |
| </svg> | |
| </div> | |
| <h1 class="text-2xl md:text-3xl font-bold custom-red-light">АО <span class="text-white">"ТЭЦ ВИЗа"</span></h1> | |
| </div> | |
| <button class="md:hidden text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> | |
| </svg> | |
| </button> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#" class="text-white hover:text-[#E62F29] transition duration-300">Главная</a> | |
| <button onclick="toggleSection('about')" class="text-white hover:text-[#E62F29] transition duration-300">О компании</button> | |
| <button onclick="toggleSection('news')" class="text-white hover:text-[#E62F29] transition duration-300">Новости</button> | |
| <button onclick="toggleSection('disclosure')" class="text-white hover:text-[#E62F29] transition duration-300">Раскрытие информации</button> | |
| <button onclick="toggleSection('contacts')" class="text-white hover:text-[#E62F29] transition duration-300">Контакты</button> | |
| </nav> | |
| </header> | |
| <!-- Hero Section --> | |
| <div class="relative h-96 bg-[#A4C1E4] flex items-center justify-center"> | |
| <div class="absolute inset-0 bg-black opacity-40"></div> | |
| <div class="relative z-10 text-center px-4"> | |
| <h2 class="text-4xl md:text-5xl font-bold text-white mb-6">Тепло и энергия для ВИЗа</h2> | |
| <p class="text-xl text-white max-w-2xl mx-auto">Обеспечиваем тепловой энергией Верх-Исетский район с 1973 года</p> | |
| </div> | |
| </div> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-6 md:px-12 py-12"> | |
| <!-- About Section --> | |
| <section id="about-section" class="mb-12 dropdown-content"> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover-effect"> | |
| <div class="flex items-center bg-[#01040D] p-4"> | |
| <h2 class="text-2xl font-bold text-[#E62F29]">О компании</h2> | |
| <button onclick="toggleSection('about')" class="ml-auto text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-semibold custom-blue-dark mb-4">Наша история</h3> | |
| <p class="mb-4">Наша теплоэлектроцентраль была введена в эксплуатацию в 1973 году и с тех пор непрерывно обеспечивает тепловой и электрической энергией промышленные предприятия и жилой сектор региона.</p> | |
| <p>За годы работы предприятие неоднократно модернизировалось, внедрялись новые технологии, что позволило значительно повысить эффективность и экологичность производства.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold custom-blue-dark mb-4">Наши достижения</h3> | |
| <ul class="space-y-3"> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mt-1 mr-2 text-[#E62F29]" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Снижение выбросов на 45% за последние 10 лет</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mt-1 mr-2 text-[#E62F29]" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Сертификат ISO 14001 за экологический менеджмент</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mt-1 mr-2 text-[#E62F29]" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Покрытие 60% тепловых потребностей региона</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- News Section --> | |
| <section id="news-section" class="mb-12 dropdown-content"> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover-effect"> | |
| <div class="flex items-center bg-[#01040D] p-4"> | |
| <h2 class="text-2xl font-bold text-[#E62F29]">Новости</h2> | |
| <button onclick="toggleSection('news')" class="ml-auto text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <article class="border-b pb-4 md:border-b-0 md:border-r md:pr-6 md:pb-0 last:border-r-0"> | |
| <div class="h-48 bg-[#A4C1E4] mb-4 flex items-center justify-center"> | |
| <span class="text-[#01040D] font-bold">Фото новости</span> | |
| </div> | |
| <h3 class="text-xl font-semibold custom-red-dark mb-2">Модернизация оборудования</h3> | |
| <p class="text-sm text-gray-600 mb-2">15 мая 2023</p> | |
| <p>Завершены работы по модернизации турбинного оборудования, что позволит увеличить эффективность генерации на 12%.</p> | |
| </article> | |
| <article class="border-b pb-4 md:border-b-0 md:border-r md:pr-6 md:pb-0 last:border-r-0"> | |
| <div class="h-48 bg-[#A4C1E4] mb-4 flex items-center justify-center"> | |
| <span class="text-[#01040D] font-bold">Фото новости</span> | |
| </div> | |
| <h3 class="text-xl font-semibold custom-red-dark mb-2">Экологическая инициатива</h3> | |
| <p class="text-sm text-gray-600 mb-2">28 апреля 2023</p> | |
| <p>Наша ТЭЦ присоединилась к программе "Зеленая энергетика", направленной на снижение углеродного следа.</p> | |
| </article> | |
| <article> | |
| <div class="h-48 bg-[#A4C1E4] mb-4 flex items-center justify-center"> | |
| <span class="text-[#01040D] font-bold">Фото новости</span> | |
| </div> | |
| <h3 class="text-xl font-semibold custom-red-dark mb-2">Награда за надежность</h3> | |
| <p class="text-sm text-gray-600 mb-2">10 марта 2023</p> | |
| <p>Награждены знаком "Надежный поставщик тепловой энергии" по итогам 2022 года.</p> | |
| </article> | |
| </div> | |
| <div class="text-center mt-6"> | |
| <button class="px-6 py-2 bg-[#48A0D9] text-white rounded hover:bg-[#3a8bc4] transition">Все новости</button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Disclosure Section --> | |
| <section id="disclosure-section" class="mb-12 dropdown-content"> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover-effect"> | |
| <div class="flex items-center bg-[#01040D] p-4"> | |
| <h2 class="text-2xl font-bold text-[#E62F29]">Раскрытие информации</h2> | |
| <button onclick="toggleSection('disclosure')" class="ml-auto text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="mb-8"> | |
| <h3 class="text-xl font-semibold custom-blue-dark mb-4">Финансовая отчетность</h3> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="border border-[#A4C1E4] p-4 rounded-lg"> | |
| <h4 class="font-medium text-[#48A0D9] mb-2">Годовой отчет 2022</h4> | |
| <p class="mb-3">Полная финансовая отчетность за 2022 год</p> | |
| <button class="text-sm text-[#E62F29] hover:underline">Скачать PDF (2.4 MB)</button> | |
| </div> | |
| <div class="border border-[#A4C1E4] p-4 rounded-lg"> | |
| <h4 class="font-medium text-[#48A0D9] mb-2">Отчет за 1 квартал 2023</h4> | |
| <p class="mb-3">Финансовые результаты за январь-март 2023 года</p> | |
| <button class="text-sm text-[#E62F29] hover:underline">Скачать PDF (1.8 MB)</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold custom-blue-dark mb-4">Техническая информация</h3> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="border border-[#A4C1E4] p-4 rounded-lg"> | |
| <h4 class="font-medium text-[#48A0D9] mb-2">Технические характеристики</h4> | |
| <p class="mb-3">Основные параметры оборудования ТЭЦ</p> | |
| <button class="text-sm text-[#E62F29] hover:underline">Подробнее</button> | |
| </div> | |
| <div class="border border-[#A4C1E4] p-4 rounded-lg"> | |
| <h4 class="font-medium text-[#48A0D9] mb-2">Производственные показатели</h4> | |
| <p class="mb-3">Годовые объемы выработки тепла и электроэнергии</p> | |
| <button class="text-sm text-[#E62F29] hover:underline">Подробнее</button> | |
| </div> | |
| <div class="border border-[#A4C1E4] p-4 rounded-lg"> | |
| <h4 class="font-medium text-[#48A0D9] mb-2">Экологический отчет</h4> | |
| <p class="mb-3">Данные по воздействию на окружающую среду</p> | |
| <button class="text-sm text-[#E62F29] hover:underline">Подробнее</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contacts Section --> | |
| <section id="contacts-section" class="dropdown-content"> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover-effect"> | |
| <div class="flex items-center bg-[#01040D] p-4"> | |
| <h2 class="text-2xl font-bold text-[#E62F29]">Контакты</h2> | |
| <button onclick="toggleSection('contacts')" class="ml-auto text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-semibold custom-blue-dark mb-4">Как нас найти</h3> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-[#B31B1C] mr-3 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> | |
| </svg> | |
| <div> | |
| <p class="font-medium">Адрес:</p> | |
| <p>123456, Россия, г. Энергоград, ул. Тепловая, д. 10</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-[#B31B1C] mr-3 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /> | |
| </svg> | |
| <div> | |
| <p class="font-medium">Телефоны:</p> | |
| <p>+7 (XXX) XXX-XX-XX (Приемная)</p> | |
| <p>+7 (XXX) XXX-XX-XX (Пресс-служба)</p> | |
| <p>+7 (XXX) XXX-XX-XX (Техническая поддержка)</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-[#B31B1C] mr-3 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /> | |
| </svg> | |
| <div> | |
| <p class="font-medium">Электронная почта:</p> | |
| <p>info@viza-tеc.ru (Общие вопросы)</p> | |
| <p>press@viza-tеc.ru (Для СМИ)</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold custom-blue-dark mb-4">Форма обратной связи</h3> | |
| <form class="space-y-4"> | |
| <div> | |
| <label for="name" class="block text-sm font-medium">Ваше имя</label> | |
| <input type="text" id="name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-[#48A0D9] focus:border-[#48A0D9]"> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-sm font-medium">Электронная почта</label> | |
| <input type="email" id="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-[#48A0D9] focus:border-[#48A0D9]"> | |
| </div> | |
| <div> | |
| <label for="message" class="block text-sm font-medium">Сообщение</label> | |
| <textarea id="message" rows="4" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-[#48A0D9] focus:border-[#48A0D9]"></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-[#E62F29] text-white py-2 px-4 rounded-md hover:bg-[#B31B1C] transition">Отправить</button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Partners Section --> | |
| <section class="bg-[#01040D] py-12 px-6 md:px-12 lg:px-24"> | |
| <div class="container mx-auto"> | |
| <h2 class="text-2xl font-bold text-center text-white mb-8">Наши потребители</h2> | |
| <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8"> | |
| <div class="flex items-center justify-center p-4"> | |
| <div class="h-20 bg-white partner-logo flex items-center justify-center w-full"> | |
| <span class="text-[#01040D] font-bold">ВИЗ-Сталь</span> | |
| </div> | |
| </div> | |
| <div class="flex items-center justify-center p-4"> | |
| <div class="h-20 bg-white partner-logo flex items-center justify-center w-full"> | |
| <span class="text-[#01040D] font-bold">Т Плюс</span> | |
| </div> | |
| </div> | |
| <div class="flex items-center justify-center p-4"> | |
| <div class="h-20 bg-white partner-logo flex items-center justify-center w-full"> | |
| <span class="text-[#01040D] font-bold">УК Верх - Исетская</span> | |
| </div> | |
| </div> | |
| <div class="flex items-center justify-center p-4"> | |
| <div class="h-20 bg-white partner-logo flex items-center justify-center w-full"> | |
| <span class="text-[#01040D] font-bold">Екатеринбург энергосбыт</span> | |
| </div> | |
| </div> | |
| <div class="flex items-center justify-center p-4"> | |
| <div class="h-20 bg-white partner-logo flex items-center justify-center w-full"> | |
| <span class="text-[#01040D] font-bold">Рендер</span> | |
| </div> | |
| </div> | |
| <div class="flex items-center justify-center p-4"> | |
| <div class="h-20 bg-white partner-logo flex items-center justify-center w-full"> | |
| <span class="text-[#01040D] font-bold">Гринспейсер</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-[#01040D] text-white py-8"> | |
| <div class="container mx-auto px-6 md:px-12"> | |
| <div class="grid md:grid-cols-4 gap-8 text-center md:text-left"> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4 custom-red-light">АО "ТЭЦ ВИЗа"</h3> | |
| <p>Обеспечиваем тепловой энергией Верх-Исетский район Екатеринбурга с 1973 года.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4 custom-blue-light">Быстрые ссылки</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-[#E62F29] transition">Главная</a></li> | |
| <li><button onclick="toggleSection('about')" class="hover:text-[#E62F29] transition">О компании</button></li> | |
| <li><button onclick="toggleSection('news')" class="hover:text-[#E62F29] transition">Новости</button></li> | |
| <li><button onclick="toggleSection('disclosure')" class="hover:text-[#E62F29] transition">Раскрытие информации</button></li> | |
| <li><button onclick="toggleSection('contacts')" class="hover:text-[#E62F29] transition">Контакты</button></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4 custom-blue-light">Контактная информация</h3> | |
| <address class="not-italic"> | |
| <p>г. Екатеринбург, ул. Кирова, д. 28 / ул. Толедова, д. 43</p> | |
| <p class="mt-2">+7 (343) 379-50-05</p> | |
| <p class="mt-2">office@tecviz.ru</p> | |
| </address> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-8 pt-6 text-sm text-center md:text-center"> | |
| <p>© 2025 АО "ТЭЦ ВИЗа". Все права защищены.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Function to toggle sections | |
| function toggleSection(sectionName) { | |
| // Close all other sections first | |
| const allSections = document.querySelectorAll('.dropdown-content'); | |
| allSections.forEach(sect => { | |
| if (sect.id !== `${sectionName}-section`) { | |
| sect.classList.remove('dropdown-open'); | |
| // Reset all icons to default state | |
| const sectionButton = document.querySelector(`button[onclick="toggleSection('${sect.id.replace('-section', '')}')"]`); | |
| if (sectionButton) { | |
| const icon = sectionButton.querySelector('svg'); | |
| if (icon) { | |
| icon.classList.remove('transform', 'rotate-180'); | |
| } | |
| } | |
| } | |
| }); | |
| // Toggle clicked section | |
| const section = document.getElementById(`${sectionName}-section`); | |
| section.classList.toggle('dropdown-open'); | |
| // Rotate arrow icon of clicked section | |
| const button = event.currentTarget; | |
| const icon = button.querySelector('svg'); | |
| if (icon) { | |
| icon.classList.toggle('transform'); | |
| icon.classList.toggle('rotate-180'); | |
| } | |
| } | |
| // Initially open the first section | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const aboutSection = document.getElementById('about-section'); | |
| aboutSection.classList.add('dropdown-open'); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maxdia/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |