29 lines
1.4 KiB
HTML
29 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Memóriajáték</title>
|
|
<link type="text/css" rel="stylesheet" href="gknb_intm049_2019-20-1_02.css" />
|
|
</head>
|
|
<body>
|
|
<h1>Memóriajáték</h1>
|
|
<details>
|
|
<summary>Játékszabályok</summary>
|
|
Kattintson egymás után két kártyára, hogy megfordíthassa őket! Ha nem egyformák, két
|
|
másodperc múlva visszafordulnak. Próbálja minél kevesebb fordítással megtalálni minden kártya párját!
|
|
(További részletek a memóriajátékokról a <a href="https://hu.wikipedia.org/wiki/Mem%C3%B3riaj%C3%A1t%C3%A9k" target="blank">Wikipédián</a>.)
|
|
</details>
|
|
<div id="kontener">
|
|
<img id="kartya1" src="web.png" alt="Kártya" width="128" height="128" />
|
|
<img id="kartya2" src="web.png" alt="Kártya" width="128" height="128" />
|
|
<img id="kartya3" src="web.png" alt="Kártya" width="128" height="128" />
|
|
<img id="kartya4" src="web.png" alt="Kártya" width="128" height="128" />
|
|
<img id="kartya5" src="web.png" alt="Kártya" width="128" height="128" />
|
|
<img id="kartya6" src="web.png" alt="Kártya" width="128" height="128" />
|
|
</div>
|
|
<p id="info">Kattintson az első kártya hátlapjára a megfordításához!</p>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script src="gknb_intm049_2019-20-1_02.js"></script>
|
|
</body>
|
|
</html>
|