68 lines
4.0 KiB
HTML
68 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<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="icon" href="imgs/owlogo.png" type="image/x-icon">
|
||
<link rel="stylesheet" href="style.css">
|
||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||
<title>OW Heroes - Tank</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container">
|
||
<div class="jumbotron" id="fejlec">
|
||
<h1 class="display-3 text-center cim">Overwatch Heroes</h1>
|
||
<div class="menu">
|
||
<div class="row nopadding">
|
||
<div class="col-md-8 d-none d-md-block nopadding">
|
||
<p class="roles nopadding">ROLES</p>
|
||
</div>
|
||
<div class="col-md-4 nopadding"><a class="play nopadding" href="index.html">TIC TAC TOE</a></div>
|
||
</div>
|
||
<div class="row nav nopadding">
|
||
<div class="col-md-8 nopadding">
|
||
<div class="row nopadding">
|
||
<div class="col-4 nopadding">
|
||
<a class="d-sm-block d-none role" href="damage.html"><img class="d-inline imgroles" src="imgs/damage.png" alt=""> DAMAGE</a>
|
||
<a class="d-sm-none d-block role" href="damage.html"><img class="d-inline imgroles" src="imgs/damage.png" alt=""></a>
|
||
</div>
|
||
<div class="col-4 nopadding">
|
||
<a class="d-sm-block d-none role active" href="tank.html"><img class="imgroles" src="imgs/tank.png" alt=""> TANK</a>
|
||
<a class="d-sm-none d-block role active" href="tank.html"><img class="imgroles" src="imgs/tank.png" alt=""></a>
|
||
</div>
|
||
<div class="col-4 nopadding">
|
||
<a class="d-sm-block d-none role" href="support.html"><img class="imgroles" src="imgs/support.png" alt=""> SUPPORT</a>
|
||
<a class="d-sm-none d-block role" href="support.html"><img class="imgroles" src="imgs/support.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 nopadding">
|
||
<p class="credit">CREATAED BY:<img class="owlogo" src="imgs/owlogo.png" alt=""><br> BALDAUF MÁRTON</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row nopadding jumbotron" id="torzs">
|
||
<article class="col-md-4">
|
||
<h1 class="hero">Reinhardt</h1>
|
||
<p class="text-justify">Clad in powered armor and swinging his hammer, Reinhardt leads a rocket-propelled charge across the battleground and defends his squadmates with a massive energy barrier.</p>
|
||
<img class="img-thumbnail" src="imgs/heroes/reinhardt.png" alt="">
|
||
</article>
|
||
<article class="col-md-4">
|
||
<h1 class="hero">D. VA</h1>
|
||
<p class="text-justify">D.Va’s mech is nimble and powerful—its twin Fusion Cannons blast away with autofire at short range, and she can use its Boosters to barrel over enemies and obstacles, or deflect attacks with her projectile-dismantling Defense Matrix.</p>
|
||
<img class="img-thumbnail" src="imgs/heroes/dva.png" alt="">
|
||
</article>
|
||
<article class="col-md-4">
|
||
<h1 class="hero">Winston</h1>
|
||
<p class="text-justify">Winston wields impressive inventions—a jump pack, electricity-blasting Tesla Cannon, portable shield projector and more—with literal gorilla strength.</p>
|
||
<img class="img-thumbnail" src="imgs/heroes/winston.png" alt="">
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |