This repository has been archived by the owner on Apr 17, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
243 lines (240 loc) · 15.2 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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="PAMI Plataforma de Administracion de Medios Inteligentes">
<meta name="author" content="Vi Electronic Entertainment">
<link rel="icon" href="public/favicon.ico">
<title>PAMI Project</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
<link href="public/css/bootstrap.min.css" rel="stylesheet" />
<link href="public/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<link href="public/css/demo.css" rel="stylesheet" />
</head>
<body class="landing-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent " color-on-scroll="400">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand" href="http://facebook.com/BlinterUniverse" rel="tooltip" title="Siguenos en Facebook para estar al tanto de todas las novedades" data-placement="bottom" target="_blank">
PAMI
</a>
<button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse justify-content-end" id="navigation" data-nav-image="public/images/blurred-image-1.jpg">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#Hacer">Que Queremos Hacer?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Somos">Quienes Somos?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Unete">Trabaja Con Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Siguenos en Twitter" data-placement="bottom" href="https://twitter.com/BlinterUniverse" target="_blank">
<i class="fa fa-twitter"></i>
<p class="d-lg-none d-xl-none">Twitter</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Me Gusta en Facebook" data-placement="bottom" href="https://www.facebook.com/BlinterUniverse" target="_blank">
<i class="fa fa-facebook-square"></i>
<p class="d-lg-none d-xl-none">Facebook</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Programa en GitHub" data-placement="bottom" href="https://www.github.com/ViElectronicEntertainment/PAMI" target="_blank">
<i class="fa fa-github"></i>
<p class="d-lg-none d-xl-none">GitHub</p>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="wrapper">
<div class="page-header page-header-small">
<div class="page-header-image" data-parallax="true" style="background-image: url('public/images/scarlettpami.jpg');">
</div>
<div class="container">
<div class="content-center">
<h1 class="title">Plataforma Administracion de Medios Inteligentes</h1>
<h2 class="title">-PAMI-</h2>
<div class="text-center">
<a href="https://www.facebook.com/BlinterUniverse" class="btn btn-primary btn-icon btn-round">
<i class="fa fa-facebook-square"></i>
</a>
<a href="https://twitter.com/BlinterUniverse" class="btn btn-primary btn-icon btn-round">
<i class="fa fa-twitter"></i>
</a>
<a href="https://instagram.com/BlinterUniverse" class="btn btn-primary btn-icon btn-round">
<i class="fa fa-instagram"></i>
</a>
</div>
</div>
</div>
</div>
<div class="section section-about-us" id="Hacer">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto text-center">
<h2 class="title">Que Queremos Hacer?</h2>
<h5 class="description">Usar elementos de juegos para optimizar el trabajo y la productividad en empresas, organizaciones y academias. Mediante una plataforma web que permita el desarrollo de redes y grupos de trabajo, que aprenda de sus usuarios implementando inteligencia artificial y brinde datos valiosos para emprendedores y empresarios.</h5>
</div>
</div>
<div class="separator separator-primary"></div>
<div class="section-story-overview">
<div class="row">
<div class="col-md-6">
<div class="image-container image-left" style="background-image: url('public/images/ElReto.png')">
<!-- First image on the left side -->
<p class="blockquote blockquote-primary">"Somos testigos del gran poder que tienen los juegos en la vida, estos se enseñan se motivan y se evaluan a si mismos."
<br>
<br>
<small>-Sergio Veloza</small>
</p>
</div>
<!-- Second image on the left side of the article -->
<div class="image-container" style="background-image: url('public/images/AlphaPAMI.png')"></div>
</div>
<div class="col-md-5">
<!-- First image on the right side, above the article -->
<div class="image-container image-right" style="background-image: url('public/images/blinterexpo.png')"></div>
<h3>Elementos de los juegos incluidos en PAMI</h3>
<h4>De Tareas a Misiones!</h4>
<p>Puede parecer un cambio de apariencia pero realmente es un cambio de fondo, el proponer las cosas como un reto a superar, estimula la competitivad.</p>
<h4>Puntos de Experiencia</h4>
<p>En la medida que desarrollas actividades, interactuas con la plataforma y resuelves problemas, tendras puntos de experiencia que aumentaran tu nivel y brindaran un prestigio.</p>
<h4>Hoja de Atributos</h4>
<p>Inspirado en los juegos de Rol tendras una hoja de habilidades que iran progresando en la medida que se desarrollen las diferentes actividades que propone la plataforma y sus proponentes.</p>
<h4>Y mucho mas!</h4>
<p>Tenemos muchas mas caracteristicas pensadas para PAMI que iremos implementando en la medida que la plataforma evolucione, sobre todo en elementos de cooperacion y productividad.</p>
</div>
</div>
</div>
<div class="separator separator-primary"></div>
</div>
</div>
<div class="section section-team text-center" id="Somos">
<div class="container">
<h2 class="title">Quienes Somos?</h2>
<div class="team">
<div class="row">
<div class="col-md-4">
<div class="team-player">
<img src="public/images/sergioveloza.jpg" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised">
<h4 class="title">Sergio Veloza</h4>
<p class="category text-primary">CEO</p>
<p class="description">Fundador y visionario. Soy una persona emprendedora y creativa, he trabajado en el desarrollo de experiencias con juegos desde toda mi vida, mis pasatiempos son dominar el mundo y aprender :)</p>
<a href="https://twitter.com/sergioveloza" class="btn btn-primary btn-icon btn-round"><i class="fa fa-twitter"></i></a>
<a href="https://instagram.com/velozasergio" class="btn btn-primary btn-icon btn-round"><i class="fa fa-instagram"></i></a>
<a href="https://facebook.com/velozasergio" class="btn btn-primary btn-icon btn-round"><i class="fa fa-facebook-square"></i></a>
<a href="tel:+573217058135" class="btn btn-primary btn-icon btn-round"><i class="fa fa-whatsapp"></i></a>
</div>
</div>
<div class="col-md-4">
<div class="team-player">
<img src="public/images/andago.jpeg" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised">
<h4 class="title">Andres Gonzalez</h4>
<p class="category text-primary">COO</p>
<p class="description">Cofundador e inversionista. Soy una persona emprendedora e innovadora que le gusta viajar y conocer, me gustan los videojuegos en especial a los shooter, aunque me gustan un poco mas los frijoles.</p>
<a href="tel:+573102064505" class="btn btn-primary btn-icon btn-round"><i class="fa fa-whatsapp"></i></a>
</div>
</div>
<div class="col-md-4">
<div class="team-player">
<img src="public/images/maira.jpeg" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised">
<h4 class="title">Maira Benedetti</h4>
<p class="category text-primary">CFO</p>
<p class="description">Soy la persona encargada de aterrizar a estos dos locos, me considero una persona inteligente y creativa que le gustan los numeros, "si... Si es posible". No muestro mi cara porque soy el genio malvado detras de esto... Ahh y me gustan los gatos.</p>
<a href="https://youtu.be/-eTzH1ecS6w" class="btn btn-primary btn-icon btn-round"><i class="fa fa-copyright"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-contact-us text-center" id="Unete">
<div class="container">
<h2 class="title">Deseas trabajar con nosotros?</h2>
<p class="description">Un gran trabajo requiere grandes personas, estas preparado?</p>
<div class="row">
<form class="col-lg-6 text-center col-md-8 ml-auto mr-auto" action="mailto:[email protected]" method="post" enctype="text/plain">
<div class="input-group input-lg">
<span class="input-group-addon">
<i class="fa fa-user-circle-o"></i>
</span>
<input type="text" class="form-control" name="name" placeholder="Nombre...">
</div>
<div class="input-group input-lg">
<span class="input-group-addon">
<i class="fa fa-at"></i>
</span>
<input type="text" class="form-control" placeholder="Email...">
</div>
<br> En que area Deseas trabajar:
<br>
<select name="area: ">
<option value="Desarrollo"> Desarrollo Web </option>
<option value="Marketing"> Marketing </option>
<option value="Negocixos"> Negocios </option>
<option value="Inteligencia Artifical"> Inteligencia Artifical </option>
<option value="Diseño"> Diseño </option>
<option value="UX"> Experiencia de Usuario </option>
<option value="Otro"> Otro </option>
</select>
<div class="textarea-container">
<textarea class="form-control" name="mi razon" rows="4" cols="80" placeholder="Porque quieres trabajar con nosotros?"></textarea>
</div>
<div class="send-button">
<input class="btn btn-primary btn-round btn-block btn-lg" type="submit" value="Enviar formulario">
</div>
</form>
</div>
</div>
</div>
<footer class="footer footer-default">
<div class="container">
<nav>
<ul>
<li>
<a href="https://www.blinteruniverse.com">
Blinter Universe
</a>
</li>
<li>
<a href="http://pami.ublinter.com/public">
Acceso a Alpha
</a>
</li>
</ul>
</nav>
<div class="copyright">
©
<script>
document.write(new Date().getFullYear())
</script>, Diseñado por
<a href="http://www.blinteruniverse.com" target="_blank">BlinterUniverse</a>. Todos los derechos son reservados.
</div>
</div>
</footer>
</div>
</body>
<script src="public/js/core/jquery.3.2.1.min.js"></script>
<script src="public/js/core/popper.min.js"></script>
<script src="public/js/core/bootstrap.min.js"></script>
<script src="public/js/plugins/bootstrap-switch.js"></script>
<script src="public/js/plugins/nouislider.min.js"></script>
<script src="public/js/plugins/bootstrap-datepicker.js"></script>
<script src="public/js/now-ui-kit.js?v=1.1.0"></script>
</html>