1 files changed, 136 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..01946b3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,136 @@
+<!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">  
+  <link href='http://fonts.googleapis.com/css?family=Nunito:300,700' rel='stylesheet' type='text/css'>
+</head>  
+<body>
+    <div id="content">
+        <header>
+        <h1>Technicolor's Series of Foosball</h1>
+        <p>The coolest Bay Area event</p>
+        </header>
+        <menu>
+            <ul>
+                <li><a href="teams.html">Teams</a></li>
+                <li><a href="schedule.html">Schedule</a></li>
+                <li><a href="rules.html">Rules</a></li>
+            </ul>
+        </menu>
+
+        <!-- list of games -->
+	<article id="bracket">
+
+  <h1>Bracket</h1>
+
+  <!-- group stage -->
+	<div id="listGroups">
+	<div id="groupA" class="group shadow">
+	    <h2>GROUP A</h2>
+	    <p>Gaijin vs Olympic Croquet</p>
+	    <p>{Pedro, ?} vs Gaijin</p>
+	    <p>Olympic Croquet vs {Pedro, ?}</p>
+	</div>
+
+	<div id="groupB" class="group shadow">
+	    <h2>GROUP B</h2>
+	    <p>Nighthawks vs Cake and Death</p>
+	</div>
+
+	<div id="groupC" class="group shadow">
+	    <h2>GROUP C</h2>
+	    <p>Red and Ruskie vs {Sandy, ?}</p>
+	    <p>{Vijay, Zhen} vs Red and Ruskie</p>
+	    <p>{Sandy, ?} vs {Vijay, Zhen}</p>
+	</div>            
+
+	<div id="groupD" class="group shadow">
+	    <h2>GROUP D</h2>
+	    <p>{Nadia, Salman} vs {Nina, Smriti}</p>
+	</div>
+	</div>
+
+	<br class="spacer"/>
+
+	<div id="rankingA" class="ranking shadow">
+	    <h2>Ranking group A</h2>
+	    <p>1 ...</p>
+	    <p>2 ...</p>
+	    <p>3 ...</p>
+	</div>
+
+	<div id="rankingB" class="ranking shadow">
+	    <h2>Ranking group B</h2>
+	    <p>1 ...</p>
+	    <p>2 ...</p>
+	</div>
+
+	<div id="rankingC" class="ranking shadow">
+	    <h2>Ranking group C</h2>
+	    <p>1 ...</p>
+	    <p>2 ...</p>
+	    <p>3 ...</p>
+	</div>
+
+	<div id="rankingD" class="ranking shadow">
+	    <h2>Ranking group D</h2>
+	    <p>1 ...</p>
+	    <p>2 ...</p>
+	</div>
+
+  <div class="spacer hline"></div>
+
+	<!-- elimiatory games -->
+	<div id="Q1" class="quarter shadow">
+	    <h2>Quarter-final 1</h2>
+	    <p>First team group A vs Second team group B</p>
+	</div>
+
+	<div id="Q2" class="quarter shadow">
+	    <h2>Quarter-final 2</h2>
+	    <p>First team group B vs Second team group A</p>
+	</div>
+
+	<div id="Q3" class="quarter shadow">
+	    <h2>Quarter-final 3</h2>
+	    <p>First team group C vs Second team group D</p>
+	</div>
+
+	<div id="Q4" class="quarter shadow">
+	    <h2>Quarter-final 4</h2>
+	    <p>First team group D vs Second team group C</p>
+	</div>
+
+    <br class="spacer"/>
+
+	<div id="S1" class="semi shadow">
+	    <h2>Semi-final 1</h2>
+	    <p>Winner Q1 vs Winner Q3</p>
+	</div>
+
+	<div id="S2" class="semi shadow">
+	    <h2>Semi-final 2</h2>
+	    <p>Winner Q2 vs Winner Q4</p>
+	</div>
+	
+	<br class="spacer"/>
+
+	<div id="F" class="shadow">
+	    <h2>FINAL</h2>
+	    <p>? vs ?</p>
+	</div>
+
+    <div id="beaver" class="center">
+        <img src="images/beaver.jpg" alt="kroOon" />
+    </div>
+        </article>
+
+
+        <footer>
+           © Copyright 2012, Entité TriCastor 
+        </footer>
+    </div>
+</body>  
+</html>