Внешняя солнцезащита для дома

/* Адаптация для планшетов */ @media (max-width: 992px) { .text-overlay { max-width: 70% !important; padding: 15px !important; } .text-overlay h2 { font-size: 20px !important; margin-bottom: 10px !important; } } /* Адаптация для мобилок */ @media (max-width: 768px) { .text-overlay { max-width: 90% !important; padding: 12px !important; border-radius: 5px !important; } .text-overlay h2 { font-size: 18px !important; margin-bottom: 8px !important; } .text-overlay p { font-size: 13px !important; } } /* Очень маленькие экраны */ @media (max-width: 480px) { .text-overlay { max-width: 95% !important; padding: 10px !important; } .text-overlay h2 { font-size: 16px !important; } .text-overlay p { font-size: 12px !important; } } .prestige-split-section { display: flex; width: 100%; min-height: 400px; /* Можно регулировать */ } .prestige-text-block { flex: 0 0 50%; display: flex; flex-direction: column; justify-content: center; padding: 40px; background-color: #f8f8f8; /* Фон текстового блока */ } .prestige-image-block { flex: 0 0 50%; overflow: hidden; } .prestige-image-block img { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* Адаптация для планшетов */ @media (max-width: 992px) { .prestige-text-block { padding: 30px; } } /* Адаптация для мобилок */ @media (max-width: 768px) { .prestige-split-section { flex-direction: column; min-height: auto; } .prestige-text-block, .prestige-image-block { flex: 0 0 100%; } .prestige-text-block { padding: 25px; order: 2; /* Текст после картинки */ } .prestige-image-block { min-height: 300px; /* Фиксированная высота картинки */ order: 1; } } /* Очень маленькие экраны */ @media (max-width: 480px) { .prestige-text-block { padding: 20px 15px; } .prestige-image-block { min-height: 250px; } }

Внешняя солнцезащита для дома

Современное решение для защиты комнат от яркого дневного света и перегрева. Внешние солнцезащитные системы выдерживают суровые погодные условия, остаются почти незаметными и легко адаптируются под экстерьер любого дома.

Бесконечные возможности
для вашего дома

Вертикальные солнцезащитные системы «АЛЮТЕХ» заменят рулонные и классические шторы, а также внутренние жалюзи. Вы сможете регулировать уровень освещенности дома с пульта, смартфона или через голосового помощника.

Контроль температуры

Системы «АЛЮТЕХ» защищают от прямых солнечных лучей и не накапливают тепло. Поэтому температура в комнатах остается комфортной даже жарким летом.

Приватность

Любопытные соседи и прохожие не узнают, что происходит в вашем доме. А вы не будете чувствовать себя в изоляции от окружающего мира.

Зрительный комфорт в любое время дня

Даже в разгар солнечного дня вы сможете смотреть фильм или работать. Ведь солнцезащитные системы защищают от бликов на экранах, стеклянных и зеркальных поверхностях.

Уютная атмосфера в беседке и на террасе

Внешние солнцезащитные системы «АЛЮТЕХ» защищают от насекомых и сильного ветра, падающих листьев, пыли и др. При этом приток свежего воздуха сохраняется.

Солнцезащитные системы для частного дома

В 4-минутном видео мы рассказали об основных преимуществах систем «АЛЮТЕХ».

Виды монтажа

Солнцезащитные системы устанавливаются в остекленных и открытых проемах. С учетом особенностей проекта можно выбрать накладной, встроенный или скрытый монтаж.

Накладной монтаж

Короб устанавливается над проемом на фасаде. Такой монтаж обеспечивает максимальное использование светового проема.

Встроенный монтаж

Защитный короб располагается в проеме. Благодаря этому на фасаде отсутствуют выступающие элементы, но световой проем уменьшается на высоту короба.

Скрытый монтаж

Короб помещается в заранее подготовленную нишу над оконным или дверным проемом. Скрытый тип монтажа выглядит максимально эстетично.

Цветовые решения

Для солнцезащитных систем вы можете выбрать классические оттенки, которые гармонично дополнят общее оформление дома.

* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial, sans-serif; } .color-carousel-container { margin: 20px 0; position: relative; width: 100%; } .main-image { width: 100%; height: 600px; object-fit: cover; display: block; } .colors-container { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 0 50px; } .colors-scroll { display: flex; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 10px 0; max-width: calc(100% - 100px); } .colors-scroll::-webkit-scrollbar { display: none; } .color-item { display: flex; flex-direction: column; align-items: center; margin: 0 10px; flex-shrink: 0; cursor: pointer; } .color-icon { width: 55px; height: 55px; border-radius: 50%; border: 2px solid white; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: transform 0.3s; object-fit: cover; } .color-item.active .color-icon { transform: scale(1.1); border-color: #333; } .color-name { margin-top: 5px; font-weight: bold; font-size: 14px; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.7); text-align: center; } .nav-button { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: rgba(255,255,255,0.7); border-radius: 50%; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; z-index: 10; transition: background-color 0.3s; } .nav-button:hover { background-color: rgba(255,255,255,0.9); } .nav-button.prev { left: 5px; } .nav-button.next { right: 5px; } .nav-button svg { width: 20px; height: 20px; fill: #333; } @media (max-width: 768px) { .main-image { height: 400px; } .color-icon { width: 45px; height: 45px; } .color-name { font-size: 12px; } .colors-container { padding: 0 40px; } .nav-button { width: 35px; height: 35px; } } @media (max-width: 480px) { .main-image { height: 300px; } .color-icon { width: 40px; height: 40px; } .colors-container { padding: 0 30px; } }

Цвет полотна

Цвет обрамления

// Данные для каруселей const carouselsData = { 'fabric': { mainImageId: 'fabric-main-image', scrollContainerId: 'fabric-colors-scroll', carouselContainerId: 'fabric-color-carousel', colors: [ { name: 'Песчаный', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/peschaniy.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/peschaniy.jpg' }, { name: 'Шампань', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/shampan.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/shampan.jpg' }, { name: 'Глубокий черный', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/glubokii_chernii.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/glubokii_chernii.jpg' }, { name: 'Молочный', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/molochniy.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/molochniy.jpg' }, { name: 'Антрацит', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/antracit.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/antracit.jpg' }, { name: 'Серый', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/serii.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/serii.jpg' }, { name: 'Белый', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/belii.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/belii.jpg' }, { name: 'Черный', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/cherniy.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/cherniy.jpg' }, { name: 'Алюминий', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/aluminii.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/aluminii.jpg' }, { name: 'Натуральный', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/ikonki/naturalnii.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tcvet_polotna/bolshie/naturalnii.jpg' } ] }, 'frame': { mainImageId: 'frame-main-image', scrollContainerId: 'frame-colors-scroll', carouselContainerId: 'frame-color-carousel', colors: [ { name: 'RAL 7016 (30)', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/ikonki/RAL 7016 (30).jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/bolshie/RAL 7016 (30).jpg' }, { name: 'RAL 7016 М', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/ikonki/RAL 7016 М.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/bolshie/RAL 7016 М.jpg' }, { name: 'RAL 9011 (30)', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/ikonki/RAL 8017.jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/bolshie/RAL 8017.jpg' }, { name: 'RAL 8017', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/ikonki/RAL 9011 (30).jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/bolshie/RAL 9011 (30).jpg' }, { name: 'RAL 9016', icon: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/ikonki/RAL 9011 (30).jpg', main: '/images/vneshnyaya_solncezashchita_dlya_doma/karuseli/tsvet_obramleniya/bolshie/RAL 9011 (30).jpg' } ] } }; // Инициализация каруселей function initCarousels() { for (const [carouselId, carouselData] of Object.entries(carouselsData)) { const scrollContainer = document.getElementById(carouselData.scrollContainerId); const mainImage = document.getElementById(carouselData.mainImageId); const carouselContainer = document.getElementById(carouselData.carouselContainerId); // Создаем элементы для каждого цвета carouselData.colors.forEach((color, index) => { const colorItem = document.createElement('div'); colorItem.className = 'color-item'; if (index === 0) colorItem.classList.add('active'); colorItem.innerHTML = `

${color.name}

`; colorItem.addEventListener('click', () => { // Обновляем основное изображение mainImage.src = color.main; mainImage.alt = color.name; // Удаляем активный класс у всех элементов document.querySelectorAll(`#${carouselData.scrollContainerId} .color-item`).forEach(item => { item.classList.remove('active'); }); // Добавляем активный класс к текущему элементу colorItem.classList.add('active'); }); scrollContainer.appendChild(colorItem); }); // Навигационные кнопки const prevButton = carouselContainer.querySelector('.nav-button.prev'); const nextButton = carouselContainer.querySelector('.nav-button.next'); prevButton.addEventListener('click', () => { scrollContainer.scrollBy({ left: -100, beh * avior: 'smooth' }); }); nextButton.addEventListener('click', () => { scrollContainer.scrollBy({ left: 100, beh * avior: 'smooth' }); }); } } // Инициализируем карусели при загрузке страницы window.addEventListener('DOMContentLoaded', initCarousels);

Прозрачность ткани

* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; background-color: #f5f5f5; } .container { max-width: 1280px; width: 100%; margin: 0 auto; } .image-container { position: relative; width: 100%; height: 600px; margin-bottom: 20px; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .product-image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; } .controls { position: absolute; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 15px; z-index: 10; } .time-switch, .view-switch { display: flex; flex-direction: column; gap: 5px; } .switch-title { font-weight: bold; margin-bottom: 2px; color: white; text-shadow: 0 0 3px rgba(0,0,0,0.5); font-size: 14px; } .switch-options { display: flex; gap: 8px; } .switch-btn { padding: 6px 12px; background-color: rgba(0, 0, 0, 0.65); border: none; border-radius: 20px; cursor: pointer; transition: all 0.3s; color: white; font-size: 14px; } .switch-btn.night-mode { background-color: rgba(255, 255, 255, 0.65); color: black; } .switch-btn.active { background-color: #4CAF50; color: white; } .switch-btn.active.night-mode { background-color: #4CAF50; color: white; } .opacity-buttons { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 10px; padding: 0 20px; flex-wrap: wrap; } .opacity-btn { padding: 8px 16px; background-color: rgba(0, 0, 0, 0.65); color: white; border: none; border-radius: 20px; cursor: pointer; transition: all 0.3s; font-size: 14px; min-width: 80px; } .opacity-btn.night-mode { background-color: rgba(255, 255, 255, 0.65); color: black; } .opacity-btn.active { background-color: #2196F3; color: white; transform: scale(1.05); } .opacity-btn.active.night-mode { background-color: #2196F3; color: white; } @media (max-width: 768px) { .image-container { height: 400px; } .controls { top: 10px; right: 10px; } .switch-btn, .opacity-btn { padding: 5px 10px; font-size: 12px; min-width: 70px; } .switch-title { font-size: 12px; } .opacity-buttons { bottom: 10px; gap: 6px; } } @media (max-width: 480px) { .image-container { height: 300px; } .controls { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; width: calc(100% - 20px); gap: 8px; } .time-switch, .view-switch { gap: 2px; } .switch-btn { padding: 4px 8px; font-size: 11px; min-width: 60px; } .opacity-btn { padding: 4px 8px; font-size: 11px; min-width: 60px; } .opacity-buttons { justify-content: space-around; gap: 4px; } }

Время суток:

Вид:

Доставка и Оплата

В нашем интернет-магазине Shop-alutech вы можете приобрести любое необходимое оборудование, как для самостоятельного монтажа, так и заказать монтаж оборудования у нас.

Подробнее...

Выбирайте удобные вам
варианты управления

Управляйте солнцезащитной системой со смартфона, с пульта или через голосового ассистента «Алиса».

Автоматическое управление

Электропривод позволит управлять внешними солнцезащитными системами с пульта или настенного выключателя.

Умное управление

ALUTECH Smart позволит настраивать сценарии работы с учетом времени дня и погоды. А вы сможете следить за положением системы в режиме реального времени из любой точки мира.

Вдохновляйтесь

* { box-sizing: border-box; margin: 0; padding: 0; } .slider-container { position: relative; max-width: 100%; margin: 0 auto; overflow: hidden; } .slider { display: flex; transition: transform 0.5s ease-in-out; } .slide { min-width: 100%; } .slide img { width: 100%; height: auto; display: block; } .slider-controls { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); } .slider-btn { background: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px 15px; cursor: pointer; font-size: 18px; z-index: 10; } .slider-dots { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 10px; } .dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; } .dot.active { background: white; }