You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.4 KiB
64 lines
2.4 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<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 rel="stylesheet" href="styles.css"> |
|
<title>Holy Grail Layout</title> |
|
</head> |
|
|
|
<body> |
|
<div class="grid_container"> |
|
<header> |
|
<h1>Games Of thrones</h1> |
|
</header> |
|
<nav> |
|
<p>Games List</p> |
|
<li>GTA</li> |
|
<li>Need For Speed</li> |
|
<li>PUBG Mobile</li> |
|
<li>Flappy Tom</li> |
|
<li>Candy Crush</li> |
|
<li>Solitaire</li> |
|
</nav> |
|
<article> |
|
<h2>The Games Being Played WorldWide!!</h2> <img src="https://static.hbo.com/game-of-thrones-1-1920x1080.jpg" alt=""> |
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde saepe facere mollitia autem doloribus |
|
praesentium excepturi, perferendis dolores nesciunt eligendi nulla tenetur earum cumque sequi aperiam |
|
culpa expedita quae. Fugit laborum, vel enim ex qui voluptatibus saepe mollitia debitis asperiores |
|
repudiandae ducimus sequi explicabo possimus numquam hic ipsam perspiciatis amet Lorem ipsum dolor sit |
|
amet consectetur adipisicing elit. |
|
|
|
</p> |
|
<p>id voluptas, eligendi illo ipsum iure et eius possimus vitae quod autem quas asperiores a ea aliquid, |
|
dolores animi totam? Aspernatur. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora |
|
maxime maiores sit nostrum omnis animi quod repellat. Sequi ratione laboriosam vitae blanditiis odit |
|
deleniti consequuntur asperiores voluptatum, aliquid impedit beatae! |
|
</p> |
|
</article> |
|
<aside> |
|
<ul> |
|
<li> |
|
<p><strong>Published On:</strong></p> |
|
<p>On October 2022</p> |
|
</li> |
|
<li> |
|
<p><strong>Written By:</strong></p> |
|
<p>Mario</p> |
|
</li> |
|
<li> |
|
<p><strong>In the Category:</strong></p> |
|
<p>Games To Play</p> |
|
</li> |
|
</ul> |
|
</aside> |
|
<footer> |
|
<p>Copyright © 2022 Games of Thrones</p> |
|
</footer> |
|
</div> |
|
|
|
</body> |
|
|
|
</html> |