-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (157 loc) · 7.68 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<title>commit.to</title>
<link href='http://fonts.googleapis.com/css?family=Gudea' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/main.css">
<meta property="og:title" content="Commit" />
<meta property="og:description" content="Nós somos a Commit, produtora de tecnologia. Desenvolvemos aplicativos mobile, games, e instalações interativas. Nossa especialidade é trabalhar junto com sua equipe, ajudando a viabilizar idéias, encaixar prazos e entregar resultados incríveis." />
<meta property="og:image" content="http://commit.to/share.jpg" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<!-- Header -->
<header>
<img class="background" src="images/bg1.jpg">
<img src="images/logo.png" class="logo">
<span>toque/clique na imagem</span>
</header>
<!-- About -->
<section class="about">
<h1>Em duas linhas</h1>
<p>Nós somos a Commit, produtora de tecnologia. Desenvolvemos aplicativos mobile, games, e instalações interativas.<br>Nossa especialidade é trabalhar junto com sua equipe, ajudando a viabilizar idéias, encaixar prazos e entregar resultados incríveis.</p>
</section>
<!-- Work -->
<section>
<h1>Últimos trabalhos</h1>
<div class="work">
<div class="content">
<article>
<img id="anim_target_jackPot" class="poster" src="images/work/jackPot.jpg" />
<img class="thumb" src="images/work/jackPot2.png">
<div class="text">
<h1>Absolut Jackpot</h1>
<h2>Absolut | Grey 141</h2>
<p>Quer ganhar drinks na balada? Jogue com seu smartphone nessa instalação interativa no bar Absolut Inn.</p>
</div>
</article>
<article>
<a href="http://www.bit.ly/GiraBoorger" target="_blank">
<img class="poster" src="images/work/giraboorger.jpg" />
<img class="thumb" src="images/work/giraboorger2.jpg">
</a>
<div class="text">
<h1>Game Social Giraboorger</h1>
<h2>Giraffas | DPZ</h2>
<p>A chapa está quente nesse advergame social para a rede de restaurantes Giraffas.</p>
</div>
</article>
<article>
<img class="poster" src="images/work/leiaparaumacrianca.jpg">
<img class="thumb" src="images/work/leiaparaumacrianca2.jpg">
<div class="text">
<h1>Leia para uma criança</h1>
<h2>Itaú | DPZ</h2>
<p>Aplicativo multiplataforma testado e aprovado pelo Lobo Mau que vai deixar as historinhas muito mais divertidas!</p>
</div>
</article>
<article class="greyhound">
<div class="poster" style="background: url(images/work/greyhound.jpg)">
<iframe src="http://www.youtube.com/embed/4dPwqKCxDT8" frameborder="0" allowfullscreen></iframe>
</div>
<img class="thumb" src="images/work/greyhound2.gif">
<div class="text">
<h1>Inspiring Creations</h1>
<h2>Absolut | Grey 141</h2>
<p>Exatamente a meia-noite, os cães futuristas tomaram as ruas de São Paulo, Rio de Janeiro, Belo Horizonte e Goiânia em uma corrida eletrizante na forma de uma projeção.</p>
</div>
</article>
<article>
<a href="http://www.acuvue.com.br/pisquegol" target="_blank">
<img id="anim_target_acuvue" class="poster" src="images/work/acuvue.jpg" />
<img class="thumb" src="images/work/acuvue2.jpg">
</a>
<div class="text">
<h1>PisqueGol</h1>
<h2>Johnson & Johnson | R/GA</h2>
<p>O primeiro jogo de futebol que você joga com os olhos.</p>
</div>
</article>
<article class="etios">
<div class="poster" style="background: url(images/work/etios.jpg)">
<iframe src="//player.vimeo.com/video/72214525?title=0&byline=0&portrait=0&badge=0&color=bb2323" width="280" height="155" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<img class="thumb" src="images/work/etios2.jpg">
<div class="text">
<h1>Test Drive musical</h1>
<h2>Toyota | Lov</h2>
<p>Um carro. Cinco pop stars. E uma maneira muito original para tocar suas músicas: no próprio carro. Conheça a Etios Band.</p>
</div>
</article>
<article>
<img class="poster" src="images/work/imaginaria.jpg">
<img class="thumb" src="images/work/imaginaria2.jpg">
<div class="text">
<h1>Imaginaria</h1>
<h2>Livraria da Vila | JWT</h2>
<p>App de iPhone estilo FourSquare onde é possível fazer checkin em lugares imaginários.<br>
Ganhador do FWA Mobile of the Day.
</p>
</div>
</article>
</div>
</div>
<div class="workNavi"><!-- navigation goes here --></div>
<div class="clear"></div>
</section>
<!-- Clients -->
<section class="clients">
<h1>Clientes</h1>
<img src="images/clients.gif" alt="clientes">
</section>
<!-- Contact -->
<section class="contact">
<h1>Contato</h1>
<ul>
<li>
<h3>Telefone</h3>
+55 11 3081-3422
</li>
<li>
<h3>Email</h3>
</li>
<li>
<h3>Endereço</h3>
Rua Padre João Manuel, 235 - Cj 63<br>
Jardim Paulista - São Paulo<br>
CEP: 01411-001
</li>
<li class="last">
<h3>Social</h3>
<a href="http://facebook.com/commit.to" target="_blank">http://facebook.com/commit.to</a><br>
<a href="http://twitter.com/commit_to" target="_blank">http://twitter.com/commit_to</a>
</li>
</ul>
<div class="clear"></div>
</section>
<!-- Footer -->
<footer>
Copyright © 2012 Commitment Servicos e Tecnologia em Software. Todos direitos reservados e... eu esqueci o que ia dizer, de qualquer forma, salve o planeta evitando usar computadores, telefones celulares e carros...
</footer>
<script type="text/javascript">
var _gaq = [['_setAccount', 'UA-28984003-1'],['_trackPageview']];
(function() {
var ga = document.createElement('script'); 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>
<script type="text/javascript" src="javascripts/jquery-1.7.1.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script type="text/javascript" src="javascripts/phosphorframework.js"></script>
<script type="text/javascript" src="javascripts/delaunay.js"></script>
<script type="text/javascript" src="javascripts/phosphorPlayer.js"></script>
<script type="text/javascript" src="javascripts/main.js"></script>
</body>
</html>