diff --git a/css/style.css b/css/style.css index a59fc90..8aa5db0 100644 --- a/css/style.css +++ b/css/style.css @@ -873,6 +873,42 @@ img { font-size: 0.9rem; } +/* --- Our Work --- */ +.our-work { + padding: 100px 0; + background: var(--off-white); +} + +.work-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 24px; + margin-bottom: 24px; +} + +.work-item { + border-radius: var(--radius-lg); + overflow: hidden; + box-shadow: var(--shadow); + background: var(--white); +} + +.work-item img { + width: 100%; + height: 240px; + object-fit: cover; + display: block; +} + +.work-caption { + padding: 14px 18px; + font-family: 'Montserrat', sans-serif; + font-weight: 600; + font-size: 0.9rem; + color: var(--text-dark); + text-align: center; +} + /* --- Testimonials --- */ .testimonials { padding: 100px 0; diff --git a/img/work-1-truck-setup.jpg b/img/work-1-truck-setup.jpg new file mode 100644 index 0000000..9339c58 Binary files /dev/null and b/img/work-1-truck-setup.jpg differ diff --git a/img/work-2-action-washing.jpg b/img/work-2-action-washing.jpg new file mode 100644 index 0000000..b5f07db Binary files /dev/null and b/img/work-2-action-washing.jpg differ diff --git a/img/work-3-clean-white-truck.jpg b/img/work-3-clean-white-truck.jpg new file mode 100644 index 0000000..20ca51c Binary files /dev/null and b/img/work-3-clean-white-truck.jpg differ diff --git a/img/work-4-clean-wheels.jpg b/img/work-4-clean-wheels.jpg new file mode 100644 index 0000000..716fa03 Binary files /dev/null and b/img/work-4-clean-wheels.jpg differ diff --git a/img/work-5-clean-side-view.jpg b/img/work-5-clean-side-view.jpg new file mode 100644 index 0000000..0369121 Binary files /dev/null and b/img/work-5-clean-side-view.jpg differ diff --git a/index.html b/index.html index c3d3f6e..16dc8c4 100644 --- a/index.html +++ b/index.html @@ -218,8 +218,8 @@ - -