-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
309 lines (264 loc) · 13.9 KB
/
Copy pathindex.php
File metadata and controls
309 lines (264 loc) · 13.9 KB
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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MLA: Marketing, Landing, Automation</title>
<!-- SEO BÁSICO -->
<title>Título único y descriptivo de la página</title>
<meta name="description" content="MLA Studio es una agencia creativa digital que impulsa marcas y negocios desde la idea hasta el liderazgo.
Ofrecemos desarrollo web, branding, diseño publicitario y estrategias digitales personalizadas para asegurar
tu presencia y crecimiento en el mundo digital">
<meta name="keywords" content="marketing, automation, landing page">
<meta name="author" content="Nombre del autor o dueña del sitio">
<meta property="og:title"
content="Marketing, Landing & Automation: Transformamos conceptos en presencia online profesional">
<meta property="og:description" content="Mientras otros solo te dan un link, nosotros te damos presencia">
<meta name="twitter:title"
content="Marketing, Landing & Automation: Transformamos conceptos en presencia online profesional">
<meta name="twitter:description" content="Mientras otros solo te dan un link, nosotros te damos presencia">
<meta name="theme-color" content="#388E3C">
<link rel="stylesheet" href="assets/styles/index.css">
<link rel="icon" href="assets/img/Ml.png">
<script type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- Google tag (gtag.js) -->
</head>
<body>
<div class="container">
<!-- NavBar -->
<nav>
<div class="nav_brand">
<a href="index.html">
<img src="assets/img/MLA.png" alt="MLA logo">
</a>
</div>
<div class="menu-toggle">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<ul class="nav_links">
<li><a href="index.html"><img src="assets/img/icons/home.png" alt="home"></a></li>
<li><a href="PageCraft/">PageCraft</a></li>
<li><a href="ProfileX/">ProfileX</a></li>
<li><a href="">Servicios</a></li>
<li><a href="#contact">Contacto</a></li>
</ul>
</nav>
<header>
<img src="assets/img/MLA.png" alt="MLA">
<h1>Transformamos conceptos <br> en presencia online profesional</h1>
<div class="head_btn">
<a href="https://wa.me/529211521131" class="contact_btn" id="contact_btn" target="_blank">Contactar</a>
<!-- <a href="" class="contact_btn" id="free_btn" target="_blank">Inicia sin costo</a> -->
</div>
</header>
</div>
<main>
<section class="information_cards">
<div>
<h3>ProfileX</h3>
<p>Páginas web modernas, rápidas y optimizadas para impulsar tu marca en línea</p>
<a href="ProfileX/index.html" target="_blank">Saber más →</a>
</div>
<div>
<h3>PageCraft</h3>
<p>Portafolio profesional único que muestre tu talento y proyectos con estilo e impacto.</p>
<a href="PageCraft/index.html" target="_blank">Saber más →</a>
</div>
</section>
<section class="carousel">
<div class="carousel-wrapper">
<div class="carousel-slide active">
<div class="carousel-text">
<h2>Identidad corporativa</h2>
<p>Diseñamos una imagen coherente y memorable: logo, variaciones, paleta de colores, tipografía
y aplicaciones visuales que refuercen la presencia profesional de tu marca.</p>
</div>
<div class="carousel-media">
<img src="assets/img/identidad_corporativa.jpg" alt="identidad Corporativa">
</div>
</div>
<div class="carousel-slide">
<div class="carousel-text">
<h2>Branding</h2>
<p>Construimos la esencia de tu marca: estrategia, misión, valores, personalidad y tono de
comunicación enfocados en conectar con tu público ideal y posicionarte en el mercado.</p>
</div>
<div class="carousel-media">
<img src="assets/img/branding.jpg" alt="Branding">
</div>
</div>
<div class="carousel-slide">
<div class="carousel-text">
<h2>Contenido para redes sociales</h2>
<p>Potenciamos tu presencia digital con contenido atractivo: historias, posts, reels,
carruseles, diseños para fechas especiales y copywriting que conecta y convierte.</p>
</div>
<div class="carousel-media">
<img src="assets/img/social_media.jpg" alt="Redes sociales">
</div>
</div>
<div class="carousel-slide">
<div class="carousel-text">
<h2>Diseño publicitario</h2>
<p>Damos vida a tu comunicación visual con materiales de alto impacto: lonas, tarjetas de
presentación, folletos y piezas diseñadas para destacar tu marca.</p>
</div>
<div class="carousel-media">
<img src="assets/img/publicidad 02.jpg" alt="Publicicidad">
</div>
</div>
</div>
<div class="carousel-nav">
<span class="nav-dot active" data-index="0"></span>
<span class="nav-dot" data-index="1"></span>
<span class="nav-dot" data-index="2"></span>
<span class="nav-dot" data-index="3"></span>
</div>
</section>
<section class="caption_text">
<h3>Convierte tus ideas en experiencias digitales</h3>
<h3>Mientras otros solo te dan un link, nosotros te damos presencia</h3>
<h3>Tu marca no nació para vivir dentro de una plantilla.</h3>
</section>
<section class="scroll-showcase">
<div class="showcase-item">
<div class="text">
<h2>ProfileX</h2>
<p>Portafolios digitales profesionales diseñados para mostrar tu talento y proyectos de manera
moderna, elegante y totalmente responsiva.</p>
<p>Ideal para freelancers, creativos, desarrolladores, diseñadores o profesionales que desean
destacar online.</p>
<p>Con ProfileX, tu portafolio se convierte en una herramienta estratégica para atraer
oportunidades laborales y reforzar tu marca personal.</p>
<a href="https://wa.me/529211521131" id="ProfileX" target="_blank">Conoce más →</a>
</div>
<div class="image">
<img src="assets/img/ProfileX.png" alt="ProfileX">
</div>
</div>
<div class="showcase-item">
<div class="text">
<h2>PageCraft</h2>
<p>Landing pages y sitios web estratégicos diseñados para comunicar, captar atención y convertir
visitantes en clientes de forma clara y efectiva.
</p>
<p>Ideal para emprendedores, negocios, eventos y marcas que necesitan presencia digital
inmediata y enfocada en resultados.</p>
<p>Con PageCraft, tu sitio web se convierte en una herramienta activa de marketing que guía al
usuario, genera registros, ventas o contactos y potencia tus campañas digitales desde el
primer día.</p>
<a href="https://wa.me/529211521131" id="PageCraft" target="_blank">Conoce más →</a>
</div>
<div class="image">
<img src="assets/img/PageCraft.png" alt="PageCraft">
</div>
</div>
</section>
<section class="packages">
<a href="https://wa.me/529211521131?text=Saludos%20vengo%20de%20MLA%20Studios,%20quisiera%20conocer%20sus%20planes%20disponibles"
target="_blank">
<button class="btn_packages">Nuestros planes</button>
</a>
<!-- queda pendiente añadir los paquetes que ya tengo en el pdf -->
</section>
<section class="experiences">
<h2>Experiencias impulsadas</h2>
<div class="carrousel_3d">
<div class="carrousel_3d_item">
<img src="assets/img/MudanzaFacil.png" alt="Mudanza Fácil">
<a href="https://app.mudanzafacil.com.mx/empresa/login" target="_blank">Mudanza Fácil</a>
</div>
<div class="carrousel_3d_item">
<img src="PageCraft/assets/img/Cruanpa/BlancoC.png" alt="Cruanpa">
<a href="PageCraft/CRUANPA/index.php" target="_blank">CRUANPA Comercializadora</a>
</div>
<div class="carrousel_3d_item">
<img src="PageCraft/assets/img/Valant/icon.png" alt="Valant">
<a href="PageCraft/BLOMSTARS/index.php" target="_blank">Valant Bordados Electronicos</a>
</div>
<div class="carrousel_3d_item">
<img src="PageCraft/assets/img/BLOMSTARS/flor.png" alt="Valant">
<a href="PageCraft/Valant/index.php" target="_blank">BLOMSTARS</a>
</div>
<div class="carrousel_3d_item">
<img src="ProfileX/assets/img/EstrellaRamos/photo.svg" alt="Estrella Ramos">
<a href="ProfileX/EstrellaRamos/index.php" target="_blank">Estrella Ramos <br> Ing.
Biotecnologia</a>
</div>
<div class="carrousel_3d_item">
<img src="assets/img/WISCONSIGN.avif" alt="WISCONSIGN">
<a href="https://www.wisconsign.co/" target="_blank">WISCONSIGN</a>
</div>
<div class="carrousel_3d_item">
<img src="ProfileX/assets/img/Mikkel/Mikkel/Mikkel 1.png" alt="Mikkel Llaven">
<a href="ProfileX/MikkelAlonso/index.php" target="_blank">Mikkel Llaven <br> Ing.
Software</a>
</div>
</div>
</section>
<section class="MAIN_FAQ">
<h2>¿Tienes <br> alguna duda?</h2>
<div class="FAQ_LIST">
<div class="FAQ_LIST_ITEM">
<h3>¿Puedo solicitar solo el diseño sin desarrollo web?</h3>
<p>
Sí. Ofrecemos <span>servicios modulares</span>:
puedes contratar únicamente el diseño, el desarrollo o ambos.
Adaptamos cada proyecto a tus necesidades y presupuesto.
</p>
</div>
<div class="FAQ_LIST_ITEM">
<h3>¿Qué necesito para comenzar un proyecto con ustedes?</h3>
<p>
Solo necesitamos una breve descripción de tu <span>idea o negocio</span>.
A partir de eso, te ayudamos a definir objetivos, estilo visual, estructura del sitio
y funcionalidad necesaria para iniciar el desarrollo.</p>
</div>
<div class="FAQ_LIST_ITEM">
<h3>¿Cada sitio o marca se diseña desde una plantilla o es totalmente personalizado?</h3>
<p>
Cada proyecto es único. En MLA Studio diseñamos y desarrollamos desde cero,
<span>basándonos en la identidad, objetivos y público</span> de cada cliente.
</p>
</div>
</div>
</section>
</main>
<footer class="MLA_footer">
<h2>Ponte en contacto conmigo</h2>
<div class="footer_contact">
<div class="footer_contact_item">
<img src="assets/img/icons/whatsapp.png" alt="WhatsApp">
<h3>WhatsApp</h3>
<a href="https://wa.me/529211521131" target="_blank">Enviar Mensaje</a>
</div>
<div class="footer_contact_item">
<img src="assets/img/icons/email.png" alt="Email">
<h3>Email</h3>
<a href="mailto:mikkel_03@outlook.com" target="_blank">mikkel_03@outlook.com</a>
</div>
<div class="footer_contact_item">
<img src="assets/img/icons/contact.png" alt="Contact Number">
<h3>Mi contacto</h3>
<a href="tel:+529211521131" target="_blank">921 152 1131</a>
</div>
</div>
<p class="copyright">Copyright © 2026 Mikkel Llaven Alonso | Todos los derechos reservados | Designed & built by
<a href="../../ProfileX/MikkelAlonso/index.php" target="_blank">Mikkel Llaven Alonso</a>
</p>
</footer>
<!-- NavBar script -->
<script src="assets/js/navBar.js" defer></script>
<!-- Carrousel items script -->
<script src="assets/js/carrousel_items.js" defer></script>
<!-- Scroll Reveal script -->
<script src="assets/js/scroll_reveal.js" defer></script>
<!-- Caption Text script -->
<script src="assets/js/carrousel_text.js" defer></script>
<!-- Experiencies Carrousel script -->
<script src="assets/js/carrousel_3D.js" defer></script>
</body>
</html>