connect-4/create.html at main · IMP1/connect-4 · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Connect 4x4</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>Connect 4x4</h1>
    </header>
    <main>
        <section id="creation">
            <section class="group-creation">
                <h1>Group 1</h1>
                <input type="text" id="group-1-explanation" name="group-1-explanation" placeholder="Group explanation" class="group-explanation group-1">
                <div>
                    <input type="text" id="group-1-word-1" name="group-1-word-1" placeholder="Word 1" class="group-word group-1">
                    <input type="text" id="group-1-word-2" name="group-1-word-2" placeholder="Word 2" class="group-word group-1">
                    <input type="text" id="group-1-word-3" name="group-1-word-3" placeholder="Word 3" class="group-word group-1">
                    <input type="text" id="group-1-word-4" name="group-1-word-4" placeholder="Word 4" class="group-word group-1">
                </div>
            </section>
            <section class="group-creation">
                <h1>Group 2</h1>
                <input type="text" id="group-2-explanation" name="group-2-explanation" placeholder="Group explanation" class="group-explanation group-2">
                <div>
                    <input type="text" id="group-2-word-1" name="group-2-word-1" placeholder="Word 1" class="group-word group-2">
                    <input type="text" id="group-2-word-2" name="group-2-word-2" placeholder="Word 2" class="group-word group-2">
                    <input type="text" id="group-2-word-3" name="group-2-word-3" placeholder="Word 3" class="group-word group-2">
                    <input type="text" id="group-2-word-4" name="group-2-word-4" placeholder="Word 4" class="group-word group-2">
                </div>
            </section>
            <section class="group-creation">
                <h1>Group 3</h1>
                <input type="text" id="group-3-explanation" name="group-3-explanation" placeholder="Group explanation" class="group-explanation group-3">
                <div>
                    <input type="text" id="group-3-word-1" name="group-3-word-1" placeholder="Word 1" class="group-word group-3">
                    <input type="text" id="group-3-word-2" name="group-3-word-2" placeholder="Word 2" class="group-word group-3">
                    <input type="text" id="group-3-word-3" name="group-3-word-3" placeholder="Word 3" class="group-word group-3">
                    <input type="text" id="group-3-word-4" name="group-3-word-4" placeholder="Word 4" class="group-word group-3">
                </div>
            </section>
            <section class="group-creation">
                <h1>Group 4</h1>
                <input type="text" id="group-4-explanation" name="group-4-explanation" placeholder="Group explanation" class="group-explanation group-4">
                <div>
                    <input type="text" id="group-4-word-1" name="group-4-word-1" placeholder="Word 1" class="group-word group-4">
                    <input type="text" id="group-4-word-2" name="group-4-word-2" placeholder="Word 2" class="group-word group-4">
                    <input type="text" id="group-4-word-3" name="group-4-word-3" placeholder="Word 3" class="group-word group-4">
                    <input type="text" id="group-4-word-4" name="group-4-word-4" placeholder="Word 4" class="group-word group-4">
                </div>
            </section>
        </section>
        <section>
            <h1>Test Play</h1>
            <input type="button" id="play-creation" name="play-creation" value="Play">
        </section>
    </main>
    <footer>
    </footer>
    <script src="create.js"></script>
</body>