update
This commit is contained in:
parent
28f4000ebd
commit
9cf46d7b24
@ -247,12 +247,20 @@ input[type="submit"]:hover {
|
|||||||
margin: 100px auto;
|
margin: 100px auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #007bff;
|
background-color: #007bff;
|
||||||
border-radius: 5px;
|
border-radius: 50px;
|
||||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
|
background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
background-color: #000000cc;
|
background-color: #00000038;
|
||||||
|
width: 80%;
|
||||||
|
left: 10%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
article h2 {
|
||||||
|
color: #ffba54;
|
||||||
}
|
}
|
||||||
@ -1,83 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="sk">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
|
|
||||||
<link rel="stylesheet" href="Style.css">
|
|
||||||
<title>GAME HUB</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class="navbar">
|
|
||||||
<div class="logo"><a href="#">GAME HUB</a></div>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a href="index.html">Domov</a></li>
|
|
||||||
<li><a href="Hry.html">Hry</a></li>
|
|
||||||
<li><a href="#Úvod">Úvod</a></li>
|
|
||||||
<li><a href="#Top_Hry">Top Hry</a></li>
|
|
||||||
<li><a href="#Info">Info</a></li>
|
|
||||||
<li><a href="#Kontakt">Kontakt</a></li>
|
|
||||||
<li><a href="Login.html" class="Login">Login</a></li>
|
|
||||||
</ul>
|
|
||||||
<div class="toggle_btn">
|
|
||||||
<i class="fa-solid fa-bars"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="dropdown_menu">
|
|
||||||
<li><a href="index.html">Domov</a></li>
|
|
||||||
<li><a href="Hry.html">Hry</a></li>
|
|
||||||
<li><a href="#Úvod">Úvod</a></li>
|
|
||||||
<li><a href="#Top_Hry">Top Hry</a></li>
|
|
||||||
<li><a href="#Info">Info</a></li>
|
|
||||||
<li><a href="#Kontakt">Kontakt</a></li>
|
|
||||||
<li><a href="Login.html" class="Login">Login</a></li>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<section id="hero">
|
|
||||||
<h1>Vitajte</h1>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Úvod">Úvod</h2>
|
|
||||||
<p>Game Hub je miesto o hrách!
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Info">Informácie</h2>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const toggleBtn = document.querySelector('.toggle_btn')
|
|
||||||
const toggleBtnIcon = document.querySelector('.toggle_btnv i')
|
|
||||||
const dropDownMenu = document.querySelector('.dropdown_menu')
|
|
||||||
|
|
||||||
toggleBtn.onclick = function () {
|
|
||||||
dropDownMenu.classList.toggle('open')
|
|
||||||
const isOpen = dropDownMenu.classList.contains('open')
|
|
||||||
|
|
||||||
toggleBtnIcon.classList = isOpen
|
|
||||||
? 'fa-solid fa-xmark'
|
|
||||||
: 'fa-solid fa-bars'
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<div class="footer-content">
|
|
||||||
<p>©Game Hub</p>
|
|
||||||
<ul class="footer-links">
|
|
||||||
<li><a href="#">Ísť hore.</a></li>
|
|
||||||
<li id="Kontakt"><a>adamsramek@gamehub.sk</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<script>
|
|
||||||
|
|
||||||
</script>
|
|
||||||
@ -1,14 +1,42 @@
|
|||||||
|
<div>
|
||||||
|
<article>
|
||||||
|
<h2>About the Game</h2>
|
||||||
|
<p>Alien: Isolation is a survival horror game developed by Creative Assembly and published by Sega. It was
|
||||||
|
released in 2014 for various platforms including PC, PlayStation, and Xbox. Set in the year 2137, the game
|
||||||
|
follows Amanda Ripley, daughter of Ellen Ripley, as she investigates the disappearance of her mother aboard
|
||||||
|
the space station Sevastopol, which is infested by a single deadly Xenomorph.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<section id="hero">
|
<article>
|
||||||
<h1>Vitajte</h1>
|
<h2>Gameplay</h2>
|
||||||
</section>
|
<p>Alien: Isolation is played from a first-person perspective, emphasizing stealth and survival. The player must
|
||||||
<section>
|
avoid the Xenomorph while completing objectives and solving puzzles. The game features an advanced AI system
|
||||||
<h2 id="Úvod">Úvod</h2>
|
for the Xenomorph, making it unpredictable and terrifyingly intelligent. Players can craft items, hack
|
||||||
<p>Game Hub je miesto o hrách!
|
terminals, and use various tools to evade or distract the alien.</p>
|
||||||
</section>
|
</article>
|
||||||
<section>
|
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
<article>
|
||||||
</section>
|
<h2>Visuals</h2>
|
||||||
<section>
|
<p>The game features stunning visuals, capturing the atmosphere of the original Alien film. The retro-futuristic
|
||||||
<h2 id="Info">Informácie</h2>
|
design of the space station and the eerie lighting contribute to the sense of isolation and dread. The
|
||||||
</section>
|
Xenomorph itself is meticulously detailed and animated, adding to the tension and fear as it stalks the
|
||||||
|
player throughout the game.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img width="400" src="https://cdn.mos.cms.futurecdn.net/6c2fea79927771cb74b2563e4b513d09.jpg"
|
||||||
|
alt="Alien: Isolation Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>Alien: Isolation received critical acclaim for its atmosphere, gameplay mechanics, and faithfulness to the
|
||||||
|
source material. It was praised for its tense and immersive experience, but also criticized for its pacing
|
||||||
|
and occasional frustration. Despite this, it remains a beloved title among fans of the survival horror
|
||||||
|
genre.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img width="400"
|
||||||
|
src="https://gamespot.com/a/uploads/original/1365/13658182/2677752-alienisolation_ai_launch_screen010_1411636920_result.jpg"
|
||||||
|
alt="Alien: Isolation Screenshot">
|
||||||
|
</div>
|
||||||
@ -1,13 +1,41 @@
|
|||||||
<section id="hero">
|
<div>
|
||||||
<h1>Vitajte</h1>
|
<article>
|
||||||
</section>
|
<h2>About the Game</h2>
|
||||||
<section>
|
<p>Call of Duty: Modern Warfare 3 (MW3) is a first-person shooter video game developed by Infinity Ward and
|
||||||
<h2 id="Úvod">Úvod</h2>
|
Sledgehammer Games, with assistance from Raven Software. It was published by Activision and released in 2011
|
||||||
<p>Game Hub je miesto o hrách!
|
as the eighth installment in the Call of Duty series and the third entry in the Modern Warfare sub-series.
|
||||||
</section>
|
MW3 continues the narrative of the previous games, following the events of Call of Duty: Modern Warfare 2.
|
||||||
<section>
|
</p>
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
</article>
|
||||||
</section>
|
|
||||||
<section>
|
<article>
|
||||||
<h2 id="Info">Informácie</h2>
|
<h2>Gameplay</h2>
|
||||||
</section>
|
<p>MW3 features a campaign mode that follows multiple characters across various locations, including New York
|
||||||
|
City, London, Paris, and Berlin, as they fight against the Russian ultranationalist forces led by Vladimir
|
||||||
|
Makarov. The game also includes a robust multiplayer mode with various game types, maps, and customization
|
||||||
|
options, as well as a cooperative Survival mode where players fend off waves of enemies.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Visuals</h2>
|
||||||
|
<p>The game boasts impressive visuals for its time, with detailed environments, realistic character models, and
|
||||||
|
explosive special effects. The campaign takes players on a thrilling journey through urban landscapes,
|
||||||
|
war-torn cities, and iconic landmarks, while the multiplayer maps offer diverse settings and strategic
|
||||||
|
opportunities. MW3's graphics contribute to its immersive and cinematic experience.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="mw3_image1.jpg" alt="Call of Duty: Modern Warfare 3 Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>Call of Duty: Modern Warfare 3 received generally positive reviews from critics and players alike. It was
|
||||||
|
praised for its action-packed campaign, addictive multiplayer, and polished gameplay mechanics. The game's
|
||||||
|
sales figures also reflected its popularity, making it one of the best-selling video games of all time.
|
||||||
|
MW3's legacy continues to be felt in the gaming community, as it remains a beloved entry in the Call of Duty
|
||||||
|
franchise.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="mw3_image2.jpg" alt="Call of Duty: Modern Warfare 3 Screenshot">
|
||||||
|
</div>
|
||||||
@ -2,12 +2,15 @@
|
|||||||
<div class="category">
|
<div class="category">
|
||||||
<h2>Horror</h2>
|
<h2>Horror</h2>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://store-images.s-microsoft.com/image/apps.61444.14362558931724774.37f43c0c-c8ea-416b-9b9a-ec2cd8aea963.cfbcfb08-518b-46b3-9145-726c2b7dfffb?q=90&w=480&h=270" alt="Horror Game 1">
|
<img class="game img"
|
||||||
|
src="https://www.military.com/sites/default/files/styles/full/public/media/offduty/games/2014/10/alienisolationlead.jpg">
|
||||||
<h3>Alien Isolation</h3>
|
<h3>Alien Isolation</h3>
|
||||||
<a href="/?Alien">Learn More</a>
|
<a href="/?Alien">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://cdn.akamai.steamstatic.com/steam/apps/700330/header.jpg?t=1705259630" alt="Horror Game 2">
|
<img class="game img"
|
||||||
|
src="https://cdn.akamai.steamstatic.com/steam/apps/700330/capsule_616x353.jpg?t=1705259630"
|
||||||
|
alt="Horror Game 2">
|
||||||
<h3>SCP Secret Laboratory</h3>
|
<h3>SCP Secret Laboratory</h3>
|
||||||
<a href="/?SCP">Learn More</a>
|
<a href="/?SCP">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
@ -16,12 +19,14 @@
|
|||||||
<div class="category">
|
<div class="category">
|
||||||
<h2>RPG</h2>
|
<h2>RPG</h2>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRsaXHNE58t3MfUyPYxMZc0av3CFoFq6GoCxuxmMJxxTA&s" alt="RPG Game 1">
|
<img class="game img" src="https://mybroadband.co.za/news/wp-content/uploads/2015/05/The-Witcher-3.jpg"
|
||||||
|
alt="RPG Game 1">
|
||||||
<h3>Witcher 3</h3>
|
<h3>Witcher 3</h3>
|
||||||
<a href="/?Witcher3">Learn More</a>
|
<a href="/?Witcher3">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://cdn.cloudflare.steamstatic.com/steam/apps/489830/capsule_616x353.jpg?t=1701807334" alt="RPG Game 2">
|
<img class="game img" src="https://pluggedin.ru/images/the-elder-scrolls-v-skyrim-600x400-file.jpg"
|
||||||
|
alt="RPG Game 2">
|
||||||
<h3>Skyrim</h3>
|
<h3>Skyrim</h3>
|
||||||
<a href="/?Skyrim">Learn More</a>
|
<a href="/?Skyrim">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
@ -30,12 +35,15 @@
|
|||||||
<div class="category">
|
<div class="category">
|
||||||
<h2>FPS</h2>
|
<h2>FPS</h2>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://cdn.akamai.steamstatic.com/steam/apps/1237970/capsule_616x353.jpg?t=1668565264" alt="FPS Game 1">
|
<img class="game img"
|
||||||
|
src="https://images02.military.com/sites/default/files/styles/full/public/media/offduty/games/2014/10/titanfall600x400ps.jpg"
|
||||||
|
alt="FPS Game 1">
|
||||||
<h3>Titanfall 2 </h3>
|
<h3>Titanfall 2 </h3>
|
||||||
<a href="/?Titanfall2">Learn More</a>
|
<a href="/?Titanfall2">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://imgs.callofduty.com/content/dam/atvi/callofduty/cod-touchui/mw3/meta/reveal/jpt-reveal-meta.jpg" alt="FPS Game 2">
|
<img class="game img" src="https://myhotposters.com/cdn/shop/products/mL6996_grande.jpg?v=1701389208"
|
||||||
|
alt="FPS Game 2">
|
||||||
<h3>Call of Duty MW3</h3>
|
<h3>Call of Duty MW3</h3>
|
||||||
<a href="/?COD">Learn More</a>
|
<a href="/?COD">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
@ -44,12 +52,15 @@
|
|||||||
<div class="category">
|
<div class="category">
|
||||||
<h2>Survival</h2>
|
<h2>Survival</h2>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://www.minecraft.net/content/dam/games/minecraft/key-art/Vanilla-PMP_Collection-Carousel-0_The-Wild-Update_1280x768.jpg" alt="Survival Game 1">
|
<img class="game img" src="https://wiingy.com/blog/wp-content/uploads/2022/09/Minecraft-1.jpg"
|
||||||
|
alt="Survival Game 1">
|
||||||
<h3>Minecraft</h3>
|
<h3>Minecraft</h3>
|
||||||
<a href="/?Minecraft">Learn More</a>
|
<a href="/?Minecraft">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="game">
|
<div class="game">
|
||||||
<img src="https://static0.gamerantimages.com/wordpress/wp-content/uploads/2024/02/subnautica-logo-underwater-diving-with-sea-creatures.jpg" alt="Survival Game 2">
|
<img class="game img"
|
||||||
|
src="https://assets-prd.ignimgs.com/montage/2b/2020/10/01/subnautica-button-fin-1601572911886.jpg;/2021/12/14/subnauticabelow0-1639526255123.png"
|
||||||
|
alt="Survival Game 2">
|
||||||
<h3>Subnautica</h3>
|
<h3>Subnautica</h3>
|
||||||
<a href="/?Subnautica">Learn More</a>
|
<a href="/?Subnautica">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -6,5 +6,4 @@
|
|||||||
<button type="submit">Login</button>
|
<button type="submit">Login</button>
|
||||||
</form>
|
</form>
|
||||||
<p>Don't have an account? <a href="/?Signup">Sign up</a></p>
|
<p>Don't have an account? <a href="/?Signup">Sign up</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -1,15 +1,40 @@
|
|||||||
|
<div>
|
||||||
|
<article>
|
||||||
|
<h2>About the Game</h2>
|
||||||
|
<p>Minecraft is a sandbox video game developed and published by Mojang Studios. Initially released in 2009 as a
|
||||||
|
public alpha for PC, the game has since been ported to various platforms, including consoles, mobile
|
||||||
|
devices, and virtual reality. Minecraft allows players to explore a blocky, procedurally generated 3D world
|
||||||
|
and build structures, mine resources, craft items, and engage in various activities.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<section id="hero">
|
<article>
|
||||||
<h1>Vitajte</h1>
|
<h2>Gameplay</h2>
|
||||||
</section>
|
<p>In Minecraft, players can choose from different game modes, including Survival, Creative, Adventure, and
|
||||||
<section>
|
Spectator. In Survival mode, players must gather resources, build shelter, and fend off enemies such as
|
||||||
<h2 id="Úvod">Úvod</h2>
|
zombies and skeletons. Creative mode provides unlimited resources and allows players to build freely, while
|
||||||
<p>Game Hub je miesto o hrách!
|
Adventure mode focuses on exploration and completing objectives set by map creators. Spectator mode allows
|
||||||
</section>
|
players to fly around and observe the world without interacting with it directly.</p>
|
||||||
<section>
|
</article>
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Info">Informácie</h2>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Visuals</h2>
|
||||||
|
<p>The visual style of Minecraft is distinctive, with its blocky, pixelated graphics reminiscent of retro video
|
||||||
|
games. Despite its simple appearance, the game offers a vast and diverse world filled with biomes,
|
||||||
|
creatures, and structures. Players can customize their experience with resource packs and mods to change the
|
||||||
|
look and feel of the game, resulting in endless possibilities for creativity and exploration.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="minecraft_image1.jpg" alt="Minecraft Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>Minecraft has received widespread acclaim from players and critics alike for its creativity, freedom, and
|
||||||
|
longevity. It has become one of the best-selling video games of all time, with millions of active players
|
||||||
|
worldwide. The game's community-driven nature, regular updates, and support for user-generated content have
|
||||||
|
contributed to its enduring popularity and cultural impact.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="minecraft_image2.jpg" alt="Minecraft Screenshot">
|
||||||
|
</div>
|
||||||
@ -1,15 +1,39 @@
|
|||||||
|
<div>
|
||||||
|
<article>
|
||||||
|
<h2>About the Game</h2>
|
||||||
|
<p>SCP: Secret Laboratory is a multiplayer horror game based on the SCP Foundation universe. Developed by
|
||||||
|
Northwood Studios, it was released in 2018 and is available for PC on Steam. The game takes place in a
|
||||||
|
secret research facility where players take on the roles of different factions, including scientists,
|
||||||
|
security guards, and dangerous SCP entities, each with their own objectives.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<section id="hero">
|
<article>
|
||||||
<h1>Vitajte</h1>
|
<h2>Gameplay</h2>
|
||||||
</section>
|
<p>SCP: Secret Laboratory features asymmetric multiplayer gameplay, with various roles and factions competing
|
||||||
<section>
|
against each other. Players can spawn as Class-D personnel, scientists, facility guards, or one of several
|
||||||
<h2 id="Úvod">Úvod</h2>
|
SCP entities with unique abilities. The goal of each faction varies, from escaping the facility to
|
||||||
<p>Game Hub je miesto o hrách!
|
containing or eliminating SCPs or surviving until the end of the round.</p>
|
||||||
</section>
|
</article>
|
||||||
<section>
|
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Info">Informácie</h2>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Visuals</h2>
|
||||||
|
<p>The game features a dark and atmospheric environment, with detailed facility interiors and eerie lighting
|
||||||
|
effects. The SCP entities are faithfully recreated from the SCP Foundation lore, each with their own
|
||||||
|
distinct appearance and abilities. The tense atmosphere and unpredictable encounters contribute to the
|
||||||
|
game's horror elements.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="scp_secret_lab_image1.jpg" alt="SCP: Secret Laboratory Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>SCP: Secret Laboratory has garnered a dedicated fanbase and received generally positive reviews from players.
|
||||||
|
Its unique blend of multiplayer gameplay, horror elements, and SCP lore has been praised for its depth and
|
||||||
|
replay value. However, some players have criticized the game for its steep learning curve and occasional
|
||||||
|
bugs.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="scp_secret_lab_image2.jpg" alt="SCP: Secret Laboratory Screenshot">
|
||||||
|
</div>
|
||||||
@ -7,4 +7,4 @@
|
|||||||
<button type="submit">Sign Up</button>
|
<button type="submit">Sign Up</button>
|
||||||
</form>
|
</form>
|
||||||
<p>Already have an account? <a href="login.html">Login</a></p>
|
<p>Already have an account? <a href="login.html">Login</a></p>
|
||||||
</div>
|
</div>
|
||||||
@ -1,14 +1,44 @@
|
|||||||
|
<div>
|
||||||
|
<article>
|
||||||
|
<h2>About the Game</h2>
|
||||||
|
<p>The Elder Scrolls V: Skyrim is an open-world action role-playing game developed by Bethesda Game Studios and
|
||||||
|
published by Bethesda Softworks. Released in 2011 for various platforms, including PC, consoles, and later
|
||||||
|
for VR platforms, Skyrim is the fifth installment in The Elder Scrolls series. Set in the province of
|
||||||
|
Skyrim, the game follows the player's character, known as the Dragonborn, on a quest to defeat Alduin the
|
||||||
|
World-Eater, a dragon prophesied to destroy the world.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<section id="hero">
|
<article>
|
||||||
<h1>Vitajte</h1>
|
<h2>Gameplay</h2>
|
||||||
</section>
|
<p>Skyrim features a vast and immersive open world filled with diverse landscapes, cities, dungeons, and
|
||||||
<section>
|
creatures. Players can explore the world at their own pace, engaging in various activities such as questing,
|
||||||
<h2 id="Úvod">Úvod</h2>
|
crafting, trading, and combat. The game offers a wide range of character customization options, allowing
|
||||||
<p>Game Hub je miesto o hrách!
|
players to choose their race, skills, abilities, and play style. Skyrim also introduces the "Dragon Shouts,"
|
||||||
</section>
|
powerful abilities derived from the language of dragons, which the Dragonborn can use to enhance their
|
||||||
<section>
|
abilities in battle.</p>
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
</article>
|
||||||
</section>
|
|
||||||
<section>
|
<article>
|
||||||
<h2 id="Info">Informácie</h2>
|
<h2>Visuals</h2>
|
||||||
</section>
|
<p>Visually, Skyrim is known for its stunning and immersive world design, characterized by its expansive
|
||||||
|
landscapes, detailed environments, and atmospheric lighting. From snow-capped mountains to dense forests and
|
||||||
|
ancient ruins, the game offers a diverse and visually captivating experience. The character models and
|
||||||
|
creature designs are also well-crafted, contributing to the game's overall sense of immersion and realism.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="skyrim_image1.jpg" alt="Skyrim Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>The Elder Scrolls V: Skyrim received widespread critical acclaim upon release, with praise for its expansive
|
||||||
|
open world, engaging gameplay, and rich lore. The game's numerous awards and accolades, as well as its
|
||||||
|
dedicated fanbase and active modding community, attest to its enduring popularity and impact on the RPG
|
||||||
|
genre. Skyrim is considered one of the greatest video games of all time and continues to be celebrated and
|
||||||
|
enjoyed by players around the world.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="skyrim_image2.jpg" alt="Skyrim Screenshot">
|
||||||
|
</div>
|
||||||
@ -1,14 +1,42 @@
|
|||||||
|
<div>
|
||||||
|
<article>
|
||||||
|
<h2>About the Game</h2>
|
||||||
|
<p>Subnautica is an open-world survival adventure game developed and published by Unknown Worlds Entertainment.
|
||||||
|
Initially released in 2018 for PC, the game has since been ported to various platforms, including consoles.
|
||||||
|
Set on an alien ocean planet, players assume the role of a survivor of the crashed starship Aurora and must
|
||||||
|
explore the underwater world, gather resources, build bases, and uncover the mysteries of the planet's
|
||||||
|
depths.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<section id="hero">
|
<article>
|
||||||
<h1>Vitajte</h1>
|
<h2>Gameplay</h2>
|
||||||
</section>
|
<p>Subnautica offers a unique blend of exploration, survival, and crafting mechanics set in a beautifully
|
||||||
<section>
|
crafted underwater environment. Players must manage their oxygen supply, health, hunger, and thirst while
|
||||||
<h2 id="Úvod">Úvod</h2>
|
navigating the diverse biomes of the ocean planet. The game features a rich ecosystem of aquatic creatures,
|
||||||
<p>Game Hub je miesto o hrách!
|
both friendly and hostile, as well as underwater structures, wrecks, and artifacts to discover.</p>
|
||||||
</section>
|
</article>
|
||||||
<section>
|
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
<article>
|
||||||
</section>
|
<h2>Visuals</h2>
|
||||||
<section>
|
<p>Visually, Subnautica is stunning, with vibrant underwater environments, detailed creature designs, and
|
||||||
<h2 id="Info">Informácie</h2>
|
impressive lighting effects. From sunlit coral reefs to deep-sea trenches and bioluminescent caves, the game
|
||||||
</section>
|
offers a visually immersive experience that captures the beauty and mystery of the ocean depths. The art
|
||||||
|
style and attention to detail contribute to the sense of wonder and exploration as players dive deeper into
|
||||||
|
the unknown.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="subnautica_image1.jpg" alt="Subnautica Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>Subnautica received widespread critical acclaim for its immersive gameplay, compelling narrative, and
|
||||||
|
breathtaking visuals. The game's emphasis on exploration and discovery, combined with its survival mechanics
|
||||||
|
and sense of atmosphere, has earned it a dedicated fanbase and numerous awards. Subnautica is considered one
|
||||||
|
of the standout indie games of recent years and continues to be enjoyed by players seeking adventure beneath
|
||||||
|
the waves.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="subnautica_image2.jpg" alt="Subnautica Screenshot">
|
||||||
|
</div>
|
||||||
43
stranky/Titanfall.html
Normal file
43
stranky/Titanfall.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<div>
|
||||||
|
<article>
|
||||||
|
<h2>About the Game</h2>
|
||||||
|
<p>Titanfall 2 is a first-person shooter video game developed by Respawn Entertainment and published by
|
||||||
|
Electronic Arts. Released in 2016 for various platforms, including PC, consoles, and later for Steam,
|
||||||
|
Titanfall 2 is the sequel to the critically acclaimed Titanfall. The game features fast-paced multiplayer
|
||||||
|
action and a compelling single-player campaign set in a futuristic universe where pilots and titans battle
|
||||||
|
for supremacy.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Gameplay</h2>
|
||||||
|
<p>Titanfall 2 offers a unique blend of pilot and titan gameplay, combining fluid movement mechanics with
|
||||||
|
intense mech combat. Players control agile pilots equipped with jetpacks and parkour abilities, allowing
|
||||||
|
them to traverse the environment with speed and agility. In addition to piloting titans, players can call
|
||||||
|
down their titan from orbit and customize it with various loadouts and abilities to suit their playstyle.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Visuals</h2>
|
||||||
|
<p>Visually, Titanfall 2 is impressive, with detailed environments, dynamic lighting, and stunning visual
|
||||||
|
effects. From sprawling cityscapes to war-torn battlegrounds, the game offers a visually immersive
|
||||||
|
experience that captures the futuristic aesthetic of its universe. The character models, weapon designs, and
|
||||||
|
titan animations are also well-crafted, contributing to the game's overall sense of immersion and
|
||||||
|
excitement.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="titanfall2_image1.jpg" alt="Titanfall 2 Screenshot">
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h2>Reception</h2>
|
||||||
|
<p>Titanfall 2 received widespread critical acclaim for its exhilarating gameplay, engaging single-player
|
||||||
|
campaign, and polished multiplayer experience. The game's innovative movement mechanics, combined with the
|
||||||
|
dynamic titan gameplay, earned it praise from players and critics alike. Despite its commercial performance
|
||||||
|
falling short of expectations, Titanfall 2 has developed a dedicated fanbase and is regarded as one of the
|
||||||
|
standout shooters of its generation.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Placeholder for Image -->
|
||||||
|
<img src="titanfall2_image2.jpg" alt="Titanfall 2 Screenshot">
|
||||||
|
</div>
|
||||||
@ -1,15 +0,0 @@
|
|||||||
|
|
||||||
<section id="hero">
|
|
||||||
<h1>Vitajte</h1>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Úvod">Úvod</h2>
|
|
||||||
<p>Game Hub je miesto o hrách!
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Top_Hry">Top Hry</h2>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h2 id="Info">Informácie</h2>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
@ -1,19 +1,24 @@
|
|||||||
<section id="story">
|
<section id="story">
|
||||||
<h2>Story</h2>
|
<h2>Story</h2>
|
||||||
<p>The Witcher 3: Wild Hunt follows the story of Geralt of Rivia, a monster hunter, as he searches for his missing adopted daughter, Ciri, who is being pursued by the Wild Hunt, a group of otherworldly warriors.</p>
|
<p>The Witcher 3: Wild Hunt follows the story of Geralt of Rivia, a monster hunter, as he searches for his missing
|
||||||
|
adopted daughter, Ciri, who is being pursued by the Wild Hunt, a group of otherworldly warriors.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="characters">
|
<section id="characters">
|
||||||
<h2>Characters</h2>
|
<h2>Characters</h2>
|
||||||
<p>The game features a rich cast of characters including Geralt, Ciri, Yennefer, Triss Merigold, Dandelion, and many others, each with their own unique personalities and story arcs.</p>
|
<p>The game features a rich cast of characters including Geralt, Ciri, Yennefer, Triss Merigold, Dandelion, and many
|
||||||
|
others, each with their own unique personalities and story arcs.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="gameplay">
|
<section id="gameplay">
|
||||||
<h2>Gameplay</h2>
|
<h2>Gameplay</h2>
|
||||||
<p>The gameplay of The Witcher 3 combines action role-playing elements with open-world exploration and a branching narrative. Players can engage in combat with various monsters and human enemies, complete quests, explore the vast open world, and make choices that impact the outcome of the story.</p>
|
<p>The gameplay of The Witcher 3 combines action role-playing elements with open-world exploration and a branching
|
||||||
|
narrative. Players can engage in combat with various monsters and human enemies, complete quests, explore the
|
||||||
|
vast open world, and make choices that impact the outcome of the story.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="visuals">
|
<section id="visuals">
|
||||||
<h2>Visuals</h2>
|
<h2>Visuals</h2>
|
||||||
<p>The Witcher 3 is renowned for its stunning visuals, with detailed character models, lush environments, and dynamic weather effects that contribute to the immersive experience of exploring the game world.</p>
|
<p>The Witcher 3 is renowned for its stunning visuals, with detailed character models, lush environments, and
|
||||||
|
dynamic weather effects that contribute to the immersive experience of exploring the game world.</p>
|
||||||
</section>
|
</section>
|
||||||
@ -1,4 +1,21 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all);
|
background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -2,3 +2,21 @@
|
|||||||
body {
|
body {
|
||||||
background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg);
|
background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -24,6 +24,6 @@ main.grid-container {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.game img {
|
.game img {
|
||||||
max-width: 100%;
|
width: 600;
|
||||||
height: auto;
|
height: 400;
|
||||||
}
|
}
|
||||||
@ -1,4 +1,21 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url(https://www.pcgamesn.com/wp-content/sites/pcgamesn/2021/07/minecraft-118-experimental-snapshot-2.jpg);
|
background-image: url(https://www.pcgamesn.com/wp-content/sites/pcgamesn/2021/07/minecraft-118-experimental-snapshot-2.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -1,4 +1,21 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2022733069629803484/8F9E65CDA91A8DF1E432D2C9454FB2FB58624D62/);
|
background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2022733069629803484/8F9E65CDA91A8DF1E432D2C9454FB2FB58624D62/);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -2,3 +2,21 @@
|
|||||||
body {
|
body {
|
||||||
background-image: url(https://images4.alphacoders.com/206/206014.jpg);
|
background-image: url(https://images4.alphacoders.com/206/206014.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -2,3 +2,21 @@
|
|||||||
body {
|
body {
|
||||||
background-image: url(https://moewalls.com/wp-content/uploads/2021/12/monster-bones-under-the-sea-subnautica-thumb.jpg);
|
background-image: url(https://moewalls.com/wp-content/uploads/2021/12/monster-bones-under-the-sea-subnautica-thumb.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -2,3 +2,21 @@
|
|||||||
body {
|
body {
|
||||||
background-image: url(https://wallpapersmug.com/download/1920x1080/75c391/game-titanfall-2.jpg);
|
background-image: url(https://wallpapersmug.com/download/1920x1080/75c391/game-titanfall-2.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -2,3 +2,21 @@
|
|||||||
body {
|
body {
|
||||||
background-image: url(https://i.pinimg.com/originals/5f/61/61/5f6161e90678a0fb8d024da611559d62.jpg);
|
background-image: url(https://i.pinimg.com/originals/5f/61/61/5f6161e90678a0fb8d024da611559d62.jpg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -1,17 +1,22 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
|
||||||
|
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
|
||||||
|
crossorigin="anonymous" referrerpolicy="no-referrer">
|
||||||
<link rel="stylesheet" href="/Global/Global.css">
|
<link rel="stylesheet" href="/Global/Global.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" />
|
||||||
<script src="/Global/Global.js"></script>
|
<script src="/Global/Global.js"></script>
|
||||||
<title>GAME HUB</title>
|
<title>GAME HUB</title>
|
||||||
__TEMPLATE_SCRIPT__
|
__TEMPLATE_SCRIPT__
|
||||||
__TEMPLATE_STYLE__
|
__TEMPLATE_STYLE__
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
<body>
|
||||||
<header>
|
<header>
|
||||||
__TEMPLATE_HEADER__
|
__TEMPLATE_HEADER__
|
||||||
</header>
|
</header>
|
||||||
@ -21,5 +26,6 @@
|
|||||||
<footer>
|
<footer>
|
||||||
__TEMPLATE_FOOTER__
|
__TEMPLATE_FOOTER__
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user