summaryrefslogtreecommitdiffstats
path: root/tableau.html
blob: 76ef9e573457cca191809b12a80f2f5eebe17da6 (plain)
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!doctype html>  
<html lang="fr">  
<head>  
  <meta charset="utf-8">  
  <title>Technicolor's Foosball Tournament</title>  
  <link rel="stylesheet" type="text/css" href="style.css">  
</head>  
<body>
    <div id="content">
        <header>
            <h1>Palo Alto Series of Foosball</h1>
            <p>Be ready for the biggest Bay Area event :</p>
        </header>

        <!-- list of games -->
	<article>

	<!-- group stage -->
	<div id="listGroups">
	<div id="groupA" class="group">
	    <h2>GROUP A</h2>
	    <p>Gaijin vs Olympic Croquet</p>
	    <p>{Pedro, ?} vs Gaijin</p>
	    <p>Olympics Croquet vs {Pedro, ?}</p>
	</div>

	<div id="groupB" class="group">
	    <h2>GROUP B</h2>
	    <p>Night Hawks vs Cake and Death</p>
	</div>

	<div id="groupC" class="group">
	    <h2>GROUP C</h2>
	    <p>Red and Ruskie vs {Sandy, ?}</p>
	    <p>{Nina, Smriti} vs Red and Ruskie</p>
	    <p>{Sandy, ?} vs {Nina, Smriti}</p>
	</div>            

	<div id="groupD" class="group">
	    <h2>GROUP D</h2>
	    <p>{Nadia, Salman} vs {Vijay, Zhen}</p>
	</div>

	<br style='clear:both'/>
	</div>

	<div id="rankingA" class="ranking">
	    <h2>Ranking group A</h2>
	    <p>1 ...</p>
	    <p>2 ...</p>
	    <p>3 ...</p>
	</div>

	<div id="rankingB" class="ranking">
	    <h2>Ranking group B</h2>
	    <p>1 ...</p>
	    <p>2 ...</p>
	</div>

	<div id="rankingC" class="ranking">
	    <h2>Ranking group C</h2>
	    <p>1 ...</p>
	    <p>2 ...</p>
	    <p>3 ...</p>
	</div>

	<div id="rankingD" class="ranking">
	    <h2>Ranking group D</h2>
	    <p>1 ...</p>
	    <p>2 ...</p>
	</div>

	<!-- elimiatory games -->
	<div id="Q1" class="quarter">
	    <h2>Quarter-final 1</h2>
	    <p>First team group A vs Second team group B</p>
	</div>

	<div id="Q2" class="quarter">
	    <h2>Quarter-final 2</h2>
	    <p>First team group B vs Second team group A</p>
	</div>

	<div id="Q3" class="quarter">
	    <h2>Quarter-final 3</h2>
	    <p>First team group C vs Second team group D</p>
	</div>

	<div id="Q4" class="quarter">
	    <h2>Quarter-final 4</h2>
	    <p>First team group D vs Second team group C</p>
	</div>

	<div id="S1" class="semi">
	    <h2>Semi-final 1</h2>
	    <p>Winner Q1 vs Winner Q3</p>
	</div>

	<div id="S2" class="semi">
	    <h2>Semi-final 2</h2>
	    <p>Winner Q2 vs Winner Q4</p>
	</div>
	
	<br style='clear:both'/>

	<div id="F">
	    <h2>FINAL</h2>
	    <p>? vs ?</p>
	</div>
	

        </article>


        <footer>
           © Copyright 2012, Entité TriCastor 
        </footer>
    </div>
</body>  
</html>