Ukázka komponenty

// .card--service

Service card

Centrovaný layout: ikona v zeleném kruhu, nadpis, perex. Hover → lift + zelený border. Ikona je FA nebo emoji v .card__icon.

Grid 4 karet

Webové stránky

PHP, MySQL, Nette framework. Moderní CMS na míru.

Mobilní aplikace

React Native, Flutter. iOS i Android z jedné kódové základny.

Správa systémů

Audit kódu, refaktoring, konzultace architektury.

Testování

Automatizované testy, stabilizace a monitoring.

// .card--product

Product card

Obrázek nahoře (zoom na hover), badge, název, perex, cena, akční tlačítka. Flex-column – tlačítka vždy dole.

Dva produkty

Redakční systém v.3

CMS VytvorWeb

Plnohodnotný redakční systém s inzercí, platbami a topováním. Postaveno na Nette.

od 60 000 Kč

Demo Funkce

E-shop v.3

E-shop VytvorWeb

Plnohodnotný e-shop s variantami produktů, košíkem, platební bránou a slevovým systémem.

od 90 000 Kč

Demo Funkce

// .card--tech

Tech card

Mini karta pro display technologického stacku. Emoji nebo FA ikona, název pod ní.

Stack technologií

🐘

PHP

🗄️

MySQL

⚡

Nette

🎨

SCSS

🟨

JS

🐳

Docker

// tokeny

Klíčové tokeny

Přizpůsob karty bez přepisu CSS – jen uprav tokeny v _component-vars.scss.

Token reference

--card-border-clr#e2e8ef

--card-border-clr-hoverprimary

--card-radius14 px

--card-shadowshadow-sm

--card-shadow-hovershadow-md

--card-icon-bgprimary-100

--card-padding16 px

--card-padding-service-*28 / 32 px