Master the art of building beautiful websites

Aliqua id fugiat nostrud irure ex duis ea quis id quis ad et. Sunt qui esse pariatur duis deserunt mollit dolore cillum minim tempor enim. cillum minim tempor enim. Elit aute irure

Get Started Live demo

Grid System

Amet minim mollit non desc ullamco est sit aliqua dolor do amet sint non desc ullamco desc ullamco est sit aliqua dolor do.

Optimized for speed

Amet minim mollit non desc ullamco est sit aliqua dolor do amet sint non desc ullamco desc ullamco est sit aliqua dolor do.

Lifetime updates

Amet minim mollit non desc ullamco est sit aliqua dolor do amet sint non desc ullamco desc ullamco est sit aliqua dolor do.

How it works, getting started is easy

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit non deserunt mollit.

Step 1

Select design you like the most.

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat.

Step 2

Install the selected design.

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat.

Step 3

Change colors, images and text.

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat.

How it works

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.

1

Find the design you like

2

Install the our kit plugin

3

Customized the design

4

Done, website is ready.

Find the design you want

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam cons equat sunt nostrud met. Amet minim mollit non deser ullamco est.

Install the our kit plugin

Velit officia consequat duis enim velit mollit. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Amet minim mollit non deser ullamco est sit. Exercitation veniam cons equat sunt nostrud met.

Customized the design

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam cons equat sunt nostrud met. Amet minim mollit non deser ullamco est.

Done, website is ready.

Velit officia consequat duis enim velit mollit. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Amet minim mollit non deser ullamco est sit. Exercitation veniam cons equat sunt nostrud met.

Janer Cooper

Cheif Executive Director

Vestibulum eu quam nec neque pellentesque efficitur id eget nisl. Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus

Sed cursus venenatis tellus, non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum.

Jerome Bell

Full Stack Developer

Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus, Vestibulum eu quam nec neque pellentesque efficitur id eget nisl.

Non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum. Sed cursus venenatis tellus.

Arlene McCoy

Backend Developer

Vestibulum eu quam nec neque pellentesque efficitur id eget nisl. Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus

Sed cursus venenatis tellus, non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum.

Floyd Miles

UX Engineer

Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus, Vestibulum eu quam nec neque pellentesque efficitur id eget nisl.

Non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum. Sed cursus venenatis tellus.

Savannah Nguyen

Data Analyst

Vestibulum eu quam nec neque pellentesque efficitur id eget nisl. Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus

Sed cursus venenatis tellus, non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum.

Ronald Richards

Software Engineer

Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenaslacin ia non orci at aliquam Donec finibus, Vestibulum eu quam nec neque pellentesque efficitur id eget nisl.

Non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum. Sed cursus venenatis tellus.

Kathryn Murphy

UX Researcher

Vestibulum eu quam nec neque pellentesque efficitur id eget nisl. Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus

Sed cursus venenatis tellus, non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum.

Darrell Steward

Product Manager

Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus, Vestibulum eu quam nec neque pellentesque efficitur id eget nisl.

Non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum. Sed cursus venenatis tellus.

Ronald Richards

Content Writer

Vestibulum eu quam nec neque pellentesque efficitur id eget nisl. Proin porta est co nvallis lacus blandit pretium sed non enim. Maecenas lacin ia non orci at aliquam Donec finibus

Sed cursus venenatis tellus, non lobortis diam volutpat sit amet. Sed te llus augue, hendrerit eu rutrum.

btn primary Моя кнопка.

От зачатия до выпускного — Shadow Puppet Theatre animation

Shadow Puppet Theatre Paper & Craft · Final animation · 27 s

Final cut · 9 tableaux · 27 seconds От зачатия до выпускного — sound on, no voiceover

00:00.0 / 00:27.0

Oil-lamp ambience · wood, hide & bronze effects · no voiceoverTap the stage once for sound.

1280 × 720 master · pure function of time · 01 / Хук The approved storyboard ↓

Девять теневых картин — approved · now in motion

От зачатия
до выпускного

Развитие человека как маленький теневой спектакль: одна клетка, девять месяцев внутри, первый вдох, детство, подростковый шторм и выпускной. Финальная анимация уже готова — 27 секунд с лампой, резной кожей, нитями и живым звуком без диктора. Ниже сохранена утверждённая раскадровка: те же кадры стали ключевыми позами фильма.

Story spine · 0 → 27 seconds Rendering stills

02 / The approved board

Nine approved frames

These are the key poses reused by the player above, drawn with the reference's own lamp gradient, cloth weave, cut-work pipeline, grain and finishing passes. Click any frame to enlarge it.

continuous scene change opening / hold

Preparing the lamp…

03 / Fact sheet

What I had to assume

The story is a general, symbolic overview — not a medical guide. Ages and milestones vary widely between people, families and countries. These are the specific framing choices and numbers the board relies on.

01timeline

27 seconds, nine beats

The piece covers conception → graduation only, as requested, and holds the final line for roughly one second. It is an overview, not a week-by-week catalogue.

02genetics

46 chromosomes

Each gamete contributes 23 chromosomes; the zygote has 46. The egg, sperm and their cut-work are deliberately stylised and not to scale.

03pregnancy

≈ 40 weeks

Pregnancy is shown as about 40 weeks using the common obstetric convention counted from the last menstrual period; birth normally occurs in a wider term window.

04terminology

Embryo → fetus at week 9

Embryonic development is generally counted through the end of week 8; from week 9 the term fetus is used. The fetus illustration is symbolic, not a portrait at exact scale.

05birth

Typical birth weight

I use ≈ 3–3,5 kg as a typical range. Healthy newborn weights vary substantially; the panel is not a clinical percentile or a universal target.

06brain

≈ 90% by age five

By around five years the brain is roughly 90% of adult volume. Experience shapes neural connections throughout life; later change is not “finished” at five.

07puberty

8–14 is an onset range

Puberty commonly begins somewhere around 8–14 years, with wide normal variation and average timing differences between girls and boys. The copy says “начало”, not a deadline.

08education

22 is an illustrative age

The final number assumes school completion around 18 and a four-year bachelor's programme. Specialist degrees, gaps, part-time study and other paths can finish earlier or later.

09type & audio

Russian copy · no voiceover

On-screen copy is Russian. The supplied Latin fonts are loaded, with PT Serif added because IM Fell and Libre Baskerville have no Cyrillic. Story headlines are 44–66 px, labels 28–40 px and key numbers 68–148 px. Sound cues use only the supplied synth kit; the mix is effects over quiet lamp and room tone.

Science guardrails

No panel implies that an embryo “is” a fetus at conception, that brain development stops at five, or that everyone reaches the same milestone at the same age. The 9-week terminology change and prefrontal maturation into the mid-20s are the two distinctions most important to keep clear in the final copy.

Deliberate unknowns

The viewer's own family, culture, health, school system and gender are not assumed. Where development differs — birth timing, first steps, puberty, graduation age — the board uses ≈ and range language rather than a single “normal” biography.

04 / Delivered — the lamp now moves

The approved play, in motion.

The full 1280×720 player is above: play/pause, scrub, live timecode, sound toggle and loop on by default. The page exposes window.seek, window.DURATION = 27, window.scoreSound and window.explainer for frame-by-frame video rendering. The score is scheduled with SOUND.live(scoreSound, currentT, { voiceover:false }) and stopped on pause, seek and mute.

Approved
27.0 seconds

От зачатия до выпускного