Nahorniak Templates
База референсів шаблонів і компонентів

Компоненти

Глобальний каталог компонентів з усіх шаблонів. Усього: 267.

furniture-hero-slider
c106

furniture-hero-slider

Hero

Three-slide Swiper hero pairing oversize headline with a chair render and a circle backdrop on a cream-paper field.

Addina - Multipurpose eCommerce HTML Template
service-features-row
c107

service-features-row

Можливості

Four-column row of icon plus title and one-liner sub-copy for shipping, returns, support and trust signals.

Addina - Multipurpose eCommerce HTML Template
off-promo-duo
c108

off-promo-duo

CTA

Two side-by-side full-bleed promo cards with discount badge, two-line capitalised heading and a solid CTA arrow button.

Addina - Multipurpose eCommerce HTML Template
featured-product-slider
c109

featured-product-slider

Галерея

Top-sale product carousel with hover action icons (cart, quick view, wishlist) and external prev/next buttons.

Addina - Multipurpose eCommerce HTML Template
hot-deal-banner
c110

hot-deal-banner

CTA

Half-bronze, half-photo banner with a hotspot overlay calling out featured products and prices on top of an interior shot.

Addina - Multipurpose eCommerce HTML Template
trendy-collection-tabs
c111

trendy-collection-tabs

Сортування/фільтр

Bootstrap-tabs filter (All / New / Top / Trendy) above a Swiper-driven product grid for the month's trendy items.

Addina - Multipurpose eCommerce HTML Template
ad-countdown-banner
c112

ad-countdown-banner

CTA

Two-card promotional row, second card embeds a four-segment days/hours/minutes/seconds countdown timer.

Addina - Multipurpose eCommerce HTML Template
testimonials-carousel
c113

testimonials-carousel

Відгуки

Image-backed Swiper of star-rated client cards with quote-mark glyph and external left/right navigation buttons.

Addina - Multipurpose eCommerce HTML Template
best-sellers-grid
c114

best-sellers-grid

Галерея

Three-by-two grid of horizontal best-seller cards mixing product photo, title, price and star rating.

Addina - Multipurpose eCommerce HTML Template
recent-blog-pair
c115

recent-blog-pair

Картка блогу

Two oversized blog cards aligning meta-tagged copy on one side with a wide photograph on the other.

Addina - Multipurpose eCommerce HTML Template
support-tri-card
c116

support-tri-card

Розсилка

Three coloured support cards covering newsletter signup, community join and mobile-app store badges.

Addina - Multipurpose eCommerce HTML Template
brand-logo-row
c117

brand-logo-row

Лого клієнтів

Five-up muted greyscale brand-logo strip closing the page above the footer.

Addina - Multipurpose eCommerce HTML Template
site-header-sticky
c118

site-header-sticky

Навігація

Two-row sticky header with utility bar (lang, currency, settings) and a primary nav with mega-dropdowns plus search and wishlist/cart action icons.

Addina - Multipurpose eCommerce HTML Template
site-footer
c119

site-footer

Футер

Dark grid-3 footer with logo column, link columns and a contact column on a near-black background.

Addina - Multipurpose eCommerce HTML Template
scroll-back-to-top
c120

scroll-back-to-top

Інтерактив

Fixed circular SVG progress ring in the bottom-right that fills as the page scrolls and acts as a back-to-top button.

Addina - Multipurpose eCommerce HTML Template
header-mega-menu
c254

header-mega-menu

Навігація

Auto-hiding sticky header with logo, multi-column mega menu (Services / Industries / About), and pill CTA — slides in only on scroll-up.

AIFusionX (WP theme — analyzed via live demo)
hero-editorial
c255

hero-editorial

Hero

Editorial hero with full-bleed photographic background, oversized 74px H1 (-3px tracking), small icon-list above title, two pill buttons.

AIFusionX (WP theme — analyzed via live demo)
logos-strip
c256

logos-strip

Лого клієнтів

Trust strip 'Teams choose us for reliable delivery' with 6 horizontal client logos in a single row, no animation.

AIFusionX (WP theme — analyzed via live demo)
services-carousel
c257

services-carousel

Картка послуги

'What we do' Elementor nested-carousel of services — each slide is icon + heading + paragraph + arrow link, swipe-driven.

AIFusionX (WP theme — analyzed via live demo)
automation-examples
c258

automation-examples

Можливості

'Automation examples' anchored grid (Sales / Ops / Finance) with split typographic headings and bullet copy, no decoration.

AIFusionX (WP theme — analyzed via live demo)
process-steps
c259

process-steps

Процес

'How we work' numbered steps separated by hairline dividers — emphasis purely typographic, zero icons or illustrations.

AIFusionX (WP theme — analyzed via live demo)
industries-loop-carousel
c260

industries-loop-carousel

Галерея

'Industries' Elementor Pro Loop Carousel pulling from a CPT — eight horizontally scrolling slides with image and label.

AIFusionX (WP theme — analyzed via live demo)
case-studies-stack
c261

case-studies-stack

Можливості

'Proof & credibility' three case studies stacked (01 / 02 / 03), each with screenshot, headline, and metric callouts.

AIFusionX (WP theme — analyzed via live demo)
testimonials-carousel
c262

testimonials-carousel

Відгуки

Nested Swiper carousel of customer quotes — avatar, name, company, multi-line quote, dot pagination underneath.

AIFusionX (WP theme — analyzed via live demo)
tech-stack-logos
c263

tech-stack-logos

Лого клієнтів

'Our stack' second logos strip listing tools (OpenAI, Make, Zapier, etc.) — visually identical pattern to the trust strip.

AIFusionX (WP theme — analyzed via live demo)
cta-with-form
c264

cta-with-form

CTA

'Get started' split CTA — copy + icon-list on the left, embedded Elementor contact form on the right inside a soft surface.

AIFusionX (WP theme — analyzed via live demo)
faq-accordion
c265

faq-accordion

FAQ

Elementor nested-accordion FAQ — sober black-on-white, plus/minus toggle, hairline divider between rows.

AIFusionX (WP theme — analyzed via live demo)
blog-carousel
c266

blog-carousel

Картка блогу

'From our blog' Elementor Pro Loop Carousel pulling latest posts: image, post-info row, title, excerpt, button.

AIFusionX (WP theme — analyzed via live demo)
footer-multi-column
c267

footer-multi-column

Футер

Multi-column site footer with logo, three nav columns, contact info column, and a centered copyright row.

AIFusionX (WP theme — analyzed via live demo)
hero-banner
c19

hero-banner

Hero

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

Ashley
fixed-frame-chrome
c20

fixed-frame-chrome

Навігація

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.

Ashley
fullscreen-menu-overlay
c21

fullscreen-menu-overlay

Сайдбар

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

Ashley
about-photo-quote
c22

about-photo-quote

Можливості

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

Ashley
services-grid-dark
c23

services-grid-dark

Картка послуги

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

Ashley
team-grid-hover-reveal
c24

team-grid-hover-reveal

Команда

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

Ashley
reviews-fade-slider
c25

reviews-fade-slider

Відгуки

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

Ashley
infinite-partners-marquee
c26

infinite-partners-marquee

Бігучий рядок

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

Ashley
popular-publications
c27

popular-publications

Картка блогу

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

Ashley
site-footer
c28

site-footer

Футер

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

Ashley
custom-magnetic-cursor
c29

custom-magnetic-cursor

Курсор

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.

Ashley
split-text-preloader
c30

split-text-preloader

Лоадер

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

Ashley
scroll-progress-rail
c31

scroll-progress-rail

Декор

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

Ashley
rotating-scroll-down-circle
c32

rotating-scroll-down-circle

Декор

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

Ashley
site-header
c33

site-header

Навігація

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

Kanun - Attorney & Law Agency HTML Template
hero-attorney
c34

hero-attorney

Hero

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

Kanun - Attorney & Law Agency HTML Template
feature-icons
c35

feature-icons

Можливості

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

Kanun - Attorney & Law Agency HTML Template
about-counters
c36

about-counters

Статистика

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

Kanun - Attorney & Law Agency HTML Template
services-grid
c37

services-grid

Картка послуги

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

Kanun - Attorney & Law Agency HTML Template
process-timeline
c38

process-timeline

Процес

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

Kanun - Attorney & Law Agency HTML Template
project-bento
c39

project-bento

Галерея

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

Kanun - Attorney & Law Agency HTML Template
team-grid
c40

team-grid

Команда

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

Kanun - Attorney & Law Agency HTML Template
testimonials-slider
c41

testimonials-slider

Відгуки

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.

Kanun - Attorney & Law Agency HTML Template
faq-accordion
c42

faq-accordion

FAQ

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

Kanun - Attorney & Law Agency HTML Template
blog-list
c43

blog-list

Картка блогу

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

Kanun - Attorney & Law Agency HTML Template
footer-newsletter
c44

footer-newsletter

Футер

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

Kanun - Attorney & Law Agency HTML Template
preloader
c45

preloader

Лоадер

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

Kanun - Attorney & Law Agency HTML Template
custom-cursor
c46

custom-cursor

Курсор

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

Kanun - Attorney & Law Agency HTML Template
header-nav
c47

header-nav

Навігація

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

Charitics - NGO & Non Profit HTML Template
hero-banner
c48

hero-banner

Hero

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.

Charitics - NGO & Non Profit HTML Template
about-block
c49

about-block

Можливості

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.

Charitics - NGO & Non Profit HTML Template
donations-slider
c50

donations-slider

Картка послуги

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

Charitics - NGO & Non Profit HTML Template
donate-form
c51

donate-form

Форма

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.

Charitics - NGO & Non Profit HTML Template
stats-strip
c52

stats-strip

Статистика

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

Charitics - NGO & Non Profit HTML Template
events-grid
c53

events-grid

Картка послуги

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

Charitics - NGO & Non Profit HTML Template
why-join-accordion
c54

why-join-accordion

FAQ

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

Charitics - NGO & Non Profit HTML Template
team-grid
c55

team-grid

Команда

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

Charitics - NGO & Non Profit HTML Template
testimonials-slider
c56

testimonials-slider

Відгуки

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

Charitics - NGO & Non Profit HTML Template
blog-slider
c57

blog-slider

Картка блогу

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.

Charitics - NGO & Non Profit HTML Template
gallery-marquee
c58

gallery-marquee

Бігучий рядок

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

Charitics - NGO & Non Profit HTML Template
footer-mega
c59

footer-mega

Футер

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.

Charitics - NGO & Non Profit HTML Template
preloader
c60

preloader

Лоадер

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

Charitics - NGO & Non Profit HTML Template
search-modal
c61

search-modal

Модалка

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

Charitics - NGO & Non Profit HTML Template
floating-header
c62

floating-header

Навігація

Sticky transparent floating header sitting over the hero with logo, drawer-menu nav, search and free-consultation CTA; auto-hides on scroll-down.

Consulo Creative Business Consulting Template
hero-slider
c63

hero-slider

Hero

Full-viewport Swiper hero with overlay-darkened photo slides, badge eyebrow, oversized 90px Poppins headline, CTA and bottom-edge prev/next nav.

Consulo Creative Business Consulting Template
image-text-intro
c64

image-text-intro

Можливості

Two-column intro pairing a zoom-in-up product photo with subheading badge, headline, paragraph copy and a checklist of benefits.

Consulo Creative Business Consulting Template
brand-marquee
c65

brand-marquee

Бігучий рядок

Infinite horizontal logo strip running 20s linear via CSS keyframes, with hover-pause and gradient masks at the edges.

Consulo Creative Business Consulting Template
services-multicolumn
c66

services-multicolumn

Картка послуги

Background-photo services band with three 36px-padded icon cards that flip to graphite-on-white on hover and reveal a More Services CTA.

Consulo Creative Business Consulting Template
recent-projects-mosaic
c67

recent-projects-mosaic

Картка проєкту

Asymmetric project layout with one 8/12 wide hero image plus two 6/6 stacked tiles, an arrow CTA pinned to the hero and a rounded summary card below.

Consulo Creative Business Consulting Template
why-choose-us-counters
c68

why-choose-us-counters

Статистика

Dark Why-Choose-Us promotion band combining a 7/12 narrative column and a counter-up stats strip animating from 0 on intersection.

Consulo Creative Business Consulting Template
team-slider
c69

team-slider

Команда

Centered Swiper team carousel with 18px-radius portrait cards; name + role overlay pinned bottom-left and three-icon social row.

Consulo Creative Business Consulting Template
testimonials-sticky
c70

testimonials-sticky

Відгуки

Sticky-left headings paired with a stacked column of rounded testimonial cards (5-star row, quote, avatar+name and an outsized 62px quote SVG).

Consulo Creative Business Consulting Template
featured-blog-grid
c71

featured-blog-grid

Картка блогу

Featured blog band combining one large vertical blog card on the left and two stacked horizontal cards on the right, all with author/date meta and CTA arrow.

Consulo Creative Business Consulting Template
footer-contact-form
c72

footer-contact-form

Форма

Photo-and-form contact card sitting between the main page and the dark footer, with a name/email/message form and arrow-CTA submit button.

Consulo Creative Business Consulting Template
footer-main
c73

footer-main

Футер

Dark photo-backed footer with logo, brand blurb, social icons, three sitemap columns and a copyright bar pulling the current year via JS.

Consulo Creative Business Consulting Template
scroll-to-top
c74

scroll-to-top

Інтерактив

Custom-element scroll-top button (bottom-right circular SVG) that fades in past a scroll threshold and smooth-scrolls to top on click.

Consulo Creative Business Consulting Template
header-nav
c75

header-nav

Навігація

Pill-shaped dark navbar with logo, uppercase menu, and orange underline for the active item.

Darkyn - Creative HTML Template
split-hero
c76

split-hero

Hero

Three-column hero that splits a brand wordmark (Aim / sky) across the gutter with a paragraph and CTA between.

Darkyn - Creative HTML Template
partners-marquee
c77

partners-marquee

Бігучий рядок

Infinite horizontal partner-logo strip framed by hairline rules under the hero.

Darkyn - Creative HTML Template
numbers-grid
c78

numbers-grid

Статистика

Four colored cards (orange, grey, dark, light) with corner dot markers and large stat numbers.

Darkyn - Creative HTML Template
services-list
c79

services-list

Можливості

Numbered services list where each row reveals a wide thumbnail aligned to the right.

Darkyn - Creative HTML Template
mission-vision
c80

mission-vision

Можливості

Mirrored two-card mission/vision block with plus icon, paragraph, accent square, and inset photograph.

Darkyn - Creative HTML Template
work-grid
c81

work-grid

Картка проєкту

Three-up portfolio grid with image, project title, and small uppercase category chip.

Darkyn - Creative HTML Template
testimonials-pair
c82

testimonials-pair

Відгуки

Two-up testimonial cards with quote glyph, name divider, and circular author avatar.

Darkyn - Creative HTML Template
blog-list
c83

blog-list

Картка блогу

Vertical blog rows with category chip, large title, author avatar, arrow button, and right-aligned thumbnail.

Darkyn - Creative HTML Template
site-footer
c84

site-footer

Футер

Centered email/phone block with social row above a copyright bar and a back-to-top pill.

Darkyn - Creative HTML Template
custom-cursor
c85

custom-cursor

Курсор

Fixed circular orange-bordered cursor that follows the pointer and reveals 'View Work' text on portfolio hover.

Darkyn - Creative HTML Template
preloader
c86

preloader

Лоадер

Eight vertical bars fill to random widths in pairs, then snap to 100% before a clip-path wipes the splash to reveal the site.

Davies - Personal Portfolio HTML Template
site-header
c87

site-header

Навігація

Sticky transparent header with numbered nav items, mailto and live local clock chip, and a mobile MENU button that opens an offcanvas drawer.

Davies - Personal Portfolio HTML Template
video-hero
c88

video-hero

Hero

Full-bleed looping background video tinted with a hue-blend primary overlay, oversized DAVIES wordmark, role list and availability dot.

Davies - Personal Portfolio HTML Template
selected-work-slider
c89

selected-work-slider

Галерея

Side-scrolling work showcase combining a Slick title carousel, swiper image slides, per-project tag pills and prev/next navigation.

Davies - Personal Portfolio HTML Template
feature-templates-swiper
c90

feature-templates-swiper

Картка проєкту

Two-up swiper of template cards with hover-following arrow cursor, tag, name, and accent price.

Davies - Personal Portfolio HTML Template
scroll-pinned-services
c91

scroll-pinned-services

Процес

Pinned section that swaps three service cards with crossfading background photos as the user scrolls, snapping by step.

Davies - Personal Portfolio HTML Template
process-stack-cards
c92

process-stack-cards

Процес

Three numbered process cards staggered diagonally on desktop, sliding into a swiper carousel on mobile.

Davies - Personal Portfolio HTML Template
about-experience
c93

about-experience

Команда

Author intro with looping video portrait, animated badge, signature, and a fade-in experience timeline.

Davies - Personal Portfolio HTML Template
tech-stack-marquee
c94

tech-stack-marquee

Бігучий рядок

Three accordion-style infinite marquees that expand on the active row to reveal the tool name, mastery percent and logo strip.

Davies - Personal Portfolio HTML Template
brands-grid
c95

brands-grid

Лого клієнтів

Centered ten-logo brands and partners strip with white SVG marks.

Davies - Personal Portfolio HTML Template
award-flip-images
c96

award-flip-images

Галерея

Six award photos that slide out from a stacked centre into an arched fan with rotation and skew on scroll trigger.

Davies - Personal Portfolio HTML Template
testimonial-carousel
c97

testimonial-carousel

Відгуки

Centered swiper of client testimonials with portrait, quote, and dot pagination plus prev/next chevrons.

Davies - Personal Portfolio HTML Template
stats-odometer
c98

stats-odometer

Статистика

Three big-number indicators powered by Odometer that count up when scrolled into view, with a grid background.

Davies - Personal Portfolio HTML Template
pricing-tabs
c99

pricing-tabs

Тарифи

Monthly / annual toggle revealing three tiers; the middle Pro plan is highlighted with a primary accent and a portrait fragment.

Davies - Personal Portfolio HTML Template
faq-accordion
c100

faq-accordion

FAQ

Numbered single-open FAQ accordion centered in an eight-column column with caret toggle.

Davies - Personal Portfolio HTML Template
contact-cta-form
c101

contact-cta-form

Форма

Big diagonal CTA heading paired with a custom-styled form using nice-select dropdowns and floating labels.

Davies - Personal Portfolio HTML Template
site-footer
c102

site-footer

Футер

Compact sitemap and socials footer that fades up a giant agency wordmark image and a back-to-top link.

Davies - Personal Portfolio HTML Template
scroll-progress-button
c103

scroll-progress-button

Інтерактив

Fixed go-to-top button with a conic-gradient progress ring that fills as the page is scrolled.

Davies - Personal Portfolio HTML Template
canvas-cursor-trail
c104

canvas-cursor-trail

Курсор

Desktop-only canvas trail that paints a fading, hue-shifting line behind the cursor.

Davies - Personal Portfolio HTML Template
mobile-offcanvas-menu
c105

mobile-offcanvas-menu

Сайдбар

Full-height mobile menu with display-size links, each row scrolling an infinite caption strip and footer socials.

Davies - Personal Portfolio HTML Template
letter-preloader
c1

letter-preloader

Лоадер

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

Digmox
header-navbar
c2

header-navbar

Навігація

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

Digmox
fade-banner-carousel
c3

fade-banner-carousel

Hero

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

Digmox
feature-block
c4

feature-block

Можливості

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

Digmox
about-with-experience-badge
c5

about-with-experience-badge

Можливості

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

Digmox
dark-service-grid
c6

dark-service-grid

Картка послуги

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

Digmox
marquee-text-strip
c7

marquee-text-strip

Бігучий рядок

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

Digmox
process-accordion
c8

process-accordion

Процес

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

Digmox
odometer-funfact
c9

odometer-funfact

Статистика

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

Digmox
video-cta-with-pulse
c10

video-cta-with-pulse

Відео

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

Digmox
split-testimonial
c11

split-testimonial

Відгуки

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

Digmox
expanding-project-tile
c12

expanding-project-tile

Картка проєкту

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

Digmox
parallax-cta-banner
c13

parallax-cta-banner

CTA

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

Digmox
news-grid
c14

news-grid

Картка блогу

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

Digmox
subscribe-footer
c15

subscribe-footer

Футер

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

Digmox
rtl-direction-switch
c16

rtl-direction-switch

Інтерактив

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

Digmox
chat-popup-drawer
c17

chat-popup-drawer

Модалка

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

Digmox
svg-scroll-progress
c18

svg-scroll-progress

Інтерактив

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

Digmox
preloader
c121

preloader

Лоадер

Full-screen splash with a brass spinner ring, letter-by-letter LAWGIST text-flip, and a four-column reveal that wipes off-screen on window load.

Lawgist – Attorney & Lawyers HTML Template
site-header
c122

site-header

Навігація

Three-row classical header: utility info bar, centered logo with mirrored navs, then a phone-CTA strip; collapses into a slide-in mobile drawer with metisMenu.

Lawgist – Attorney & Lawyers HTML Template
hero-carousel
c123

hero-carousel

Hero

Full-bleed Owl carousel with fade-out transitions, an outlined giant slide number on the left, and stacked WOW.js fadeInLeft entrance for headline, paragraph, and dual CTAs.

Lawgist – Attorney & Lawyers HTML Template
feature-cards
c124

feature-cards

Можливості

Three icon-led white cards lifted into the hero overlap zone, each with a leaf and gavel decorative SVG flourish at opposite corners.

Lawgist – Attorney & Lawyers HTML Template
funfact-counters
c125

funfact-counters

Статистика

Four crest-shaped stat blocks on a beige strip, each driving a counterUp number animation against a hand-drawn badge background.

Lawgist – Attorney & Lawyers HTML Template
about-with-video
c126

about-with-video

Можливості

Two-column about block pairing a portrait image with a Magnific-popup YouTube play button and a floating 25+ years experience badge.

Lawgist – Attorney & Lawyers HTML Template
services-grid
c127

services-grid

Картка послуги

Four-column service-card row where each card flips its background image on hover and surfaces a justice-icon decoration in the corner.

Lawgist – Attorney & Lawyers HTML Template
why-choose-us
c128

why-choose-us

Можливості

Split section with bullet-style supporting features on the left and a decorative portrait plus stacked 30+ years funfact crest on the right.

Lawgist – Attorney & Lawyers HTML Template
brand-marquee
c129

brand-marquee

Лого клієнтів

Six-up Owl autoplay logo strip rendered over a dark banner background, used as a divider between testimonial and feature blocks.

Lawgist – Attorney & Lawyers HTML Template
testimonial-block
c130

testimonial-block

Відгуки

Two stacked review cards on the right with star rating, author thumbnail, and a translucent serif quote glyph; left column is a phone-CTA portrait.

Lawgist – Attorney & Lawyers HTML Template
featured-cases
c131

featured-cases

Картка проєкту

Three-up case showcase on a dark photographic banner: one intro card with section title and CTA, two image cards with badge and external-link arrow.

Lawgist – Attorney & Lawyers HTML Template
attorneys-team
c132

attorneys-team

Команда

Four attorney cards with portrait, name, short bio and a chevron CTA, staggered with WOW fadeInUp durations between 1s and 2s.

Lawgist – Attorney & Lawyers HTML Template
cta-banner
c133

cta-banner

CTA

Centered crimson-overlaid call-to-action strip on a wide banner image with a single 'Make an Appointment' theme button.

Lawgist – Attorney & Lawyers HTML Template
blog-grid
c134

blog-grid

Картка блогу

Three-up news cards with cover image, overlapping circular author chip, tag and date meta row, and a level-up arrow read-more button.

Lawgist – Attorney & Lawyers HTML Template
contact-form-map
c135

contact-form-map

Контакти

Full-width contact band with a four-field form on the left and an embedded Google Maps iframe on the right, both bg-pattern backed.

Lawgist – Attorney & Lawyers HTML Template
site-footer
c136

site-footer

Футер

Dark photographic footer with newsletter form, two link columns, address block, and a divided copyright row crediting RRDevs.

Lawgist – Attorney & Lawyers HTML Template
header-transparent-sticky
c137

header-transparent-sticky

Навігація

Transparent fixed header that gains a sticky background, swaps logo color and toggles a full-screen mobile offcanvas.

Liko - Creative Agency & Portfolio Next.js Template
hero-display-type
c138

hero-display-type

Hero

Centered display hero where a four-line serif headline wraps a small rotating shape and an inline image tile with a fade-bottom GSAP entrance.

Liko - Creative Agency & Portfolio Next.js Template
hero-video-bleed
c139

hero-video-bleed

Відео

Full-bleed autoplay loop video that sits directly under the hero and uses a clip-path reveal driven by ScrollTrigger.

Liko - Creative Agency & Portfolio Next.js Template
brand-marquee-row
c140

brand-marquee-row

Лого клієнтів

Horizontal Swiper-driven brand strip with a label column and continuously sliding client logos separated by hairline rules.

Liko - Creative Agency & Portfolio Next.js Template
service-process-list
c141

service-process-list

Можливості

Two-column thoughtful-process layout: animated section title plus border button on the left, four icon+text service rows fading in on scroll on the right.

Liko - Creative Agency & Portfolio Next.js Template
project-asymmetric-gallery
c142

project-asymmetric-gallery

Галерея

Asymmetric two-column portfolio gallery with offset heights, parallax data-speed scroll on each tile and a magnetic 'View Demo' cursor on hover.

Liko - Creative Agency & Portfolio Next.js Template
project-pinned-banner
c143

project-pinned-banner

Декор

Full-width project banner image that pins under the gallery using ScrollTrigger pin so the next section slides over it.

Liko - Creative Agency & Portfolio Next.js Template
project-textline-marquee
c144

project-textline-marquee

Бігучий рядок

Oversized scroll-driven 'Co(shape)lest Project' text marquee that translates horizontally on scrub, mixing serif outlines with filled glyphs.

Liko - Creative Agency & Portfolio Next.js Template
award-hover-thumb
c145

award-hover-thumb

Статистика

Awards list where hovering each row swaps the active thumbnail in the adjacent sticky image column, with date and count metadata.

Liko - Creative Agency & Portfolio Next.js Template
team-marquee-slider
c146

team-marquee-slider

Команда

Six-up Swiper team rail with scroll-driven horizontal marquee shift and per-card mousemove parallax that opens a member modal on click.

Liko - Creative Agency & Portfolio Next.js Template
testimonial-text-slider
c147

testimonial-text-slider

Відгуки

Centered single-quote testimonial Swiper with custom prev/next arrow buttons and an autoplay 1s loop transition.

Liko - Creative Agency & Portfolio Next.js Template
footer-link-stack
c148

footer-link-stack

Футер

Black footer with a hover-active link list, oversized 'Let's Contact!' wordmark, contact and social columns plus a year-stamped copyright row.

Liko - Creative Agency & Portfolio Next.js Template
magic-cursor
c149

magic-cursor

Курсор

Custom dual-element cursor (#magic-cursor + #ball) that grows over portfolio tiles, shows 'View Demo' label and hides the native pointer.

Liko - Creative Agency & Portfolio Next.js Template
footer-floating-shape
c150

footer-floating-shape

Інтерактив

Sticky bottom-right rotating circular badge linking to the contact page with two layered PNG shapes spinning at different speeds.

Liko - Creative Agency & Portfolio Next.js Template
header-topbar-nav
c151

header-topbar-nav

Навігація

Two-row sticky header: utility topbar with emergency line/location/hours and inline search, then a white logo + dropdown nav with a Departments mini-popup trigger.

Medcity - Medical Healthcare HTML5 Template
hero-fade-slider
c152

hero-fade-slider

Hero

Full-bleed Slick fade carousel with photo background, large Quicksand headline, lead paragraph, and four icon-led specialty chips per slide.

Medcity - Medical Healthcare HTML5 Template
contact-info-strip
c153

contact-info-strip

Можливості

Three-column contact panel directly under the hero: emergency cases call card, doctors-timetable CTA, and an opening-hours table — split visually by gradient backgrounds.

Medcity - Medical Healthcare HTML5 Template
about-with-video
c154

about-with-video

Можливості

Two-column about block: left column has a doctor-icon intro with CTA and a video poster with a Magnific popup play button, right column carries the long body copy and bullet list.

Medcity - Medical Healthcare HTML5 Template
services-carousel
c155

services-carousel

Картка послуги

Slick carousel of clinic-service cards (3-up at desktop) with duplicated icon decoration in the corner, title, description, list of sub-specialties, and a Read More pill.

Medcity - Medical Healthcare HTML5 Template
features-grid-overlay
c156

features-grid-overlay

Можливості

Eight-tile feature grid on a teal-overlaid photo background; each tile combines a small thumbnail, an icon, a title, and an outlined arrow-link affordance.

Medcity - Medical Healthcare HTML5 Template
doctors-team-carousel
c157

doctors-team-carousel

Команда

Autoplaying Slick carousel of doctor cards with portrait, name, specialty, short bio, Read More pill, and a small social-icon row beneath.

Medcity - Medical Healthcare HTML5 Template
work-process-steps
c158

work-process-steps

Процес

Numbered four-step intake process on a navy photo overlay: oversized step number, icon, title, short copy, and a deep link per step, in a Slick carousel.

Medcity - Medical Healthcare HTML5 Template
cta-alert-banner
c159

cta-alert-banner

CTA

Light-blue inline CTA strip nested inside the work-process band: alert icon, headline, lead, and a teal pill button to a healthcare-programs page.

Medcity - Medical Healthcare HTML5 Template
testimonials-with-thumbs
c160

testimonials-with-thumbs

Відгуки

Asymmetric testimonials block: heading on the left, large quote on the right paired with a clickable thumbnail strip (slick slider-with-navs) for switching between authors.

Medcity - Medical Healthcare HTML5 Template
gallery-carousel
c161

gallery-carousel

Галерея

Edge-to-edge four-up Slick carousel of clinic photos with Magnific Popup lightbox triggers and arrow controls, autoplaying.

Medcity - Medical Healthcare HTML5 Template
appointment-form
c162

appointment-form

Форма

Two-pane appointment block over a teal-gradient banner: six-field booking form on the left, and a heading + gift CTA + video popup + clients logo strip on the right.

Medcity - Medical Healthcare HTML5 Template
blog-grid
c163

blog-grid

Картка блогу

Three-up grid of recent posts with rounded thumbnails, category tag, date and author meta, headline, lead, and a Read More pill.

Medcity - Medical Healthcare HTML5 Template
footer-mega
c164

footer-mega

Футер

Four-column primary footer (about + Make Appointment CTA, departments, links, quick contacts with phone/address/socials) plus a thin secondary copyright bar.

Medcity - Medical Healthcare HTML5 Template
preloader
c165

preloader

Лоадер

Fixed full-screen white preloader with four bouncing dots, removed from the DOM by setTimeout(2000) on jQuery ready.

Medcity - Medical Healthcare HTML5 Template
topbar-contact-strip
c166

topbar-contact-strip

Навігація

Teal-on-white top utility strip with email, phone, address and four social icons sitting above the main navigation.

Pillar - Lawyer & Attorney HTML
main-navbar
c167

main-navbar

Навігація

Sticky white Bootstrap navbar with logo, dropdown menus and an amber hamburger toggle on mobile.

Pillar - Lawyer & Attorney HTML
hero-banner
c168

hero-banner

Hero

Full-bleed image hero with teal gradient overlay, centered serif heading and an amber CTA next to a circular ripple-animated video play button.

Pillar - Lawyer & Attorney HTML
feature-cards-overlap
c169

feature-cards-overlap

Можливості

Four-column outline-hover cards that overlap the bottom of the hero on a negative top margin, each with a custom rtmicon and a one-line value prop.

Pillar - Lawyer & Attorney HTML
about-firm-checklist
c170

about-firm-checklist

Можливості

Two-column about block pairing a checklist of firm values with a portrait photo and a floating amber years-experience badge.

Pillar - Lawyer & Attorney HTML
partner-logo-row
c171

partner-logo-row

Лого клієнтів

Five-up partner-logo strip on a deep-teal background that desaturates to monochrome by default and recolors on hover.

Pillar - Lawyer & Attorney HTML
service-cards-grid
c172

service-cards-grid

Картка послуги

Two-by-two grid of teal-bordered service cards that swap their background to a custom image plus dark gradient on hover, with an arrow-up-right link.

Pillar - Lawyer & Attorney HTML
fixed-attachment-cta
c173

fixed-attachment-cta

CTA

Parallax-feel CTA section using background-attachment: fixed under a teal gradient overlay with centered headline and amber consult button.

Pillar - Lawyer & Attorney HTML
case-studies-list
c174

case-studies-list

Можливості

Image-plus-floating-contact card on the left, three stacked case-study rows with amber dividers and circular arrow buttons on the right.

Pillar - Lawyer & Attorney HTML
stats-counter
c175

stats-counter

Статистика

Four-up counter band on deep teal showing years experience, lawyers, clients, and tasks with amber numbers.

Pillar - Lawyer & Attorney HTML
team-overlay-cards
c176

team-overlay-cards

Команда

Three-up team cards where hovering reveals a teal gradient overlay with social icons that scales up from the bottom edge.

Pillar - Lawyer & Attorney HTML
testimonials-swiper
c177

testimonials-swiper

Відгуки

Two-up Swiper carousel of testimonial cards with portrait, large blockquote rtmicon, italic quote and clickable bullet pagination.

Pillar - Lawyer & Attorney HTML
blog-cards-row
c178

blog-cards-row

Картка блогу

Three-up blog-post teaser row with square image, serif teal headline, body excerpt, and an amber READ MORE link with arrow.

Pillar - Lawyer & Attorney HTML
footer-multicolumn
c179

footer-multicolumn

Футер

Deep-teal four-column footer with logo, social row, quick links, services list, contact details and a copyright bar.

Pillar - Lawyer & Attorney HTML
video-modal
c180

video-modal

Модалка

Bootstrap modal triggered from the hero play button that embeds a YouTube iframe at modal-xl size with autoplay.

Pillar - Lawyer & Attorney HTML
preloader
c181

preloader

Лоадер

Per-letter spelling preloader that types out POTU before fading out — driven by jQuery delay/fadeOut after window load.

Potu - Personal Portfolio HTML Template
custom-cursor
c182

custom-cursor

Курсор

Single-dot custom cursor that follows the mouse via vanilla JS mousemove and ignores touch devices.

Potu - Personal Portfolio HTML Template
main-header
c183

main-header

Навігація

Multi-level dropdown header with light/dark logo swap, sticky-on-scroll variant cloned via JS, and a Let's Talk CTA pill.

Potu - Personal Portfolio HTML Template
demo-switch
c184

demo-switch

Інтерактив

Floating moon/sun pair that toggles a global dark_bg / light_bg class on the page wrapper.

Potu - Personal Portfolio HTML Template
hero-banner
c185

hero-banner

Hero

Designer-portrait hero with parallax floating shapes, a typed-text rotator (Branding,) and a side quote-card with email CTA inline.

Potu - Personal Portfolio HTML Template
service-list
c186

service-list

Можливості

Asymmetric two-column services panel — sticky left intro with giant EXPLORE ALL stamp, scroll-stacked service tiles on the right.

Potu - Personal Portfolio HTML Template
portfolio-carousel
c187

portfolio-carousel

Картка проєкту

Owl-carousel of large project cards with stacked icon, title and decorative shape layers; word watermark sits behind the rail.

Potu - Personal Portfolio HTML Template
skills-experience
c188

skills-experience

Таймлайн

Two-column experience and awards timeline with numbered counters, plus a chip-style skills cloud below.

Potu - Personal Portfolio HTML Template
clients-marquee
c189

clients-marquee

Лого клієнтів

Two opposing rows of client logos that scroll horizontally as a CSS-only marquee, framed by section dividers.

Potu - Personal Portfolio HTML Template
testimonial-slider
c190

testimonial-slider

Відгуки

Single-quote Owl testimonial slider with a circular portrait, quote-mark badge, and parallax decorative shapes.

Potu - Personal Portfolio HTML Template
instagram-carousel
c191

instagram-carousel

Галерея

Instagram peek carousel with a section title on the left and a giant 'instagram' watermark behind the slider.

Potu - Personal Portfolio HTML Template
contact-cta
c192

contact-cta

Контакти

Split contact section with a decorated Let's Start Talking heading, validated form, and stacked email/phone/office info column.

Potu - Personal Portfolio HTML Template
main-footer
c193

main-footer

Футер

Minimal centered footer with a logo, copyright stamp and three text-only social links on a single divider row.

Potu - Personal Portfolio HTML Template
scroll-to-top
c194

scroll-to-top

Інтерактив

Circular SVG progress ring that fills as the user scrolls and exposes a click-to-top hit zone in the bottom-right corner.

Potu - Personal Portfolio HTML Template
transparent-mega-menu-header
c195

transparent-mega-menu-header

Навігація

Transparent fixed header with a 10-thumbnail mega menu for homepage demos and an off-canvas drawer trigger.

Regalis - Lawyer, Attorney and Law Firms HTML Template
jarallax-hero-with-stats
c196

jarallax-hero-with-stats

Hero

Full-viewport jarallax photo hero with bottom-anchored title, stacked-avatar social proof and a four-column service ticker.

Regalis - Lawyer, Attorney and Law Firms HTML Template
icon-feature-trio
c197

icon-feature-trio

Можливості

Three-column trust block of color-icon features each with a pill-style CTA to deeper pages.

Regalis - Lawyer, Attorney and Law Firms HTML Template
image-tabs-about
c198

image-tabs-about

Можливості

Side-by-side jarallax image with a floating animated stat card and a Mission/Vision/Values tab switcher.

Regalis - Lawyer, Attorney and Law Firms HTML Template
half-bleed-testimonial-carousel
c199

half-bleed-testimonial-carousel

Відгуки

Dark half-bleed section with a fixed legal portrait on one side and an owl-carousel of quote testimonials on the other.

Regalis - Lawyer, Attorney and Law Firms HTML Template
team-grid-hover-bio
c200

team-grid-hover-bio

Команда

Four-up attorney portrait grid where a frosted-glass bio panel slides up on hover to reveal name, role and socials.

Regalis - Lawyer, Attorney and Law Firms HTML Template
navy-practice-areas
c201

navy-practice-areas

Картка послуги

Navy-on-navy practice-area block with floating white icons positioned absolutely to the left of each title.

Regalis - Lawyer, Attorney and Law Firms HTML Template
case-studies-overflow-carousel
c202

case-studies-overflow-carousel

Галерея

Container-fluid owl-carousel of case-study cards with a bleeding-right edge, gradient overlay and custom prev/next nav.

Regalis - Lawyer, Attorney and Law Firms HTML Template
dark-stats-counter-row
c203

dark-stats-counter-row

Статистика

Dark four-column counter row using data-to/data-speed timer animation triggered on scroll into view.

Regalis - Lawyer, Attorney and Law Firms HTML Template
video-player-process-timeline
c204

video-player-process-timeline

Процес

Split layout pairing a circular play-button video poster with a numbered three-step vertical timeline.

Regalis - Lawyer, Attorney and Law Firms HTML Template
tabbed-faq-accordion
c205

tabbed-faq-accordion

FAQ

Three category tabs (Services, Consultation, Billing) each switching to its own accordion of five questions.

Regalis - Lawyer, Attorney and Law Firms HTML Template
off-canvas-extra-drawer
c206

off-canvas-extra-drawer

Сайдбар

Right-side dark off-canvas drawer with logo, two columns of practice areas, contact info and social icons.

Regalis - Lawyer, Attorney and Law Firms HTML Template
three-column-footer
c207

three-column-footer

Футер

Three-column dark footer with logo, brand statement, company links, practice areas and store-hours info card.

Regalis - Lawyer, Attorney and Law Firms HTML Template
scroll-progress-back-to-top
c208

scroll-progress-back-to-top

Інтерактив

Vertical scrollbar indicator paired with a 'Scroll to top' floating link that appears after scroll threshold.

Regalis - Lawyer, Attorney and Law Firms HTML Template
sticky-minimal-header
c209

sticky-minimal-header

Навігація

Minimal sticky header with the wordmark on the left and a single 9-dot grid icon on the right that opens a full off-canvas sidebar with the entire menu, contact block, and socials.

Runok - Web Agency HTML5 Template
split-text-hero
c210

split-text-hero

Hero

Tall dark hero with three stacked headlines (Transforming / Visions into / Digital Reality) animated character-by-character via SplitType + GSAP, three offset square photos and an arrow CTA.

Runok - Web Agency HTML5 Template
process-icon-row
c211

process-icon-row

Процес

Centered work-process band with four icon-circle steps in a row, an oversized greyscale 'PROCESS' watermark behind, and a fade-up reveal driven by ScrollTrigger.

Runok - Web Agency HTML5 Template
image-reveal-about
c212

image-reveal-about

Можливості

Two-column about block where the right column houses two stacked photographs that animate in via a horizontal mask reveal (container slides left, image counter-translates and zooms out).

Runok - Web Agency HTML5 Template
service-card-grid
c213

service-card-grid

Картка послуги

Four-column service grid where each card is a tall photo with a hover overlay; corner SVG icon, slash-prefixed service title, and a Read More pill at the bottom.

Runok - Web Agency HTML5 Template
project-accordion
c214

project-accordion

Картка проєкту

Vertical project accordion: each row is a numbered circle, category, and title; the active row reveals a description on the left and a project thumbnail on the right inside the accordion body.

Runok - Web Agency HTML5 Template
running-text-marquee
c215

running-text-marquee

Бігучий рядок

Two stacked infinite-scroll text tickers (one running left-to-right, the other right-to-left) using carouselTicker.js, with a Plus Jakarta italic word list separated by dot bullets.

Runok - Web Agency HTML5 Template
swiper-testimonials
c216

swiper-testimonials

Відгуки

Centered testimonial Swiper carousel with circular author avatars, name + role line, and a quote underneath — paginated with bullet dots and grab-cursor enabled.

Runok - Web Agency HTML5 Template
faq-accordion-with-image
c217

faq-accordion-with-image

FAQ

Two-column FAQ section: left column carries a Bootstrap 5 accordion with three questions, right column carries a hero illustration that mask-reveals into view on scroll.

Runok - Web Agency HTML5 Template
blog-card-grid
c218

blog-card-grid

Картка блогу

Three-column 'Latest News' grid with a square thumbnail on top, post-meta line (clock + author icons), title link, and a Read More arrow pill — fade-top staggered on scroll.

Runok - Web Agency HTML5 Template
sponsor-logo-row
c219

sponsor-logo-row

Лого клієнтів

Single-row brand block on dark surface: an oversized 'WORKED WITH GLOBAL LARGEST BRANDS' headline takes the first slot and four monochrome partner logos sit beside it.

Runok - Web Agency HTML5 Template
newsletter-footer
c220

newsletter-footer

Футер

Four-column dark footer (brand intro + opening hours, useful links, contact list, newsletter form) over a faint grid shape, with copyright bar and circular social pills.

Runok - Web Agency HTML5 Template
magnetic-cursor
c221

magnetic-cursor

Курсор

Custom dot-style cursor (.mt-cursor) appended at runtime; follows the mouse via translate, expands on links/buttons/.cursor-effect elements, and hides on touch devices.

Runok - Web Agency HTML5 Template
scroll-progress-orb
c222

scroll-progress-orb

Декор

Fixed bottom-right circular scroll-progress indicator that uses a conic-gradient mask to fill cobalt around its rim and switches to an up-arrow icon at >96% scroll, doubling as scroll-to-top.

Runok - Web Agency HTML5 Template
theme-toggle-switch
c223

theme-toggle-switch

Інтерактив

Floating pill toggle (#theme-toogle) that flips the document data-theme attribute between light and dark, persisting the choice in localStorage and respecting prefers-color-scheme on first load.

Runok - Web Agency HTML5 Template
preloader-runok
c224

preloader-runok

Лоадер

Full-screen dark preloader with a centered 'Runok' word that fades out 1000 ms after window load via $('#preloader').fadeOut(500).

Runok - Web Agency HTML5 Template
header-navbar
c225

header-navbar

Навігація

Transparent sticky header with mega-menu submenus, search-popup trigger, login link, and a pill CTA that swaps colors on scroll.

Softec - Data Analytics & Software Technology HTML Template
hero-data-platform
c226

hero-data-platform

Hero

Centered headline with SVG hand-drawn underline stroke, email-capture input, and a 3-up image collage that scales in on load.

Softec - Data Analytics & Software Technology HTML Template
feature-cards-trio
c227

feature-cards-trio

Можливості

Three icon-led feature cards arranged in a row with staggered fade-up entrance and circular icon swatches.

Softec - Data Analytics & Software Technology HTML Template
about-image-collage
c228

about-image-collage

Можливості

Asymmetric photo-and-shape collage on the left with bullet checkmark list and CTA on the right.

Softec - Data Analytics & Software Technology HTML Template
service-grid-with-cta
c229

service-grid-with-cta

Картка послуги

Five color-coded service tiles plus one dashboard-mockup CTA card occupying the sixth grid cell.

Softec - Data Analytics & Software Technology HTML Template
project-swiper-carousel
c230

project-swiper-carousel

Картка проєкту

Edge-bleeding 3-up Swiper carousel with image-left / meta-right project cards and a draggable scrollbar.

Softec - Data Analytics & Software Technology HTML Template
testimonial-slider-split
c231

testimonial-slider-split

Відгуки

Slick slider with a 7/5 split: customer quote on the left, oversized growth percentage and case-study link on the right.

Softec - Data Analytics & Software Technology HTML Template
rank-leaderboard
c232

rank-leaderboard

Статистика

Decorative ranking podium that staggers four card pillars vertically with floating circle shapes behind them.

Softec - Data Analytics & Software Technology HTML Template
pricing-tabs
c233

pricing-tabs

Тарифи

Monthly / yearly Bootstrap-tab toggle with a sliding indicator, hand-drawn dashed pointer, and three feature-list pricing cards.

Softec - Data Analytics & Software Technology HTML Template
newsletter-cta
c234

newsletter-cta

Розсилка

Footer-top newsletter row with rounded email input, embedded icon, and arrow submit button on a dark background.

Softec - Data Analytics & Software Technology HTML Template
footer-dark
c235

footer-dark

Футер

Dark footer with logo column, link grids, contact list with magenta icons, social row, and language switcher copyright bar.

Softec - Data Analytics & Software Technology HTML Template
preloader-dot-loader
c236

preloader-dot-loader

Лоадер

Two-dot pulsing preloader overlay that auto-hides after the page loads.

Softec - Data Analytics & Software Technology HTML Template
search-popup
c237

search-popup

Пошук

Full-screen search overlay triggered from the header magnifier with logo, dismiss button, and underlined input.

Softec - Data Analytics & Software Technology HTML Template
side-offcanvas
c238

side-offcanvas

Сайдбар

Right-side dark off-canvas drawer with mobile menu, Instagram thumbnails, address block, and social icons.

Softec - Data Analytics & Software Technology HTML Template
site-navbar-mega-menu
c239

site-navbar-mega-menu

Навігація

Blurred fixed navbar with hover-driven mega-menu showing image previews of all five home demos.

Webfolio - Creative Agency & Portfolio Next.js Template
svg-curtain-preloader
c240

svg-curtain-preloader

Лоадер

Full-screen GSAP preloader morphs an SVG curve to flat then slides up to reveal the page; spells out LOADING with charming.js.

Webfolio - Creative Agency & Portfolio Next.js Template
magnetic-cursor
c241

magnetic-cursor

Курсор

Custom hover cursor that magnetically attracts itself to .hover-this targets and grows on every link.

Webfolio - Creative Agency & Portfolio Next.js Template
scroll-progress-ring
c242

scroll-progress-ring

Декор

Fixed-bottom circular SVG ring that fills as the page scrolls and acts as a back-to-top button.

Webfolio - Creative Agency & Portfolio Next.js Template
main-hero-headline
c243

main-hero-headline

Hero

Full-bleed dark hero with overlaid headline split between two lines, pull quote, project counter and big down-arrow icon.

Webfolio - Creative Agency & Portfolio Next.js Template
intro-stats-block
c244

intro-stats-block

Статистика

Two-column intro that pairs an arrow illustration and a fw-300 mission line with two thin-bordered KPI tiles.

Webfolio - Creative Agency & Portfolio Next.js Template
rolling-skills-marquee
c245

rolling-skills-marquee

Бігучий рядок

Two stacked horizontal marquees (filled + stroked) of services separated by star glyphs, infinitely looping in opposite directions.

Webfolio - Creative Agency & Portfolio Next.js Template
services-swiper-carousel
c246

services-swiper-carousel

Картка послуги

Three-up Swiper of service cards with custom prev/next arrows and per-card icon, headline, blurb and Read More link.

Webfolio - Creative Agency & Portfolio Next.js Template
portfolio-fade-swiper
c247

portfolio-fade-swiper

Картка проєкту

Auto-paced Swiper of selected works with progressbar pagination, sub-bg captions with notched corners and a 'Our Portfolio' edge marquee.

Webfolio - Creative Agency & Portfolio Next.js Template
feat-services-trio
c248

feat-services-trio

Можливості

Three stacked image-plus-copy feature cards next to a copy column with magnetic CTA, blurred orange glow in the corner.

Webfolio - Creative Agency & Portfolio Next.js Template
team-portrait-grid
c249

team-portrait-grid

Команда

Three-column team grid where each portrait has a sliding info caption and round social-icon column on hover.

Webfolio - Creative Agency & Portfolio Next.js Template
minimal-testimonials-slider
c250

minimal-testimonials-slider

Відгуки

Photo + quote testimonial Swiper with tall portrait, oversized fz-30 quote, dotted pagination and SVG quotation glyph.

Webfolio - Creative Agency & Portfolio Next.js Template
clients-logo-carousel
c251

clients-logo-carousel

Лого клієнтів

Five-up looping Swiper of brand SVGs with a centered headline above and a thin trust-bar pill below.

Webfolio - Creative Agency & Portfolio Next.js Template
cta-double-marquee
c252

cta-double-marquee

Бігучий рядок

Stacked Get-In-Touch / Contact-Us double marquee with full-width clickable overlay link to the contact page.

Webfolio - Creative Agency & Portfolio Next.js Template
newsletter-footer
c253

newsletter-footer

Футер

Four-column footer with logo, contact, useful links and an inline newsletter input plus four social icons.

Webfolio - Creative Agency & Portfolio Next.js Template