diff --git a/primegrading-web/html/index.html b/primegrading-web/html/index.html index 374d6f1..9746267 100644 --- a/primegrading-web/html/index.html +++ b/primegrading-web/html/index.html @@ -447,6 +447,144 @@ .compare-col.prime ul li::before { opacity: 1; } + /* ── TEAM ── */ + #team { background: var(--surface); border-top: 1px solid var(--border); } + + .team-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + gap: 1.5rem; + } + + .team-card { + border: 1px solid var(--border); + border-radius: 4px; + padding: 1.5rem 1.25rem; + text-align: center; + background: var(--bg); + transition: border-color 0.2s; + } + + .team-card:hover { border-color: rgba(201,168,76,0.3); } + + .team-avatar { + width: 72px; height: 72px; + border-radius: 50%; + background: linear-gradient(135deg, var(--border), #2a2a3e); + margin: 0 auto 1rem; + display: flex; align-items: center; justify-content: center; + font-size: 1.8rem; + border: 2px solid var(--border); + } + + .team-name { + font-family: 'Cinzel', serif; + font-size: 0.95rem; + font-weight: 700; + color: var(--text); + margin-bottom: 0.25rem; + } + + .team-role { + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0.08em; + text-transform: uppercase; + color: var(--gold); + margin-bottom: 0.5rem; + } + + .team-bio { + font-size: 0.8rem; + color: var(--muted); + line-height: 1.5; + } + + /* ── PRISER ── */ + #priser { border-top: 1px solid var(--border); } + + .price-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); + gap: 1.5rem; + } + + .price-card { + border: 1px solid var(--border); + border-radius: 4px; + padding: 1.75rem 1.5rem; + background: var(--surface); + display: flex; flex-direction: column; gap: 0.75rem; + transition: border-color 0.2s; + } + + .price-card:hover { border-color: rgba(201,168,76,0.3); } + + .price-card.featured { + border-color: rgba(201,168,76,0.5); + background: linear-gradient(160deg, rgba(201,168,76,0.05), var(--surface)); + } + + .price-tier { + font-family: 'Cinzel', serif; + font-size: 0.85rem; + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + color: var(--gold); + } + + .price-amount { + font-family: 'Cinzel', serif; + font-size: 2.4rem; + font-weight: 900; + color: var(--text); + line-height: 1; + } + + .price-amount span { + font-size: 1rem; + color: var(--muted); + font-family: 'Inter', sans-serif; + font-weight: 400; + } + + .price-desc { + font-size: 0.8rem; + color: var(--muted); + font-style: italic; + } + + .price-features { + list-style: none; + display: flex; flex-direction: column; gap: 0.4rem; + margin-top: 0.5rem; + } + + .price-features li { + font-size: 0.82rem; + color: var(--muted); + padding-left: 1.2rem; + position: relative; + } + + .price-features li::before { + content: '✓'; + position: absolute; left: 0; + color: var(--red); + } + + .price-disclaimer { + margin-top: 2rem; + padding: 1rem 1.25rem; + border: 1px solid var(--border); + border-radius: 4px; + font-size: 0.8rem; + color: var(--muted); + font-style: italic; + background: var(--surface); + } + /* ── SUBMIT FORM ── */ #submit { background: var(--surface); border-top: 1px solid var(--border); } @@ -552,6 +690,8 @@
Folkene bag PrimeGrading.dk.
+Markedets mest konkurrencedygtige priser — for markedets dårligste service.
+ +Dette er en demo-hjemmeside lavet for sjov. Vi er ikke tilknyttet Nintendo, The Pokémon Company eller Bandai.
-