-
Notifications
You must be signed in to change notification settings - Fork 1
/
start.html
309 lines (267 loc) · 17.3 KB
/
start.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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0">
<title>Start Page</title>
<link rel="stylesheet" type="text/css" href="css/start.min.css" />
</head>
<body>
<!-- SECTION 1 -->
<section id="welcome" class="disable-user-select">
<div class="lined-paper-background" id="welcome-description">
<h1 class="handwrite-note font-weight-bold"><span>¡Bienvenidx!</span> </h1>
<p class="handwrite-note">Este será el espacio en el que marcas y negocios emergentes, emprendedores y curiosos podrán encontrar tips e información sobre comercio en general. Un pequeño scroll y unos minutos de lectura te harán descubrir un mundo nuevo en el que tus ideas podrán convertirse en una gran y productiva realidad.</p>
</div>
<div id="welcome-coin-1" class="coin ar2"><img src="img/ar2.png" alt="Where is the img???" /></div>
<div id="welcome-coin-2" class="coin ar2"><img src="img/ar2back.png" alt="Where is the img???" /></div>
<div class="lined-paper-background" id="welcome-description-back1"></div>
<div class="lined-paper-background" id="welcome-description-back2"></div>
</section>
<!-- SECTION 2 -->
<section id="services" class="disable-user-select">
<div id="servicesPhotos1">
<img src="img/content/foto01.JPG" alt="Where is the img???" />
</div>
<div class="paper1 section-content" id="services-description">
<div id="servicesBarcode1"></div>
<header>
<h1>¿Tenés un idea? ¡Traela!</h1>
</header>
<article>
<p>
Juntos la podemos convertir en un Plan de Negocios, con una proyección de la inversión.
<span class="font-weight-bold">Para contactarme</span> no hace falta que desees exportar/importar, <span class="font-weight-bold">lo que necesitas es tener una <span class="svgmarker">idea productiva<svg class="svgline"><use xlink:href="#svg_line"></svg></span>, las ganas de llevarla a cabo y un espíritu emprendedor (<span class="font-style-italic">¡ingrediente secreto!</span>)</span>
</p>
<p>
Pero… seguramente te preguntarás “<span class="font-weight-bold">¿hace magia?</span>”… No, no hago magia pero <span class="font-weight-bold">estoy cerca</span>: los servicios que brindo son muy diversos y se adaptan a las necesidades que tiene cada cliente. Te puedo ayudar en Estudios de Mercado y también en las inscripciones en el Registro de Importadores y Exportadores.
</p>
<p>Para que nos entendamos mejor <span class="svgmarker">resumo todo en una lista<svg class="svgline"><use xlink:href="#svg_line"></svg>:</p>
<ul>
<li><i class="list-style fa fa-check"></i>Asesoramiento y gestión integral en la secuencia de Importación y Exportación</li>
<li><i class="list-style fa fa-check"></i>Elaboración de perfiles y estudios exploratorios de mercado</li>
<li><i class="list-style fa fa-check"></i>Conformación del precio de Importación y Exportación</li>
<li><i class="list-style fa fa-check"></i>Obtención y elaboración de documentación y certificados</li>
<li><i class="list-style fa fa-check"></i>Desarrollo de Proyectos de Exportación</li>
<li><i class="list-style fa fa-check"></i>Plan de Negocios para PyMEs y Microemprendimientos</li>
<li><i class="list-style fa fa-check"></i>Información sobre el establecimiento de ferias y exposiciones</li>
<li><i class="list-style fa fa-check"></i>Reservas y seguimientos de las operaciones</li>
<li><i class="list-style fa fa-check"></i>Estadísticas de Exportación e Importación</li>
<li><i class="list-style fa fa-check"></i>Asesoramiento sobre normas de Comercio Exterior</li>
<li><i class="list-style fa fa-check"></i>Asistencia e Información</li>
</ul>
<p>Me contactas, llevo adelante el servicio que se adecúe a tus necesidades y <span class="svgmarker">¡te llevas todo en un documento, en dos versiones<svg class="svgline"><use xlink:href="#svg_line"></svg></span> (impresa y digital)! ¡Si! Te comparto todo el material (información recabada y material desarrollado para tu emprendimiento) <span class="svgmarker">para que puedas tenerlo a mano y revisarlo cuando quieras<svg class="svgline"><use xlink:href="#svg_line"></svg></span>.</p>
<p>¡No esperes más! Comunicate, así ponemos manos a la obra y <span class="font-weight-bold">hacemos de tu idea una realidad</span>.</p>
</article>
</div>
<div id="servicesStickyNote1" class="sticky-note blueviolet">
<p>Si crees que puedo ayudarte con algo que no figura en la lista o que no haya mencionado ¡Escribime! Estoy para ayudarte.</p>
</div>
<div id="servicesPhotos2">
<img src="img/content/foto02.JPG" alt="Where is the img???" />
</div>
</section>
<section id="servicesPhotos3" class="disable-user-select">
<img src="img/content/foto03.JPG" alt="Where is the img???" />
<!--
<img src="img/content/foto04.JPG" alt="Where is the img???" />
<img src="img/content/foto05.JPG" alt="Where is the img???" />
-->
</section>
<!-- SECTION 3 -->
<section id="docs" class="disable-user-select">
<div id="docsMicroSD1">
<img class="cardMicroSD" src="img/cardMicroSDNokia.png" alt="" />
</div>
<div id="docsMicroSD2">
<img class="cardMicroSD2" src="img/cardMicroSDback.png" alt="" />
</div>
<div id="docsSD1">
<img class="cardSD" src="img/sdCard.png" alt="" />
</div>
<a href="https://onedrive.live.com/?cid=4dcf8c46e54eb734&id=4DCF8C46E54EB734%21105" target="_blank" id="lumia-OneDrive" class="cursor-pointer overflow-hidden">
<img src="img/lumia2520.png" class="lumia2520">
<div class="OneDriveScreen overflow-hidden">
<div class="glass-glow"></div>
<div class="screen-content">
<img src="img/OneDriveWhite.png">
</div>
</div>
</a>
<div class="paper1 section-content" id="docs-description">
<div id="docsBarcode1"></div>
<header>
<h1>Informes</h1>
</header>
<article>
<p>Para que conozcas mejor como trabajo, he creado una base de datos en la que podrás encontrar información sobre comercio exterior, análisis de mercado internacional, y un montón de cosas más, ¡que seguramente te serán de gran utilidad!</p>
<p>Por último puedo decirte que es importante tener en cuenta que los datos en comercio varían día a día, si notas información desactualizada ¡No te asustes! La idea es <span class="font-weight-bold">compartir con vos mi experiencia</span> y parte de los trabajos realizados, y la información recabada.</p>
<div id="oneDrive-link" class="">
<div id="oneDrive-qr" class="left"></div>
<div class="handwrite-note left">¡Escaneá el QR con tu dispositivo movil! (o hace click en la tablet de la derecha)</div>
<div class="clr"></div>
</div>
<div id="oneDrive-link-mobile">
<a href="https://onedrive.live.com/?cid=4dcf8c46e54eb734&id=4DCF8C46E54EB734%21105" target="_blank" class="m-btn blue"><i class="fa fa-cloud"></i> Ver OneDrive</a>
</div>
<!--<p>Además de todo lo que te venimos contando, contamos con un servicio de consultas online; está dirigido a empresas que tengan dudas puntuales sobre su actividad de exportación/importación. El plazo de nuestra respuesta va a depender de la complejidad de tu consulta.</p>-->
</article>
</div>
</section>
<!-- SECTION 4 -->
<section id="about" class="disable-user-select">
<div class="squared-paper-background section-content" id="about-description">
<div id="aboutBarcode1"></div>
<header>
<h1 class="handwrite-note">La parte más difícil: <span class="font-weight-bold">hablar de uno</span>...</h1>
</header>
<article>
<p>Mi nombre es <span class="highlighted-text yellow">Anabel Robledo</span>, hay dos cosas que me llenan y me apasionan: por un lado <span class="highlighted-text yellow">mi familia</span> y por el otro <span class="highlighted-text yellow">mi trabajo</span>. Es por eso que elijo hacer de ambos parte de mi vida.</p>
<p><span class="highlighted-text yellow">¡Mi día a día a veces me encuentra entre trámites y papeles!</span> Para que me conozcas un poco más, te cuento acerca de mi experiencia... </p>
<ul>
<li><i class="list-style fa fa-check"></i>Asesoro en proyectos de exportación, legislación, y estudios relacionados al comercio exterior a empresas, asociaciones y emprendimientos.</li>
<li><i class="list-style fa fa-check"></i>En el ámbito estatal formé parte del Ministerio de Producción (Dirección de Industria y Comercio, Área Comercio Exterior) de la Provincia de Catamarca.</li>
<li><i class="list-style fa fa-check"></i>En el sector privado trabajé en el sector comercial, en gestión de despachos, coordinación, seguimiento de las operaciones y documentación de Exportación de la firma Metalmecánica (Grupo Tenaris).</li>
</ul>
<p>Además puedo contarte que si bien <span class="font-weight-bold">mi pasión por el comercio me acompaña desde que tengo uso de razón</span>, tuve que ayudar a la pasión con mucho estudio y capacitación. Para poder ayudarte hoy en día <span class="highlighted-text yellow">estudié</span>:</p>
<ul>
<li><i class="list-style fa fa-check"></i>Licenciatura en Comercio Internacional <span class="font-style-italic">(en la Universidad Virtual de Quilmes)</span></li>
<li><i class="list-style fa fa-check"></i>Tecnicatura Universitaria en Comercialización Internacional y Comercio Exterior <span class="font-style-italic">(en Universidad Nacional de San Luis)</span></li>
</ul>
</article>
</div>
</section>
<!-- SECTION 5 -->
<section id="contact" class="disable-user-select">
<div class="paper1 section-content" id="contact-description">
<div id="contactBarcode1"></div>
<header>
<h1 class="">Contactame</h1>
</header>
<article>
<p>¿Con toda esta información te surgieron dudas? ¡Cuento con un servicio de consultas online! ¡Sii! Está dirigido a empresas o personas que tengan dudas puntuales sobre su actividad de exportación/importación. El plazo de la respuesta va a depender de la complejidad de tu consulta.</p>
<p><span class="highlighted-text green">¡No te quedes con la duda, escribime!</span></p>
</article>
<form id="contactForm" action="" method="post" class="lined-paper-background section-content">
<input type="text" id="newContactName" name="name" placeholder="tu nombre...">
<input type="text" id="newContactMail" name="email" placeholder="tu email...">
<input type="text" id="newContactPhone" name="phone" placeholder="tu teléfono...">
<textarea id="newContactMessage" name="message" placeholder="tu mensaje..."></textarea>
<button id="sendMsg" type="submit" class="right">Enviar</button><div class="clr"></div>
</form>
<article>
<p>Otras vías de comunicación</p>
<div id="socialLinks">
<div class="socialLink left mail-link"><a href="mailto:[email protected]"><i class="fa fa-envelope"></i> [email protected]</a><div class="highlighted-text green"></div></div>
<div class="clr"></div>
<div class="socialLink left fb-link">
<a href="https://facebook.com/AnabelRobledoWeb" target="_blank"><i class="fa fa-facebook-square"></i> AnabelRobledoWeb</a>
<div class="highlighted-text blue"></div>
</div>
<div class="clr"></div>
<div class="socialLink left twitter-link">
<a href="https://twitter.com/RobledoAnabel" target="_blank"><i class="fa fa-twitter"></i> RobledoAnabel</a>
<div class="highlighted-text cyan"></div>
</div>
</div>
<div class="clr"></div>
</article>
</div>
</section>
<!--twitter://user?id=299489321-->
<!-- SECTION TACHUSO-->
<section id="withLoveByTachuso" class="disable-user-select">
<div class="squared-paper-background section-content" id="byTachuso">
<a href="http://tachuso.com" target="_blank"><header>
<div class="handwrite-note">with</div><div class="love"><i class="fa fa-heart"></i></div><div class="handwrite-note">by</div><img class="" src="img/violetTachuso100.png"><div class="tachuso-font">tachuso</div>
</header>
</a>
</div>
</section>
<script>
function resize() {
windowHeight = $(window).outerHeight(true);
windowWidth = $(window).outerWidth(true);
if (windowHeight > windowWidth) {
$(".slideContent > figure > img").hasClass("fullWidth") ?
$(".slideContent > figure > img").removeClass("fullWidth").addClass("fullHeight") :
$(".slideContent > figure > img").addClass("fullHeight");
} else {
$(".slideContent > figure > img").hasClass("fullHeight") ?
$(".slideContent > figure > img").removeClass("fullHeight").addClass("fullWidth") :
$(".slideContent > figure > img").addClass("fullWidth");
}
middleContentTopPos = $("#slider").outerHeight(true);
$("#middleContent").css({
"top": middleContentTopPos
});
}
$(window).resize(resize);
$(document).ready(function () {
$("#servicesBarcode1").kendoBarcode({
value: "Servicios",
background: "rgba(255, 255, 255, 0)",
color: "rgba(0, 0, 0, 0.75)",
text: false,
type: "code128",
width: 280,
height: 50
});
$("#docsBarcode1").kendoBarcode({
value: "Informes",
background: "rgba(255, 255, 255, 0)",
color: "rgba(0, 0, 0, 0.75)",
text: false,
type: "code128",
width: 280,
height: 50
});
$("#aboutBarcode1").kendoBarcode({
value: "anabel",
background: "rgba(255, 255, 255, 0)",
color: "rgba(0, 0, 0, 0.75)",
text: false,
type: "code128",
width: 280,
height: 50
});
$("#oneDrive-qr").kendoQRCode({
// There is a url shortener inbuilt on OneDrive, it uses "1drv"
// maybe we can short this link, but we need password to access this OneDrive folder...
value: "https://onedrive.live.com/?cid=4dcf8c46e54eb734&id=4DCF8C46E54EB734%21105",
errorCorrection: "H",
size: 150,
background: "rgba(255, 255, 255, 0)",
color: "rgba(0, 0, 0, 1)",
});
$("#servicesBarcode1").kendoBarcode({
value: "Contacto",
background: "rgba(255, 255, 255, 0)",
color: "rgba(0, 0, 0, 0.75)",
text: false,
type: "code128",
width: 280,
height: 50
});
$("#contactForm").on("submit", function (event) {
event.preventDefault();
ser = $(this).serialize();
//console.log("ser: ",ser);
$.post("sendMail.php", ser, function (response) {
switch(response){
case "Sent":
//console.log("SENT");
break;
case "WrongEmail":
//console.log("ERROR!");
break;
default:
//console.log("ERROR2!");
break;
}
});
return false;
});
});
</script>
</body>
</html>