-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (141 loc) · 6.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Enablitech</title>
<meta name="author" content="Enablitech">
<meta name="description" content="">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="Distribution" content="global"/>
<meta name="theme-color" content="#317EFB"/>
<meta name="Robots" content="all"/>
<link rel="shortcut icon" href="img/favicon.ico" type="image/ico">
<link rel="icon" href="img/favicon.ico" type="image/ico">
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<link href="css/stylish-portfolio.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<!--
<script src='https://www.google.com/recaptcha/api.js'></script>
-->
<script src="js/medium-zoom/dist/medium-zoom.min.js"></script>
<style>
</style>
</head>
<body id="page-top">
<div id="d-lang" class="text-left">
<h4 id="lang" class="btn btn-sm mt-2 text-dark bg-white" data-lang="en">Es</h4>
</div>
<a id="mnuMain" href="#" class="menu-toggle bg-dark rounded mt-1 mr-2" name="mnuMain">
<i class="fas fa-bars"></i>
</a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a id="mnuTitle" class="js-scroll-trigger" href="#page-top">Menú</a>
</li>
<li class="sidebar-nav-item">
<a id="mnuOStart" class="js-scroll-trigger" href="#page-top">Inicio</a>
</li>
<li class="sidebar-nav-item">
<a id="mnuOProds" class="js-scroll-trigger" href="#allbusdesc">Portafolio</a>
</li>
<li class="sidebar-nav-item">
<a id="mnuOContact" class="js-scroll-trigger" href="#contact">Contacto</a>
</li>
</ul>
</nav>
<header class="masthead pt-3" style="background-image: url('img/banner.png');">
<div id="hdr" class="container-fluid text-center my-auto">
<div>
<h1 class="my-hdr-text" id="hdrtitle">Enablitech</h1>
<h3 class="my-hdr-text" id="siteSlogan">Soluciones tecnológicas avanzadas para individuos, hogares y empresas</h3>
</div>
</div>
<div class="overlay"></div>
</header>
<section id="allbusdesc" class="content-section bg-primary text-black text-center py-4" id="services">
<section class="container-fluid">
<div class="row justify-content-center">
<div class="col-sm-4 col-xs-6 d-flex align-items-stretch mb-4">
<div class="card">
<div class="card-header bg-white">
<img src="img/itaudit_service.png" class="card-img-top img-fluid img-responsive mx-auto pt-2" alt="...">
<h5 id="itaudit_service" class="card-title pt-2">Servicio de Auditoría de TI</h5>
</div>
<div class="card-body">
<p id="itaudit_service_desc" class="card-text">Servicio de realización de auditorías de sistemas automatizados en todo tipo de organización.</p>
</div>
<div class="card-footer bg-white">
<img data-zoomable src="img/brochures/itaudit-service-brochure-p2.png" width="40%">
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6 d-flex align-items-stretch mb-4">
<div class="card">
<div class="card-header bg-white">
<img src="img/itsa.png" class="card-img-top img-fluid img-responsive mx-auto pt-2" alt="...">
<h5 class="card-title pt-2">IT Semantic Audit</h5>
</div>
<div class="card-body">
<p id="prdITSA" class="card-text">Aplicación web para la realización de auditorías semánticas de TI en todo tipo de organización.</p>
</div>
<div class="card-footer bg-white">
<img data-zoomable src="img/brochures/itsa-brochure-p2.png" width="40%">
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6 d-flex align-items-stretch mb-4">
<div class="card">
<div class="card-header bg-white">
<img src="img/dms.png" class="card-img-top img-fluid img-responsive mx-auto pt-2" alt="...">
<h5 class="card-title pt-2">Document Repository System</h5>
</div>
<div class="card-body">
<p id="prdDMS" class="card-text">Aplicación web para la extracción de contenido, almacenamiento seguro, control de acceso y búsqueda de documentos procesados.</p>
</div>
<div class="card-footer bg-white">
<img data-zoomable src="img/brochures/drs-brochure-p2.png" width="40%">
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="content-section py-4">
<div class="container">
<div class="content-section-heading text-center">
<div class="content-section-heading text-center">
<img src="img/contact.png" alt="ContactImg"/>
<div>
<!--
<div class="text-left">
☎ Cel. +1-829-967-4907
</div>
-->
<div class="text-center">
✉ <a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer text-center">
<div class="container">
<h3 class="py-5">© 2021 Enablitech</h3>
</div>
</footer>
<!-- Scroll to Top Button-->
<a id="bscroll" class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="js/stylish-portfolio.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>