-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
executable file
·183 lines (155 loc) · 6.44 KB
/
contact.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
<!DOCTYPE HTML>
<!--
Sunplena Tech
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Contact - Sunplena Tech</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/fa_style.css" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>
<body class="contact is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo">
<a href="index.html" class="font_logo logo_pagina">
<img src="images/logo.png" width="" height="50px"> <br />
Sunplena Tech
</a>
</h1>
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Bienvenido</a></li>
<li class="submenu">
<a href="#">Menú</a>
<ul>
<li><a href="contact.html">Contáctanos</a></li>
<!--
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
<li class="submenu">
<a href="#">Submenu</a>
<ul>
<li><a href="#">Dolore Sed</a></li>
<li><a href="#">Consequat</a></li>
<li><a href="#">Lorem Magna</a></li>
<li><a href="#">Sed Magna</a></li>
<li><a href="#">Ipsum Nisl</a></li>
</ul>
</li>
-->
<li class="submenu">
<a href="#">Productos</a>
<ul>
<li><a href="Iot_Sun_Prot.html">IoT Sun Protection</a></li>
<li><a href="#">Proyecto AQUA</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html" class="button primary">Contáctanos</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header class="special container">
<span class="icon solid fa-envelope"></span>
<h2>Contáctenos</h2>
<p>El primer paso a la transformación digital.</p>
</header>
<!-- One -->
<section class="wrapper style4 special container medium">
<!-- Content -->
<div class="content">
<form class="gform pure-form-stacked" method="POST"
action="https://script.google.com/macros/s/AKfycbwOF6xcD7Ecpf2chdYekLUXJVPmwbVVsig1KvqnO4nBFRpAH3Q/exec">
<div class="row gtr-50 form-elements">
<div class="col-6 col-12-mobile">
<label for="name">Nombre: </label>
<input type="text" id="name" name="name" placeholder="Su nombre aquí" />
</div>
<div class="col-6 col-12-mobile">
<label for="email">Dirección de Email:</label>
<input type="email" id="email" name="email" value="" required
placeholder="[email protected]" />
<span class="email-invalid" style="display:none">Coloque una dirección valida</span>
</div>
<!--
<div class="col-12">
<input type="text" name="subject" placeholder="Subject" />
</div>
-->
<div class="col-12">
<label for="message">Mensaje: </label>
<textarea id="message" name="message" placeholder="Queremos conocer sus dudas!"
rows="10"></textarea id="message">
</div>
<div class="col-12">
<ul class="buttons">
<li><input type="submit" class="special" value="Enviar" /></li>
</ul>
<!--<button>Enviar</button>-->
</div>
</div>
<div class="thankyou_message" style="display:none;">
<h2>
<em class="font_logo">Sunplena Tech</em>
</br>Gracias por contactarnos, responderemos lo más pronto posible!
</h2>
</div>
</form>
</div>
<script data-cfasync="false" type="text/javascript" src="assets/js/form-submission-handler.js"></script>
</section>
</article>
<!-- Footer -->
<footer id="footer">
<h2>Visita nuestras <strong>Redes Sociales</strong></h2>
<ul class="icons">
<li><a target="_blank" href="https://www.facebook.com/sunplenatech"
class="icon brands circle fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" href="https://www.instagram.com/sunplenatech"
class="icon brands circle fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" href="https://www.tiktok.com/@sunplenatech"
class="icon-SPT brands circle tiktok"><span class="label">TikTok</span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/company/sunplenatech"
class="icon brands circle fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a target="_blank" href="https://bit.ly/contactoSPT"
class="icon brands circle fa-whatsapp"><span class="label">Whatsapp</span></a></li>
<li><a target="_blank" href="https://t.me/SunplenaNews" class="icon brands circle fa-telegram"><span
class="label">Telegram</span></a></li>
<li><a target="_blank" href="mailto:[email protected]"
class="icon-SPT brands circle icon-mail"><span class="label">E-mail</span></a></li>
<li><a target="_blank" href="https://github.com/SunPlenaTech"
class="icon brands circle fa-github"><span class="label">Github</span></a></li>
</ul>
<ul class="copyright">
<li>© Sunplena: All rights reserved. | <a
href="https://www.linkedin.com/in/alexander-saravia/">Alexander Saravia</a>. & <a
href="https://www.linkedin.com/in/dannyjca/">Danny Cuichán</a>. </li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollgress.min.js"></script>
<script src="assets/js/jquery.scrollex.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>
</body>
</html>