10 основных принципов верстки веб-сайтов
Верстка веб-сайтов является важной частью процесса создания сайта. Она определяет, как будет выглядеть и функционировать сайт, и влияет на его пользовательский опыт. В этой статье мы рассмотрим 10 основных принципов верстки веб-сайтов, которые помогут вам создать эффективный и привлекательный сайт.
Первый принцип – это адаптивность. Современные сайты должны быть адаптивными, то есть должны хорошо выглядеть и работать на разных устройствах, таких как компьютеры, планшеты и смартфоны. Для этого необходимо использовать гибкие макеты и медиазапросы, которые позволяют сайту автоматически адаптироваться к разным размерам экранов.
Второй принцип – это простота и минимализм. Сайт должен быть простым и понятным для пользователей. Используйте минимум цветов, шрифтов и элементов дизайна, чтобы не перегружать страницу информацией. Также стоит обратить внимание на удобство навигации и расположение элементов на странице.
Третий принцип – это использование читабельных шрифтов. Выберите шрифты, которые хорошо читаются на разных устройствах и размерах экранов. Избегайте слишком маленьких или слишком крупных шрифтов, а также шрифтов с плохой читаемостью.
Четвертый принцип – это использование высококачественных изображений. Изображения должны быть четкими и хорошо оптимизированными, чтобы не замедлять загрузку страницы. Также стоит использовать альтернативный текст для изображений, чтобы улучшить доступность сайта для людей с ограниченными возможностями.
Пятый принцип – это использование отзывчивых элементов управления. Кнопки, ссылки и другие элементы управления должны реагировать на действия пользователя, чтобы создать более интерактивный пользовательский опыт. Например, кнопка должна менять цвет или стиль при наведении на нее курсора.
Шестой принцип – это использование сетки. Сетка помогает организовать содержимое сайта и создать баланс между элементами дизайна. Она также помогает сделать сайт более структурированным и удобным для чтения.
Седьмой принцип – это использование белого пространства. Белое пространство, или отступы между элементами, помогает создать визуальную ясность и улучшить читаемость контента. Оно также делает сайт более привлекательным и профессиональным.
Восьмой принцип – это использование соответствующих цветов. Цвета должны соответствовать тематике сайта и передавать нужные эмоции. Используйте цветовые схемы, которые хорошо сочетаются и создают гармоничный общий вид сайта.
Девятый принцип – это использование подходящих изображений и графики. Изображения и графика должны быть связаны с тематикой сайта и помогать передать нужную информацию. Используйте высококачественные изображения и графику, чтобы создать профессиональный вид сайта.
Десятый принцип – это тестирование и оптимизация. После создания сайта необходимо провести тестирование, чтобы убедиться, что он работает корректно и выглядит хорошо на разных устройствах. Также стоит оптимизировать сайт для улучшения его скорости загрузки и производительности.
В заключение, верстка веб-сайтов играет важную роль в создании эффективного и привлекательного сайта. Соблюдение основных принципов верстки, таких как адаптивность, простота и минимализм, использование читабельных шрифтов и высококачественных изображений, поможет вам создать сайт, который будет привлекать и удерживать пользователей. Не забывайте также о тестировании и оптимизации сайта для достижения наилучших результатов.
Изучение основ HTML и CSS для начинающих
Изучение основ HTML и CSS для начинающих
HTML (HyperText Markup Language) и CSS (Cascading Style Sheets) являются основными языками для создания веб-страниц. Если вы только начинаете свой путь в веб-разработке, изучение основ HTML и CSS является необходимым шагом. В этой статье мы рассмотрим основные концепции и принципы этих языков, чтобы помочь вам начать создавать свой собственный сайт.
HTML является структурным языком разметки, который определяет структуру и содержимое веб-страницы. Он использует теги для определения различных элементов, таких как заголовки, параграфы, списки и изображения. Начните с создания простой HTML-страницы, используя текстовый редактор. Откройте новый файл и добавьте следующий код:
“`html
Привет, мир!
Это моя первая веб-страница.
“`
Этот код определяет базовую структуру HTML-страницы. Тег “ указывает на тип документа, а тег “ определяет корневой элемент страницы. Внутри “ находятся “ и “. “ содержит метаданные страницы, такие как заголовок, а “ содержит видимое содержимое страницы.
Тег `
` определяет заголовок страницы, который отображается в верхней части окна браузера или на вкладке. Тег `</p>
<h1>` определяет заголовок первого уровня, а тег `</p>
<p>` определяет абзац.</p>
<p>Теперь, когда у вас есть базовая структура страницы, вы можете добавить стили с помощью CSS. CSS определяет внешний вид и оформление элементов на странице. Создайте новый файл и добавьте следующий код:</p>
<p>“`css<br />
h1 {<br />
color: blue;<br />
font-size: 24px;<br />
}</p>
<p>p {<br />
color: red;<br />
font-size: 16px;<br />
}<br />
“`</p>
<p>Этот код определяет стили для заголовка первого уровня и абзаца. Свойство `color` устанавливает цвет текста, а свойство `font-size` устанавливает размер шрифта.</p>
<p>Чтобы связать CSS-файл с HTML-страницей, добавьте следующую строку внутри тега “:</p>
<p>“`html</p>
<p>“`</p>
<p>Здесь `styles.css` – это имя вашего CSS-файла. Убедитесь, что оба файла находятся в одной папке.</p>
<p>Теперь, когда вы создали стили, примените их к элементам на странице. Вернитесь к HTML-файлу и добавьте атрибут `class` к тегам `</p>
<h1>` и `</p>
<p>`:</p>
<p>“`html</p>
<h1 class="header">Привет, мир!</h1>
<p class="content">Это моя первая веб-страница.</p>
<p>“`</p>
<p>Теперь обновите CSS-файл и добавьте следующий код:</p>
<p>“`css<br />
.header {<br />
color: blue;<br />
font-size: 24px;<br />
}</p>
<p>.content {<br />
color: red;<br />
font-size: 16px;<br />
}<br />
“`</p>
<p>Теперь стили будут применяться только к элементам с соответствующими классами.</p>
<p>Изучение основ HTML и CSS – это только начало вашего пути в веб-разработке. Со временем вы будете изучать более сложные концепции и техники, чтобы создавать более интерактивные и красивые веб-страницы. Но эти основы помогут вам начать и понять основные принципы создания сайтов.</p>
<p>В этой статье мы рассмотрели основы HTML и CSS для начинающих. Мы изучили, как создать простую HTML-страницу, добавить стили с помощью CSS и применить их к элементам на странице. Надеюсь, эта информация поможет вам начать свой путь в веб-разработке и создании своего собственного сайта.</p>
<h1 id="%d0%bf%d0%be%d0%bf%d1%83%d0%bb%d1%8f%d1%80%d0%bd%d1%8b%d0%b5-%d1%84%d1%80%d0%b5%d0%b9%d0%bc%d0%b2%d0%be%d1%80%d0%ba%d0%b8-%d0%b4%d0%bb%d1%8f-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba-yckptKGRXm">Популярные фреймворки для разработки веб-сайтов</h1>
<p>Популярные фреймворки для разработки веб-сайтов</p>
<p>При создании веб-сайта одним из ключевых аспектов является выбор подходящего фреймворка. Фреймворк – это набор инструментов и библиотек, которые помогают разработчикам создавать веб-приложения более эффективно и быстро. В этой статье мы рассмотрим несколько популярных фреймворков для разработки веб-сайтов.</p>
<p>Первым фреймворком, о котором мы поговорим, является Django. Django – это высокоуровневый фреймворк, написанный на языке Python. Он предоставляет разработчикам множество инструментов для создания мощных и масштабируемых веб-приложений. Django имеет встроенную административную панель, которая значительно упрощает управление данными и пользователями. Он также обладает мощной системой маршрутизации URL, что делает его идеальным выбором для создания сложных веб-сайтов.</p>
<p>Еще одним популярным фреймворком является Ruby on Rails. Ruby on Rails – это фреймворк, написанный на языке Ruby. Он известен своей простотой и элегантностью, что делает его очень популярным среди разработчиков. Ruby on Rails предлагает множество готовых решений и соглашений, что позволяет разработчикам быстро создавать веб-приложения. Он также обладает мощной системой миграций, которая упрощает управление базой данных.</p>
<p>Если вы предпочитаете использовать язык программирования PHP, то Laravel может быть отличным выбором для вас. Laravel – это фреймворк, который предлагает множество инструментов и функций для разработки веб-приложений. Он имеет простой и интуитивно понятный синтаксис, что делает его доступным для разработчиков всех уровней. Laravel также предлагает мощную систему маршрутизации и управления базой данных.</p>
<p>Если вы ищете фреймворк, который предлагает большую гибкость и возможность настройки, то Flask может быть идеальным выбором для вас. Flask – это микрофреймворк, написанный на языке Python. Он предлагает минимальный набор инструментов, что позволяет разработчикам создавать веб-приложения с минимальными затратами. Flask также имеет мощную систему расширений, которая позволяет добавлять дополнительные функции и инструменты по мере необходимости.</p>
<p>В заключение, выбор фреймворка для разработки веб-сайта является важным шагом. Django, Ruby on Rails, Laravel и Flask – это только некоторые из популярных фреймворков, которые могут быть использованы для создания веб-сайтов. Каждый из них имеет свои преимущества и недостатки, поэтому важно выбрать тот, который лучше всего соответствует вашим потребностям и навыкам. Независимо от выбранного фреймворка, помните, что главное – это создание качественного и функционального веб-сайта, который будет удовлетворять потребности ваших пользователей.</p>
<div class="clearFloat"></div>
</div>
</div>
<main>
<section class="services">
<div class="container">
<div class="services-bg1"></div>
<div class="services-title">
<h2><b>Создание сайтов</b></h2>
</div>
<div class="services-list">
<a href="#popup1" class="services-item fancybox1 animated fadeInLeft wow services-item-1">
<b>Создание сайтов</b>
<i>Свой сайт - важная часть личного или корпоративного бренда. Его создание представляет собой цепочку действий, которые ведут к узнаваемости и высокому уровню продаж, а, значит, прибыли. <em>Готовы поднять продажи на новый уровень?</em></i>
</a>
<a href="#popup1" class="services-item animated fadeInUp wow fancybox1 services-item-2">
<b>SEO-продвижение</b>
<i>Увеличить количество посетителей поможет продвижение по поисковым запросам. Мы сделаем так, чтобы клиенты находили Ваш сайт, отличали его от конкурентов, советовали друзьям. <em>Отличный контент + грамотное продвижение = 100% успех.</em></i>
</a>
<a href="#popup1" class="services-item animated fadeInRight wow fancybox1 services-item-3">
<b>Реклама</b>
<i>Реклама позволяет выжать максимальную пользу из продвижения и направить на Ваш сайт целый поток потенциальных клиентов. Мы уверены, что реклама - двигатель торговли. <em>Зачем делать ресурс, о котором никто не знает?</em></i>
</a>
</div>
</div>
</section>
<section class="video1">
<div class="container">
<div class="video1-bg1"></div>
<div class="video1-bg2"></div>
<h2><b>10 причин</b> для чего нужен свой сайт</h2>
<a href="https://www.youtube.com/embed/1ydq6PnuwHU" class="video1-btn fancybox various fancybox.iframe animated anim2 wow" data-wow-iteration="infinite" data-wow-duration="3s"></a>
</div>
</section>
<section class="products" id="products">
<div class="container">
<h2><b>Что</b> мы создаём?</h2>
<div class="products-list">
<a href="#popup1" class="products-item fancybox1 animated fadeInLeft wow products-item-1">
<b>Корпоративные сайты</b>
<i>Коммерчески успешные, эффективные сайты, нацеленные на прибыль.</i>
</a>
<a href="#popup1" class="products-item fancybox1 animated fadeInUp wow products-item-2">
<b>Лендинги</b>
<i>Уникальные Landing Page на основе профессиональных шаблонов, которые моментально цепляют.</i>
</a>
<a href="#popup1" class="products-item fancybox1 animated fadeInRight wow products-item-3">
<b>Интернет-магазины</b>
<i>Универсальные сайты, где каждая буква виртуозно продаёт товар или услугу.</i>
</a>
<a href="#popup1" class="products-item animated fadeInLeft wow fancybox1 products-item-4">
<b>Интернет-порталы</b>
<i>Многофункциональные сервисы с удобной админкой, в которой разберётся каждый.</i>
</a>
<a href="#popup1" class="products-item fancybox1 animated fadeInUp wow products-item-5">
<b>Сайты визитки</b>
<i>Оригинальный сайт, знакомящий аудиторию с Вашим творчеством или компанией.</i>
</a>
<a href="#popup1" class="products-item fancybox1 animated fadeInRight wow products-item-6">
<b>Редизайн сайтов</b>
<i>Тщательная современная проработка дизайна веб-ресурса с сохранением его первоначальной концепции.</i>
</a>
</div>
</div>
</section>
<section class="feedback1">
<div class="container">
<div class="feedback1-bg1"></div>
<div class="feedback1-wrap">
<div class="feedback1-title">
<h2>C чего <b>начать?</b></h2>
<div class="feedback1-text">
<h3>Оставьте заявку</h3>
<p>Мы Вам перезвоним в самое ближайшее время</p>
</div>
</div>
<form action="#" class="feedback1-form animated anim2 wow" id="form3" data-wow-iteration="infinite" data-wow-duration="10s">
<label class="label label-name">
<input required type="text" name="name" placeholder="Имя">
</label>
<label class="label label-tel">
<input required type="tel" name="tel" placeholder="Телефон">
</label>
<button type="submit" class="btn2">Получить консультацию</button>
</form>
<div class="pop" id="pop3">Спасибо за обращение! <br> Заявка отправлена.</div>
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<div class="container">
<h2>Портфолио</h2>
<div class="portfolio-wrap1">
<ul class="tab_list">
<li>
<a class="active" href="#portfolio-tab1">Все Работы</a>
</li>
<li>
<a href="#portfolio-tab2">Landing Page</a>
</li>
<li>
<a href="#portfolio-tab3">Корпоративные сайты</a>
</li>
<li>
<a href="#portfolio-tab4">Интернет-магазины</a>
</li>
</ul>
</div>
<div class="portfolio-wrap2">
<div class="portfolio-tab-wrap block_content" id="portfolio-tab1">
<div class="portfolio-tab portfolio-tab1">
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img1.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img1.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img2.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img2.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img3.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img3.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img4.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img4.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img5.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img5.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img6.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img6.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img7.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img7.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img8.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img8.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img9.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img9.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img10.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img10.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img11.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img11.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img12.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img12.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img13.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img13.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img14.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img14.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img15.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img15.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img16.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img16.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img17.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img17.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img18.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img18.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img19.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img19.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img20.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img20.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img21.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img21.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img22.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img22.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img23.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img23.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img24.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img24.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img25.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img25.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img26.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img26.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img27.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img27.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img28.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img28.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img29.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img29.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img30.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img30.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img31.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img31.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img32.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img32.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img33.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img33.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img34.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img34.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img35.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img35.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img36.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img36.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img37.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img37.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img38.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img38.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img39.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img39.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img40.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img40.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img41.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img41.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img41.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img41.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img42.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img42.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img43.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img43.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img44.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img44.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img45.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img45.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img46.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img46.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img47.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img47.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img48.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img48.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img49.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img49.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img50.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img50.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img51.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img51.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img52.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img52.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img53.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img53.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img54.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img54.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img55.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img55.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img56.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img56.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img57.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img57.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img58.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img58.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img59.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img59.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img60.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img60.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img61.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img61.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img62.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img62.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img63.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img63.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img64.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img64.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img65.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img65.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img66.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img66.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img67.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img67.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img68.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img68.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img69.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img69.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img70.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img70.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img71.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img71.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img72.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img72.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img73.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img73.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img74.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img74.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img75.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img75.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img76.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img76.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img77.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img77.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img78.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img78.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img79.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img79.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img80.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img80.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img81.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img81.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img82.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img82.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img83.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img83.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img84.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img84.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img85.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img85.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img86.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img86.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img87.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img87.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img88.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img88.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img89.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img89.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img90.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img90.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img91.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img91.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img92.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img92.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img93.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img93.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img94.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img94.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img95.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img95.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img96.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img96.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img97.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img97.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img98.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img98.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img99.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img99.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img100.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img100.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img101.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img101.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img102.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img102.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img103.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img103.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img104.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img104.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img105.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img105.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img106.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img106.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img107.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img107.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img108.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img108.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img109.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img109.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img110.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img110.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img111.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img111.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img112.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img112.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img113.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img113.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img114.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img114.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img115.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img115.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img116.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img116.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img117.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img117.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img118.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img118.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img119.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img119.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img120.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img120.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img121.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img121.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img122.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img122.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img123.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img123.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img124.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img124.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img125.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img125.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img126.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img126.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img127.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img127.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img128.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img128.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img129.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img129.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img130.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img130.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img131.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img131.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img132.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img132.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img133.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img133.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img134.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img134.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img135.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img135.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img136.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img136.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img137.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img137.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img138.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img138.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img139.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img139.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img140.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img140.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img141.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img141.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img142.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img142.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img143.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img143.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img144.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img144.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img145.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img145.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img146.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img146.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img147.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img147.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img148.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img148.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img149.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img149.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img150.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img150.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img151.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img151.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img152.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img152.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img153.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img153.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img154.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img154.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img155.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img155.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img156.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img156.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img157.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img157.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img158.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img158.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img159.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img159.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img160.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img160.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img161.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img161.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img162.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img162.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img163.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img163.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img164.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img164.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img165.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img165.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img166.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img166.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img167.jpg" data-fancybox="gallery1">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img167.jpg" alt="Фото сайта">
</a>
<div class="portfolio-btn">
<a href="#" class="btn2 more-button" id="loadMore1">Показать другие работы</a>
</div>
</div>
</div>
<div class="portfolio-tab-wrap block_content" id="portfolio-tab2">
<div class="portfolio-tab portfolio-tab2">
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img1.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img1.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img2.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img2.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img3.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img3.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img4.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img4.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img5.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img5.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img6.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img6.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img7.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img7.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img8.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img8.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img9.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img9.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img10.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img10.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img11.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img11.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img12.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img12.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img13.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img13.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img14.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img14.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img15.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img15.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img16.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img16.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img17.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img17.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img18.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img18.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img19.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img19.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img20.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img20.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img21.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img21.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img22.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img22.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img23.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img23.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img24.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img24.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img25.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img25.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img26.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img26.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img27.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img27.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img28.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img28.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img29.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img29.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img30.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img30.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img31.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img31.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img32.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img32.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img33.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img33.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img34.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img34.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img35.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img35.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img36.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img36.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img37.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img37.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img38.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img38.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img39.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img39.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img40.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img40.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img41.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img41.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img41.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img41.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img42.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img42.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img43.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img43.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img44.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img44.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img45.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img45.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img46.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img46.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img47.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img47.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img48.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img48.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img49.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img49.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img50.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img50.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img51.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img51.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img52.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img52.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img53.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img53.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img54.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img54.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img55.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img55.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img56.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img56.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img57.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img57.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img58.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img58.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img59.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img59.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img60.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img60.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img61.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img61.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img62.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img62.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img63.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img63.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img64.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img64.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img65.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img65.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img66.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img66.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img67.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img67.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img68.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img68.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img69.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img69.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img70.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img70.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img71.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img71.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img72.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img72.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img73.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img73.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img74.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img74.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img75.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img75.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img76.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img76.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img77.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img77.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img78.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img78.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img79.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img79.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img80.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img80.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img81.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img81.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img82.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img82.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img83.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img83.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img84.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img84.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img85.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img85.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img86.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img86.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img87.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img87.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img88.jpg" data-fancybox="gallery2">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img88.jpg" alt="Фото сайта">
</a>
<div class="portfolio-btn">
<a href="#" class="btn2 more-button" id="loadMore2">Показать другие работы</a>
</div>
</div>
</div>
<div class="portfolio-tab-wrap block_content" id="portfolio-tab3">
<div class="portfolio-tab portfolio-tab3">
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img89.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img89.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img90.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img90.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img91.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img91.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img92.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img92.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img93.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img93.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img94.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img94.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img95.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img95.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img96.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img96.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img97.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img97.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img98.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img98.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img99.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img99.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img100.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img100.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img101.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img101.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img102.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img102.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img103.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img103.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img104.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img104.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img105.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img105.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img106.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img106.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img107.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img107.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img108.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img108.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img109.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img109.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img110.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img110.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img111.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img111.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img112.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img112.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img113.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img113.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img114.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img114.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img115.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img115.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img116.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img116.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img117.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img117.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img118.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img118.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img119.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img119.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img120.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img120.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img121.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img121.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img122.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img122.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img123.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img123.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img124.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img124.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img125.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img125.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img126.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img126.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img127.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img127.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img128.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img128.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img129.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img129.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img130.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img130.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img131.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img131.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img132.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img132.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img133.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img133.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img134.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img134.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img135.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img135.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img136.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img136.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img137.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img137.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img138.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img138.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img139.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img139.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img140.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img140.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img141.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img141.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img142.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img142.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img143.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img143.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img144.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img144.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img145.jpg" data-fancybox="gallery3">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img145.jpg" alt="Фото сайта">
</a>
<div class="portfolio-btn">
<a href="#" class="btn2 more-button" id="loadMore3">Показать другие работы</a>
</div>
</div>
</div>
<div class="portfolio-tab-wrap block_content" id="portfolio-tab4">
<div class="portfolio-tab portfolio-tab4">
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img146.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img146.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img147.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img147.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img148.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img148.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img149.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img149.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img150.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img150.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img151.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img151.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img152.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img152.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img153.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img153.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img154.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img154.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img155.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img155.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img156.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img156.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img157.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img157.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img158.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img158.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img159.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img159.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img160.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img160.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img161.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img161.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img162.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img162.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img163.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img163.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img164.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img164.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img165.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img165.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img166.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img166.jpg" alt="Фото сайта">
</a>
<a class="portfolio-img fancybox" href="/wp-content/themes/ararat/img/portfolio-img167.jpg" data-fancybox="gallery4">
<img class="lazyload" data-src="/wp-content/themes/ararat/img/portfolio-img167.jpg" alt="Фото сайта">
</a>
<div class="portfolio-btn">
<a href="#" class="btn2 more-button" id="loadMore4">Показать другие работы</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features">
<div class="container">
<div class="features-title animated fadeInUp wow">
<h2>Почему <b>выбирают нас ?</b></h2>
<h3>ВАМ НАСТОЛЬКО ПОНРАВИТСЯ СОЗДАННЫЙ НАМИ САЙТ, ЧТО ВЫ ПОРЕКОМЕНДУЕТЕ НАС ЗНАКОМЫМ. ПОЗИТИВНОЕ "САРАФАННОЕ РАДИО" - НАША РЕПУТАЦИЯ, ГАРАНТИЯ КАЧЕСТВЕННОЙ РАБОТЫ, ВЫГОДНАЯ РЕКЛАМА.</h3>
</div>
<div class="features-list">
<div class="features-item features-item-1 animated fadeInLeft wow">
<h4>ПЕРЕДОВЫЕ<br>ТЕХНОЛОГИИ</h4>
<p>Идеальное <br> отображение сайта <br> в любом браузере</p>
</div>
<div class="features-item features-item-2 animated fadeInUp wow">
<h4>Пожизненная гарантия <br> на работу</h4>
<p>Гарантия на все работы по сайту</p>
</div>
<div class="features-item features-item-3 animated fadeInUp wow">
<h4>СОБЛЮДЕНИЕ<br>СРОКОВ</h4>
<p>Выполняем заказы быстро,<br>точно в срок</p>
</div>
<div class="features-item features-item-4 animated fadeInUp wow">
<h4>Всегда<br>ОНЛАЙН</h4>
<p>Оперативная<br>техническая поддержка<br> 24/7/365</p>
</div>
</div>
</div>
</section>
<section class="feedback2">
<div class="container">
<div class="feedback2-bg2"></div>
<div class="feedback2-bg1"></div>
<div class="feedback2-wrap">
<div class="feedback2-title">
<h2>Остались вопросы?</h2>
<div class="feedback2-title-wrap">
<h3>Задайте их менеджеру</h3>
<p>Мы Вам перезвоним в самое ближайшее время</p>
</div>
</div>
<form action="#" class="feedback2-form animated anim2 wow" id="form4" data-wow-iteration="infinite" data-wow-duration="10s">
<label class="label label1 label-name label1-name1">
<input required type="text" name="name" placeholder="Имя">
</label>
<label class="label label1 label-tel label1-tel1">
<input required type="tel" name="tel" placeholder="Телефон">
</label>
<button type="submit" class="btn2">Получить консультацию</button>
</form>
<div class="pop" id="pop4">Спасибо за обращение! <br> Заявка отправлена.</div>
</div>
</div>
</section>
<section class="video1 video2">
<div class="container">
<h2>Этапы создания сайта</h2>
<a href="https://www.youtube.com/embed/RsURH045r04" class="video1-btn fancybox various fancybox.iframe animated anim2 wow" data-wow-iteration="infinite" data-wow-duration="3s"></a>
</div>
</section>
<section class="stages">
<div class="container">
<div class="stages-bg1">7</div>
<div class="stages-list">
<div class="stages-title">
<h2>Этапы <b>создания сайта</b></h2>
</div>
<div class="stages-item stages-item-1 animated fadeInUp wow">
<p>Обращаетесь к нам любым удобным Вам способом</p>
</div>
<div class="stages-item stages-item-2 animated fadeInUp wow">
<i class="line line1"></i>
<p>Договариваемся о встрече, на которой совместно составляем грамотное задание</p>
</div>
<div class="stages-item stages-item-3 animated fadeInUp wow">
<i class="line"></i>
<p>Подписываем официальный договор. Вы оставляете предоплату 50% в качестве "залога"</p>
</div>
<div class="stages-item stages-item-4 animated fadeInUp wow">
<p>Мы получаем от Вас информацию, после чего наши специалисты приступают к выполнению работы</p>
</div>
<div class="stages-item stages-item-5 animated fadeInUp wow">
<i class="line line1"></i>
<p>Проверяем готовый проект на соблюдение требований и отправляем Вам на проверку</p>
</div>
<div class="stages-item stages-item-6 animated fadeInUp wow">
<i class="line"></i>
<p>Если Вас всё устраивает, оплачиваете оставшиеся 50% оговоренной ранее суммы</p>
</div>
<div class="stages-item stages-item-7 animated fadeInUp wow">
<p>Консультируем Вас касательно работы и продвижения сайта. Предоставляем пожизненную гарантию</p>
</div>
</div>
</div>
</section>
<section class="feedback3">
<div class="container">
<div class="feedback3-wrap">
<div class="feedback3-title">
<h2>Нужен <b>сайт?</b></h2>
<div class="feedback3-title-wrap">
<h3>Оставьте заявку</h3>
<p>Мы Вам перезвоним в самое ближайшее время</p>
</div>
</div>
<form action="#" class="feedback3-form animated anim2 wow" id="form5" data-wow-iteration="infinite" data-wow-duration="10s">
<label class="label label-name">
<input required type="text" name="name" placeholder="Имя">
</label>
<label class="label label-tel">
<input required type="tel" name="tel" placeholder="Телефон">
</label>
<button type="submit" class="btn2">Получить консультацию</button>
</form>
<div class="pop" id="pop5">Спасибо за обращение! <br> Заявка отправлена.</div>
</div>
</div>
</section>
</main>
<footer class="main-footer" id="main-footer">
<div class="container">
<div class="main-footer-wrap">
<div class="main-footer-tel-wrap">
<a class="main-footer-tel1" href="tel:+375295480491">+375 (29) 548-04-91 WhatsApp, Telegram, Viber</a>
</div>
</div>
</div>
</footer>
</div>
<div class="hidden">
<div class="popup" id="popup1">
<h2>Оставить заявку</h2>
<form action="#" class="popup-form" id="form1">
<label class="label label1 label-name label1-name1">
<input required type="text" name="name" placeholder="Имя">
</label>
<label class="label label1 label-tel label1-tel1">
<input required type="tel" name="tel" placeholder="Телефон">
</label>
<button type="submit" class="btn2">Отправить</button>
</form>
<div class="pop" id="pop1">Спасибо за обращение! <br> Заявка отправлена.</div>
</div>
</div>
<script src="/wp-content/themes/ararat/libs/jquery/jquery-1.11.2.min.js"></script>
<script src="/wp-content/themes/ararat/libs/swiper/swiper.min.js"></script>
<script src="/wp-content/themes/ararat/libs/mask/jquery.inputmask.bundle.min.js"></script>
<script src="/wp-content/themes/ararat/libs/fancybox/jquery.fancybox.min.js"></script>
<script src="/wp-content/themes/ararat/libs/wow/wow.min.js"></script>
<script src="/wp-content/themes/ararat/libs/lazyload.min/lazyload.min.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script src="/wp-content/themes/ararat/js/common.js"></script>
<script type="text/javascript">
var arrgetbtn=[];
arrgetbtn.push({"title":"Whatsapp","icon":"fwidgethelp-whatsapp","link":"https://api.whatsapp.com/send/?phone=375295480491&text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5%2C+%D1%8F+%D1%85%D0%BE%D1%87%D1%83+%D0%BF%D1%80%D0%BE%D0%BA%D0%BE%D0%BD%D1%81%D1%83%D0%BB%D1%8C%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%D1%81%D1%8F+%D1%83+%D0%92%D0%B0%D1%81&app_absent=0","target":"_blank","color":"#FFFFFF","background":"#5EC758"});
arrgetbtn.push({"title":"Viber","icon":"fwidgethelp-viber","link":"viber://chat?number=%2B375295480491","target":"_blank","color":"#FFFFFF","background":"#8456A7"});
arrgetbtn.push({"title":"Telegram","icon":"fwidgethelp-telegram_v2","link":"https://t.me/sergejkniaz","target":"_blank","color":"#FFFFFF","background":"#27A5E7"});
var WidGetButtonOptions = {
id:"7c345880a389fe2526da4969fe0ac8dc",
iconopen:"fwidgethelp-commenting-o",
maintitle:"",
mainbackground:"#FF3338",
maincolor:"#FFFFFF",
pulse:"widgethelp_pulse",
fasize:"2",
direction:"top",
position:"rightbottom",
arrbtn: arrgetbtn
};
(function() {
var script = document.createElement("script");
script.type = "text/javascript";
script.async = true;
script.src = "https://getbtn.com/widget/index.php?id="+WidGetButtonOptions.id;
document.getElementsByTagName("head")[0].appendChild(script);
})();</script>
<noscript>
<div>
<img class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="https://mc.yandex.ru/watch/96039273" style="position:absolute; left:-9999px;" alt=""/>
</div>
</noscript>
<script>window.w3tc_lazyload=1,window.lazyLoadOptions={elements_selector:".lazy",callback_loaded:function(t){var e;try{e=new CustomEvent("w3tc_lazyload_loaded",{detail:{e:t}})}catch(a){(e=document.createEvent("CustomEvent")).initCustomEvent("w3tc_lazyload_loaded",!1,!1,{e:t})}window.dispatchEvent(e)}}</script><script async src="https://sozdaniesajtovtut.ru/wp-content/plugins/w3-total-cache/pub/js/lazyload.min.js"></script></body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/
Отложенная загрузка
Served from: sozdaniesajtovtut.ru @ 2025-04-19 02:40:48 by W3 Total Cache
--> 