-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
250 lines (234 loc) · 11.3 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
<!DOCTYPE HTML>
<html>
<head>
<title>RPA Maker</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<script type="text/javascript">var submitted=false;</script>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">RPA Maker</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Inicio</a></li>
<!-- <li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li> -->
<li><a href="#cta">Contáctenos</a></li>
<li><a href="http://50.17.126.196/">Log In</a></li>
<li><a href="http://rpamaker.ddns.net:8000/">Usuario</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>RPA Maker</h2>
<p>Automatización e<br />
integración de procesos <br />
</p>
<ul class="actions special">
<li><a href="#three" class="button primary scrolly">Comienza</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">mas info</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>La capacitación continua es clave para la continuidad y crecimiento del negocio, tanto para recursos humanos como tecnológicos</h2>
<p>RPA Maker reúne la excelencia y enfoque corporativo con la vocación de docencia,<br />
trabajando antes, durante y luego de la adopción tecnológica de RPA.</p>
</header>
<ul class="icons major">
<li><a href="#significado" class="icon more scrolly"><span class="icon solid fa-drafting-compass major style1"><span class="label">Significado</span></span></a></li>
<li><a href="#hacemos" class="icon more scrolly"><span class="icon solid fa-code major style2"><span class="label">Que hacemos</span></span></a></li>
<li><a href="#somos" class="icon more scrolly"><span class="icon solid fa-handshake major style3"><span class="label">Que somos</span></span></a></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight" id="significado">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>SIGNIFICADO</h2>
<p>RPA es por las siglas en inglés Robotic Process Automation, es decir robotización de procesos</p>
</div>
</section>
<section class="spotlight" id="hacemos">
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
<h2>¿Qué hacemos?</h2>
<p>Nos encargamos de hacer el trabajo repetitivo de las empresas automatizando los procesos</p>
</div>
</section>
<section class="spotlight" id="somos">
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
<h2>¿Qué somos?</h2>
<p>Somos un equipo de desarrollo de software capaz de entender los procesos de nuestros clientes y proveer soluciones que aceleran la productividad integrando sistemas e implementando herramientas de automatización</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Nuestras capacidades</h2>
<!-- <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p> -->
</header>
<ul class="features">
<li class="icon fa-paper-plane">
<h3>Su negocio</h3>
<p>Realizamos análisis consultivo de procesos de negocio</p>
</li>
<li class="icon solid fa-laptop">
<h3>Su tecnología</h3>
<p>Análisis consultivo de procesos tecnológicos</p>
</li>
<li class="icon solid fa-code">
<h3>Integración</h3>
<p>Desarrollo e implementación de herramientas de integración de procesos</p>
</li>
<li class="icon solid fa-expand">
<h3>Automatización</h3>
<p>Desarrollo e implementación de herramientas de automatización de procesos</p>
</li>
<li class="icon solid fa-cloud-download-alt">
<!-- <li class="icon fa-heart"> -->
<h3>SaaS & ON-PREM</h3>
<p>Hosting y mantenimiento de soluciones</p>
</li>
<li>
<!-- <li class="icon fa-flag"> -->
<p>Trabajamos de inicio a fin en la consultoría, desarrollo, implementación, hosting y mantenimiento de las herramientas de integración y automatización</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<!-- <header>
<h2>Arcue ut vel commodo</h2>
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
</header>
<ul class="actions stacked">
<li><a href="#" class="button fit primary">Activate</a></li>
<li><a href="#" class="button fit">Learn More</a></li>
</ul> -->
<!-- </section> -->
<!--
Reference: https://github.com/toperkin/staticFormEmails/blob/master/README.md
Original link: https://docs.google.com/forms/d/e/1FAIpQLSfz0Ym6wvouOmLsDyIPx-0NlZvzERdYHUOPjt5k1DjZzETS0Q/viewform?usp=pp_url&entry.247680823=ejemploNombre&entry.790399439=ejemploEmail&entry.1965605240=ejemploMensaje
action: https://docs.google.com/forms/d/e/1FAIpQLSfz0Ym6wvouOmLsDyIPx-0NlZvzERdYHUOPjt5k1DjZzETS0Q/formResponse?
parameters: viewform?usp=pp_url&entry.247680823=ejemploNombre&entry.790399439=ejemploEmail&entry.1965605240=ejemploMensaje
Code Example:
<form name="gform" id="gform" enctype="text/plain" action="https://docs.google.com/forms/d/14lh6MIQOy9j3jWzEl7BysxEe4p9OoU9WN3tytbQjj1I/formResponse?" target="hidden_iframe" onsubmit="submitted=true;">
First name:<br>
<input type="text" name="entry.810989529" id="entry.810989529"><br>
Last name:<br>
<input type="text" name="entry.463380756" id="entry.463380756">
<input type="submit" value="Submit">
</form>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {}"></iframe>
-->
<!-- <section> -->
<form name="gform" id="gform" enctype="text/plain" action="https://docs.google.com/forms/d/e/1FAIpQLSfz0Ym6wvouOmLsDyIPx-0NlZvzERdYHUOPjt5k1DjZzETS0Q/formResponse?" target="hidden_iframe" onsubmit="submitted=true;">
<!-- <form method="post" action="#" > -->
<h4>Contactenos</h4>
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall">
<input type="text" name="entry.247680823" id="entry.247680823" value="" placeholder="Nombre" />
</div>
<div class="col-6 col-12-xsmall">
<input type="email" name="entry.790399439" id="entry.790399439" value="" placeholder="Email" />
</div>
<!-- <div class="col-12">
<select name="demo-category" id="demo-category">
<option value="">- Category -</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div> -->
<!-- <div class="col-4 col-12-small">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div> -->
<!-- <div class="col-6 col-12-small">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Enviarme copia</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">No soy robot</label>
</div> -->
<div class="col-12">
<textarea name="entry.1965605240" id="entry.1965605240" placeholder="Ingresa el mensaje" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Enviar mensaje" class="primary" /></li>
<!-- <li><input type="reset" value="Borrar mensaje" /></li> -->
</ul>
</div>
</div>
</form>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {}"></iframe>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<!-- <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> -->
<!-- <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> -->
<!-- <li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> -->
<!-- <li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li> -->
<li><a href="https://wa.me/59899637686?text=Hola%20me%20interesa%20saber%20más%20sobre%20RPAMaker%20" class="icon brands fa-whatsapp"><span class="label">Dribbble</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li> Copyright © RPAMaker</li><li>All Rights Reserved</li><li>+ 598 9963 7686</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!-- Form script -->
<!-- <script src="assets/js/jquery.min.js"></script> -->
<script type="text/javascript">
$('#gform').on('submit', function(e) {
$('#gform *').fadeOut(2000);
$('#gform').prepend('Su mensaje ha sido enviado. En caso de urgencias escribir por WhatsApp al + 598 9963 7686');
});
</script>
</body>
</html>