68 lines
4.1 KiB
HTML
68 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<link rel="icon" href="imgs/owicon.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 - Damage</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 active" href="damage.html"><img class="d-inline imgroles" src="imgs/damage.png" alt=""> DAMAGE</a>
|
||
<a class="d-sm-none d-block role active" 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" href="tank.html"><img class="imgroles" src="imgs/tank.png" alt=""> TANK</a>
|
||
<a class="d-sm-none d-block role" 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">Soldier: 76</h1>
|
||
<p class="text-justify">Armed with cutting-edge weaponry, including an experimental pulse rifle that’s capable of firing spirals of high-powered Helix Rockets, Soldier: 76 has the speed and support know-how of a highly trained warrior.</p>
|
||
<img class="img-thumbnail" src="imgs/heroes/soldier76.png" alt="">
|
||
</article>
|
||
<article class="col-md-4">
|
||
<h1 class="hero">Genji</h1>
|
||
<p class="text-justify">Genji flings precise and deadly Shuriken at his targets, and uses his technologically-advanced katana to deflect projectiles or deliver a Swift Strike that cuts down enemies. </p>
|
||
<img class="img-thumbnail" src="imgs/heroes/genji.png" alt="">
|
||
</article>
|
||
<article class="col-md-4">
|
||
<h1 class="hero">Tracer</h1>
|
||
<p class="text-justify">Toting twin pulse pistols, energy-based time bombs, and rapid-fire banter, Tracer is able to "blink" through space and rewind her personal timeline as she battles to right wrongs the world over. </p>
|
||
<img class="img-thumbnail" src="imgs/heroes/tracer.png" alt="">
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |