Адаптивний: Десктоп / Планшет / Мобільний
Цей сайт є веб-сторінкою з інформацією про компанію, що пропонує послуги з озеленення та благоустрою територій. На сайті є розділи, що включають інформацію про компанію, послуги, команду, клієнтів, останні новини та контактну інформацію.
Цей сайт є веб-платформою, присвяченою садівництву та ландшафтному дизайну.
На головній сторінці сайту є яскравий і привабливий блок з героєм, який привертає увагу відвідувачів і вводить їх в атмосферу садівництва. Тут можна знайти надихаючі цитати та запрошення ознайомитися з усіма послугами, які пропонує компанія.
На сторінці "Про нас" можна знайти детальну інформацію про саму компанію, її досвід та підхід до садівництва. Тут також розміщені фотографії та описи ключових членів команди, щоб відвідувачі могли познайомитися з експертами, які працюють в компанії.
Розділ "Послуги" пропонує детальний опис різних видів послуг, які надає компанія. Тут можна знайти інформацію про посадку квітів, вирощування дерев, видалення бур'янів та полив саду. Кожна послуга супроводжується фотографіями та описом переваг.
Компанія також пропонує відеоролик, який можна переглянути на сайті. Це дозволяє відвідувачам побачити роботу компанії і почати втілювати свої мрії про власний сад.
На сайті також є розділи "Команда" та "Щасливі клієнти", які містять фотографії та відгуки про роботу компанії. Це дозволяє відвідувачам дізнатися про професіоналізм та якість послуг, що надаються.
На сайті також є розділ "Останні новини", де публікуються корисні поради та рекомендації щодо садівництва та ландшафтного дизайну. Тут можна знайти статті про правильний догляд за садом, вибір рослин та інші цікаві теми.
Внизу сторінки розміщено колонтитул з контактною інформацією компанії та посиланням на розробника сайту. Тут також є посилання на соціальні мережі компанії, де відвідувачі можуть дізнатися більше та зв'язатися з командою.
Загалом, цей сайт пропонує повноцінну платформу для тих, хто цікавиться садівництвом і ландшафтним дизайном. Він надає інформацію, натхнення та послуги, необхідні для створення та догляду за красивим садом.
JavaScript
Код JavaScript виконує наступні дії:
При натисканні на елементи всередині блоку з класом "mobile div" відбувається наступне: Елементи з класом "mobile div" перемикають клас "активний". Елементи з класом "mobile nav" перемикають клас "open". Елементи з класом "mobile nav ul" перемикають клас "show".
У циклі відбувається наступне: Для кожного елемента li всередині списку з класом "mobile ul" застосовується стиль CSS з анімацією затримки. Анімація затримки розраховується на основі індексу елемента.
Далі йде код для акордеону: отримуються всі елементи з класом "accordion". Для кожного елемента додається обробник події "клік". При натисканні на елемент перемикається "активний" клас і відображається/приховується наступний елемент (панель).
Цей код використовує бібліотеку jQuery для роботи з DOM-елементами і плагін Swiper для створення слайдера. Він також містить код для створення акордеону без використання jQuery.