Каркасний будинок: Каркасний будинок своїми руками: покрокова інструкція

Каркасний будинок своїми руками: покрокова інструкція

Технологія спорудження швидко зведених будинків користується великою популярністю. Ця тема постійно обговорюється на будівельних форумах і викликає багато суперечок. Плюси і мінуси каркасних будинків допоможуть сформувати загальне уявлення про метод, ознайомитися з етапами будівництва об’єктів.
Каркасний будинок своїми руками

Содержание

Плюси і мінуси каркасних будинків

Виходячи з досвіду європейських країн, не виникає сумнівів, що скоро каркасно-щитові будинки стануть лідерами в малоповерховому будівництві. У порівнянні з традиційними системами будівництва у технології є свої переваги, головне з яких – економічність. Фінансовий аспект – один із стимулюючих факторів для створення власного житла. Вартість 1 кв. м менше в півтора рази пінобетонних блоків, в 2,4 цегляних стін, в 1,4 рази бруса.

Каркасно-щитовий конструктор збирається зусиллями 4 осіб за 1,5 місяці. За цим принципом допустимо звести об’єкт будь-якої складності до 3 поверхів. До того ж, будівництво каркасного будинку своїми руками дозволить заощадити на фундаменті, техніці, бригаді робітників.

До недоліків зараховують:

  1. Вбирання вологи.
  2. Ризик загоряння.
  3. Погане вентилювання.
  4. Чутливість до вібрації.
  5. Недовговічність.

Склалася помилкова думка, що тільки цегляні, панельні або дерев’яні стіни добре тримають тепло. Однак за діючими нормами теплозахисту, сучасні споруди в деяких регіонах не відповідають стандартним вимогам. Канадські будинки зі стінами 150 мм за коефіцієнтом теплозахисту рівноцінні подвійний блокової кладці і цілком придатні для житла. В холодну погоду при відключенні опалення в кімнатах довго тримається нормальна температура.

Тимчасове або постійне проживання визначає товщина каркасного будинку. Якщо житло планується для сезонного перебування, відпадає потреба у закупівлі дорогого утеплювача. Відповідно, товщина стін буде дещо менше. Для комфортного мікроклімату досить підкладки в 10-15 см. Якщо мова йде про постійне житло, матеріал укладають товстим шаром – більше 15 см. У кінцевому підсумку стіна виходить 20 см без урахування зовнішньої і внутрішньої обшивок.

Як правильно розрахувати товщину каркасного будинку

Для цієї мети є спеціальна таблиця з показниками для кожного регіону. У формулу вставляють:

  • параметри товщини утеплювача;
  • коефіцієнт теплопровідності матеріалу;
  • обчислюють параметр.

Ви можете провести розрахунки самостійно, скориставшись нашими будівельними калькуляторами тут.

При замовленні домокомплекта на заводі розрахунки виконують на місці, і пропонують замовнику плити з підвищеним запасом міцності. Багато хто вважає, що якщо вони товсті, утеплювач укладати не потрібно. Це помилка – без якісної підкладки витрати на опалювальний ресурс зростають в рази. Стіни каркасної споруди повинні нагадувати листковий пиріг. Завдяки повітряній подушці між ними, навіть в морози в будинку зберігається тепло.

Каркасний будинок своїми руками

Каркасний будинок своїми руками будують за фінською або канадської технологіям. Алгоритм процесів однаковий, і складається з декількох етапів:

  1. Покупки матеріалів.
  2. Заливки основи.
  3. Нижньої обв’язки фундаменту.
  4. Зведення стін, даху.
  5. Установки вікон і дверей.
  6. Обшивки стін і утеплення.
  7. Внутрішнього оздоблення.

Щоб уникнути втрат тепла і забезпечити хорошу вентиляцію, при будівництві об’єкта важливо дотримуватися адаптованої технології.


Як побудувати каркасний будинок: заливка фундаменту

Швидкобудуюєма конструкція легка, тому споруджувати потужну основу немає сенсу. Залежно від типу грунту і поверховості будівлі вибирають між:

При виборі виду фундаменту розраховують загальне навантаження. Погонний метр заввишки 3 м важить близько 1,7 т. Якщо передбачається одноповерхова будівля, периметр множать на 1,7. При розрахунку 2-поверхової будівлі площу множать на 2 потім на вагу 1 п.м.

Один з популярних варіантів – свайно-гвинтовий. Він підходить для зведення фундаменту на заболочених ділянках, у місцях зі складним рельєфом, крім скелястого грунту. Для однієї сім’ї з 3-4 чоловік підійде стовпчастий. За допомогою бура виконують отвори завглибшки 80 см і шириною 20 см, куди вставляють азбоцементні труби на дистанції 90 см. Вільний простір заповнюють присипкою з піску і щебеню, після утрамбовки заливають цементним розчином. За таким принципом закопують 130-150 стовпів.

Монолітна основа

Стрічковий фундамент для каркасного будинку став класикою. Він являє собою бетонну смугу, що утворить замкнутий контур. У порівнянні з стовпчастим має велику поверхню, тому забезпечує хорошу несучу здатність. Покроковий опис зведення дрібно заглибленого фундаменту дозволить з роботою впоратися самостійно. Для цього знадобляться:

  • арматурні стержні;
  • пісок, щебінь різних фракцій;
  • сталевий дріт;
  • цемент;
  • гідроізоляція;
  • інструменти: пила, лопата, будівельний міксер.

Після розрахунків розмічають місце, використовуючи кілочки і мотузку. Щоб стрічка була рівною, другий ряд мотузки натягують ширше на 10 см товщини стіни. Для вимірювання кутів використовують лазерний рівень або контролюють рівність через порівняння діагоналей.

Для не заглибленого фундаменту глибоких ровів рити не потрібно. На відміну від фундаменту, коли ями викопують нижче рівня промерзання, досить зняти родючий шар і заглибити траншеї на півметра. В цьому випадку стрічка буде спиратися на грунт. Хоча грунт піддається морозному пученню, несуча здатність від цього не страждає. Особливо, якщо будинок будується на піску або гравелистих грунтах.

Каркасний будинок своїми руками
На дно вистилають геотекстиль, зверху шарами насипають піщану подушку. Кожен пласт проливають водою і утрамбовують. На глинистому ґрунті висота підкладки досягає 50 см, на піщаному грунті – в 2 рази менше. Слідом укладають гідроізоляцію з бітумно-полімерних матеріалів.

Каркасний будинок своїми руками

Будівництво опалубки і заливка розчину

На цьому етапі з шиферу, дощок або фанери по периметру монтують опалубку для бетону. З внутрішньої сторони рівнем виміряють висоту заливки розчину, відзначають маркером на дошках. Уздовж опалубки споруджують арматурний каркас. Металеві стрижні діаметром 10-16 мм з ребристою поверхнею забезпечать міцну адгезію з бетоном, в перспективі допоможуть запобігти руйнуванню фундаменту. Якщо висота опалубки більше 30 см, прути укладають в декілька рядів.

Каркасний будинок своїми руками

Передостанній крок в зведенні моноліту – рівномірний розподіл бетону. Після заливки першого шару з метою запобігання вакуумних пустот його пробивають. Другий шар додають до схоплювання першого. Останній вирівнюють згідно розмітки, засипають сухим цементом через сито.

Незахищений дрібно заглиблений фундамент взимку проводить холод від промерзаючого грунту. Щоб зберегти тепло в будинку, з зовнішньої частини викладають пінополістирол. У регіонах з суворим кліматом використовують іншу схему. Ізоляційний шар на додачу укладають по горизонталі внизу основи.

Якщо температура тримається в + 20 ° C, через тиждень будівництво продовжують. За цей час бетон затвердіє на 50%. Якщо стовпчик не піднімається вище + 17 ° С, вичікують днів 12. До остаточного висихання моноліту знадобиться не менше 28 днів.

Каркасний будинок своїми руками: покрокова інструкція

Щоб пол не вбирав вологу з бетону, зверху фундаменту прокладають 2 захисних шари з бітумної мастики. Інші варіанти – руберойд або гідроізол. Багато хто по периметру розподіляють рідку гідроізоляцію, на неї приклеюють рулонний матеріал.

Каркасний будинок своїми руками

Нижня обв’язка фундаменту

Обв’язкою називають укладання дощок і з’єднання їх з бетонною основою. Тільки після монтування лежней – сухих хвойних брусів перетином 150 х 150 мм, оброблених антипіреном складом і спеціальними просоченнями, приступають до будівництва стін. Для економії багато хто вибирає дві товсті дошки, скріплюють їх цвяхами кроком 20 см.

Процес починають з кутів будівлі. Краї вирівнюють по контуру. Зверху кладуть наступну дошку з перекриттям стику першого ряду, щоб вийшов замок. Це виглядає так:

Каркасний будинок своїми руками

Для з’єднання з фундаментом використовують шпильки. Спочатку свердлять отвори глибиною 100 мм, в які забивають кріпильні елементи. Варіанти фіксації:

  • анкерні з’єднання, заздалегідь вмонтовані в бетон;
  • кліньевие болти;
  • забиття цвяхів в замуровані дерев’яні пробки.

На фінішному етапі стики закривають джутовою стрічкою. Між собою дошки скріплюють куточками або скобами. До лежня на ребро ставлять дошку обв’язки з таким же перетином і прибивають довгими цвяхами з кроком 40 см. В кінці ще раз перевіряють кути і діагоналі, перекоси з брусів усувають електрорубанком.

Як зробити обв’язку і лаги

Наступними монтують поперечні лаги. Дошки з перетином 150 х 50 мм, перевернуті на боки, з кроком 40 см косими цвяхами 9 см прибивають до торця і нижньому брусу зліва і справа. Якщо вони довгі, але покладений поперечний брус, зверху набивають перемички довжиною по 45 см.

Каркасний будинок своїми руками

Настил підлоги

Після монтажу обрешітки між осередками настилають гідроізоляційну плівку, на неї – утеплювач. Бюджетний варіант – пінополістирол від 15 кг / м3 товщиною 150 мм. Утеплювач ріжуть ножівкою, укладають в 2 шари. Матеріал розподіляють так, щоб кромки полотен другого ряду не збігалися з першими, інакше листи зрушаться. Для фіксації пінопласту внизу решітки по периметру набивають живцевий брус 50 х 50 мм. Шви задувають монтажною піною.

Каркасний будинок своїми руками

Матеріал накривають пароізоляційною мембраною, потім споруджують настил. Для чорнової підлоги вибирають фанеру, шпунтовані дошки або дешеві плити OSB-3. Полотна застеляють поперек решітки. Для надійності листи кладуть в шаховому порядку або перпендикулярно лагам.

Каркасний будинок своїми руками

Настил кріплять до лагів саморізами 50 мм або єршоними цвяхами. Спочатку на тильну сторону листів наносять клей, потім прибивають через кожні 15 см по краю і з кроком 30 см посередині. Між сегментами з усіх боків залишають зазор в 3 мм.

Тепер для зведення стін потрібен каркас: дерев’яний або сталевий. Популярне рішення – дубовий брус, модрина або інша деревина з щільною структурою. Такі конструкції дешевше металевих аналогів на третину. До початку монтажу їх стругають, обробляють просоченнями від загоряння, загнивання, шкідників.

Монтаж вертикальних стійок

Як побудувати каркасний будинок, щоб в ньому довго прожити без ремонту? Дотримуватися послідовності етапів і враховувати всі будівельні нюанси. В першу чергу це стосується кріплення деталей. При зведенні остова спочатку встановлюють кутові стійки. Якщо для з’єднання обрані нагелі, відступають від країв до 10 см, в торці виконують отвори більше довжини нагелю на 1 см, вертикально кріплять брус.

Каркасний будинок своїми руками
Каркасний будинок своїми руками

Тепер вибирають спосіб кріплення проміжних поздовжніх стійок. Перший – фіксація до обв’язки з частковою або повною врубкой, або з’єднання оцинкованими куточками. Другий спосіб простіше і надійніше, хоча збільшує вартість проекту.

Каркасний будинок своїми руками

Принцип установки верхніх брусів аналогічний монтажу нижньої обв’язки. Горизонтальні конструкції стикуються в кутах з вертикальними стійками, з’єднуються 2 цвяхами і куточками.

Каркасний будинок своїми руками

Як звести стіни

Як зробити каркасний будинок: спочатку зібрати прольоти на землі, потім підняти нагору або збирати на місці? Зазвичай їх уже готовими кріплять до нижньої основи. Перший проліт прибивають до підлоги і підтримують укосинами, другий з’єднують зі стійкою першого і так по периметру.

Незалежно від принципу з’єднання стійок, їх зміцнюють тимчасовими укосинами. Це підсилює нижню обв’язку до моменту установки постійних опор, які надають каркасу жорсткості і стійкості до вітрових навантажень. Після монтажу всіх конструкцій:

  • кістяк виміряють відвісом і рівнем;
  • тимчасові підпори прибирають;
  • до кожної опори пригвинчують по 2 планки зверху і знизу.

Вікна, двері

Дверні та віконні прорізи встановлюють в місцях згідно з проектом. Спочатку по сторонам ніш закріплюються стійки, потім перемички вгорі і внизу. Внутрішні перегородки монтують також як і каркас, обв’язують дошками для жорсткості.

Каркасний будинок своїми руками

Стеля

Процес складається з декількох етапів:

  1. У брусі вирубують пази для балок.
  2. В отвори вставляють поперечні конструкції, прибивають цвяхами, прикручують сталеві куточки.
  3. Усередині по перегородках встановлюють опори, з’єднують з верхніми і нижніми брусами.
  4. Настилають стельовий щит з шпунтованих дощок.
  5. Укладають пароізоляційний шар, зверху утеплювач і гідроізоляційну мембрану.
  6. Споруджують чорнову підлогу.

Дах

Для влаштування вибирають: мансардний, багатощипцевий, односхилий або багатоскатний дах з ухилом від 10 °. Для розрахунку крокв і крокової обрешітки використовують будівельні таблиці або наші будівельні онлайн калькулятори.

  1. Стропіли збирають внизу з бруса. Для цього 2 дошки зрощують між собою вгорі під кутом, потім піднімають на місце.
  2. Спочатку кроквяні пари встановлюють на фронтонах зі звисом 400-500 мм.
  3. Нахил ската регулюють, конструкції монтують до верхньої обв’язки.
  4. Решту частин системи встановлюють з кроком 700 мм.
  5. Потім їх інтегрують гребеневим бруском, що служить опорою для верхніх крокв, кріплять в підлогу лапи.
  6. Будують суцільну або рідкісну обрешітку з перетином 25 х 30 см, фіксують на кроквах бічними контрейкамі. Крок брусів такий же, як у крокв.

До внутрішньої сторони кроквяних ніг степлером пристібають пароізоляційну мембрану. Стики герметизують скотчем, простір між брусами заповнюють теплоізоляційними плитами, потім дифузійною плівкою. На фінішному етапі настилають крівлю. Алгоритм процесу наочно представлений на зображенні.

Каркасний будинок своїми руками

Утеплення стін

Вибирають захисний матеріал з товщиною 50 мм: пінополістирол, мінеральну вату або пінопласт.

  1. Закладають мати між вертикальними стійками остова. При подвійному настилі стики полотен не повинні збігатися. Для захисту від вологи із зовнішнього боку настилають гідроізоляцію.
  2. Потім набивають обрешітку з тонких рейок, відповідних товщині утеплювача. Це забезпечить рух повітря.
  3. З боку кімнат розтягують пароізоляцію, фіксують степлером. Стіни облицьовують товстої фанерою, гипсоволоконними листами або вагонкою. Основа для обробки гіпсокартоном готова.
  4. Зовні стіни обшивають оздоблювальним матеріалом: блок-хаусом, сайдингом, євровагонкою.

Залишилося облагородити будинок всередині і відсвяткувати новосілля. Нюансів в будівництві збірних каркасно-щитових будинків – безліч. Досвід і знання прийдуть в процесі.

Повне відео як побудувати каркасний будинок

   

Каркасні будинки: Львів, Луцьк, ціна під ключ

будинок під ключ

Вартість вашого будинку — це те, у скільки ви оцінюєте власні комфорт і безпеку. Приймаючи рішення про рівень комплектації і вартості будинку, обираючи компанію-забудовника, ви робите інвестицію в добробут вашої родини. І чим більш усвідомлена ця інвестиція — тим безпечніше будівництво й якісніший його результат.

Будуйте свій майбутній будинок відповідально, надійно і надовго!

Наша компанія формує ціни на каркасні будинки по максимально прозорому алгоритму прорахунку. Будь-яку вартість домокомплекту каркасного будинку ми готові обґрунтувати до найдрібніших деталей.

Тут Ви можете вдало підібрати комплектацію майбутнього будинку в залежності від розміру планованого бюджету на його будівництво.

будинок під ключ

БазовийОптимаСтандарт
Проект  
Ескізний проект будинок під ключ
3D — візуалізація  
Фундамент  
Фундамент стрічковий з армуванням  
Стяжка підлоги 1-го поверху з утепленням пінопластом 50 мм  
Заставні комунікації в фундаменті  
Оздоблювальні роботи  
Зовнішнє оздоблення фасаду (сайдинг, блок-хаус, фальш-брус, штукатурка «короїд»)  
Внутрішнє оздоблення (гіпсокартон, вагонка)  
Вікна, двері  
Вхідні двері металеві  
Вікна металопластикові 2-камерний склопакет  
Послуги  
Монтаж будинок під ключ
Вартість 1859 грн/м2
Начать расчёт

 

Важливо! Всі елементи каркаса виготовлені з сухої струганої деревини, оброблені антисептиком (антигрибкові і протипожежні засоби)

* Ціни вказані на каркасний будинок класичної архітектури, площею 146 м2 (двоповерховий, площа забудови 73 м2, другий поверх мансардний), у вартість входять монтажно-будівельні роботи та матеріали відповідно до обраної комплектації. Подивитись приклад будинку з вказаними параметрами можна за посиланням…. Кінцева вартість залежить від складності проекту, покрівельного матеріалу, оздоблювальних матеріалів, площі та ін.

Чому каркасні будинки такі популярні в Україні?

Високу популярність каркасні будинки в Україні набули відносно нещoдавно. Всього 20 років тому про цей спосіб зведення житлових будинків мало хто знав. А сьогодні каркасні будинки під ключ будують у Львові, Луцьку, Тернополі, Івано-Францівську, Білій Церкві та інших містах України. Чому ж зараз цей метод такий популярний? Відповідь досить проста — невисока ціна каркасного дому та його швидке будівництво.

Ціна на каркасне будівництво набагато більш прийнятна для середньостатистичного жителя нашої країни, оскільки будинок аналогічної квадратури з будь-якого типу перерахованих матеріалів (цегла, монолітно-бетонна конструкція, газоблок, дерев’яний зруб) буде дорожчим.

Як формується ціна каркасного будинку

Каркасне будівництво, вартість якого нижче інших способів зведення будівель завжди буде найпопулярнішим через ряд факторів:

  • Дуже простий і легкий монтаж, який виключає помилки будівельників. Для будівництва каркаснику немає необхідності наймати цілу бригаду, вистачить двох — трьох чоловік, навіть якщо потрібно виконати будівництво «під ключ».
  • Низька вартість доставки будівельних матеріалів зменшує кошторис будівництва. Оскільки більшість матеріалів (брус, дошка обрізна, мінвата, OSB) вимагають мінімальної кількості сил на монтаж і доставку, вартість каркасного будівництва завжди буде невеликою.
  • Відсутність витрат на будівельну техніку. Немає необхідності в залученні важкої будівельної техніки (кран-маніпулятор, автоміксери). Оскільки в каркасному будівництві немає залізобетонних перекриттів і залізобетонних віконних перемичок, в порівнянні з цегляними будинками вартість каркасного дому буде значно нижчою, а міцність будинку при цьому залишається дуже високою!
  • Невелика вартість фундаменту. При забудові ділянки, досить буде залити невеликий монолітно-стрічковий фундамент, стовпчастий або вкрутити гвинтовий (залежить від типу ґрунту, рельєфу і складності каркасної конструкції).
  • Облаштування і вартість цоколя також зведено до мінімуму. Немає гострої необхідності в монтажі масивного бутового цоколя. У деяких проектах цоколем можна практично знехтувати, зробити його мінімальним або цоколь може бути вилитий разом з фундаментом за один раз.
  • Величезна економія грошей на оздоблювальних роботах, які не вимагають додаткових зусиль. Оздоблювальні внутрішні і зовнішні роботи залишаються в основному чистовими. Не потрібно штукатурити стіни по маяках, вирівнювати їх, накладаючи товстий шар розчину. Досить пошпаклювати поверхню, тому ціна на каркасне будівництво стає ще нижчою.

Швидкість будівництва каркасних будинків – ще один вагомий фактор, який впливає на вартість каркасного будинку. Провівши аналогію, наприклад, зі зведенням цегляного будинку, каркасний будується в рази швидше. Кладка цегли вимагає багато часу для застигання розчину. Тому зведення цегляної стіни завжди проходить поетапно і може тривати тижнями. Це правило діє для всіх типів кладки, не кажучи вже про монолітне будівництво, коли бетон набирає марочну міцність за місяць. Конкурентоспроможним можна назвати будинок з газоблоку, проте навіть його швидка кладка (товщина міжкладочного шва 2-3 мм, сохне швидко) буде повільнішою за зведення каркасних стін.

Тому ціни на каркасне будівництво набагато більш прийнятні для середньостатистичного жителя нашої країни, який проживає у будь-якому місті, наприклад у Львові чи Луцьку, оскільки будинок аналогічної квадратури з будь-якого типу перерахованих матеріалів (цегла, монолітно-бетонна конструкція, газоблок, черепашник, дерев’яний зруб) буде дорожче і будується довше.

Каркасний будинок — житло доступне кожному

dom1Будівництво сучасних каркасних будинків поширилося по всьому світу з Канади, де зведення будівель на основі дерев’яного каркаса із заповненням стін базальтовим утеплювачем було використане для вирішення житлової кризи.

Варіації каркасного методу набули поширення в США і країнах північної Європи: Норвегії, Фінляндії, Швеції, Данії, Німеччині. На відміну від Канади в Європі стіни заповнюють утеплювачем не під час спорудження будинку, а на виробництві. Для будівництва використовують щити або теплоізоляційні СІП-панелі, заповнені негорючим утеплювачем — пінополістиролом.

stroy

Ваш будинок буде зведений швидко і з сучасних будівельних матеріалів.         Швидке будівництво каркасних будинків відрізняється тим, що дерев’яний каркас і заповнені утеплювачем стіни не вимагають масивного фундаменту. Це дозволяє прискорити і знизити вартість спорудження будинків, які можна зводити навіть при негативних температурах. На спорудження каркасного будинку йде всього 2-3 місяці, що не позначається на надійності і стійкості будинків. Каркасні будівлі не дають усадки, а термін їх експлуатації розрахований на 80-100 років.

price

Дерев’яний будинок дозволить вам економити електрику на його обігріві.
Каркасні будинки відрізняються високим рівнем енергоефективності. А низька теплова інерційність стін дозволяє прогрівати або охолоджувати їх всього за декілька годин роботи систем вентиляції або кондиціювання. Якщо додати до цього сучасні рішення, такі як вентиляція з рекуперацією тепла, на додаток до невисокої вартості будівництва каркасних будинків власники можуть максимально знизити комунальні витрати.

dom

Відразу після здачі будинку ви можете завозити меблі!
Стіни будівель тут обшиваються плитами ОСП або гіпсокартоном. Повністю рівна поверхня стін дає можливість заощадити і максимально прискорити внутрішнє і зовнішнє оздоблення. На відміну від інших технологій будівництва стіни не потрібно покривати вирівнюючими сумішами. При цьому будівництво будинку можливе за типовим або індивідуальним проектом до ступеня готовності — «під ключ» або «під оздоблення».

Каркасний будинок – детальний розбір технології

Історія каркасних будинків

Будинки з дерев’яним каркасом вперше з’явилися в Північній Європі майже 1 тис. років тому і досі користуються великою популярністю. У ті далекі часи, такі будови значно відрізнялися за своїм зовнішнім виглядом від сучасних: масивні елементи каркаса було видно і зовні, і всередині будівлі, а порожнини були заповнені різними матеріалами – соломою, глиною, піском і каменем. Ця технологія існує і сьогодні, і має назву «фахверк».

Пізніше, коли переселенці з Європи почали підкорювати землі Америки і Канади, технологія каркасного будівництва отримала друге дихання, але була дещо спрощена. Стійки, балки і розкоси значно меншого перетину, ніж в фахверкових конструкціях, почали обшивати дошками з двох сторін, а порожнини засипати м’яким підручним матеріалом. Через поступову міграцію населення зі сходу на захід, такий каркас був дуже зручний: його можна було повністю розібрати, скласти на воза, і легко зібрати вже на новому місці. Так і прижилася каркасна технологія в Америці і Канаді, і існує вже кілька століть.

Третє, нове «дихання» технологія каркасного будівництва отримала після Другої світової війни. Багатьом тоді в Європі було конче потрібне нове житло, і каркасний дерев’яний будинок вирішував цю проблему. Попит спровокував пропозицію, і почали з’являтися нові розробки. Головним місцем, де ця технологія була найпопулярнішою, стала Канада, – там уряд вкладав величезні кошти в її розробку (і, до речі, продовжує робити це і в наші дні). Завдяки такому стимулюванню, більшість новітніх технологій зведення каркасних дерев’яних будинків, придумані і були вперше впроваджені саме в Канаді. І стали такі будинки в усьому світі називати канадськими, хоча зараз термін характеризує більше саму конструкцію, а не конкретну країну виробника. Наприклад, сьогодні в Україні успішно будуються будинки за канадською технологією, але всі матеріали та інструменти використовуються місцеві.

Варіанти каркасних будинків

На сьогоднішній день технологію каркасного будівництва будинків можна умовно розділити на 2 групи:

  • каркасно-рамкова
  • каркасно-панельна.

Першу групу технологій ще називають технологією відкритих панелей: вона полягає в тому, що комплект зібраних каркасів панелей поставляють із заводу. Елементи даху і перекриттів також привозять зібраними, а вже на будмайданчику всі ці елементи збирають в готовий каркас будинку. Потім каркас утеплюють, і захищають пароізоляцією та обшивкою. Бригада будівельників зводить по такому методу будівлю площею 150-180м2 за 1,5-2 міс. Каркасно-рамкова технологія отримала саме широке поширення в США і Канаді, і вважається класичною.



Другу групу – каркасно-панельний варіант, ще називають технологією закритих панелей. Вона відрізняється від першої тим, що із заводу привозять вже повністю готові панелі стін і перекриттів. Вони також зібрані на дерев’яному каркасі, але їх вже утеплюють та обшивають і з зовнішньої, і з внутрішньої сторони. На місці зведення будинку їх залишається лише скріпити між собою. Зібрати за такою технологією будинок площею 150-180м2 можна значно швидше – за 1,5-2 тижні. Технологія закритих панелей отримала своє особливе поширення в Європі.

Особливості каркасних будинків

Фундамент. Найбільш часто використовуваний в Канаді (а останнім часом і в Україні) тип фундаменту – полегшений стрічковий, і монолітно-армований. Стрічки в ньому розташовуються по периметру будинку, під зовнішніми стінами. Опорою внутрішніх стін служать потужні колони.

Фундамент каркасного будинку

Каркас будинку. При зведенні каркаса використовуються висушені до вологості 15% пиломатеріали. Для несучих стін використовують дошки 140×38мм, для перегородок та кроквяних ферм – дошки 89×38мм, для балок перекриття – дошки 235×38мм.

Каркас будинку

Клеєні матеріали. Панелі зовнішніх стін обшивають 15мм вологостійкими OSB-плитами (Oriental Strand Board – орієнтована стружкова плита). Такі плити використовують і для настилу перекриттів, і даху (товщиною 18 і 16мм відповідно). Опорні стовпи для силового каркаса перекриття зроблені з PSL-бруса (Parallel Strand Lumber) – матеріалу із спресованої та склеєної паралельно деревної тріски. А потужні балки перекриттів та прогони виконані з LVL-бруса (Laminated Veneer Lumber) на основі клеєного шпону з паралельним або перпендикулярним розташуванням волокон в шарах. Що можна з цього приводу сказати? Канадці бережуть свій ліс, і замість дерев’яних елементів (у тому числі потужних силових), успішно і широко застосовують клеєні матеріали, виготовлені практично з усього того, що ми іноді приймаємо за відходи.

Клеєні матеріали каркасного будинку

Утеплювач. Товщина утеплювача для зовнішніх стін – 150мм, для міжкімнатних перегородок – 100мм, для міжповерхових перекриттів – 200мм (в перекритті першого поверху – 216мм), для покрівельного “пирога” даху – 400мм.

Ізоляція утеплювача. Щоб збереглися властивості утеплювача, він повинен бути надійно захищений від продування та проникнення вологи. Перед встановленням панелей на місце, зовні на них закріплюють вітрогідрозахистну мембрану. Після закінчення складання стики панелей проклеюють спеціальним скотчем. Зсередини утеплювач захищає шар пароізоляції, і в результаті він виявляється як би запечатаним в стіні. Завдяки цьому виникає так званий «ефект термоса», що забезпечує високі теплозберігаючі характеристики будинку. Також в каркасних будинках обов’язково встановлюють приточно-витяжну вентиляцію, щоб пари води не проникали всередину утеплювача. Якщо не встановити таку вентиляцію, то років через 5-7 волога може накопичитися в утеплювачі, через що він втратить свої якості, а каркас може почати гнисти.

Планування. Внутрішнє планування каркасних будинків за канадською технологією має свої характерні риси. Наприклад, в них є приміщення, іменовані “лофт” – фактично горище, або свого роду внутрішній балкон. Також каркасні будинки мають здатність швидко змінювати внутрішнє планування за бажанням власників.

Каркасний будинок

Вікна. У таких будинках можна встановлювати однокамерні склопакети з енергоефективним покриттям. Можлива установка і панорамного скління, але тоді зростає потреба в додатковому його обігріві.

Горищний простір. У канадському будинку мова йде саме про горищний простір, а не горище: пересуватися тут важко через ферми. Вентиляція горищного приміщення здійснюється за класичним методом – через слухові вікна або решітки, врізані під фронтони.

Горищний простір каркасного будинку

Ціна питання. Вартість 1м2 площі канадського будинку становить від 4000грн. У цю суму вже входить проектування будинку, улаштування фундаменту, збірка будівлі та прокладка інженерних комунікацій: електрики, сантехніки, водопостачання та опалення.

Канадська технологія будівництва здатна вирішити проблему доступного житла в Україні. Таке житло на виході виходить не тільки доступне, але й сучасне та комфортне.

 

Джерело: ЕкономБудПроект

 



Ціна на будівництво каркасно щитового будинку. «Рідний Дім»

 

Ціни на будівництво каркасно щитового будинку

 

Пропонуємо вашій увазі ціни на будівництво каркасного будинку.

 

 

КАРКАСНО ЩИТОВИЙ БУДИНОК

 

  комплект «КАРКАС-БАЗОВИЙ»
 Ціна на каркасний будинок   каркас будинку  несуча стіна з брусу 140х40 мм
 перегородки з брусу 90х40 мм
 OSB 10 мм
  перекриття підлоги  підлога 2-го поверху з брусу 190×40 мм
 OSB 22 мм
    покрівля  кроквяна система
 супердифузійна мембрана
      комплект «Каркас-Базовий»
      ціна за м2 1 900 грн.
      *ціна вказана з урахуванням будівництва будинку
           

 

 

КАРКАСНО ЩИТОВИЙ БУДИНОК

 

  комплект «КАРКАС-СТАНДАРТ»
 Ціна на каркасний будинок   фундамент будинку  стрічковий або свайно-гвинтовий
  каркас будинку  несуча стіна з брусу 140х40 мм
 перегородки з брусу 90х40 мм
 OSB 10 мм
  утеплення  несучих стін (базальтовий утеплювач 150 мм)
 перегородки (мінеральна вата 100 мм)
   перекриття (мінеральна вата 150 мм)
   дах (мінеральна вата 150 мм)
    перекриття підлоги  підлога 1-го поверху гідроізоляція — бетонна стяжка
   підлога 2-го поверху з брусу 190×40 мм
   OSB 22 мм
    покрівля  кроквяна система
   супердифузійна мембрана
   металочерепиця
    інженерія  заставні під комунікації
    вікна  металопластикові “Open Teck”, двокамерний склопакет, фурнітура “Mako”
    вхідні двері  металеві (виробництво Україна, з мдф накладкою)
      комплект «Каркас-Стандарт»
      ціна за м2 3 800 грн.
      *ціна вказана з урахуванням будівництва будинку
           

 

 

 

 

КАРКАСНО ЩИТОВИЙ БУДИНОК

 

  комплект «КАРКАС-ЛЮКС»
 Ціна на каркасний будинок   фундамент будинку  стрічковий або свайно-гвинтовий
  каркас будинку  несуча стіна з брусу 140х40 мм
 перегородки з брусу 90х40 мм
 OSB 10 мм
  утеплення  несучих стін (базальтовий утеплювач 150 мм)
 перегородки (мінеральна вата 100 мм)
   перекриття (мінеральна вата 150 мм)
   дах (мінеральна вата 150 мм)
    перекриття підлоги  підлога 1-го поверху гідроізоляція — бетонна стяжка
   підлога 2-го поверху з брусу 190×40 мм
   OSB 22 мм
    покрівля  кроквяна система
   супердифузійна мембрана
   металочерепиця
    внутрішнє оздоблення  гіпсокартон або дерев’яна вагонка
    зовнішнє оздоблення  блокхаус або штукатурка «короїд»
    інженерія  розведення каналізації
   розведення водопостачання
   розведення електрокабелю в гофрорукаві
    вікна  металопластикові “Open Teck”, двокамерний склопакет, фурнітура “Mako”
    вхідні двері  металеві (виробництво Україна, з мдф накладкою)
      комплект «Каркас-Люкс»
      ціна за м2 5 950 грн.
      *ціна вказана з урахуванням будівництва будинку
           

 

 

 Ціна на каркасний будинок

*  Ціни вказані, вже з урахуванням будівництва нашою компанією, вам вашого заміського будинку.

** ціни вказані за м2 з розрахунку вартості будинку від 120 м2 з мансардним поверхом.

Будинок з меншою квадратурою вимагають індивідуального розрахунку.

 

 

Каркасні будинки Львів, Київ, будівництво каркасних будинків під ключ – House Group

Каркасні будинки

Будівлі під ключ користуються високою популярністю в США і Канаді ось вже понад 50 років. Все більше європейських країн використовують даний тип споруд. Каркасні будинки з панелей стали сучасним трендом і в Україні.

Багато сімей вирішують збудувати житло, обираючи даний тип споруд, і на те є причини. Просторі, світлі і теплі будинки стійкі до морозів і різких перепадів температур. Відносна доступність та стійкість до погодних умов сприяє їх подальшій популяризації. Каркасний будинок – ідеальний варіант для клієнтів, які бажають отримати повний комплекс послуг зі зведення будинку і ремонтних робіт.

Дім із дерев’яною структурою

Технологія будівництва каркасних будинків передбачає зведення будівлі поверх встановленого каркаса або складання цільними панелями. Такий варіант особливо швидкий і найбільш енергоефективний. Швидка та мало витратна збірка будинків під ключ дозволить побудувати дім своєї мрії за вкрай малий проміжок часу. Екологічність, яку забезпечує будинок під ключ, доведено світовими стандартами якості та перевірено протягом півстоліття в Канаді, США та Японії, де понад 40% житлового фонду використовують технологію будівництва каркасного будинку.

Енергоефективність та висока якість повітря

Якість повітря завжди є проблемою цегляного будинку, і каркасні споруди під ключ – одні з найбільш прийнятних на ринку. Оскільки компоненти, що використовуються для виготовлення не містять ніяких шкідливих хімічних речовин, які можуть вплинути на здоров’я мешканців, вони відповідають найсуворішим стандартам якості повітря в приміщеннях. Матеріал, відведений на будівництво за канадською технологією, сприяє мінімізації конденсату при зміні температурних показників.

Технологія будівництва

Технологія будівництва каркасного будинку максимально проста і ефективна. Опорні конструкції обшиваються дошками, брусом та іншими пиломатеріалами за канадською технологією. Завдяки екологічності і дерев’яній основі, жити в подібному будинку максимально комфортно. Між конструкціями будинків під ключ розміщується тепло та звукоізоляційний матеріал. Незважаючи на стандартні конструкції, їх різноманітність дозволяє звести унікальну будівлю будь-якої форми. Якісна вітчизняна деревина дозволяє створювати продукт, що відповідає міжнародним стандартам.

Клієнти можуть обирати між сендвіч-панелями та SIB-панелями за канадською технологією. Каркасне будівництво, через невелику питому вагу конструкцій і надійність, сприяє довгому терміну експлуатації домівки. Всі панелі мають бар’єрне оброблення, що захищає матеріал від загоряння. Утеплювач виробляється з негорючих матеріалів, що підвищує загальний рівень надійності. Каркасний будинок під ключ значно довговічніший від залізобетонних конструкцій.

Переваги

Технологія будівництва каркасних будинків має безліч переваг. Ось лише основні з них:

  • Технологія, яка характеризує будівництво каркасних будинків. Швидкі темпи зведення без залучення важкої спецт
Питання про будівництво каркасних будинків в Україні та відповіді на них

У нашій країні каркасні технології як напрям малоповерхового будівництва з’явилися відносно недавно. У цій статті, в питаннях і відповідях, ми розповімо, як саме вони розвиваються, а також розглянемо всі переваги, недоліки, особливості втілення та перспективи розвитку цієї галузі в Україні.

На запитання відповідає наш партнер — будівельна компанія Профікаркас http://profikarkas.com.ua/

1. Наскільки популярна в світі технологія каркасно-панельного будівництва котеджів сьогодні?

  • Порядку 70% жителів передових країн обрали для свого приватного будинку каркасно-панельну конструкцію. Дані дослідження провела Великобританська Асоціація дерев’яного каркасного будівництва.
  • Лідерами в зведенні приватних будинків по каркасно-панельній технології є такі країни:
  • в Канаді та США близько 90% будинків зводяться із застосуванням цієї технології,
  • у Швеції трохи менше — 80%,
  • в Шотландії — приблизно 75%.
  • Наприклад, у Великобританії протягом останніх 15 років зростає відсоток будівництва котеджів по каркасно-панельній технології. З кожним роком спостерігається тенденція до нарощування темпів виробництва і будівництва. Так в 2007 році каркасних будинків було зведено приблизно 54400.
  • Що стосується нашої країни, то за середніми оцінками українських експертів частка каркасно-панельного домобудування в загальному обсязі будівництва приватних будинків з використанням різних технологій займає 15-20%.

2. Які види каркасного домобудівництва знайшли застосування в нашій країні?

Каркасні будинки класифікуються за типом збірки.

1. Модулі. Таким терміном позначається стіна, повністю виготовлена на заводі, з утепленням і готовою внутрішньою і зовнішньою обробкою, доступною для виконання в умовах заводу. На майданчику готові модулі тільки з’єднують між собою. Такий тип каркасно-панельного домобудування в Україні є перспективним напрямком розвитку, але поки не представлений.

2. Панелі. Стінові панелі виготовляються на заводі, після чого перевозяться на майданчик будівництва. На ділянці вони збираються в одне ціле, а після цього приступають до інших видів робіт, що не виконані в заводських умовах. Це насамперед стосується обробки зовнішньої і внутрішньої поверхні стін будинку. Розмір панелей варіюється від дрібних елементів і цілої стіни. Залежно від наповнення панелі поділяють на закриті та відкриті.


3. Збірка на майданчику. Весь каркас котеджу, елементи його наповнення та оздоблення повністю зводяться на ділянці будівництва.

Компанія Профікаркас виготовляє на своєму заводі закриті панелі готових стін, що збираються на ділянці будівництва в готовий будинок. Наступним етапом є створення внутрішньої і зовнішньої обробки будівлі. Оскільки процес складання на заводі автоматизований, ймовірність похибок і помилок зведена до мінімуму. Панелі виробляються з дотриманням необхідних кліматичних умов і в повній відповідності з проектом.

Що стосується популярної конструкції каркасно-панельних будинків, що характеризується застосуванням мінераловатного утеплювача, то такі конструкції в Україні у 85% випадків збираються на ділянці. І зовсім невелика частка подібних будинків зводиться із застосуванням заводських панелей закритого типу. На жаль, в умовах ділянки складно повністю забезпечити жорсткі технологічні вимоги, доступні заводській збірці закритих панелей. Але ж для зручності, комфорту і довговічності каркасних будинків якість, гарантовану дотриманням всіх необхідних технологій, дуже важливо. Замовити каркасний будинок краще у перевіреного виробника, що зарекомендував себе в цьому сегменті ринку успішною роботою над втіленням проектів у життя.

Ще одна класифікація каркасних будинків визначається видом наповнення стін.

В даний момент широко застосовуються ековата, пінополістирол, стружка, базальтова / кам’яна вата, льон та інше. Найчастіше у вигляді утеплювача, що наповнює каркас, використовується мінеральна вата. Ознайомитися з її властивостями можна в цьому відео:


На сучасному українському ринку каркасного домобудівництва схема збірки будинків залежить від виробника. Чітких загальних схем на сьогоднішній день немає. Будинок може повністю збиратися на заводі, збираючись на майданчику в одне ціле, або ж силами будівельної бригади зводиться на ділянці від фундаменту до труби. В обох випадках будинок каркасний. Обидві ці технології є крайніми, але виробники можуть запропонувати вам кілька проміжних варіантів. Якщо підійти до питання технологій складання умовно, то можна виділити наступні тенденції:

  • Канадська (Північноамериканська). Панелі будинку виготовляються на заводі. Потім доставляються на ділянку будівництва каркасного котеджу. В умовах будівельного майданчика збирається каркас будівлі, прокладаються комунікації, влаштовуються шари гідро- та теплоізоляції, монтуються інженерні системи та електричні мережі, потім приступають до монтажу дверей і вікон, а також до внутрішньої і зовнішньої обробки. Як ми бачимо, основна частка робіт відбувається на будівельному майданчику.
  • Німецька (Європейська). Відрізняється тим, що основну роботу по збірці будинку проводять на заводі, а на ділянці практично готові елементи як конструктор збираються воєдино. Залишається завершити будівництво, закінчивши етапи оздоблювальних робіт внутрішніх приміщень і фасадів будинку. Особливістю технології є необхідність жорсткого контролю якості застосовуваних матеріалів і самих робіт. За такою схемою працює компанія Профікаркас.
                                         

На сьогоднішній день самим доступним за ціною, а тому й самим популярним варіантом можна назвати будівництво каркасно-панельного будинку з SIP-панелей. Це панелі невеликого розміру, що мають дерев’яний каркас і утеплені матеріалом під назвою пінополістирол. В Україні цю технологію називають канадським будинком. Примітно те, що ні в Америці, ні в Європі за цією технологією будинки каркасні будують все рідше і рідше.

3. Як відрізняються за ціною різні видів каркасних технологій?

Варто відзначити, що як раз технологія на ціну впливає незначною мірою. Набагато помітніше вплив якості застосовуваних матеріалів. Визначальним ціну фактором є якість використовуваної деревини, утеплювача і кількісне співвідношення останнього.

4. Які принципи зведення каркасно-панельних будинків?

Досвід показує, що краще один раз побачити на власні очі, ніж почути 100 разів. Безліч технологічних особливостей, властивих домівкам такого типу, неможливо охопити одним абзацом. Пропонуємо вашій увазі відео будівництва будинку, каркас якого був зібраний за 4 дні


5. Які переваги і недоліки технології каркасного домобудівництва?

Переваги

  1. Кліматичні умови, на які розрахований каркасно-панельний будинок, вражають. Готові каркасні будинки здатні витримати перепад температур від -60 до + 60 ° C, забезпечивши при цьому комфортні умови всередині дому. Саме цей факт пояснює популярність технології в різних кліматичних зонах, особливо в північній Європі та Канаді, що відрізняються суворим кліматом. Панельно- каркасна технологія витримує вітрове навантаження, рівне 250 км / год і серйозні снігопади.
  2. Кошторис по зведенню каркасного будинку також зменшиться в частині нульового циклу, адже легкому дому не потрібен потужний фундамент. До того ж полегшений фундамент набагато екологічніше, адже створює менше навантаження на ґрунти, не викликаючи деформацій і не впливаючи на режимність ґрунтової води на ділянці забудови.
  3. Вигода на готові каркасні будинки, ціна будівництва яких приблизно на чверть дешевша зведення котеджу із традиційної цегли, бруса або блоків.
  4. Вартість каркасного будинку порадує оплатою праці будівельної бригади, у кілька разів зменшеної, зважаючи на скорочення часу виконання робіт.
  5. Економія витрат на опалення каркасного будинку, тому як особливістю конструкції є ефективне збереження тепла, в порівнянні з цегляним або блоковим будинком.
  6. Зменшення термінів будівництва. Так зведення каркасного котеджу під ключ займе близько 5 місяців. Обробку дозволяється виконувати відразу після зведення, адже будинок не схильний до усадки.
  7. Виробники дають зазвичай 10-річну гарантію на каркасні будинки, хоча вони здатні простояти більше 100 років.
  8. При бажанні можна збільшити площу будинку, надбудувавши поверх або приєднавши прибудовах. При цьому нікуди переїжджати не потрібно.
  9. Будівництво каркасних будинків можна здійснювати навіть за умови великого віддалення від інфраструктури.
  10. Корисність каркасного будинку для людини визначається основним матеріалом — деревиною, адже вона є екологічним, відновлюваним ресурсом.
  11. У Японії близько 90% всіх будинків зведені за каркасно-панельної технології з причини того, що вона є найкращим варіантом для будівництва в сейсмонебезпечних зонах.     

недоліки

Тільки при чіткому дотриманні технологій виробництва та будівництва дерев’яний каркасний будинок буде теплим, надійним і довговічним. На ці показники розрахований проект каркасного будинку. Найменше порушення призводить до погіршення гідроізоляції, теплоізоляції і звукопроникності будівлі з плином часу. Відмова недобросовісних виробників від ретельного контролю кожного етапу виробництва підриває репутацію каркасного домобудівництва на Україні. Через недбалість зводяться пожежонебезпечні, спекотні / холодні, гучні, ненадійні будинки.

Україна поки не може похвалитися серйозним багаторічним досвідом зведення каркасних будинків, як Європа чи Америка. Але є досвід будівництва дешевих «фінських будиночків», що спотворили уявлення наших замовників про каркасною технологією. Це зараз представляє істотну перешкоду до поширення технології.

З цих двох причин українці і не довіряють каркасній технологією.

6. Якими нормативними документами регламентується каркасно-панельне будівництво?

Україна підійшла до питання регулювання каркасного будівництва за допомогою загальних Сніпов, а зокрема — Сніпом на дерев’яні конструкції. Зважаючи на малу поширеность технології спеціальні норми, на які необхідно посилатися розробляючи проекти каркасних будинків, поки ще не введені.


фреймов в HTML-документах

Рамки в документах HTML

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

Вот простой рамочный документ:



 Простой документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET cols = "20%, 80%">
  <FRAMESET rows = "100, 200">
      <FRAME src = "contents_of_frame1.html">
      <FRAME src = "contents_of_frame2.gif">
  </ FRAMESET>
  <FRAME src = "contents_of_frame3.html">
  <NOFRAMES>
      <P> Этот документ с фреймами содержит:
      <UL>
         <LI> <A href = "contents_of_frame1.html "> Некоторое аккуратное содержание </A>
         <LI> <IMG src = "contents_of_frame2.gif" alt = "Аккуратное изображение">
         <LI> <A href="contents_of_frame3.html"> Некоторые другие полезные материалы </A>
      </ UL>
  </ NOFRAMES>
</ FRAMESET>
</ HTML>
 </pre>

 <p>, который может создать структуру кадра примерно так: </p>

 <pre>
 ---------------------------------------
| | |
| | |
| Кадр 1 | |
| | |
| | |
| --------- | |
| | Рамка 3 |
| | |
| | |
| | |
| Рамка 2 | |
| | |
| | |
| | |
| | |
 ---------------------------------------
 </pre>


 <p> Если пользовательский агент не может отображать кадры или не настроен, он будет
визуализировать содержимое
 <samp> NOFRAMES </samp> элемент.</p>

 <h3><span class="ez-toc-section" id="162"> 16,2 Расположение рам </span></h3>

 <p> HTML-документ, который описывает макет фрейма (называется <dfn>
документ frameset </dfn>) отличается от HTML
документ без рамок. Стандартный документ имеет один <samp>
ГОЛОВА </samp> сечение и один <samp> ТЕЛО </samp>. Документ с фреймами имеет
 <samp>
ГОЛОВА </samp> и <samp> FRAMESET </samp> вместо <samp>
ТЕЛО </samp>. </p>

 <p> <samp>
Раздел документа FRAMESET </samp> определяет макет представлений в
главное окно агента пользователя.Кроме того, раздел FRAMESET </samp> <samp> может содержать <samp>
Элемент NOFRAMES </samp> для обеспечения альтернативы
контент для пользовательских агентов, которые не поддерживают фреймы или не настроены на
отображать кадры. </p>

 <p> Элементы, которые обычно могут быть размещены в <samp>
Элемент BODY </samp> не должен появляться до первого <samp>
Элемент FRAMESET </samp> или <samp> FRAMESET </samp> будут игнорироваться. </p>

 <h4><span class="ez-toc-section" id="1621_FRAMESET"> 16.2.1 Элемент <samp> FRAMESET </samp> </span></h4>




 <p> <em> Определения атрибутов </em> </p>

 <dl>
 <dt> <samp> строк </samp> = <em> список с несколькими длинами </em> [CN] </dt>

 <dd> Этот атрибут определяет расположение горизонтальных рамок.Это
Разделенный запятыми список пикселей, процентов и относительной длины. По умолчанию
значение составляет 100%, что означает одну строку. </dd>

 <dt> <samp> столбцов </samp> = <em> список нескольких длин </em> [CN] </dt>

 <dd> Этот атрибут определяет расположение вертикальных кадров. Это
Разделенный запятыми список пикселей, процентов и относительной длины. По умолчанию
значение составляет 100%, что означает один столбец. </dd>
 </dl>



 <p> <em> Атрибуты, определенные в другом месте </em> </p>




 <p> Элемент <samp> FRAMESET </samp> определяет макет основного пользователя.
окно в терминах прямоугольных подпространств.</p>

 <h5><span class="ez-toc-section" id="i-28"> Ряды и колонны </span></h5>

 <p> Установка <samp> строк Атрибут </samp> определяет количество
горизонтальные подпространства в наборе кадров. Установка <samp>
Атрибут cols </samp> определяет количество вертикальных подпространств. Обе
атрибуты могут быть установлены одновременно для создания сетки. </p>

 <p> Если атрибут <samp> строк </samp> не установлен, каждый столбец расширяет
всю длину страницы. Если атрибут <samp> cols </samp> не
установить, каждая строка расширяет всю ширину страницы. Если ни один из атрибутов не
установить, рамка занимает точно размер страницы.</p>

 <p> Рамки создаются слева направо для столбцов и сверху вниз для строк.
Когда оба атрибута указаны, представления создаются слева направо в верхней части
ряд, слева направо во втором ряду и т. д. </p>


 <p> В первом примере экран делится по вертикали на две части (то есть создается верх
половина и нижняя половина). </p>

 <pre>
<FRAMESET rows = "50%, 50%">
 <em> ... остальное определение ... </em>
</ FRAMESET>
 </pre>

 <p> Следующий пример создает три столбца: второй имеет фиксированную ширину 250
пикселей (полезно, например, для хранения изображения с известным размером).Первый
получает 25% оставшегося пространства и третьи 75% оставшегося
пространство. </p>

 <pre>
<FRAMESET cols = "1 *, 250,3 *">
 <em> ... остальное определение ... </em>
</ FRAMESET>
 </pre>

 <p> В следующем примере создается сетка подпространств 2×3. </p>

 <pre>
<FRAMESET rows = "30%, 70%" cols = "33%, 34%, 33%">
 <em> ... остальное определение ... </em>
</ FRAMESET>
 </pre>

 <p> Для следующего примера предположим, что окно браузера в настоящее время 1000 пикселей
высокая. Первому виду отводится 30% от общей высоты (300 пикселей).
второй вид имеет высоту 400 пикселей. Это оставляет 300 пикселей
быть разделенным между двумя другими кадрами. Высота четвертого кадра
указано как «2 *», так что он в два раза выше, чем третий кадр, высота которого
только «*» (эквивалентно 1 *). Поэтому третий кадр будет иметь высоту 100 пикселей.
и четвертый будет 200 пикселей в высоту. </p>

 <pre>
<FRAMESET rows = "30%, 400, *, 2 *">
 <em> ... остальное определение ... </em>
</ FRAMESET>
 </pre>


 <p> Абсолютные длины, которые не составляют до 100% реального доступного пространства, должны
настраиваться пользовательским агентом.Если не указано иное, оставшееся место должно быть
распределяется пропорционально каждому виду. Если указано слишком много, каждое представление должно быть
уменьшается в соответствии с указанной пропорцией общей площади. </p>

 <h5><span class="ez-toc-section" id="i-29">
Вложенные наборы кадров </span></h5>

 <p> Наборы кадров могут быть вложены на любой уровень. </p>


 <p> В следующем примере внешний <samp> FRAMESET </samp> делит доступные
пробел в три равных столбца. Внутренний <samp> FRAMESET </samp> затем делит второе
площадь в два ряда неравной высоты.</p>

 <pre>
<FRAMESET cols = "33%, 33%, 34%">
      <em> ... содержимое первого кадра ... </em>
     <FRAMESET rows = "40%, 50%">
         <em> ... содержимое второго кадра, первого ряда ... </em>
         <em> ... содержимое второго кадра, второго ряда ... </em>
     </ FRAMESET>
      <em> ... содержимое третьего кадра ... </em>
</ FRAMESET>
 </pre>


 <h5><span class="ez-toc-section" id="i-30"> Обмен данными между кадрами </span></h5>

 <p> Авторы могут обмениваться данными между несколькими кадрами, включая эти данные через <samp>
ОБЪЕКТ </samp> элемент.Авторы должны включать <samp>
Элемент OBJECT </samp> в элементе <samp> HEAD </samp> каркаса
документ и назовите его с атрибутом <samp> ID </samp>. Любой документ, который является
содержимое кадра в наборе кадров может ссылаться на этот идентификатор. </p>


 <p> Следующий пример иллюстрирует, как скрипт может ссылаться на <samp>
Элемент OBJECT </samp>, определенный для всего набора кадров: </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   «Http://www.w3.org/TR/html4/frameset.ОТД ">
<HTML>
<HEAD>
<TITLE> Это набор фреймов с OBJECT в HEAD </ TITLE>
<! - Этот ОБЪЕКТ не отображается! ->
<OBJECT data = "data.bar"> </ OBJECT>
</ HEAD>
<FRAMESET>
    <FRAME src = "bianca.html" name = "bianca">
</ FRAMESET>
</ HTML>

<! - В bianca.html ->
<HTML>
<HEAD>
<TITLE> Страница Бьянки </ TITLE>
</ HEAD>
<BODY>
 <em> ... начало документа ... </em>
<P>
<SCRIPT type = "text / javascript">
Родитель.myObject.myProperty
</ SCRIPT>
 <em> ... остальная часть документа ... </em>
</ BODY>
</ HTML>
 </pre>


 <h4><span class="ez-toc-section" id="1622"> 16.2.2 <samp>
РАМА </samp> элемент </span></h4>




 <p> <em> Определения атрибутов </em> </p>

 <dl>
 <dt> <samp> имя </samp> = <em> cdata </em> [CI] </dt>

 <dd> Этот атрибут присваивает имя текущему кадру. Это имя может быть использовано
как цель последующих ссылок. </dd>

 <dt> <samp> longdesc </samp> = <em> uri </em> [CT] </dt>

 <dd> Этот атрибут указывает ссылку на длинное описание кадра.это
описание должно дополнять краткое описание, предоставленное с использованием <samp>
атрибут title </samp> и может быть особенно полезен для невизуального пользователя
агенты. </dd>

 <dt> <samp> SRC </samp> = <em> URI </em> [CT] </dt>

 <dd> Этот атрибут указывает местоположение исходного содержимого, которое будет
содержится в кадре. </dd>

 <dt> <samp> noresize </samp> [CI] </dt>

 <dd> Если присутствует, этот логический атрибут сообщает агенту пользователя, что кадр
окно не должно быть изменяемого размера. </dd>

 <dt> <samp> прокрутка </samp> = <samp>
авто | да | нет </samp> [CI] </dt>

 <dd> Этот атрибут определяет информацию прокрутки для окна кадра.Возможно
ценности

 <ul>
 <li> <samp> auto: </samp> Это значение указывает агенту пользователя обеспечить прокрутку
устройства для оконного окна при необходимости. Это значение по умолчанию. </li>

 <li> <samp> да: </samp> Это значение указывает агенту пользователя всегда предоставлять
устройства прокрутки для оконных рам. </li>

 <li> <samp> no: </samp> Это значение указывает агенту пользователя не предоставлять прокрутку
устройства для оконной рамы. </li>
 </ul>
 </dd>

 <dt> <samp> Frameborder </samp> =
 <samp> 1 | 0 </samp> [CN] </dt>

 <dd> Этот атрибут предоставляет агенту пользователя
информация о рамке рамки.Возможные значения:

 <ul>
 <li> <samp> 1: </samp> Это значение указывает пользовательскому агенту нарисовать разделитель между
этот кадр и каждый соседний кадр. Это значение по умолчанию. </li>

 <li> <samp> 0: </samp> Это значение указывает агенту пользователя не рисовать разделитель
между этим кадром и каждым соседним кадром. Обратите внимание, что разделители могут быть нарисованы
тем не менее, рядом с этим кадром, если он указан другими кадрами. </li>
 </ul>
 </dd>

 <dt> <samp> ширина полосы </samp> = <em> пикселей </em> [CN] </dt>

 <dd> Этот атрибут указывает
количество свободного места между содержимым фрейма слева и справа
поля.Значение должно быть больше нуля (в пикселях). Значение по умолчанию
зависит от агента пользователя. </dd>

 <dt> <samp> предельная высота </samp> = <em> пикселей </em> [CN] </dt>

 <dd> Этот атрибут определяет количество места, которое остается между кадрами
содержимое в его верхней и нижней части. Значение должно быть больше нуля
(пиксели). Значение по умолчанию зависит от агента пользователя. </dd>
 </dl>



 <p> <em> Атрибуты, определенные в другом месте </em> </p>




 <p> <samp>
FRAME </samp> элемент определяет содержание и внешний вид одного
Рамка.</p>

 <h5><span class="ez-toc-section" id="i-31"> Установка начального содержимого кадра </span></h5>

 <p> Атрибут <samp> src </samp> определяет начальный документ, который будет
содержат. </p>


 <p> Следующий пример HTML-документа: </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   "Http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE> Документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET cols = "33%, 33%, 33%">
  <FRAMESET rows = "*, 200">
      <FRAME src = "contents_of_frame1.HTML ">
      <FRAME src = "contents_of_frame2.gif">
  </ FRAMESET>
  <FRAME src = "contents_of_frame3.html">
  <FRAME src = "contents_of_frame4.html">
</ FRAMESET>
</ HTML>
 </pre>

 <p> должен создать структуру кадра примерно так: </p>

 <pre>
 ------------------------------------------
| Кадр 1 | Кадр 3 | Кадр 4 |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
------------- | | |
| Рамка 2 | | |
| | | |
| | | |
 ------------------------------------------
 </pre>

 <p> и заставить пользовательский агент загружать каждый файл в отдельном представлении.</p>


 <p> Содержимое фрейма не должно быть в том же документе, что и фрейм
определение. </p>


 <p> НЕЗАКОННЫЙ ПРИМЕР:
 <br/> Следующее определение набора фреймов не является допустимым HTML, так как содержимое
второй кадр находится в том же документе, что и набор фреймов. </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   "Http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE> Документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET cols = "50%, 50%">
  <FRAME src = "contents_of_frame1.HTML ">
  <FRAME src = "# anchor_in_same_document">
  <NOFRAMES>
   <em> ... немного текста ... </em>
  <h3><span class="ez-toc-section" id="_FRAME_1_2_3_4_1_2_3_-_CI_name_A_LINK_AREA_FORM_framesethtml_init_dynamichtml_2_3_1631_BASE_BASE_BASE_2_3_1632_target_BASE_BASE_BASE_-_F_F_1641_NOFRAMES_id_class_lang_onclick_ondblclick_onmousedown_onmouseup_onmouseover_onmousemove_onmouseout_onkeypress_onkeydown_onkeyup_NOFRAMES_NOFRAMES_NOFRAMES_NOFRAMES_DTD_DTD_NOFRAMES_FRAMESET_-_NOFRAMES_NOFRAMES_DTD_1642_Long_longdesc"> <A name="anchor_in_same_document"> Важный раздел </A> </ h3>
   <em> ... немного текста ... </em>
  </ NOFRAMES>
</ FRAMESET>
</ HTML>
 </pre>


 <h5> Визуальный рендеринг кадра </h5>


 <p> Следующий пример иллюстрирует использование декоративной рамки <samp> FRAME </samp>.
атрибутов. Мы указываем, что кадр 1 не будет иметь полос прокрутки. Кадр 2 будет
оставьте пустое пространство вокруг его содержимого (изначально, файла изображения) и рамки
не будет изменяемого размера.Границы между кадрами 3 и 4 не отображаются.
будет отображаться (по умолчанию) между кадрами 1, 2 и 3. </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   "Http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE> Документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET cols = "33%, 33%, 33%">
  <FRAMESET rows = "*, 200">
      <FRAME src = "contents_of_frame1.html" scrolling = "no">
      <FRAME src = "contents_of_frame2.gif"
                marginwidth = "10" marginheight = "15"
                NORESIZE>
  </ FRAMESET>
  <FRAME src = "contents_of_frame3.html "frameborder =" 0 ">
  <FRAME src = "contents_of_frame4.html" frameborder = "0">
</ FRAMESET>
</ HTML>
 </pre>





 <p> <em> <strong> Примечание. </strong> Для получения информации о текущей практике в
Чтобы определить цель кадра, ознакомьтесь с примечаниями к кадрам в
приложение. </em> </p>



 <p> <em> Определения атрибутов </em> </p>

 <dl>
 <dt> <samp> цель </samp> = <em> кадр-цель </em> [CI] </dt>

 <dd> Этот атрибут указывает имя фрейма, в котором должен быть документ
открыт.</dd>
 </dl>


Присвоив имя кадру с помощью атрибута <samp> name </samp>, авторы могут
называть его «целью» ссылок, определяемых другими элементами. <samp> цель </samp>
атрибут может быть установлен для элементов, которые создают ссылки (<samp> A </samp>,
 <samp>
LINK </samp>), карты изображений (<samp> AREA </samp>) и формы (<samp> FORM </samp>).

 <p> Пожалуйста, обратитесь к разделу
целевые имена кадров для получения информации о распознанных именах кадров. </p>


 <p> Этот пример иллюстрирует, как цели позволяют динамическое изменение
содержимое кадра.Сначала мы определяем набор фреймов в документе
frameset.html, показанный здесь: </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   "Http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE> Документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET rows = "50%, 50%">
   <FRAME name = "fixed" src = "init_fixed.html">
   <FRAME name = "dynamic" src = "init_dynamic.html">
</ FRAMESET>
</ HTML>
 </pre>

 <p> Затем в init_dynamic.html мы ссылаемся на фрейм с именем
«Динамический».</p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"
   "Http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE> Документ с якорями с конкретными целями </ TITLE>
</ HEAD>
<BODY>
 <em> ... начало документа ... </em>
<P> Теперь вы можете перейти к
    <a href="slide2.html" target="dynamic" rel="noopener noreferrer"> слайд 2. </A>
 <em> ... больше документа ... </em>
<P> У тебя все отлично. Теперь на
    <a href="slide3.html" target="dynamic" rel="noopener noreferrer"> слайд 3.</A>
</ BODY>
</ HTML>
 </pre>

 <p> Активация любой ссылки открывает новый документ во фрейме с именем «динамический»
в то время как другой кадр, «фиксированный», сохраняет свое начальное содержимое. </p>




 <h4> 16.3.1 Установка цели по умолчанию для ссылок </h4>

 <p> Когда много ссылок в одном документе обозначают одну цель, это
можно указать цель один раз и обойтись без цели <samp> </samp>
атрибут каждого элемента. Это делается путем установки цели <samp> </samp>
атрибут элемента <samp> BASE </samp></p>


 <p> Мы вернемся к предыдущему примеру, на этот раз с учетом цели
информацию, определив ее в элементе <samp> BASE </samp> и удалив ее из
<samp>
А </samp> элементов. </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"
   "Http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE> Документ с BASE с определенной целью </ TITLE>
<BASE href = "http://www.mycom.com/Slides" target = "dynamic">
</ HEAD>
<BODY>
 <em>... начало документа ... </em>
<P> Теперь вы можете перейти к <A href="slide2.html"> слайду 2. </A>
 <em> ... больше документа ... </em>
<P> У тебя все отлично. Теперь на
       <A href="slide3.html"> слайд 3. </A>
</ BODY>
</ HTML>
 </pre>


 <h4> 16.3.2 Целевая семантика </h4>

 <p> Пользовательские агенты должны определить целевой кадр, в который нужно загрузить связанный
ресурс в соответствии со следующими приоритетами (самый высокий приоритет
самый низкий): </p>

 <ol>
 <li> Если элемент имеет
 Атрибут <samp> target </samp> устанавливается на известный кадр, когда
элемент активирован (т.е.ссылка идет или форма обрабатывается),
ресурс, обозначенный элементом, должен быть загружен в целевой кадр. </li>

 <li> Если элемент не имеет установленного целевого атрибута </samp> <samp>, но <samp>
Элемент BASE </samp> делает, элемент <samp> BASE </samp> цель </samp>
Атрибут определяет кадр. </li>

 <li> Если ни элемент, ни элемент <samp> BASE </samp> не относятся к цели,
ресурс, обозначенный элементом, должен быть загружен во фрейм
содержащий элемент.</li>

 <li> Если какой-либо целевой атрибут <samp> относится к неизвестному кадру F,
Пользовательский агент должен создать новое окно и фрейм, присвоить имя F
кадр и загрузить ресурс, обозначенный элементом в новом
Рамка. </li>
 </ol>

 <p> Пользовательские агенты могут предоставлять пользователям механизм для переопределения цели <samp> </samp>
атрибут. </p>



 <p> Авторы должны предоставлять альтернативный контент для тех пользовательских агентов, которые не
поддерживают кадры или настроены не отображать кадры. </p>

 <h4> 16.4.1 <samp> NOFRAMES </samp> элемент </h4>




 <p> <em> Атрибуты, определенные в другом месте </em> </p>

 <ul>
 <li> <samp>
id </samp>, <samp> class </samp> (идентификаторы всего документа) </li>

 <li> <samp> lang </samp> (информация о языке), <samp>
реж. </samp> (текст
направление) </li>

 <li> <samp> заголовок </samp> (элемент
название) </li>

 <li> <samp>
стиль </samp> (встроенный стиль
информация) </li>

 <li> <samp> onclick </samp>, <samp> ondblclick </samp>, <samp>
onmousedown </samp>, <samp> onmouseup </samp>, <samp>
onmouseover </samp>, <samp> onmousemove </samp>, <samp>
onmouseout </samp>, <samp> onkeypress </samp>, <samp>
onkeydown </samp>, <samp> onkeyup </samp> (внутренние события) </li>
 </ul>


 <p> <samp>
Элемент NOFRAMES </samp> определяет контент, который должен отображаться только
пользовательские агенты, которые не поддерживают фреймы или настроены не отображать фреймы.Пользовательские агенты, поддерживающие фреймы, должны отображать только содержимое <samp>
Объявление NOFRAMES </samp> при настройке не отображать кадры. пользователь
агенты, которые не поддерживают фреймы, должны отображать содержимое <samp>
NOFRAMES </samp> в любом случае. </p>

 <p> <samp>
Элемент NOFRAMES </samp> является частью DTD как с переходным, так и с кадровым набором. В
документ, который использует DTD набора кадров, <samp> NOFRAMES </samp> может быть
используется в конце раздела FRAMESET документа. </p>


 <p> Например: </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN "
     "Http://www.w3.org/TR/html4/frameset.dtd">
  <HTML>
  <HEAD>
  <TITLE> Фрейм-документ с NOFRAMES </ TITLE>
  </ HEAD>
  <FRAMESET cols = "50%, 50%">
     <FRAME src = "main.html">
     <FRAME src = "table_of_contents.html">
     <NOFRAMES>
     <P> Вот <A href="main-noframes.html">
              некадровая версия документа. </A>
     </ NOFRAMES>
  </ FRAMESET>
  </ HTML>
 </pre>


 <p> <samp>
NOFRAMES </samp> можно использовать, например, в документе, являющемся источником
кадра и который использует переходный DTD.Это позволяет авторам объяснить
цель документа в тех случаях, когда он просматривается вне рамок или с
пользовательский агент, который не поддерживает фреймы. </p>

 <h4> 16.4.2 Long
описания кадров </h4>

 <p> Атрибут <samp> longdesc </samp> позволяет авторам создавать рамки
документы, более доступные для людей, использующих невизуальные пользовательские агенты. это
Атрибут обозначает ресурс, который предоставляет длинное описание фрейма.
Авторы должны отметить, что длинные описания, связанные с фреймами, прилагаются
на <em> кадр </em>, а не содержимое кадра.Поскольку содержимое может отличаться
со временем первоначальное длинное описание может стать неуместным для
позднее содержание кадра. В частности, авторы не должны включать изображение
как единственное содержание кадра. </p>


 <p> Следующий документ набора фреймов описывает два фрейма. Левая рамка
содержит оглавление и правый кадр изначально содержит изображение
страус: </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   «Http://www.w3.org/TR/html4/frameset.ОТД ">
<HTML>
<HEAD>
<TITLE> Плохо оформленный документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET cols = "20%, 80%">
   <FRAME src = "table_of_contents.html">
   <FRAME src = "ostrich.gif" longdesc = "ostrich-desc.html">
</ FRAMESET>
</ HTML>
 </pre>

 <p> Обратите внимание, что изображение было включено в рамку независимо от любого HTML
элемент, поэтому автор не имеет возможности указать альтернативный текст, кроме как через
атрибут <samp> longdesc </samp>. Если содержимое правильного кадра
изменить (е.пользователь выбирает гремучую змею из оглавления), пользователи
не будет иметь текстового доступа к новому содержимому фрейма. </p>

 <p> Таким образом, авторам не следует помещать изображение непосредственно в рамку. Вместо этого
изображение должно быть указано в отдельном HTML-документе, и там аннотировано
с соответствующим альтернативным текстом: </p>

 <pre>
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
   "Http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE> Хорошо разработанный документ с фреймами </ TITLE>
</ HEAD>
<FRAMESET cols = "20%, 80%">
   <FRAME src = "table_of_contents.HTML ">
   <FRAME src = "ostrich-container.html">
</ FRAMESET>
</ HTML>
 </pre>

 <pre>
<! - В страус-контейнере.html: ->
<HTML>
<HEAD>
<TITLE> Быстрый и мощный страус </ TITLE>
</ HEAD>
<P>
<OBJECT data = "ostrich.gif" type = "image / gif">
Эти страусы, несомненно, имеют приятный вкус!
</ OBJECT>
</ HTML>
 </pre>







 <p> <em> Определения атрибутов </em> </p>

 <dl>
 <dt> <samp> longdesc </samp> = <em> uri </em> [CT] </dt>

 <dd> Этот атрибут указывает ссылку на длинное описание кадра.это
описание должно дополнять краткое описание, предоставленное с использованием <samp>
атрибут title </samp> и особенно полезен для невизуального пользователя
агенты. </dd>

 <dt> <samp> имя </samp> = <em> cdata </em> [CI] </dt>

 <dd> Этот атрибут присваивает имя текущему кадру. Это имя может быть использовано
как цель последующих ссылок. </dd>

 <dt> <samp> ширина </samp> = <em> длина </em> [CN] </dt>

 <dd> Ширина встроенной рамки. </dd>

 <dt> <samp> высота </samp> = <em> длина </em> [CN] </dt>

 <dd> Высота встроенной рамы.</dd>
 </dl>



 <p> <em> Атрибуты, определенные в другом месте </em> </p>




<samp>
Элемент IFRAME </samp> позволяет авторам вставлять рамку в блок
текст. Вставка встроенного фрейма в раздел текста очень похожа на вставку
объект через
 <samp> OBJECT </samp> элемент: они оба позволяют вам вставить
HTML-документ в середине другого, они могут быть выровнены с
окружающий текст и т. д.

 <p> Информация, которая должна быть вставлена ​​в линию, обозначена <samp>
src </samp> атрибут этого элемента.<em> содержание </em> из <samp> IFRAME </samp>
элемент, с другой стороны, должен отображаться только теми пользовательскими агентами, которые не
поддерживают кадры или настроены не отображать кадры. </p>


 <p> Для пользовательских агентов, которые поддерживают фреймы, в следующем примере
встроенная рамка, окруженная рамкой в ​​середине текста. </p>

 <pre>
  <IFRAME src = "foo.html"
             scrolling = "auto" frameborder = "1">
  [Ваш пользовательский агент не поддерживает фреймы или в настоящее время настроен
  не отображать кадры.Тем не менее, вы можете посетить
  <A href="foo.html"> соответствующий документ. </A>]
  </ IFRAME>
 </pre>


 <p> Встроенные кадры не могут быть изменены (и, следовательно, они не принимают <samp>
атрибут noresize </samp>). </p>


 <p> <em> <strong> Примечание. </strong> HTML-документы также могут быть встроены в другой HTML
документы с
 <samp> ОБЪЕКТ </samp> элемент. Смотрите раздел по встроенным документам для
подробности. </em> </p>




                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ,<h2> — Веб-технология для разработчиков </h2><div class="advv">
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1812626643144578"
     data-ad-slot="9935184599"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

 <p> <code> <frame> </code> — это элемент HTML, который определяет конкретную область, в которой может отображаться другой документ HTML. Кадр следует использовать в пределах <code> <frameset> </code>. </p>

 <p> Использование элемента <code> <frame> </code> не приветствуется из-за определенных недостатков, таких как проблемы с производительностью и отсутствие доступа для пользователей с программами чтения с экрана. Вместо <code> <frame> </code> элемент <code> <iframe> </code> может быть предпочтительным.</p>

 <h3><span class="ez-toc-section" id="_FRAME_1_2_3_4_1_2_3_-_CI_name_A_LINK_AREA_FORM_framesethtml_init_dynamichtml_2_3_1631_BASE_BASE_BASE_2_3_1632_target_BASE_BASE_BASE_-_F_F_1641_NOFRAMES_id_class_lang_onclick_ondblclick_onmousedown_onmouseup_onmouseover_onmousemove_onmouseout_onkeypress_onkeydown_onkeyup_NOFRAMES_NOFRAMES_NOFRAMES_NOFRAMES_DTD_DTD_NOFRAMES_FRAMESET_-_NOFRAMES_NOFRAMES_DTD_1642_Long_longdesc"> Атрибуты </span></h3>

 <p> Как и все другие элементы HTML, этот элемент поддерживает глобальные атрибуты. </p>

 <dl>
  <dt> <strong> <code> SRC </code> </strong> </dt>
  <dd> Этот атрибут указывает документ, который будет отображаться рамкой. </dd>
  <dt> <strong> <code> имя </code> </strong> </dt>
  <dd> Этот атрибут используется для маркировки кадров. Без маркировки каждая ссылка будет открываться во фрейме, в котором она находится — ближайшем родительском фрейме. См. Атрибут <code> target </code> для получения дополнительной информации.</dd>
  <dt> <strong> <code> noresize </code> </strong> </dt>
  <dd> Этот атрибут предотвращает изменение размеров кадров пользователями. </dd>
  <dt> <strong> <code> прокрутка </code> </strong> </dt>
  <dd> Этот атрибут определяет существование полосы прокрутки. Если этот атрибут не используется, браузер добавляет полосу прокрутки при необходимости. Существует два варианта: «да» для принудительного выбора полосы прокрутки, даже если в этом нет необходимости, и «нет» для принудительного отсутствия полосы прокрутки, даже если необходимо <em> или </em>. </dd>
  <dt> <strong> <code> marginheight </code> </strong> </dt>
  <dd> Этот атрибут определяет высоту поля между кадрами.</dd>
  <dt> <strong> <code> маржа </code> </strong> </dt>
  <dd> Этот атрибут определяет ширину поля между кадрами. </dd>
  <dt> <strong> <code> Frameborder </code> </strong> </dt>
  <dd> Этот атрибут позволяет указать границу рамки. </dd>
 </dl>

 <h3><span class="ez-toc-section" id="i-32"> Пример </span></h3>

 <pre> <frameset cols = "50%, 50%">
  <frame src = "https://developer.mozilla.org/en/HTML/Element/iframe" />
  <frame src = "https://developer.mozilla.org/en/HTML/Element/frame" />
</ FRAMESET>
 </pre>

 <h3><span class="ez-toc-section" id="i-33"> Совместимость браузера </span></h3>



Обновление данных о совместимости GitHub <table> <thead> <tr> <td/> <th colspan="6"> Настольный ПК </th> <th colspan="6"> Мобильный </th> </tr> <tr> <td/> <th> Chrome </th> <th> Edge </th> <th> Firefox </th> <th> Internet Explorer </th> <th> Opera </th> <th> Safari </th> <th> Веб-просмотр Android </th> <th> Chrome для Android </th> <th> Firefox для Android </th> <th> Opera для Android </th> <th> Safari на iOS </th> <th> Samsung Интернет </th> </tr> </thead> <tbody> <tr> <th scope="row"> <code> рамка </code> </th> <td> Chrome <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> <code> Frameborder </code> </th> <td> Хром <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> <code> marginheight </code> </th> <td> Chrome <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> <code> Маржинальная ширина </code> </th> <td> Хром <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> <code> имя </code> </th> <td> хром <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> <code> noresize </code> </th> <td> Chrome <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> Прокрутка <code> </code> </th> <td> Хром <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> <tr> <th scope="row"> <code> SRC </code> </th> <td> Chrome <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Край <abbr title="Full support">
                Полная поддержка
               </abbr>
              12 </td> <td> Firefox <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> IE <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Опера <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> WebView Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Chrome Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Firefox Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Opera Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Safari iOS <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> <td> Samsung Интернет Android <abbr title="Full support">
                Полная поддержка
               </abbr>
              Да </td> </tr> </tbody> </table> <h4><span class="ez-toc-section" id="i-34"> Легенда </span></h4> <dl> <dt>
                 <abbr title="Full support">
                 Полная поддержка
                 
                 </abbr> </dt> <dd> Полная поддержка </dd> <dt> <abbr title="Deprecated. Not for use in new websites."> Устаревший.Не для использования на новых сайтах. <i/> </abbr> </dt> <dd> Устаревший. Не для использования на новых сайтах. </dd> </dl>

 <h3><span class="ez-toc-section" id="i-35"> См. Также </span></h3>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ,<div> Создайте свой собственный каркас — создайте его легко </h2><div class="advv">
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1812626643144578"
     data-ad-slot="9935184599"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
                
                 <p> Мы создали наш веб-сайт, чтобы обеспечить самое простое и лучшее впечатление от разработки. Вы загружаете изображение, мы печатаем и создаем его, и вы получаете высококачественную готовую к отправке рамку по почте по невероятной цене. Чтобы продолжать предоставлять эту великолепную услугу, у нас есть несколько правил относительно того, какой контент мы принимаем к печати и кадрированию. </p>
    
                 <p> <strong> Проще говоря: у вас должны быть права на воспроизведение каждого отдельного изображения, которое вы загружаете на наш сайт (или иным образом делитесь с нами в целях печати), чтобы мы могли его напечатать.</strong> </p>
                
                 <hr/>
                
                 <p> Загружая изображение на наш веб-сайт (или иным образом предоставляя его нам для печати), вы подтверждаете, что: </p>
                 <ul>
                     <li> Вы обладаете всеми необходимыми правами, необходимыми для использования изображения, не ущемляя и не нарушая права третьих лиц. Эти права включают, но не ограничиваются товарными знаками, авторскими правами, патентами, правами на неприкосновенность частной жизни, правами на гласность и моральными правами.</li>
                     <li> Изображение не является незаконным в любом случае и не нарушает применимых правил, норм или неприкосновенность частной жизни другого лица.
                     </li> <li> Изображение не является непристойным, ненавистным, клеветническим, угрожающим или клеветническим. </li>
                 </ul>
                
                 <hr/>
    
                 <p> Загружая изображение на наш веб-сайт (или иным образом передавая его нам для печати), вы также соглашаетесь с тем, что: </p>
                 <ul>
                     <li> Вы освобождаете и освобождаете Frame It Easy от любой ответственности (включая гонорар адвоката и судебные издержки) за любые претензии, связанные с нарушением прав третьих лиц, путем воспроизведения Frame It Easy изображения, которое вы загружаете на наш веб-сайт или делитесь с ним. нам с целью печати (независимо от того, являются ли указанные претензии заявленными или действительными).</li>
                 </ul>
                
                 <hr/>
    
                 <p> Загружая изображение на наш веб-сайт (или иным образом передавая его нам для печати), вы подтверждаете, что понимаете: </p>
                 <ul>
                     <li> Frame It Easy оставляет за собой право просматривать изображения, но получает много таких изображений и не всегда может просматривать каждое из них в отдельности. </li>
                     <li> Frame It Easy не берет на себя ответственность за контент, который вы загружаете или делитесь с нами с целью печати.</li>
                     <li> Frame It Easy оставляет за собой право удалять любые загруженные или совместно используемые файлы, которые попадают в одну или несколько категорий, запрещенных выше, и отказываться выполнять любые связанные с ними заказы. </li>
                     <li> Если ваше изображение не размытое и было снято в условиях среднего освещения относительно современной камерой, ваш отпечаток, скорее всего, получится красивым. Если ваше изображение снято более старой камерой, оно размытое или в условиях темного освещения, оно может выглядеть иначе, чем на экране.Это связано с тем, что на всех экранах (если они не откалиброваны профессионально) изображения будут отображаться по-разному. Frame It Easy остается максимально точным для вашей фотографии, печатая ее в том виде, в котором она была получена: мы не редактируем ее и не применяем к ней наши собственные цветовые профили. Если ваша фотография была сделана в необычных условиях или с необычным оборудованием, и вы беспокоитесь о качестве печати, пожалуйста, свяжитесь с нами, и мы будем рады ответить на все ваши вопросы и помочь вам получить наилучшую возможную печать.</li>
                 </ul>
                
                 <hr/>
                
                 <p> Загружая изображение на наш веб-сайт (или иным образом передавая его нам в целях печати), вы также принимаете и соглашаетесь с другими нашими политиками, ссылки на которые доступны в нижней части нашего веб-сайта. </p>
                
                 <hr/>
                
                 <p> В ПОЛНОЙ МЕРЕ, РАЗРЕШЕННОЙ ДЕЙСТВУЮЩИМ ЗАКОНОДАТЕЛЬСТВОМ, КАК ЕГО ЛЕГКО ИЛИ ЕГО ДИРЕКТОРОВ, ДОЛЖНОСТНЫХ ЛИЦ, ЧЛЕНОВ, АКЦИОНЕРОВ, СОТРУДНИКОВ, ПОДРЯДЧИКОВ, АГЕНТОВ, ПРЕДСТАВИТЕЛЕЙ ИЛИ АФФИЛИЙСКИХ ВЕЛИКОБРИТАНИЙ. СЛУЧАЙНЫЕ, ПОСЛЕДУЮЩИЕ, ОСОБЫЕ, ПРИМЕРНЫЕ ИЛИ НАКАЗАТЕЛЬНЫЕ УБЫТКИ, ОСНОВАННЫЕ НА ГАРАНТИИ, ДОГОВОРЕ, ИСПЫТАНИИ ИЛИ ЛЮБОЙ ДРУГОЙ ТЕОРИИ, ДАЖЕ ЕСЛИ ЛИ ФРАГМЕНТЫ, КОТОРЫЕ ЕГО ЛЕГКИЕ СТОРОНЫ БЫЛИ ПРЕДСТАВЛЕНЫ В ЭТОМ ВОЗМОЖНОМ ВОЗМОЖНОСТЕЙ, ИЛИ В ЭТОМ УТВЕРЖДЕНИИ, ТАКИМ ОБРАЗОМ, ТАКИМ ОБРАЗОМ, ТАКИМ ОБРАЗОМ НАШЕГО ПРЕДОСТАВЛЕНИЯ (ИЛИ НЕСОБЛЮДЕНИЯ) ПРОДУКТОВ ИЛИ УСЛУГ.</p>
                
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ,<h2><span class="ez-toc-section" id="HTML_Iframes"> HTML Iframes </span></h2><div class="advv">
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1812626643144578"
     data-ad-slot="9935184599"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
      


 <hr/>
 <p> HTML-фрейм используется для отображения веб-страницы на веб-странице. </p>
 <hr/>

 <hr/>

 <h3><span class="ez-toc-section" id="HTML_Iframe"> HTML Синтаксис Iframe </span></h3>
 <p> Тег HTML <code> <iframe> </code> определяет
встроенная рамка. </p>
 <p> Встроенный фрейм используется для встраивания другого документа в текущий документ HTML. </p>

 <h4><span class="ez-toc-section" id="i-36"> Синтаксис </span></h4>
 <p>
<iframe src = "<i> url </i>» title = «<em> description </em>«>
 </p>
 <p> <strong> Совет: </strong> Рекомендуется всегда включать <code>
атрибут title </code> для <code> <iframe> </code>.Это используется программами чтения с экрана для считывания содержания iframe. </p>
 <hr/>

 <h3><span class="ez-toc-section" id="Iframe"> Iframe — установка высоты и ширины </span></h3>
 <p> Используйте атрибуты <code> высота </code> и <code> ширина </code>, чтобы указать
размер фрейма </p>
 <p> Высота и ширина указываются в пикселях по умолчанию: </p>

 <h4><span class="ez-toc-section" id="i-37"> Пример </span></h4>
 <p>
<iframe src = "demo_iframe.htm"
  title = "Пример Iframe"> </ iframe> </p>
Попробуй сам »


 <p> Или вы можете добавить <code> стиль </code> атрибут и использовать
CSS <code> высота </code> и <code> ширина </code>
свойства: </p>

 <h4><span class="ez-toc-section" id="i-38"> Пример </span></h4>
 <p>
<iframe src = "demo_iframe.HTM»
  title = "Пример Iframe"> </ iframe> </p>
Попробуй сам »

 <hr/>

 <hr/>

 <h3><span class="ez-toc-section" id="Iframe-2"> Iframe — Снимите Границу </span></h3>
 <p> По умолчанию у фрейма есть рамка. </p>
 <p> Чтобы удалить границу, добавьте атрибут <code> стиль </code> и используйте CSS
 <code> границы </code> собственности: </p>

 <h4><span class="ez-toc-section" id="i-39"> Пример </span></h4>
 <p>
<iframe src = "demo_iframe.htm"
  title = "Пример Iframe"> </ iframe> </p>
Попробуй сам »

 <p> С помощью CSS вы также можете изменить размер, стиль и цвет рамки iframe: </p>

 <h4><span class="ez-toc-section" id="i-40"> Пример </span></h4>
 <p>
<iframe src = "demo_iframe.HTM»
  title = "Пример Iframe"> </ iframe> </p>
Попробуй сам »

 <hr/>

 <h3><span class="ez-toc-section" id="Iframe-3"> Iframe — цель для ссылки </span></h3>
 <p> В качестве целевого кадра для ссылки можно использовать iframe. </p>
 <p> Атрибут <code> target </code>
ссылки должны ссылаться на <code> name </code> атрибут iframe: </p>

 <h4><span class="ez-toc-section" id="i-41"> Пример </span></h4>


  <p> <p> <a href="https://www.w3schools.com" target="iframe_a" rel="noopener noreferrer"> W3Schools.com </a> </ p>
 </p>
Попробуй сам »

 <hr/>

 <h3><span class="ez-toc-section" id="i-42"> Краткое содержание главы </span></h3>
 <ul>
 <li> Тег HTML <code> <iframe> </code> определяет
встроенная рамка </li>
   <li> <code> SRC </code>
Атрибут определяет URL страницы для встраивания </li>
   <li> Всегда включайте <code>
атрибут title </code> (для программ чтения с экрана) </li>
   <li> Атрибуты <code> высота </code> и <code> ширина </code> указывает
размер фрейма </li>
   <li> Использовать границу <code>: нет; </code> убрать границу
  вокруг фрейма </li>
 </ul>
 <hr/>
 <h3><span class="ez-toc-section" id="HTML"> HTML Упражнения </span></h3>

 <h3><span class="ez-toc-section" id="i-43"> Проверьте себя с помощью упражнений </span></h3>

 <h3><span class="ez-toc-section" id="i-44"> Упражнение: </span></h3>
 <p> Создайте iframe с URL-адресом, который идет по адресу https: // www.w3schools.com. </p>
 <p>
<iframe = "https://www.w3schools.com"> </ iframe>
 </p>
 <br/>
Отправить ответ »
 <p> Начните упражнение </p>


 <hr/>

 <h3><span class="ez-toc-section" id="HTML_iframe_Tag"> HTML iframe Tag </span></h3>
 <table>
 <tr>
 <th> Tag </th>
 <th> Описание </th>
 </tr>
 <tr>
 <td> <iframe> </td>
 <td> Определяет встроенную рамку </td>
 </tr>
 </table>


 <br/>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ,	</div><!-- .entry-content -->

	<footer class="entry-footer"><div class="entry-meta"></div><!-- .entry-meta --></footer> <!-- .entry-footer -->
</article><!-- #post-## -->

	<nav class="navigation post-navigation" role="navigation" aria-label="Записи">
		<h2 class="screen-reader-text">Навигация по записям</h2>
		<div class="nav-links"><div class="nav-previous"><a href="https://betonvladivostok.ru/fundament/%d1%87%d0%b5%d0%bc-%d1%83%d1%82%d0%b5%d0%bf%d0%bb%d0%b8%d1%82%d1%8c-%d0%bf%d1%80%d0%be%d0%b4%d1%83%d1%85%d0%b8-%d0%b2-%d1%84%d1%83%d0%bd%d0%b4%d0%b0%d0%bc%d0%b5%d0%bd%d1%82%d0%b5-%d0%bd%d0%b0-%d0%b7.html" rel="prev"><i class="fal fa-angle-left"></i> <span aria-hidden="true" class="nav-subtitle">Previous Post</span><span class="nav-title">Чем утеплить продухи в фундаменте на зиму: Чем утеплить продухи в фундаменте на зиму?</span><span class="screen-reader-text">Previous Post</span></a></div><div class="nav-next"><a href="https://betonvladivostok.ru/raznoe/krasit-dom-pokrasit-dom-rf-professionalnaya-pokraska-derevyannyx-domov-importnymi-lkm-tochnoe-soblyudenie-byudzheta-i-srokov-pokraska-derevyannyx-domov-v-moskve-i-oblasti.html" rel="next"><i class="fal fa-angle-right"></i><span aria-hidden="true" class="nav-subtitle">Next Post</span><span class="nav-title">Красить дом: Покрасить Дом рф — Профессиональная покраска деревянных домов, импортными ЛКМ. Точное соблюдение бюджета и сроков – Покраска деревянных домов в Москве и области</span><span class="screen-reader-text">Next Post</span></a></div></div>
	</nav>
<div id="comments" class="comments-area ">

		<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/karkasnij-budinok-karkasnij-budinok-svo%D1%97mi-rukami-pokrokova-instrukciya.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://betonvladivostok.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> Обязательные поля помечены <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Комментарий</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p>
<p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='24353' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form>	</div><!-- #respond -->
	
</div><!-- #comments -->
	</div><!-- .singular-content-wrap -->
		</main><!-- .site-main -->
</div><!-- .content-area -->



<aside id="secondary" class="sidebar widget-area" role="complementary">
	<section id="search-2" class="widget widget_search">

<form role="search" method="get" class="search-form" action="https://betonvladivostok.ru/">
	<label>
		<span class="screen-reader-text">Search for:</span>
		<input type="search" class="search-field" placeholder="Search" value="" name="s" />
	</label>
	<button type="submit" class="search-submit"><svg class="icon icon-search" aria-hidden="true" role="img"> <use href="#icon-search" xlink:href="#icon-search"></use> </svg><span class="screen-reader-text">Search</span></button>
</form>
</section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="widget-title-wrap"><h2 class="widget-title">Рубрики</h2></div><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-24335" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24335"><a href="https://betonvladivostok.ru/category/gidroizolyac">Гидроизоляция</a></li>
<li id="menu-item-24336" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24336"><a href="https://betonvladivostok.ru/category/zakladk">Закладка</a></li>
<li id="menu-item-24337" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24337"><a href="https://betonvladivostok.ru/category/montazh">Монтаж</a></li>
<li id="menu-item-24339" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24339"><a href="https://betonvladivostok.ru/category/praviln">Рекомендации</a></li>
<li id="menu-item-24340" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24340"><a href="https://betonvladivostok.ru/category/remont">Ремонт</a></li>
<li id="menu-item-24341" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24341"><a href="https://betonvladivostok.ru/category/svoimi">Своими руками</a></li>
<li id="menu-item-24342" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24342"><a href="https://betonvladivostok.ru/category/ustanovk">Установка</a></li>
<li id="menu-item-24343" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24343"><a href="https://betonvladivostok.ru/category/uteplen">Утепление</a></li>
<li id="menu-item-24344" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24344"><a href="https://betonvladivostok.ru/category/fundament">Фундамент</a></li>
<li id="menu-item-24338" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-24338"><a href="https://betonvladivostok.ru/category/raznoe">Разное</a></li>
</ul></div></section><section id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script></div></section></aside><!-- .sidebar .widget-area -->
		</div><!-- .wrapper -->
	</div><!-- .site-content -->

	



	<footer id="colophon" class="site-footer" role="contentinfo">

		

		<div id="site-generator">
		
			<img src="/wp-content/themes/travelore/footer.png"class="logo2">
			<div class="copy">
			<p>2019 © Все права защищены.</p>
			</div>
		</div><!-- #site-generator -->

	</footer><!-- .site-footer -->
</div><!-- .site -->

		<style type="text/css">
							.pgntn-page-pagination {
					text-align: left !important;
				}
				.pgntn-page-pagination-block {
					width: 60% !important;
					padding: 0 0 0 0;
									}
				.pgntn-page-pagination a {
					color: #1e14ca !important;
					background-color: #ffffff !important;
					text-decoration: none !important;
					border: 1px solid #cccccc !important;
									}
				.pgntn-page-pagination a:hover {
					color: #000 !important;
				}
				.pgntn-page-pagination-intro,
				.pgntn-page-pagination .current {
					background-color: #efefef !important;
					color: #000 !important;
					border: 1px solid #cccccc !important;
									}
			.archive #nav-above,
					.archive #nav-below,
					.search #nav-above,
					.search #nav-below,
					.blog #nav-below,
					.blog #nav-above,
					.navigation.paging-navigation,
					.navigation.pagination,
					.pagination.paging-pagination,
					.pagination.pagination,
					.pagination.loop-pagination,
					.bicubic-nav-link,
					#page-nav,
					.camp-paging,
					#reposter_nav-pages,
					.unity-post-pagination,
					.wordpost_content .nav_post_link,.page-link,
					.page-links,#comments .navigation,
					#comment-nav-above,
					#comment-nav-below,
					#nav-single,
					.navigation.comment-navigation,
					comment-pagination {
						display: none !important;
					}
					.single-gallery .pagination.gllrpr_pagination {
						display: block !important;
					}		</style>
	<link rel='stylesheet' id='pgntn_stylesheet-css'  href='https://betonvladivostok.ru/wp-content/plugins/pagination/css/nav-style.css?ver=5.6.1' type='text/css' media='all' />
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/themes/travelore/assets/js/skip-link-focus-fix.min.js?ver=20160816' id='travelore-skip-link-focus-fix-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-includes/js/comment-reply.min.js?ver=5.6.1' id='comment-reply-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/themes/travelore/assets/js/owl.carousel.min.js?ver=2.3.4' id='owl-carousel-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/themes/travelore/assets/js/jquery.matchHeight.min.js?ver=20151215' id='jquery-match-height-js'></script>
<script type='text/javascript' id='travelore-script-js-extra'>
/* <![CDATA[ */
var traveloreOptions = {"screenReaderText":{"expand":"expand child menu","collapse":"collapse child menu","icon":"<svg class=\"icon icon-angle-down\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-down\" xlink:href=\"#icon-angle-down\"><\/use> <span class=\"svg-fallback icon-angle-down\"><\/span><\/svg>"},"testimonialOptions":{"transitionIn":"default","transitionOut":"default","nav":"","autoplay":"","loop":"","transitionTimeout":"4","layout":"1","dots":""},"iconNavPrev":"<svg class=\"icon icon-angle-left\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-left\" xlink:href=\"#icon-angle-left\"><\/use> <span class=\"svg-fallback icon-angle-left\"><\/span><\/svg>","iconNavNext":"<svg class=\"icon icon-angle-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-right\" xlink:href=\"#icon-angle-right\"><\/use> <span class=\"svg-fallback icon-angle-right\"><\/span><\/svg>","rtl":""};
/* ]]> */
</script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/themes/travelore/assets/js/functions.min.js?ver=20160816' id='travelore-script-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-includes/js/wp-embed.min.js?ver=5.6.1' id='wp-embed-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=1.5.5' id='jquery-smooth-scroll-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.0.3' id='js-cookie-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js?ver=1.9.2' id='jquery-waypoints-js'></script>
<script type='text/javascript' id='ez-toc-js-js-extra'>
/* <![CDATA[ */
var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"};
/* ]]> */
</script>
<script type='text/javascript' src='https://betonvladivostok.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=1.7' id='ez-toc-js-js'></script>
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-behance" viewBox="0 0 37 32">
<path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path>
</symbol>
<symbol id="icon-deviantart" viewBox="0 0 18 32">
<path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path>
</symbol>
<symbol id="icon-medium" viewBox="0 0 32 32">
<path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path>
</symbol>
<symbol id="icon-slideshare" viewBox="0 0 32 32">
<path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path>
</symbol>
<symbol id="icon-snapchat-ghost" viewBox="0 0 30 32">
<path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path>
</symbol>
<symbol id="icon-yelp" viewBox="0 0 27 32">
<path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path>
</symbol>
<symbol id="icon-vine" viewBox="0 0 27 32">
<path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path>
</symbol>
<symbol id="icon-vk" viewBox="0 0 35 32">
<path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path>
</symbol>
<symbol id="icon-search" viewBox="0 0 30 32">
<path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path>
</symbol>
<symbol id="icon-envelope-o" viewBox="0 0 1792 1792">
<path d="M1664 1504v-768q-32 36-69 66-268 206-426 338-51 43-83 67t-86.5 48.5-102.5 24.5h-2q-48 0-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0 13 9.5 22.5t22.5 9.5h1472q13 0 22.5-9.5t9.5-22.5zm0-1051v-24.5l-.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13 0-22.5 9.5t-9.5 22.5q0 168 147 284 193 152 401 317 6 5 35 29.5t46 37.5 44.5 31.5 50.5 27.5 43 9h2q20 0 43-9t50.5-27.5 44.5-31.5 46-37.5 35-29.5q208-165 401-317 54-43 100.5-115.5t46.5-131.5zm128-37v1088q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1472q66 0 113 47t47 113z"></path>
</symbol>
<symbol id="icon-close" viewBox="0 0 25 32">
<path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path>
</symbol>
<symbol id="icon-angle-left" viewBox="0 0 1792 1792">
<path class="path1" d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path>
</symbol>
<symbol id="icon-angle-right" viewBox="0 0 1792 1792">
<path class="path1" d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
</symbol>
</symbol>
<symbol id="icon-angle-down" viewBox="0 0 21 32">
<path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path>
</symbol>
<symbol id="icon-folder-open" viewBox="0 0 34 32">
<path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path>
</symbol>
<symbol id="icon-twitter" viewBox="0 0 30 32">
<path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path>
</symbol>
<symbol id="icon-facebook" viewBox="0 0 19 32">
<path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path>
</symbol>
<symbol id="icon-github" viewBox="0 0 27 32">
<path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path>
</symbol>
<symbol id="icon-bars" viewBox="0 0 27 32">
<path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path>
</symbol>
<symbol id="icon-google-plus" viewBox="0 0 41 32">
<path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path>
</symbol>
<symbol id="icon-linkedin" viewBox="0 0 27 32">
<path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path>
</symbol>
<symbol id="icon-quote-right" viewBox="0 0 30 32">
<path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path>
</symbol>
<symbol id="icon-mail-reply" viewBox="0 0 32 32">
<path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path>
</symbol>
<symbol id="icon-youtube" viewBox="0 0 27 32">
<path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path>
</symbol>
<symbol id="icon-dropbox" viewBox="0 0 32 32">
<path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path>
</symbol>
<symbol id="icon-instagram" viewBox="0 0 27 32">
<path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path>
</symbol>
<symbol id="icon-flickr" viewBox="0 0 27 32">
<path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path>
</symbol>
<symbol id="icon-tumblr" viewBox="0 0 19 32">
<path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path>
</symbol>
<symbol id="icon-dribbble" viewBox="0 0 27 32">
<path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path>
</symbol>
<symbol id="icon-skype" viewBox="0 0 27 32">
<path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path>
</symbol>
<symbol id="icon-foursquare" viewBox="0 0 23 32">
<path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path>
</symbol>
<symbol id="icon-wordpress" viewBox="0 0 32 32">
<path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path>
</symbol>
<symbol id="icon-stumbleupon" viewBox="0 0 34 32">
<path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path>
</symbol>
<symbol id="icon-digg" viewBox="0 0 37 32">
<path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path>
</symbol>
<symbol id="icon-spotify" viewBox="0 0 27 32">
<path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path>
</symbol>
<symbol id="icon-soundcloud" viewBox="0 0 41 32">
<path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path>
</symbol>
<symbol id="icon-codepen" viewBox="0 0 32 32">
<path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path>
</symbol>
<symbol id="icon-twitch" viewBox="0 0 32 32">
<path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path>
</symbol>
<symbol id="icon-meanpath" viewBox="0 0 27 32">
<path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path>
</symbol>
<symbol id="icon-pinterest-p" viewBox="0 0 23 32">
<path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path>
</symbol>
<symbol id="icon-get-pocket" viewBox="0 0 31 32">
<path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path>
</symbol>
<symbol id="icon-vimeo" viewBox="0 0 32 32">
<path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path>
</symbol>
<symbol id="icon-reddit-alien" viewBox="0 0 32 32">
<path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path>
</symbol>
<symbol id="icon-hashtag" viewBox="0 0 32 32">
<path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path>
</symbol>
<symbol id="icon-chain" viewBox="0 0 30 32">
<path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path>
</symbol>
<symbol id="icon-thumb-tack" viewBox="0 0 21 32">
<path class="path1" d="M8.571 15.429v-8q0-0.25-0.161-0.411t-0.411-0.161-0.411 0.161-0.161 0.411v8q0 0.25 0.161 0.411t0.411 0.161 0.411-0.161 0.161-0.411zM20.571 21.714q0 0.464-0.339 0.804t-0.804 0.339h-7.661l-0.911 8.625q-0.036 0.214-0.188 0.366t-0.366 0.152h-0.018q-0.482 0-0.571-0.482l-1.357-8.661h-7.214q-0.464 0-0.804-0.339t-0.339-0.804q0-2.196 1.402-3.955t3.17-1.759v-9.143q-0.929 0-1.607-0.679t-0.679-1.607 0.679-1.607 1.607-0.679h11.429q0.929 0 1.607 0.679t0.679 1.607-0.679 1.607-1.607 0.679v9.143q1.768 0 3.17 1.759t1.402 3.955z"></path>
</symbol>
<symbol id="icon-arrow-left" viewBox="0 0 43 32">
<path class="path1" d="M42.311 14.044c-0.178-0.178-0.533-0.356-0.711-0.356h-33.778l10.311-10.489c0.178-0.178 0.356-0.533 0.356-0.711 0-0.356-0.178-0.533-0.356-0.711l-1.6-1.422c-0.356-0.178-0.533-0.356-0.889-0.356s-0.533 0.178-0.711 0.356l-14.578 14.933c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l14.756 14.933c0 0.178 0.356 0.356 0.533 0.356s0.533-0.178 0.711-0.356l1.6-1.6c0.178-0.178 0.356-0.533 0.356-0.711s-0.178-0.533-0.356-0.711l-10.311-10.489h33.778c0.178 0 0.533-0.178 0.711-0.356 0.356-0.178 0.533-0.356 0.533-0.711v-2.133c0-0.356-0.178-0.711-0.356-0.889z"></path>
</symbol>
<symbol id="icon-arrow-right" viewBox="0 0 43 32">
<path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path>
</symbol>
<symbol id="icon-play" viewBox="0 0 22 28">
<path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path>
</symbol>
<symbol id="icon-pause" viewBox="0 0 24 28">
<path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path>
</symbol>
<symbol id="icon-phone" viewBox="0 0 1792 1792">
<path d="M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-53-3.5t-57.5-12.5-47-14.5-55.5-20.5-49-18q-98-35-175-83-127-79-264-216t-216-264q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47-12.5-57.5-3.5-53q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z"></path>
</symbol>
<symbol id="icon-address-book-o" viewBox="0 0 1792 1792">
<path d="M1092 644q0 107-76.5 183t-183.5 76-183.5-76-76.5-183q0-108 76.5-184t183.5-76 183.5 76 76.5 184zm-48 220q46 0 82.5 17t60 47.5 39.5 67 24 81 11.5 82.5 3.5 79q0 67-39.5 118.5t-105.5 51.5h-576q-66 0-105.5-51.5t-39.5-118.5q0-48 4.5-93.5t18.5-98.5 36.5-91.5 63-64.5 93.5-26h5q7 4 32 19.5t35.5 21 33 17 37 16 35 9 39.5 4.5 39.5-4.5 35-9 37-16 33-17 35.5-21 32-19.5zm684-256q0 13-9.5 22.5t-22.5 9.5h-96v128h96q13 0 22.5 9.5t9.5 22.5v192q0 13-9.5 22.5t-22.5 9.5h-96v128h96q13 0 22.5 9.5t9.5 22.5v192q0 13-9.5 22.5t-22.5 9.5h-96v224q0 66-47 113t-113 47h-1216q-66 0-113-47t-47-113v-1472q0-66 47-113t113-47h1216q66 0 113 47t47 113v224h96q13 0 22.5 9.5t9.5 22.5v192zm-256 1024v-1472q0-13-9.5-22.5t-22.5-9.5h-1216q-13 0-22.5 9.5t-9.5 22.5v1472q0 13 9.5 22.5t22.5 9.5h1216q13 0 22.5-9.5t9.5-22.5z"></path>
</symbol>
<symbol id="icon-calendar" viewBox="0 0 1792 1792">
<path d="M192 1664h288v-288h-288v288zm352 0h320v-288h-320v288zm-352-352h288v-320h-288v320zm352 0h320v-320h-320v320zm-352-384h288v-288h-288v288zm736 736h320v-288h-320v288zm-384-736h320v-288h-320v288zm768 736h288v-288h-288v288zm-384-352h320v-320h-320v320zm-352-864v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm736 864h288v-320h-288v320zm-384-384h320v-288h-320v288zm384 0h288v-288h-288v288zm32-480v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38h-1408q-52 0-90-38t-38-90v-1280q0-52 38-90t90-38h128v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z"></path>
</symbol>
<symbol id="icon-quote-left" viewBox="0 0 1792 1792">
<path d="M832 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path>
</symbol>
<symbol id="icon-user" viewBox="0 0 1792 1792">
<path d="M1536 1399q0 109-62.5 187t-150.5 78h-854q-88 0-150.5-78t-62.5-187q0-85 8.5-160.5t31.5-152 58.5-131 94-89 134.5-34.5q131 128 313 128t313-128q76 0 134.5 34.5t94 89 58.5 131 31.5 152 8.5 160.5zm-256-887q0 159-112.5 271.5t-271.5 112.5-271.5-112.5-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5z"></path>
</symbol>
<symbol id="icon-comment" viewBox="0 0 1792 1792">
<path d="M1792 896q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-130 71-248.5t191-204.5 286-136.5 348-50.5q244 0 450 85.5t326 233 120 321.5z"></path>
</symbol>
<symbol id="icon-folder" viewBox="0 0 1792 1792">
<path d="M1728 608v704q0 92-66 158t-158 66h-1216q-92 0-158-66t-66-158v-960q0-92 66-158t158-66h320q92 0 158 66t66 158v32h672q92 0 158 66t66 158z"></path>
</symbol>
<symbol id="icon-tag" viewBox="0 0 1792 1792">
<path d="M576 448q0-53-37.5-90.5t-90.5-37.5-90.5 37.5-37.5 90.5 37.5 90.5 90.5 37.5 90.5-37.5 37.5-90.5zm1067 576q0 53-37 90l-491 492q-39 37-91 37-53 0-90-37l-715-716q-38-37-64.5-101t-26.5-117v-416q0-52 38-90t90-38h416q53 0 117 26.5t102 64.5l715 714q37 39 37 91z"></path>
</symbol>
<symbol id="icon-clock-o" viewBox="0 0 1792 1792">
<path d="M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"></path>
</symbol>
<symbol id="icon-home" viewBox="0 0 1792 1792">
<path d="M1472 992v480q0 26-19 45t-45 19h-384v-384h-256v384h-384q-26 0-45-19t-19-45v-480q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7l-692-577-692 577q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5t11-21.5l719-599q32-26 76-26t76 26l244 204v-195q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z"></path>
</symbol>
<symbol id="icon-image" viewBox="0 0 2048 1792">
<path d="M704 576q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1024 384v448h-1408v-192l320-320 160 160 512-512zm96-704h-1600q-13 0-22.5 9.5t-9.5 22.5v1216q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5v-1216q0-13-9.5-22.5t-22.5-9.5zm160 32v1216q0 66-47 113t-113 47h-1600q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1600q66 0 113 47t47 113z"></path>
</symbol>
<symbol id="icon-video" viewBox="0 0 576 512">
<path d="M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"></path>
</symbol>
<symbol id="icon-chat" viewBox="0 0 1792 1792">
<path d="M1792 896q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-130 71-248.5t191-204.5 286-136.5 348-50.5q244 0 450 85.5t326 233 120 321.5z"></path>
</symbol>
<symbol id="icon-link" viewBox="0 0 1792 1792">
<path d="M1520 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zm-703-705q0-40-28-68l-206-207q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5t-21.5-21.5-15-19-13-25.5-3.5-27.5q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84l-208-208q-84-84-84-204t85-203l147-146q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z"></path>
</symbol>
<symbol id="icon-quote" viewBox="0 0 1792 1792">
<path d="M832 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path>
</symbol>
<symbol id="icon-quote" viewBox="0 0 1792 1792">
<path d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-788-814q20 8 20 30v544q0 22-20 30-8 2-12 2-12 0-23-9l-166-167h-131q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h131l166-167q16-15 35-7zm417 689q31 0 50-24 129-159 129-363t-129-363q-16-21-43-24t-47 14q-21 17-23.5 43.5t14.5 47.5q100 123 100 282t-100 282q-17 21-14.5 47.5t23.5 42.5q18 15 40 15zm-211-148q27 0 47-20 87-93 87-219t-87-219q-18-19-45-20t-46 17-20 44.5 18 46.5q52 57 52 131t-52 131q-19 20-18 46.5t20 44.5q20 17 44 17z"></path>
</symbol>
<symbol id="icon-gallery" viewBox="0 0 2048 1792">
<path d="M704 576q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1024 384v448h-1408v-192l320-320 160 160 512-512zm96-704h-1600q-13 0-22.5 9.5t-9.5 22.5v1216q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5v-1216q0-13-9.5-22.5t-22.5-9.5zm160 32v1216q0 66-47 113t-113 47h-1600q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1600q66 0 113 47t47 113z"></path>
</symbol>
<symbol id="icon-status" viewBox="0 0 1792 1792">
<path d="M532 1108l152 152-52 52h-56v-96h-96v-56zm414-390q14 13-3 30l-291 291q-17 17-30 3-14-13 3-30l291-291q17-17 30-3zm-274 690l544-544-288-288-544 544v288h288zm608-608l92-92q28-28 28-68t-28-68l-152-152q-28-28-68-28t-68 28l-92 92zm384-384v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"></path>
</symbol>
<symbol id="icon-aside" viewBox="0 0 1792 1792">
<path d="M1344 960v-128q0-26-19-45t-45-19h-256v-256q0-26-19-45t-45-19h-128q-26 0-45 19t-19 45v256h-256q-26 0-45 19t-19 45v128q0 26 19 45t45 19h256v256q0 26 19 45t45 19h128q26 0 45-19t19-45v-256h256q26 0 45-19t19-45zm320-64q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"></path>
</symbol>
<symbol id="icon-audio" viewBox="0 0 1792 1792">
<path d="M832 352v1088q0 26-19 45t-45 19-45-19l-333-333h-262q-26 0-45-19t-19-45v-384q0-26 19-45t45-19h262l333-333q19-19 45-19t45 19 19 45zm384 544q0 76-42.5 141.5t-112.5 93.5q-10 5-25 5-26 0-45-18.5t-19-45.5q0-21 12-35.5t29-25 34-23 29-36 12-56.5-12-56.5-29-36-34-23-29-25-12-35.5q0-27 19-45.5t45-18.5q15 0 25 5 70 27 112.5 93t42.5 142zm256 0q0 153-85 282.5t-225 188.5q-13 5-25 5-27 0-46-19t-19-45q0-39 39-59 56-29 76-44 74-54 115.5-135.5t41.5-173.5-41.5-173.5-115.5-135.5q-20-15-76-44-39-20-39-59 0-26 19-45t45-19q13 0 26 5 140 59 225 188.5t85 282.5zm256 0q0 230-127 422.5t-338 283.5q-13 5-26 5-26 0-45-19t-19-45q0-36 39-59 7-4 22.5-10.5t22.5-10.5q46-25 82-51 123-91 192-227t69-289-69-289-192-227q-36-26-82-51-7-4-22.5-10.5t-22.5-10.5q-39-23-39-59 0-26 19-45t45-19q13 0 26 5 211 91 338 283.5t127 422.5z"></path>
</symbol>
<symbol id="icon-share" viewBox="0 0 1792 1792">
<path d="M1344 1024q133 0 226.5 93.5t93.5 226.5-93.5 226.5-226.5 93.5-226.5-93.5-93.5-226.5q0-12 2-34l-360-180q-92 86-218 86-133 0-226.5-93.5t-93.5-226.5 93.5-226.5 226.5-93.5q126 0 218 86l360-180q-2-22-2-34 0-133 93.5-226.5t226.5-93.5 226.5 93.5 93.5 226.5-93.5 226.5-226.5 93.5q-126 0-218-86l-360 180q2 22 2 34t-2 34l360 180q92-86 218-86z"></path>
</symbol>
<symbol id="icon-list" viewBox="0 0 1792 1792">
<path d="M384 1408q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm0-512q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1408 416v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5zm-1408-928q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1408 416v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5zm0-512v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5z"></path>
</symbol>
</defs>
</svg>

</body>
</html>