xrams/game.html at master · kenysanchez/xrams · 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
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
<!doctype html>
<!-- Website template for Xrams 6200 -->
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>XRams 6200 news</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/mobile.css">
	<link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">
	<script src="js/mobile.js" type="text/javascript"></script>
</head>
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'es,en,fr', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<body>
	<div id="page">
	<div id="header">
	<div>
		<a href="index.html" class="logo">
			<img src="images/logo1.png" alt="">
		</a>
		<h1 id="numeros">T6200</h1>
		<span style="flex-grow: 1"></span>
		<img src="images/shield.png" alt="">
		<ul id="navigation">
			<li>
				<a href="index.html">Home</a>
			</li>
			<li>
				<a href="about.html">About us</a>
			</li>
			<li>
				<a href="team.html">Team</a>
			</li>

			<li>
				<a href="game.html">The Game</a>
			</li>
			<li>
				<a href="contact.html">News</a>
			</li>
		</ul>
	</div>
</div>
		<div id="body">
			<div class="header">
				<div>
					<h1>The Game </h1>
				</div>
			</div>
			<div class="blog">
				<div class="featured">
					<ul>
						<li>
							<a href="images/team2.jpg" class="logo">
								<img src="images/team.jpg" alt="">
							</a>
							<div>
								<h1>Building our champion</h1>
								<span>Creating the robot that will lead us to victory</span>
								<p>After the kick-off which is January 9, 2016 we have six weeks to work on our robot and get him ready for the competition. In this time we shall also complete our buisness plan, safety video and web page. The teams should all be well prepared for any obstacle that comes in their way before they are headed to a regional competition.</p>
							</div>
						</li>
						<li>
							<a href="images/beasts2.jpg" class="logo">
								<img src="images/beasts.jpg" alt="">
							<div>
								<h1>Rally your kingdom</h1>
								<span>Aliances are made</span>
								<p>Each aliance has three teams on their side, the objective (as seen in the video in the banner) is to accumulate as many points as we can. Most importantly we all must show amazing team spirit, profesionalism, self-confidence and leadership. If the competition were only about robots this wouldn't be a "Sport for The mind"!!  </p>
							</div>
						</li>
					</ul>
				</div>
				<div class="sidebar" style="position: relative; left: 0.5%">
					<h1>This year's game</h1>
					<iframe  src="https://www.youtube.com/embed/VqOKzoHJDjA" frameborder="0" allowfullscreen width="300" height="200">
                    </iframe>

					<h2>First Stronghold</h2>
					<span>Build your champion, rally your kingdom </span>
					<p>This years game is all about using our abilities to breach the opponents defenses weaken their tower with boulders and to capture their towers! </p>
					<p>Between us and the enemy tower there will be defenses our robot has to overcome, none of them the same!</p>
       			</div>
            </div>
     		</div>
            </div>
        </body>
</html>