Враження

Палітра

Типографіка

Бібліотеки

Сторінки

• Home v1index.html
• Home v2index-2.html
• Home v3index-3.html
• Home v4index-4.html
• Home v5index-5.html
• Aboutabout.html
• Servicesservice.html
• Service Detailsservice-details.html
• Case Studycase-study.html
• Case Detailscase-details.html
• Attorneysattorneys.html
• Attorney Detailsattorneys-details.html
• Blogblog.html
• Blog Detailsblog-details.html
• Blog Details 2blog-details-2.html
• FAQfaq.html
• Testimonialstestimonials.html
• Contactcontact.html
• 404404.html

Ключові фішки

• Letter-by-letter preloader text reveal with rotating brass-color flip

  Де знайти

  index.html#preloader, assets/scss/_preloader.scss .letters-loading::before

  Чому цікаво

  Each letter spans a `data-text-preloader` attribute that's redrawn via CSS pseudo-element with a rotateY(-90deg) flip and staggered animation-delay (0.2s..1.4s), giving a card-flip word reveal without JavaScript.

  Коли використовувати

  You need a brand-name splash that feels typographic and editorial rather than a generic spinner.

  Техніка

  Pure CSS keyframes + per-letter data-attributes; works without GSAP.

• Outlined giant numeral overlay in hero slides

  Де знайти

  index.html section.hero_wrapper.hero-1 .number

  Чому цікаво

  Uses `-webkit-text-stroke` with transparent fill to render a 160px slide index on the left edge — a tactic many editorial templates replicate but few ship as a documented pattern.

  Коли використовувати

  Lifestyle or law/agency hero where you want a number to be present but not loud, complementing photography.

  Техніка

  CSS only: `-webkit-text-fill-color: transparent` + `-webkit-text-stroke`.

• Hero slide swap synchronized with re-triggered text animation

  Де знайти

  assets/js/active.js (changed.owl.carousel handler)

  Чому цікаво

  On Owl's `changed.owl.carousel` event the script removes `is-transitioned` from all `.animated-text`, then re-adds it on the active item — forcing entrance animations to replay every slide instead of only on first paint.

  Коли використовувати

  Image sliders where each slide has copy that should feel freshly typed, not pre-rendered.

  Техніка

  Owl Carousel callback + class toggling; pairs with WOW/animate.css.

• WOW.js + animate.css staggered scroll reveals throughout the page

  Де знайти

  index.html .wow.fadeInUp / .wow.fadeInLeft / .wow.fadeInRight, assets/js/active.js `new WOW().init()`

  Чому цікаво

  Templates ship with hand-tuned `data-wow-duration` (1s, 1.3s, 1.7s, 2s) per sibling card so each row plays as a wave rather than a synchronous fade — a small detail that reads as bespoke even though the markup is repetitive.

  Коли використовувати

  Multi-column card rows where you want visual rhythm without writing a GSAP timeline.

  Техніка

  wow.min.js + animate.css; declarative via data attributes.

• Decorative SVG flourishes anchored to feature cards

  Де знайти

  index.html section.feature_wrapper .law_element_1, .law_element_2

  Чому цікаво

  Each card has two absolutely-positioned brand SVGs (a leaf and a gavel) that sit over the card edge — making generic three-up feature blocks feel theme-specific without bespoke per-card art.

  Коли використовувати

  Template needs to feel niche-branded (legal, medical, agriculture) without commissioning custom illustrations per section.

  Техніка

  CSS absolute positioning + SVG; reusable across cards.

• Crest-shaped stat counters with PNG badge background

  Де знайти

  index.html section.funfact_wrapper .single_funfact_items

  Чому цікаво

  Each stat sits inside a `background-image: url(bage_02.png)` shield, so the counterUp digit lands inside an ornamental frame — a heraldic touch that suits law/notary brands and is rare in modern flat templates.

  Коли використовувати

  Trust-signaling stats for traditional sectors (law, accounting, notary, family-business agencies).

  Техніка

  counterUp.js + bg-image PNG crest; trivially swappable.

Компоненти