5 | 
6 | 
7 |
8 | ---
9 |
10 | 
11 |
12 | ---
13 |
14 | [**Link del sitio web** ✌](https://mariana-am-portafolio.netlify.app/)
15 | ---
16 |
--------------------------------------------------------------------------------
/assets/stylesheet/loader.css:
--------------------------------------------------------------------------------
1 | * {
2 | box-sizing: border-box;
3 | margin: 0;
4 | padding: 0;
5 | }
6 |
7 | html {
8 | font-size: 62.5%;
9 | }
10 |
11 | .container--loader {
12 | background-color: var(--eerie-black);
13 | position: fixed;
14 | width: 100vw;
15 | height: 100vh;
16 | z-index: 9999;
17 | transition: all 1.5s;
18 | display: flex;
19 | align-items: center;
20 | justify-content: center;
21 | }
22 |
23 | .loader,
24 | .loader:before,
25 | .loader:after {
26 | border-radius: 50%;
27 | width: 2rem;
28 | height: 2rem;
29 | animation: loader 1.5s infinite ease-in-out;
30 | }
31 |
32 | .loader {
33 | color: var(--beaver);
34 | font-size: 13px;
35 | position: relative;
36 | animation-delay: -0.16s;
37 | }
38 |
39 | .loader:before,
40 | .loader:after {
41 | content: '';
42 | position: absolute;
43 | top: 0;
44 | }
45 |
46 | .loader:before {
47 | left: -3.5rem;
48 | animation-delay: -0.32s;
49 | }
50 |
51 | .loader:after {
52 | left: 3.5rem;
53 | }
54 |
55 | @keyframes loader {
56 | 0%,
57 | 80%,
58 | 100% {
59 | box-shadow: 0 2.5rem 0 -1.3rem;
60 | }
61 | 40% {
62 | box-shadow: 0 2.5rem 0 0;
63 | }
64 | }
--------------------------------------------------------------------------------
/assets/stylesheet/tablet.css:
--------------------------------------------------------------------------------
1 | /* Header */
2 |
3 | nav.nav_menu.active {
4 | width: 50%;
5 | margin-left: 50%;
6 | top: 5.9rem;
7 | }
8 |
9 | /* Home */
10 |
11 | .image_home {
12 | max-width: 50rem;
13 | }
14 |
15 | .container_text-info {
16 | display: flex;
17 | justify-content: center;
18 | align-items: center;
19 | }
20 |
21 | .home_text-1 {
22 | margin-right: 1rem;
23 | font-size: 2.4rem;
24 | }
25 |
26 | .home_text-2 {
27 | font-size: 3.6rem;
28 | }
29 |
30 | /* Sobre mi */
31 |
32 | .sobreMi {
33 | padding: 0 2rem;
34 | display: flex;
35 | flex-direction: column;
36 | align-items: center;
37 | }
38 |
39 | .container_content-sobreMi {
40 | display: flex;
41 | flex-direction: column;
42 | align-items: center;
43 | }
44 |
45 | .container_texto-sobreMi {
46 | padding: 4rem;
47 | }
48 |
49 | .title_sobreMi {
50 | font-size: 3rem;
51 | }
52 |
53 | .texto_sobreMi {
54 | font-size: 1.8rem;
55 | line-height: 2.5rem;
56 | }
57 |
58 | .container_image-sobreMi {
59 | width: 65%;
60 | margin-top: 2rem;
61 | }
62 |
63 | /* Habilidades */
64 |
65 | .cards_container--habilidades {
66 | column-gap: 4rem;
67 | }
68 |
69 | /* Formación */
70 |
71 | .cards_container--formacion {
72 | flex-wrap: wrap;
73 | flex-direction: row;
74 | }
75 |
76 | .cards--formacion {
77 | margin: 0 2rem 3rem 2rem;
78 | }
79 |
80 | /* Proyectos */
81 |
82 | .cards--proyectos {
83 | max-width: 48rem;
84 | }
85 |
86 | .container_btn--proyectos button {
87 | width: 20.6rem;
88 | }
89 |
90 | /* Contacto */
91 | .container--contacto {
92 | margin: 0 auto;
93 | width: 80%;
94 | }
--------------------------------------------------------------------------------
/languages/en.json:
--------------------------------------------------------------------------------
1 | {
2 | "menu": {
3 | "item2": "About me",
4 | "item3": "Skills",
5 | "item4": "Training",
6 | "item5": "Projects",
7 | "item6": "Contact"
8 | },
9 |
10 | "home": {
11 | "home_text-1": "Hi! I'm",
12 | "home_text-3": "Front-End Web Developer",
13 | "parrafo-info": "Statistics and programming student focused on Frontend Web Development. As a person who loves intuitive and aesthetically pleasing designs I seek to create projects that provide the best user experience.",
14 | "cv_button": "Download CV",
15 | "contact_button": "Contact"
16 | },
17 |
18 | "sobre-mi": {
19 | "title": "About me",
20 | "texto_sobreMi": "I'm a Statistics undergraduate student and a self-taught Web Development student focused on Frontend programming.
40 |
41 |
59 |
60 | 
72 | Hola! Soy
77 |Mariana Arias
78 |Desarrolladora web Front-End
82 |Estudiante de Estadistica y programación enfocada al Desarrollo Web Frontend. Como persona amante a los diseños intuitivos y estéticamente agradables busco crear proyectos que brinden la mejor experiencia para el usuario.
86 |
101 | 
104 | 
107 | 
110 | Sobre mí
117 | 118 |Aspiro conseguir empleo en el mundo del Desarrollo Web, adquirir experiencia, nuevos conocimientos y fortalecer mi vida profesional.
Soy una persona empática y entusiasta, con competencias enfocadas en el trabajo en equipo, comunicación asertiva, resolución de problemas, responsable y proactiva, me gusta aprender de los demás y superarme continuamente. 122 |
126 | Habilidades
133 | 134 |
135 |
136 |
137 | 
140 | HTML 5
141 |
145 | CSS 3
146 |
150 | JavaScript
151 |
155 | Notion
156 |
160 | Tailwind
161 |
165 | Git
166 |
170 | Github
171 |
175 | Trello
176 |Formación
183 | 184 |
187 | Estadística
189 |2019 - En curso
190 |
195 | Desarrollo Web Full-Stack
197 |2022 - 2023
198 |
203 | Contabilización de Operaciones Comerciales y Financieras
205 |2017 - 2018
206 |Proyectos
214 | 215 |
216 |
217 |
218 | 
222 | Juego del Ahorcado
226 |Un juego donde el usuario debe adivinar la palabra secreta con un cierto número de oportunidades. La palabra se escoge de forma aleatoria por el programa y el usuario perderá en el momento en que la horca se complete.
227 |
247 | Portafolio
251 |Mi portafolio web personal, donde se encuentran algunos de mis proyectos más destacados, mis habilidades técnicas y un poco sobre mi formación.
252 |
272 | Encriptador de Texto
276 |Un ecriptador donde el usuario puede escribir un texto y el encriptador lo codifica con llaves ya programadas. El encriptador también permite desencriptar el texto.
277 |Contacto
299 | 300 |Completa el siguiente formulario y me pondré en contacto contigo lo antes posible.
305 |