-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (108 loc) · 5.03 KB
/
index.html
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta property="og:title" content="MovieGames" />
<meta property="og:description" content="MovieGames é uma plataforma de conteúdo interativo. Você participa junto com o público da sessão usando seu smartphone." />
<meta property="og:image" content="http://moviegames.com.br/images/moviegames-fb2.png" />
<meta property="og:url" content="http://moviegames.com.br/" />
<title>MovieGames</title>
<link rel="stylesheet" href="styles/base.css" />
<script src="scripts/modernizr.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30712630-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="group">
<header id="header">
<hgroup class="vhidden">
<h1>MovieGames</h1>
<h2>Games no cinema</h2>
</hgroup>
</header>
<aside id="phones">
<img src="images/phone-iphone.png" alt="" />
<img hidden src="images/phone-android.png" alt="" />
<img hidden src="images/phone-nokia.png" alt="" />
<img hidden src="images/phone-w7.png" alt="" />
</aside>
<section id="main">
<p class="lead"><b>MovieGames</b> é uma plataforma de conteúdo interativo.</p>
<p>Você participa junto com o público da sessão usando seu smartphone.</p>
<a href="#how-it-works" class="button">Saiba como funciona</a>
<div class="fb">
<p>
Acompanhe novidades em nossa fanpage: <br/>
<a href="http://www.facebook.com/MovieGamesBrasil">facebook.com/MovieGamesBrasil</a>
</p>
</div>
<section id="devices">
<h2>Aparelhos suportados*:</h2>
<img src="images/mobile-icons.png" alt="" />
<p class="see-all">
* seu modelo de celular pode ter suporte parcial. <br/>
<a href="#supported-devices">Veja mais informações</a>
</p>
<div id="supported-devices" class="vhidden">
<p>Os seguintes sistemas são oficialmente suportados:</p>
<ul>
<li>iOS 3+</li>
<li>Android 2.1+</li>
<li>BlackBerry 6+</li>
<li>Nokia S40/Symbian</li>
<li>Windows Phone 7</li>
<li>Opera Mobile</li>
</ul>
<p>Outros aparelhos com browsers baseados em WebKit também podem funcionar sem problemas. Se você está tendo dificuldades para acessar o jogo entre em contato pelo e-mail <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</section>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f941fd128d21150"></script>
<!-- AddThis Button END -->
</section>
<section id="how-it-works" class="group">
<h2>Como faço para participar?</h2>
<ol>
<li>Entre na sala indicada pela programação, assim que a sala for aberta</li>
<li>Ative o <strong>wi-fi</strong> do seu aparelho e selecione a rede <b>MovieGames</b> da sua sala</li>
<li>Abra seu browser e acesse o endereço <i>http://jogar.mg</i></li>
</ol>
<p>Crie um usuário, escolha seu avatar e comece a jogar!</p>
<p><strong>Lembre-se:</strong> você não paga nada para usar, e<br /> não consome nada do plano de dados da sua operadora.</p>
</section>
<!--section id="live">
<h2>Em cartaz</h2>
<article>
<h3>Quiz</h3>
<p>Sala 4</p>
<p><strong>GNC Iguatemi</strong></p>
</article>
<small class="updates">(atualizado semanalmente)</small>
</section-->
<section id="signature">
<!--a href="http://city.st"><img src="images/logo-city.png" alt="City" /></a-->
<a href="http://gri.fo"><img src="images/logo-grifo.png" alt="Grifo" /></a>
</section>
<section id="sales">
<h2>Comercialização</h2>
<p>
<a href="http://www.classimarketing.com.br"><img src="images/logo-classimarketing.png" alt="ClassiMarketing" /></a><br />
(51) 3024-0337<br />
<a href="mailto:[email protected]">[email protected]</a>
</p>
</section>
<script src="scripts/jquery.js"></script>
<script src="scripts/base.js"></script>
</body>
</html>