This commit is contained in:
Adam Sramek 2024-04-21 17:13:30 +02:00
parent 28f4000ebd
commit 9cf46d7b24
27 changed files with 523 additions and 248 deletions

@ -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>&copy;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>

@ -1,10 +1,9 @@
<div class="login-container"> <div class="login-container">
<h2>Login</h2> <h2>Login</h2>
<form id="login-form"> <form id="login-form">
<input type="text" id="login-username" placeholder="Username" required> <input type="text" id="login-username" placeholder="Username" required>
<input type="password" id="login-password" placeholder="Password" required> <input type="password" id="login-password" placeholder="Password" required>
<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>

@ -1,10 +1,10 @@
<div class="signup-container"> <div class="signup-container">
<h2>Sign Up</h2> <h2>Sign Up</h2>
<form id="signup-form"> <form id="signup-form">
<input type="text" id="signup-username" placeholder="Username" required> <input type="text" id="signup-username" placeholder="Username" required>
<input type="email" id="signup-email" placeholder="Email" required> <input type="email" id="signup-email" placeholder="Email" required>
<input type="password" id="signup-password" placeholder="Password" required> <input type="password" id="signup-password" placeholder="Password" required>
<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

@ -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,25 +1,31 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8"> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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 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"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/Global/Global.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
<script src="/Global/Global.js"></script> integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
<title>GAME HUB</title> crossorigin="anonymous" referrerpolicy="no-referrer">
__TEMPLATE_SCRIPT__ <link rel="stylesheet" href="/Global/Global.css">
__TEMPLATE_STYLE__ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" />
</head> <script src="/Global/Global.js"></script>
<body> <title>GAME HUB</title>
<header> __TEMPLATE_SCRIPT__
__TEMPLATE_HEADER__ __TEMPLATE_STYLE__
</header> </head>
<main>
__TEMPLATE_STRANKA__ <body>
</main> <header>
<footer> __TEMPLATE_HEADER__
__TEMPLATE_FOOTER__ </header>
</footer> <main>
</body> __TEMPLATE_STRANKA__
</main>
<footer>
__TEMPLATE_FOOTER__
</footer>
</body>
</html> </html>