文件操作 - em-vm-kvalifisering.html

文件: /var/www/pmiwonogiri/home/em-vm-kvalifisering.html

编辑文件内容

<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Norges EM- og VM-kvalifiseringskamper på TV: NRK og TV 2-sendinger, gruppespill, scenarioer og redaksjonell dekning av motstanderne.">
<meta name="robots" content="index, follow">
<meta name="author" content="Fotballskjermen">
<meta property="og:title" content="EM og VM-kvalifisering på skjermen — fotball på TV i dag for Norge | Fotballskjermen">
<meta property="og:description" content="Norges EM- og VM-kvalifiseringskamper på TV: NRK og TV 2-sendinger, gruppespill, scenarioer og redaksjonell dekning av motstanderne.">
<meta property="og:type" content="website">
<meta property="og:locale" content="nb_NO">
<title>EM og VM-kvalifisering på skjermen — fotball på TV i dag for Norge | Fotballskjermen</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box}
:root{--bg:#1a1410;--bg2:#221a14;--panel:#2a201a;--panel2:#332720;--accent:#dc2626;--accent2:#ef4444;--cream:#f5e6d3;--text:#ede0d0;--muted:#a89888;--border:#3a2c22;--gold:#d4a574}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Source Sans 3',Georgia,serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.masthead{background:var(--bg2);border-bottom:3px double var(--gold);padding:32px 24px 18px;text-align:center}
.masthead-inner{max-width:1100px;margin:0 auto}
.mast-eyebrow{font-family:'Source Sans 3',sans-serif;font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin-bottom:14px;font-weight:500}
.brand{font-family:'Playfair Display',serif;font-size:clamp(38px,6vw,58px);color:var(--cream);letter-spacing:1px;line-height:1;margin:0;font-weight:900;font-style:italic}
.mast-tag{font-family:'Playfair Display',serif;font-size:14px;font-style:italic;color:var(--muted);margin-top:14px;letter-spacing:1px}
.subnav-wrap{background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.menu-toggle{display:none}
.menu-btn{display:none}
.subnav{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.subnav a{padding:14px 16px;font-size:12.5px;font-weight:500;color:var(--muted);transition:all .2s;text-transform:uppercase;letter-spacing:1.2px;border-bottom:2px solid transparent;border-radius:0;font-family:'Source Sans 3',sans-serif}
.subnav a:hover{color:var(--cream);border-bottom-color:var(--gold)}
.subnav a.here{color:var(--cream);border-bottom-color:var(--accent)}
.hero{padding:64px 24px 48px;text-align:center;max-width:900px;margin:0 auto;position:relative}
.hero::before,.hero::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:80px;height:1px;background:var(--gold)}
.hero::before{top:48px}
.hero::after{bottom:32px}
.hero-tag{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:18px}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(34px,5.2vw,56px);margin:0 0 18px;color:var(--cream);line-height:1.15;font-weight:700;letter-spacing:.3px}
.hero-sub{color:var(--muted);font-size:18px;line-height:1.7;font-style:italic;font-family:'Playfair Display',serif;max-width:680px;margin:14px auto 0}
main{max-width:780px;margin:0 auto;padding:48px 24px;display:flex;flex-direction:column;gap:32px}
.block{background:var(--panel);border:1px solid var(--border);padding:36px 40px;border-radius:0;position:relative;border-left:4px solid var(--accent)}
.dropcap{font-family:'Playfair Display',serif;color:var(--gold);font-size:48px;line-height:1;font-weight:900;font-style:italic;position:absolute;top:24px;right:30px;opacity:.3}
.block h2{font-family:'Playfair Display',serif;font-size:28px;margin:0 0 16px;color:var(--cream);line-height:1.2;font-weight:700;padding-right:60px}
.block p{margin:0;color:var(--text);font-size:16.5px;line-height:1.85;font-family:'Source Sans 3',sans-serif}
.comments{max-width:780px;margin:0 auto;padding:0 24px 80px}
.comments h2{font-family:'Playfair Display',serif;font-size:32px;color:var(--cream);margin:0 0 28px;text-align:center;font-weight:700;font-style:italic;position:relative}
.comments h2::after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin:14px auto 0}
.cmt{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--gold);padding:22px 28px;margin-bottom:14px;border-radius:0}
.cmt-meta{margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmt-name{font-weight:600;color:var(--cream);font-size:14.5px;font-family:'Source Sans 3',sans-serif;letter-spacing:.5px}
.cmt-sep{color:var(--gold)}
.cmt-date{font-size:12px;color:var(--muted);font-style:italic;font-family:'Playfair Display',serif}
.cmt p{margin:0;color:var(--text);font-size:15.5px;line-height:1.7;font-style:italic;font-family:'Playfair Display',serif}
.footer{background:#100a06;border-top:3px double var(--gold);padding:48px 24px;color:var(--muted);font-size:14.5px;text-align:center}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-brand{font-family:'Playfair Display',serif;font-size:32px;color:var(--cream);font-style:italic;font-weight:900;margin-bottom:14px}
.footer-tag{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold);font-size:13px;margin-bottom:18px;letter-spacing:1px}
.footer-links{margin:18px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.footer-links a{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:1.5px}
.footer-links a:hover{color:var(--gold)}
.footer-copy{margin-top:18px;opacity:.7;font-style:italic;font-family:'Playfair Display',serif}
@media (max-width:760px){
  .menu-btn{display:block;margin:0 auto;background:var(--panel2);border:1px solid var(--gold);color:var(--cream);font-size:13px;padding:10px 28px;cursor:pointer;font-family:'Source Sans 3',sans-serif;letter-spacing:2px;text-transform:uppercase}
  .subnav-wrap{padding:14px 18px}
  .subnav{display:none;flex-direction:column;padding:14px 0 0;background:var(--panel)}
  .subnav a{padding:12px 18px;border-bottom:1px solid var(--border);text-align:center}
  .menu-toggle:checked ~ .subnav{display:flex}
  .masthead{padding:28px 18px 16px}
  .hero{padding:42px 18px 32px}
  .block{padding:28px 24px}
  .dropcap{font-size:32px;top:18px;right:20px}
  main,.comments{padding-left:18px;padding-right:18px}
  .footer{padding:36px 18px}
}
</style>
</head>
<body>
<header class="masthead">
  <div class="masthead-inner">
    <div class="mast-eyebrow">— Etablert som magasin —</div>
    <h1 class="brand">Fotballskjermen</h1>
    <p class="mast-tag">Magasinet for norsk fotball-TV</p>
  </div>
</header>
<div class="subnav-wrap">
  <input type="checkbox" id="mt" class="menu-toggle">
  <label for="mt" class="menu-btn">— Meny —</label>
  <nav class="subnav"><a href="index.html">Hjem</a><a href="eliteserien.html">Eliteserien</a><a href="landslaget.html">Landslaget</a><a href="haaland-city.html">Haaland & City</a><a href="odegaard-arsenal.html">Ødegaard & Arsenal</a><a href="premier-league.html">Premier League</a><a href="champions-league.html">Champions League</a><a href="bodo-glimt.html">Bodø/Glimt</a><a href="rosenborg.html">Rosenborg</a><a href="norgesmesterskapet.html">NM Cupen</a><a href="em-vm-kvalifisering.html" class="here">EM/VM-kval</a><a href="la-liga.html">La Liga</a></nav>
</div>
<section class="hero">
  <div class="hero-tag">— Tema —</div>
  <h1>EM og VM-kvalifisering — veien til mesterskap</h1>
  
</section>
<main>
  <section class="block">
    <div class="dropcap">1</div>
    <h2>Hva som står på spill</h2>
    <p>EM- og VM-kvalifisering er der fotballhjertet til hele Norge banker hver høst og vinter. Norge har vært tett på flere ganger uten å klare det helt, og hvert oppgjør betyr noe for tabellen og for selvtilliten i troppen. På denne siden samler vi hele kvalifiseringsspillet.</p>
  </section>
  <section class="block">
    <div class="dropcap">2</div>
    <h2>Hvor du ser kampene</h2>
    <p>Norges hjemmekamper i kvalifisering ligger i de fleste tilfeller på TV 2 Sport, mens enkelte sendinger har vært tilgjengelig åpent. Bortekampene fordeles avhengig av motstander og rettighetsavtale. NRK plukker noen ganger opp kampene fra mesterskapene som faktisk ankommer turneringsfasen.</p>
  </section>
  <section class="block">
    <div class="dropcap">3</div>
    <h2>Norges generasjon</h2>
    <p>Med Erling Haaland, Martin Ødegaard, Antonio Nusa, Oscar Bobb, Sander Berge, Patrick Berg og resten av troppen har Norge en bredde vi knapt har hatt på 25 år. Forventningene er reelle, og det skal mer til enn flaks for å bære dem. Vi går gjennom troppen før hver samling.</p>
  </section>
  <section class="block">
    <div class="dropcap">4</div>
    <h2>Tabell og motstand</h2>
    <p>Kvalifiseringsgruppene avgjøres på et fåtall poeng, og enkeltkamper kan velte alt. Vi viser deg tabellen oppdatert etter hver runde, samt målforskjell og hvilke kamper som gjenstår. Vi setter også opp et lite scenarioregnark.</p>
  </section>
  <section class="block">
    <div class="dropcap">5</div>
    <h2>Følg hver landskamp</h2>
    <p>Hver landslagspause samler vi sendetidene, kanalene og kort forhåndsomtale. Du får live-oppdateringer under selve kampene og en kort oppsummering etterpå.</p>
  </section></main>
<section class="comments">
  <h2>Stemmer fra leserne</h2>
  
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Bjørn Ivar, Oslo</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">7. april</span>
    </div>
    <p>"Heia Norge!"</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Trude B., Bergen</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">28. mars</span>
    </div>
    <p>"Bra at dere skriver om scenarioene."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Frode fra Trondheim</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">18. mars</span>
    </div>
    <p>"Solbakken vet hva han driver med."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Linn fra Stavanger</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">6. mars</span>
    </div>
    <p>"Bruker dere før hver landskamp."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Eivind fra Bodø</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">25. februar</span>
    </div>
    <p>"Heia Norge!"</p>
  </article>
</section>
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-brand">Fotballskjermen</div>
    <p class="footer-tag">— Et magasin om fotball på den norske skjermen —</p>
    <nav class="footer-links"><a href="index.html">Hjem</a><a href="eliteserien.html">Eliteserien</a><a href="landslaget.html">Landslaget</a><a href="haaland-city.html">Haaland & City</a><a href="odegaard-arsenal.html">Ødegaard & Arsenal</a><a href="premier-league.html">Premier League</a><a href="champions-league.html">Champions League</a><a href="bodo-glimt.html">Bodø/Glimt</a><a href="rosenborg.html">Rosenborg</a><a href="norgesmesterskapet.html">NM Cupen</a><a href="em-vm-kvalifisering.html">EM/VM-kval</a><a href="la-liga.html">La Liga</a></nav>
    <p class="footer-copy">© 2026 fotballskjermen.no — Oslo · Bergen · Trondheim · Tromsø · Bodø</p>
  </div>
</footer>
</body>
</html>

文件操作 - em-vm-kvalifisering.html

文件: /var/www/pmiwonogiri/home/em-vm-kvalifisering.html

编辑文件内容

修改文件时间

删除文件