75 lines
3.8 KiB
HTML
75 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/print.css">
|
|
<link rel="icon" type="image/x-icon" href="media/images/jedi-symbol.png">
|
|
<title>Star Wars - Főoldal</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a class="visually-hidden-focusable" href="#main">Ugrás a tartalomra</a>
|
|
<h1 class="display-1">STAR WARS</h1>
|
|
<nav>
|
|
<div class="container position-relative p-0">
|
|
<ul class="nav justify-content-center flex-column flex-sm-row">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="index.html">Főoldal</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="films.html">Filmek</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="series.html">Sorozatok</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="games.xhtml">Játékok</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="jedi.html">Jedi Generátor</a>
|
|
</li>
|
|
</ul>
|
|
<button id="switch-high-contrast" onclick="switchMode()">
|
|
<img src="media/images/high-contrast.svg" alt="Nagy kontraszt">
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="main" class="container p-4">
|
|
<h2>Főoldal</h2>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h3>Üdvözöllek a weboldalon</h3>
|
|
<p>Ezen a weboldalon bemutatom a <cite>Star Wars (Csillagok háborúja)</cite> univerzumát, aminek én is egy rajongója vagyok. A Star Wars egy amerikai franchise, amit <b>George Lucas</b> talált ki és a <b>Lucasfilm</b> a tulajdonosa. A történet <i>„Réges régen egy messzi, messzi galaxisban”</i> játszódik egy fantasy univerzumban. Ezen a weboldalon lehet olvasni Star Wars filmekről, sorozatokról, játékokról. Persze ezeken kívül még rengeteg más tartalom van: könyvek, képregények, fanfilmek, nem is beszélve a legendákról.</p>
|
|
<p>Ez a <b>videó</b> egy montázs a <i>Skywalker Saga</i> 9 filmjéről, egy promóciós reklám <i>Disney+</i>-ra, ahol megnézhetjük ezeket a filmeket. A videó alatt a Star Wars ikonikus zenéje hallható. Először láthatjuk Luke-ot, az eredeti trilógia főhősét és Darth Vader-t, az apját. Egyes karakterektől filmbeli idézeteket hallunk angolul (a videó feliratán elolvashatjuk ezeket). Aztán a Galaktikus Köztársaság korára ugrunk, Anakin Skywalker-t láthatjuk, a kiválasztottat. Végül a folytatás trilógia hősét, Rey-t. Ezután a zene intenzitása fokozódik és rövid jelenetenként láthatjuk a saga többi ikonikus karakterét: Leia, R2-D2, Dart Maul, Han Solo, Obi-Wan Kenobi, Qui-Gon Jinn, Yoda, BB-8, Chewbacca, Finn, Poe, Padmé, Kylo Ren, Lando.</p>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div id="video" class="m-0">
|
|
<video poster="media/images/skywalker-saga-thumbnail.png" controls class="w-100">
|
|
<source src="media/TheCompleteSkywalkerSaga.mp4" type="video/mp4">
|
|
<track default kind="captions" src="media/TheCompleteSkywalkerSaga.vtt" label="angol">
|
|
</video>
|
|
<p class="text-center">Forrás: <a href="https://youtu.be/hsq9i6dsyII" target="_blank">YouTube</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container d-flex px-4 py-2">
|
|
<p class="d-inline-block w-50 m-0"><a href="https://starwars.com" target="_blank">StarWars.com</a></p>
|
|
<p class="text-end w-50 m-0">Készítette: Baldauf Márton</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="switch-css.js"></script>
|
|
</body>
|
|
|
|
</html> |