-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
213 lines (213 loc) · 9.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta name="description" content="Vintec es Startup especialista en brindar soluciones para cualquier necesidad en las áreas de desarrollo web, sistemas a medida, redes de comunicación, diseño publicitario y branding."/>
<meta name="keywords" content="Vintec, Venezolana de Innovaciones Tecnologica, Diseño web, Desarrollo Web, Desarrollo de software, Apps Móviles, Diseño de logos, Banner Publicitario, Tarjeta de presentación, Edición de video"/>
<meta name="robots" content="Index, Follow"/>
<meta name="author" content="Vintec"/>
<title>Inicio | VINTEC</title>
<link rel="icon" href="img/favico.png"/>
<link rel="stylesheet" href="css/styles.min.css"/>
</head>
<body>
<div id="app">
<header class="cd-auto-hide-header">
<div class="logo"><a href="index.html"><img src="img/logo.png" alt="Logo"/></a></div>
<nav class="cd-primary-nav"><a class="nav-trigger" href="#cd-navigation"><span><em aria-hidden="true"></em>Menu</span></a>
<!-- .nav-trigger-->
<ul id="cd-navigation">
<li><a href="index.html">Inicio</a></li>
<li><a href="quienes-somos.html">Nosotros</a></li>
<li><a href="servcios.html">Servicios</a></li>
<li></li>
<li><a href="portafolio.html">Portafolio</a></li>
</ul>
</nav>
</header>
<div class="owl-carousel" id="slider-home"><img v-for="image in portafolio" v-if="image.type=='slider'" :src="image.url"/></div>
<section class="ptb-mx">
<div class="container">
<div class="row">
<div class="col-lg-12 col-xs-12">
<h2 class="title-lg text-center mt-md">Vintec</h2>
<h4 class="title-sm text-center text-gray">Por que nosotros y que ofrecemos</h4>
<p class="text-light text-center">Somos especialista en brindar soluciones para cualquier necesidad en las áreas de desarrollo web, sistemas a medida, redes de comunicación, diseño publicitario y branding. Contamos con un excelente equipo de profesionales con más de ocho años de experiencia en el sector, aportando resultados creativos, originales y de calidad.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-xs-12">
<p class="text-center mt-md"><a class="button-effet" href="quienes-somos.html"><span>Quienes Somos</span>
<svg width="13px" height="10px" viewBox="0 0 13 10">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg></a></p>
</div>
</div>
</div>
</section>
<div class="skew-c"></div>
<section class="ptb-mx bg-gray-lg">
<div class="container">
<div class="row">
<div class="col-lg-12 col-xs-12 mt-mx">
<h2 class="title-lg text-center mt-md">Servicios</h2>
<h4 class="title-sm text-center text-gray">Conoce todos los servicios que ofrecemos</h4>
</div>
</div>
<div class="row ptb-mx">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<article class="card-info">
<header class="card-info__header">
<div class="card-info__icon"><i class="icon-browser"></i></div>
</header>
<div class="card-info__body">
<h3 class="card-info__title">Diseño y Desarrollo</h3>
<h4 class="card-info__subtitle"> Sitios Web, App, Web App</h4>
</div>
<div class="card-info__caption">
<p class="card-info__intro">Le ofrecemos el desarrollo de cualquier tipo Web, desde diseño informativos, landing page, inmobiliarias, tienda online y mas</p>
<p class="card-info__read">Leer</p>
</div>
</article>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<article class="card-info">
<header class="card-info__header">
<div class="card-info__icon"><i class="icon-gears"></i></div>
</header>
<div class="card-info__body">
<h3 class="card-info__title">Instalación y Configuración</h3>
<h4 class="card-info__subtitle"> De Servidores</h4>
</div>
<div class="card-info__caption">
<p class="card-info__intro">Encuentre en VINTEC servicios de configuración para los diferentes tipos de servidor bajo Linux o Windows para satisfacer varias necesidades.</p>
<p class="card-info__read">Leer</p>
</div>
</article>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<article class="card-info">
<header class="card-info__header">
<div class="card-info__icon"><i class="icon-tools"></i></div>
</header>
<div class="card-info__body">
<h3 class="card-info__title">Diseño Grafico</h3>
<h4 class="card-info__subtitle"> Logos, Banners, Videos</h4>
</div>
<div class="card-info__caption">
<p class="card-info__intro">Diseñamos de identidades y marcas, logotipos, Folletos, Pendom, Material POP, catalogos, tarjetas de presentacion, Banner Publicitarios y todo lo esencial para una empresa.</p>
<p class="card-info__read">Leer</p>
</div>
</article>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<article class="card-info">
<header class="card-info__header">
<div class="card-info__icon"><i class="icon-linegraph"></i></div>
</header>
<div class="card-info__body">
<h3 class="card-info__title">Instalación de Redes</h3>
<h4 class="card-info__subtitle"> Cableadas e Inalámbricas</h4>
</div>
<div class="card-info__caption">
<p class="card-info__intro">Instalamos su red Informática con los conocimientos técnicos necesarios para instalar gestionar y mantener cualquier red informática.</p>
<p class="card-info__read">Leer</p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-xs-12">
<p class="text-center mt-md"><a class="button-effet-yellow" href="#"><span>Contactanos</span>
<svg width="13px" height="10px" viewBox="0 0 13 10">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg></a></p>
</div>
</div>
</div>
</section>
<div class="skew-cc"></div>
<section class="ptb-mx">
<div class="container">
<div class="row">
<div class="col-lg-12 col-xs-12">
<h2 class="title-lg text-center mt-md">Portafolio</h2>
<h4 class="title-sm text-center text-gray">Conoce algunos de nuestros trabajos</h4>
</div>
</div>
<div class="row mt-md">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 pt-md" v-for="image in portafolio" v-if="image.home==true && image.type!='logos' && image.type!='slider'">
<div v-if="image.type=='video'"><a data-fancybox="portafolio" :href="image.url"><img class="img-responsive" :src="image.img"/></a></div>
<div v-else="v-else"><a data-fancybox="portafolio" :href="image.url"><img class="img-responsive" :src="image.url"/></a></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-xs-12">
<p class="text-center mt-md"><a class="button-effet-red" href="portafolio.html"><span>Ver mas</span>
<svg width="13px" height="10px" viewBox="0 0 13 10">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg></a></p>
</div>
</div>
</div>
</section>
<div class="skew-c"></div>
<section class="ptb-mx bg-gray-lg">
<div class="container">
<div class="row">
<div class="col-lg-12 col-xs-12">
<h2 class="title-lg text-center mt-md text-primary">Nuestros Clientes</h2>
<h4 class="title-sm text-center text-gray">Algunas empresas con las que hemos trabajado</h4>
</div>
</div>
<div class="owl-carousel owl-theme mt-md" id="brands"><img class="img-responsive" v-for="image in portafolio" v-if="image.home==true && image.type=='logos'" :src="image.url" alt=""/></div>
</div>
</section>
<div class="skew-cc"></div>
<section class="ptb-mx">
<div class="container">
<div class="row">
<div class="col-lg-12 col-xs-12">
<h2 class="title-lg text-center mt-md">Contactos</h2>
<h4 class="title-sm text-center text-gray">Contactanos por nuestras redes o via Email</h4>
</div>
</div>
<div class="row mt-md center-lg center-xs">
<div class="col-lg-6">
<ul class="list-redes">
<li><a target="_blank" href="https://www.facebook.com/vintec.lab/"><i class="icon-facebook-official"></i></a></li>
<li><a target="_blank" href="https://twitter.com/vintec_ca"><i class="icon-twitter"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/vintec.lab/"><i class="icon-instagram"></i></a></li>
<li><a target="_blank" href="https://grupo-vintec.slack.com/messages/CF3EH9MEZ/"><i class="icon-slack"></i></a></li>
<li><a target="_blank" href="https://github.com/vintec-ca"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
<div class="row mt-md center-lg center-xs">
<div class="col-lg-6">
<ul>
<li class="list-redes"><a href="mailto:gerencia@vintec.com.ve"><i class="icon-gmail"> </i>
<p class="text-normal text-gray">gerencia@vintec.com.ve</p></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12 col-xs-12">
<p class="text-center">©<span>2019</span>Todos los dereschos reservados por<span>Vintec</span></p>
</div>
</div>
</div>
</footer>
<script src="js/bundle.min.js"></script>
</div>
</body>
</html>