Kresna Footer

在云境TS 中打开并复制 →

内容预览

Build a single-file HTML footer component called Kresna — a sales-automation SaaS brand. The deliverable is one self-contained .html file with inline and inline . Render it inside a on a white page (body { background: #ffffff; padding: 48px 24px; }). Fonts Load from Google Fonts in the : DM Sans — weights 400, 500, 600, 700 (body, nav links, buttons, headings, watermark) Caveat — weights 500, 600, 700 (handwritten accents: "Stay in touch!", "Feeling lucky?", column titles "Navigation"/"Company") Default body font: 'DM Sans', sans-serif. Body color #2d3148. Use *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }. Layout structure A .footer-wrapper with max-width: 1150px, centered, CSS grid grid-template-columns: 350px 1fr, gap: 16px, align-items: stretch. Two cards side by side: Left card — .footer-left (video background) Position relative, min-height: 340px, border-radius: 28px, padding: 32px, overflow: hidden Box shadow: 0 12px 40px rgba(21, 76, 189, 0.25) Fallback background: #1e4fc0 Flex column, justify-content: space-between Contains, in order: A with . Style: position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none;. No overlays, no tints, no noise texture. .footer-logo — flex row, gap: 10px, position: relative; z-index: 1. Contains: .footer-logo-mark — a 32×32 rounded square (border-radius: 8px), background: rgba(255,255,255,0.15), border: 1.5px solid rgba(255,255,255,0.85), centered bold "K" lett

……（完整源码请在站内查看）