-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
259 lines (236 loc) · 13.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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TWJV7B9');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="https://www.colsubsidio.com/uploads/2016/11/favicon.png" type="image/x-icon">
<!-- Meta para adaptar a sitios moviles -->
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
<!-- Estilos -->
<link rel="stylesheet" href="public/css/app.css">
<link rel="stylesheet" href="public/css/animate.min.css">
<title>Colsubsidio</title>
<meta name="keywords" content="pagos subsidio vivienda colsubsidio, abono subsidio vivienda colsubsidio, pagos colegio colsubsidio, pagos pension colsubsidio, pagos matriculas colsubsidio, descarga documentos colsubsidio,estado de afiliacion colsubsidio
transacciones en linea colsubsidio, transacciones virtuales colsubsidio,estado afiliacion colsubsidio, tramites virtuales colsubsidio, tramites en linea colsubsidio,abono subsidio familiar colsubsidio, pago subsidio familiar colsubsidio, consultas virtuales colsubsidio,pagos en linea colsubsidio, pago virtual colsubsidio">
<!--Librerias-->
<script src="public/js/app-vendors.js"></script>
<!--Funciones-->
<script src="public/js/app.js"></script>
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="Descubre Colsubsidio Virtual">
<meta name="og:description"
content="Realiza consultas, pagos y descargas cuando y donde quieras, descubriendo cómo lo puedes hacer en Colsubsidio Virtual.">
<meta name="og:image" content="https://agenciadeempleocolsubsidio.com/wp-content/uploads/2020/04/couple.jpg">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWJV7B9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Start Main Banner -->
<section class="bg-firts-banner">
<div class="container">
<div class="row">
<div class="text-center col-12 img-logo-col">
<img src="public/images/portal-transacciona-logo.svg" alt="Banner">
</div>
<div class="col-sm-12 col-md-12 col-lg-6 text-white pt-4 mt-4 wow fadeInLeft" data-wow-duration="1s"
data-wow-delay="0.5s">
<h1> Portal Transaccional personas </h1>
<p class="text-size-25 py-4 font-galyon-regular">
Realiza consultas, pagos y más trámites, de manera fácil cuando quieras.
</p>
</div>
<div class="d-flex justify-content-center flex-wrap mt-4 info-2">
<div class="btn-sign-up py-4 text-center mx-4 info-3 btn-3">
<a href="https://www.colsubsidio.com/ssoc/#/registro?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">REGÍSTRATE</a>
</div>
<div class="btn-sign-in py-4 text-center mx-4">
<a href="https://www.colsubsidio.com/ssoc/#/ingresar?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">INICIA SESIÓN</a>
</div>
</div>
<div class="col-12 text-center d-none d-md-block wow fadeInUp downarrow">
<a href="#fisrt-section"><img src="public/images/icon-down.svg" alt=""></a>
</div>
</div>
</div>
</section>
<!-- End Main Banner -->
<!-- Start First Section -->
<section class="py-4" id="fisrt-section">
<div class="container py-4">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 fs-main-info wow fadeInLeft" data-wow-duration="1s"
data-wow-delay="0.5s">
<h1 class="darkblue text-size-61 ">CONSULTA TU INFORMACIÓN</h1>
<p class="py-4">En el Portal Transaccional Personas solo necesitas tu número de identificación para
acceder a tus datos personales, los de tu núcleo familiar y más información de tus productos.
Descubre todo lo que puedes consultar
</p>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="d-flex flex-wrap justify-content-around">
<div class="list-check-nice">
<p>Tu perfil y el de tus beneficiarios</p>
</div>
<div class="list-check-nice">
<p>Abonos y saldos de tu Subsidio Familiar</p>
</div>
</div>
<div class="d-flex flex-wrap justify-content-around">
<div class="list-check-nice">
<p>Abonos y saldos de bolsillos de ahorro</p>
</div>
<div class="list-check-nice">
<p>Productos vigentes de crédito</p>
</div>
</div>
<div class="d-flex flex-wrap justify-content-around">
<div class="list-check-nice">
<p>Fechas límite de pago de productos de crédito</p>
</div>
<div class="list-check-nice">
<p>Valores de matrícula y pensión si tu hijo estudia en Colegios Colsubsidio</p>
</div>
</div>
<div class="d-flex flex-wrap justify-content-around">
<div class="list-check-nice">
<p>Estado de tu afiliación Colsubsidio</p>
</div>
</div>
<div class="btn-sign-in py-4 pl-sm-0 pl-md-4">
<a href="https://www.colsubsidio.com/ssoc/#/ingresar?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">INICIA
SESIÓN</a>
</div>
</div>
</div>
</div>
</section>
<!-- End First Section -->
<!-- Start Second Banner -->
<section class="bg-second-banner">
<div class="container h-100">
<div class="row h-100">
<div class="col-sm-12 col-md-12 col-lg-6 d-md-block h-70"></div>
<div class="col-sm-12 col-md-12 col-lg-6 pt-4 mt-4 h-100 d-flex justify-content-center flex-column wow fadeInLeft"
data-wow-duration="1s" data-wow-delay="0.5s">
<h1 class="darkblue my-4">PAGA TUS PRODUCTOS</h1>
<p class="py-4 pg-4">
Evita filas y demoras, haz tus pagos en línea mucho más rápido y de manera segura en el Portal Transaccional Personas. Conoce los trámites que están disponibles.
</p>
<div class="d-flex flex-wrap justify-content-between py-3 pg-3">
<div class="carpeta list-check-folder-1 ">
<p>Saldos de tus productos de crédito</p>
</div>
<div class="carpeta list-check-folder-1 ">
<p>Pensiones y matrículas de tus hijos en los Colegios Colsubsidio</p>
</div>
</div>
<div class="d-flex flex-wrap justify-content-between py-3 pg-3">
<div class="carpeta list-check-folder-1 ">
<p>Pago o abono del Subsidio Familiar </p>
</div>
<div class="carpeta list-check-folder-1 ">
<p>Pago o abono del Subsidio de Vivienda</p>
</div>
</div>
<div class="btn-sign-in py-5 text-center ">
<a href="https://www.colsubsidio.com/ssoc/#/ingresar?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">INICIA
SESIÓN</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Second Banner -->
<!-- Start Second Section -->
<section class="py-5 dg-10">
<div class="container py-5">
<div class="row py-5 dg-5">
<div class="col-sm-12 col-md-12 col-lg-6 ss-main-info dg-5 wow fadeInLeft" data-wow-duration="1s"
data-wow-delay="0.5s">
<h1 class="darkblue text-size-61 ">DESCARGA TUS DOCUMENTOS</h1>
<p class="py-4">Ahora con pocos clics puedes realizar tus trámites virtuales, descargar los documentos que solicitas con frecuencia, porque en el Portal Transaccional Personas, tus documentos los obtienes sin salir de casa. Ingresa y haz tus transacciones en línea como:
</p>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 dg-6 wow fadeInLeft" data-wow-duration="1s"
data-wow-delay="0.5s">
<div class="d-flex flex-wrap justify-content-around py-3 ">
<div class="list-check-nice dg-7">
<p>Extractos de tus créditos</p>
</div>
<div class="list-check-nice dg-7">
<p>Certificación de afiliación a Colsubsidio</p>
</div>
</div>
<div class="d-flex flex-wrap justify-content-around py-3">
<div class="list-check-nice dg-8">
<p>Carta de vivienda (Si eres beneficiario de Subsidio Familiar)</p>
</div>
<div class="list-check-nice invisible">
</div>
</div>
<div class="btn-sign-in py-4 pl-4 text-center dg-9">
<a href="https://www.colsubsidio.com/ssoc/#/ingresar?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">INICIA
SESIÓN</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Second Section -->
<!-- Start Third Section-->
<section class="ts-main-info">
<div class="container">
<div class="row">
<div class="col-12 py-5 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
<h3 class="info-1">Disfruta de los beneficios que te ofrece el Portal Transaccional Personas cuando y donde quieras
</h3>
<div class="d-flex justify-content-center flex-wrap mt-4 info-2">
<div class="btn-sign-up py-5 text-center mx-4 info-3 btn-3">
<a href="https://www.colsubsidio.com/ssoc/#/registro?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">REGÍSTRATE</a>
</div>
<div class="btn-sign-in py-5 text-center mx-4">
<a href="https://www.colsubsidio.com/ssoc/#/ingresar?utm_source=PublicoPersonas&utm_medium=Colsubsidio&utm_campaign=caja_corp___ColsubsidioVirtual&utm_content=Link"
target="_blank">INICIA
SESIÓN</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Third Section-->
<!-- Start Footer -->
<footer class="pt-5">
<div class="container-fluid">
<div class="row">
<div class="col-12 text-center">
<p>Se recomienda utilizar Firefox - Google Chrome | Todos los derechos reservados © Colsubsidio
2020.</p>
</div>
<div class="col-12 text-center py-4 border-top">
<a href="https://www.ssf.gov.co/"><img src="public/images/vigilado.svg" alt="Vigilado"></a>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
</body>
<script>
new WOW().init();
</script>
</html>