-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.mjml
105 lines (94 loc) · 5.47 KB
/
index.mjml
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
<mjml>
<mj-head>
<mj-title>Discount Light</mj-title>
<mj-preview>Pre-header Text</mj-preview>
<mj-font name="Work+Sans, sans-serif" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700;800&display=swap" />
<mj-attributes>
<mj-all font-family="Work+Sans,, Arial, sans-serif"></mj-all>
<mj-text font-weight="400" font-size="16px" color="#000000" line-height="24px" font-family="Work+Sans, Arial, sans-serif"></mj-text>
</mj-attributes>
<mj-style inline="inline">
.body-section {
-webkit-box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15);
box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15);
}
</mj-style>
<mj-style inline="inline">
.text-link {
color: #5e6ebf
}
</mj-style>
<mj-style inline="inline">
.footer-link {
color: #888888
}
</mj-style>
</mj-head>
<mj-body background-color="#FBF8DF" width="600px">
<mj-section full-width="full-width" background-color="#618685" padding-top='40px' padding-bottom="0px">
<mj-column width="100%">
<mj-social font-size="15px" icon-size="30px" mode="horizontal" align="center">
<mj-social-element name="github" href="https://github.com/LuciaMezquida" background-color="#c85604">
</mj-social-element>
<mj-social-element name="linkedin" href="https://www.linkedin.com/in/luciamezquidajuan/" background-color="#c85604">
</mj-social-element>
<mj-social-element name="twitter" href="https://twitter.com/LuciCodes" background-color="#c85604">
</mj-social-element>
<mj-social-element name="web" href="https://luciamezquida.netlify.app/" background-color="#c85604">
</mj-social-element>
</mj-social>
<!-- https://i.ibb.co/fpFqP9S/avatar.png -->
<!-- "https://i.ibb.co/n7rJH5h/hero.png" -->
<!-- https://i.ibb.co/9y2RQq8/hero2.png -->
<mj-image src="https://i.ibb.co/fNzQFD8/hero2.png" width="600px" alt="Lucia Mezquida Hero" padding="10px" href="https://luciamezquida.netlify.app/" />
</mj-column>
</mj-section>
<mj-wrapper padding-top="0" padding-bottom="0" css-class="body-section">
<mj-section background-color="#ffffff" padding-left="15px" padding-right="15px">
<mj-column width="100%">
<mj-text color="#637381" font-size="16px">
<p>Hola,</p>
</mj-text>
<mj-text color="#637381" font-size="16px">
<p>Mi nombre es <strong>Lucía Mezquida</strong> y soy <strong>Programadora FrontEnd</strong>, aunque no siempre ha sido así. </p>
</mj-text>
<mj-text color="#637381" font-size="16px">
<p>Comencé mi andadura profesional como farmacéutica, donde aprendí a <strong>trabajar en equipo </strong>y a saber comunicarme de manera empática. Pero ha sido en la programación donde por fin he encontrado la sinergia perfecta entre <strong>creatividad</strong>, <strong>resolución de problemas</strong> y la <strong>mejora continua</strong>.</p>
</mj-text>
<mj-text color="#637381" font-size="16px">
<p>Después de un periodo de autoformación, pasé las pruebas del bootcamp Adalab Digital, donde fui formada en <strong>HTML</strong>, <strong>CSS</strong>, <strong>JavaScript</strong> y <strong>React</strong>, así como a trabajar en equipo dentro de la filosofía <strong>Agile</strong>, con el marco de trabajo Scrum, todo ello en <strong>remoto</strong>.</p>
</mj-text>
<mj-text color="#637381" font-size="16px">
<p>Soy una persona <strong>proactiva</strong>, <strong>empática</strong>, <strong>asertiva </strong>y <strong>paciente</strong>, a la que no le da miedo enfrentarse a nuevos retos, con mucho entusiasmo y ganas de seguir aprendiendo con <strong>pasión</strong> y <strong>superación</strong>.</p>
</mj-text>
<mj-text color="#637381" font-size="16px" padding-bottom="60px">
<p>Un saludo!</p>
</mj-text>
<mj-button background-color="#3c5353" align="center" color="#ffffff" font-size="17px" font-weight="bold" href="https://drive.google.com/file/d/1SU4i9IdSOrWZWuTQcIuQZAAfLYbV6K6g/view" width="300px">
Descargar CV
</mj-button>
</mj-column>
</mj-section>
</mj-wrapper>
<mj-wrapper full-width="full-width">
<mj-section>
<mj-column width="100%" padding="0">
<mj-social font-size="15px" icon-size="30px" mode="horizontal" padding-bottom="20px" align="center">
<mj-social-element name="github" href="https://github.com/LuciaMezquida" background-color="#c85604">
</mj-social-element>
<mj-social-element name="linkedin" href="https://www.linkedin.com/in/luciamezquidajuan/" background-color="#c85604">
</mj-social-element>
<mj-social-element name="twitter" href="https://twitter.com/LuciCodes" background-color="#c85604">
</mj-social-element>
<mj-social-element name="web" href="https://luciamezquida.netlify.app/" background-color="#c85604">
</mj-social-element>
</mj-social>
<mj-text color="#445566" font-size="11px" align="center" line-height="16px">
<small>© Lucía Mezquida Juan.</small>
</mj-text>
</mj-column>
</mj-section>
</mj-wrapper>
</mj-body>
</mjml>