Компоненти

Full-viewport dark hero with rotating dodecahedron decoration, oversized headline mixing thin and regular weights, and a circling Scroll-down SVG anchor.

Fixed corner frame with logo top-left and burger top-right, plus a back-to-top link bottom-right that fades in after 40% scroll.

Black fullscreen overlay menu with staggered reveal of nav, contact info and a wireframe dodecahedron animation panel.

Two-column About block with founder quote-avatar, copy on the left and a tall portrait with parallax-scaled image on the right.

Four-up dark services grid where each card reveals its description and arrow button on hover, plus an inline image-text headline above.

Two-column team grid where each portrait reveals a dark overlay with name, role and social icons on hover; second column is offset vertically.

Centered fade-effect Swiper slider for testimonials with circular avatar bullets used as pagination dots, plus prev/next round arrows.

Continuous linear-easing Swiper marquee of partner logos that loops at 5000ms speed with zero delay autoplay.

Two-column blog teaser grid with category pill, date label, headline, two-line clamped intro and a Read more arrow link.

Dark inverted-fix footer with newsletter input, footer nav, multi-region addresses and circular social icons over a soft jumping dodecahedron.

GSAP-driven ball cursor that swells, swaps to an arrow icon, picks up More/Choose labels or turns accent-orange depending on the hovered element.

Sequenced GSAP timeline preloader: three muted words slide in, then a horizontal accent reveal box wipes a domain string before the loader fades.

Right-edge fixed 4px scrollbar rail that fills with the brand accent as you scroll, scrubbed by ScrollTrigger.

Circular SVG text Scroll down — Scroll down — wrapped around an arrow button, slowly rotating 360deg on scroll for the bottom-right of the hero.

Two-row header with utility info bar, sticky main row containing logo, mega-menu home preview, phone block and CTA button.

Split hero with serif H1, counter badge ('5+ years'), CTA, side portrait and a fixed circular video play trigger anchored bottom-left.

Three-column feature row with flaticon glyphs, headings and short copy on a cream surface band.

Image-and-text about block with two animated counter tiles ('Satisfied Clients', 'Service Categories') and a Read More CTA.

Four-cell services grid pairing a card (icon + title + copy) with a square photo per item, alternating left/right reveal animations.

Numbered four-step work-process column anchored to a vertical line graphic, paired with a tall side photo.

Asymmetric six-tile project grid on a dark band — one large hero tile plus five smaller tiles, each with category eyebrow and title overlay.

Four-card attorney row with portrait, hover social icons, name and role; alternating cards use a 'style-2' frame variant.

Two-column testimonial section: a stacked review summary card on the left and a Swiper slider of quote cards on the right with bronze quote SVGs.

Bootstrap collapse accordion paired with a side image carrying a circular video play button (Magnific Popup).

Headline column plus a stack of three horizontal blog cards (image left, meta + title + link-arrow right) on a cream band.

Footer over a dark photo background with a newsletter capture row, four-column site map, social icons and bottom legal strip.

Full-screen white preloader with a centred spinner that fades out on window load.

Two-element custom cursor (outer ring + inner dot) layered above the page; visible on desktop only.

Sticky transparent header with logo, dropdown nav, search opener, gradient CTA pill button, and mobile sidebar toggler.

Dark charcoal hero with organic clip-path framed photo, gradient orange backdrop shape, sub-title, large Quicksand headline, donate CTA, and overlapping active-donors avatar stack.

Two-column about section with clip-path framed image, decorative SVG vectors, icon-led helping team callout card, and a phone-call mini-CTA next to the primary button.

Swiper carousel of donation cards: tagged photo, animated horizontal progress bar with raised/goal labels, title, description, and arrow CTA.

Custom donation widget with radio-button preset amounts ($10–$50), free-form custom amount input, gradient submit button, and a mirrored progress bar on the dark side panel.

Four-tile strip on a soft cream surface counting happy children, volunteers, products, and donors with flaticon glyphs and bold gradient numbers.

Two-by-two events grid on a dark background with date badge overlays on photos, venue meta, and an event-details CTA per card.

Why-join volunteer section with photo on the left and a single-open accordion on the right (rotating chevron, animated body reveal).

Four-up team grid with circular cropped portraits, hover-reveal social icons sliding in from the bottom, and member name plus designation.

Centred testimonials swiper with star rating, italic-leaning quote, reviewer avatar/name/role, and a quote-mark icon, paged via progress-bar pagination.

Asymmetric two-column block: heading and arrow nav on the left, swiper of blog cards (date badge corner, author/category meta, read-more arrow) on the right.

Edge-to-edge auto-playing centred swiper of square gallery images with hover-reveal Instagram-icon lightbox triggers (fslightbox).

Three-tier footer: gradient contact-info bar with icon tiles, four-column widget area (about, links, recent posts, newsletter), and bottom legal row with vector backdrop.

Fixed full-viewport preloader with a CSS spinner that JS hides on DOMContentLoaded by setting display:none.

Fixed full-screen search overlay with a single search input, submit button, and close icon — opened from the header search trigger.

Full-screen preloader that flips each letter of 'digmox' on a Y-axis with stroked outline text and a stagger.

Multi-level dropdown navbar with sticky-on-scroll variant injected via fadeInDown and a phone CTA button.

Hero slider that crossfades while slowly Ken-Burns-zooming the background and timing-staggered text reveals on the active slide.

Four-up offset-shadow feature cards where the dark block sits 5px down-right of the white card, revealing a sliver behind.

Two-image about block with overlapping shape decorations and a floating 30+ years experience badge using the offset-shadow style.

Six-up dark service cards with numbered counters that flood-fill with the brand gradient on hover via a scaling pseudo-element.

Pure-CSS infinite marquee of capability words separated by an icomoon glyph, looping via translateX keyframes.

Numbered process steps as an exclusive accordion that reveals an inline image on the active block instead of a text drawer.

Animated counter row that triggers via jquery.appear and counts to a data-count value with the odometer plugin.

Parallax photo background with a circular play button surrounded by three staggered ripple borders and a Fancybox YouTube modal.

Two-column testimonial with portrait, gradient quote bubble, star rating, and an Owl carousel for the quote text.

Six-up portfolio tiles where hovering one expands an adjacent tile via scaleX, doubling its width with a longer title.

Full-bleed CTA with parallax background image, white headline, and the gradient theme button.

Two-column blog cards with date badge, gradient category tag, and the offset-shadow card frame.

Dark footer split into a logo + subscribe top, a connect-and-links middle, and a copyright bar with quick links.

Floating left/right pill buttons that toggle .rtl/.ltr classes on the wrapper to flip the entire layout.

Right-anchored chat drawer that slides in from off-canvas, dismissible via Escape key, backdrop click, or close button.

Floating scroll-to-top circle that uses an SVG path with a stroked progress stroke and gradient text fill for the arrow.