Update README.md
[2048.git] / index.html
Gabriele Cirulli





Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli


Gabriele Cirulli


Gabriele Cirulli



Gabriele Cirulli
Gabriele Cirulli



























Gabriele Cirulli

Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli







Gabriele Cirulli




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>2048</title>
 
  <link href="style/main.css" rel="stylesheet" type="text/css">
</head>
<body>
  <div class="container">
    <h1>2048</h1>
    <p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
 
    <div class="game-container">
      <div class="grid-container">
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
      </div>
 
      <div class="tile-container">
        <div class="tile tile-2 tile-position-1-1">
          2
        </div>
         <div class="tile tile-4 tile-position-2-3">
            4
          </div>
          <div class="tile tile-512 tile-position-3-2">
            512
          </div>
          <div class="tile tile-2048 tile-position-4-4">
            2048
          </div>
      </div>
    </div>
 
    <p class="game-explanation">
      <strong class="important">How to play:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong>
    </p>
    <hr>
    <p>
      Created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio.</a>
    </p>
  </div>
</body>
</html>
 
comments