-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8b15840
commit 81b6de5
Showing
1 changed file
with
132 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,133 @@ | ||
|
|
||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Malvabombom</title> | ||
| <link rel="icon" href="./source/img/favicon-16x16.png" type="image/png"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="./styles.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <p><a href="/" class="t__uva t__rainbow">@malvabombom</a></p> | ||
| </header> | ||
| <main class="marvel"> | ||
| <section class="marvel__intro"> | ||
| <h1 class="shake_it"> | ||
| <img src="./source/img/martin-logo.png" alt="" style="height: 140px; margin-bottom: -12px;"> | ||
| <br> | ||
| Hi, I’m <span class="t__marker">Martin</span> <span class="wave">👋</span> | ||
| </h1> | ||
| <p class="t__rainbow">Developer, Designer & Maker</p> | ||
| </section> | ||
| <section class="marvel__section"> | ||
| <h2><span class="t__marker">About</span> me</h2> | ||
| <p>I'm a <span class="t__bold t__uva">Software Engineer</span> based in <span class="t__uva">LATAM</span> trying | ||
| to be a recognized chef 👨🍳 | ||
| , but while figuring out how to turn on the stove I happily <span class="t__uva">develop | ||
| software</span> 🧑🏽💻</p> | ||
| </section> | ||
| <section class="marvel__section"> | ||
| <h2><span class="t__marker">Tools</span> I use</h2> | ||
| <p>I usually work with <span class="t__uva">Python, JavaScript, Typescript,</span> and their frameworks | ||
| like <span class="t__uva">Django, Flask, Angular, React</span> and <span class="t__uva">Vue,</span> | ||
| but I don't limit myself to just these languages and their tools, since I work comfortably with <span | ||
| class="t__uva">Figma, | ||
| GitHub, Spark AR, Unity</span> and <span class="t__uva">Xcode</span> for development and UI/UX | ||
| design.</p> | ||
| <div class="marvel__flex"> | ||
| <img src="./source/img/tool_01.png" alt="" class="marvel__card slow_shake_it"> | ||
| <img src="./source/img/tool_02.png" alt="" class="marvel__card slow_shake_it"> | ||
| <img src="./source/img/tool_03.png" alt="" class="marvel__card slow_shake_it"> | ||
| <img src="./source/img/tool_04.png" alt="" class="marvel__card slow_shake_it"> | ||
| </div> | ||
| </section> | ||
| <!-- Course Section --> | ||
| <section class="marvel__section"> | ||
| <h2><span class="t__marker">Cursos</span></h2> | ||
| <p>En esta sección encontrarás <span class="t__bold t__uva t__rainbow">cursos gratuitos</span> gratuitos para <span class="t__bold t__uva t__rainbow">complementar tu formación</span> <span class="wave">👇</span></p> | ||
| <div class="grid gap-4"> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso <span class="t__uva">Basico</span> de <span class="t__uva">Angular</span></p> | ||
| </a> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso <span class="t__uva">Basico</span> de <span class="t__uva">React</span></p> | ||
| </a> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso de <span class="t__uva">Realidad Aumentada</span></p> | ||
| </a> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso de <span class="t__uva">introduccion</span> al <span class="t__uva">Machine Learning</span></p> | ||
| </a> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso <span class="t__uva">Basico</span> de <span class="t__uva">Python</span></p> | ||
| </a> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso <span class="t__uva">Basico</span> de <span class="t__uva">JavaScript</span></p> | ||
| </a> | ||
| <a href="/" target="_blank" class="marvel__course medium_shake_it"> | ||
| <p>Curso <span class="t__uva">Basico</span> de <span class="t__uva">Figma</span></p> | ||
| </a> | ||
| </div> | ||
| </section> | ||
| <!-- Project Section --> | ||
| <section class="marvel__section"> | ||
| <h2><span class="t__marker">Projects</span></h2> | ||
| <p>I'm Working full-time at <a href="https://www.globant.com/" target="_blank" | ||
| class="t__uva t__rainbow">Globant</a> while I study a <a | ||
| href="https://www.sps.nyu.edu/homepage/academics/divisions-and-departments/division-of-applied-undergraduate-studies/credit-for-nyux-microbachelors-programs.html" | ||
| target="_blank" class="t__uva t__rainbow">MicroBachelors® in Computer Science</a>, | ||
| But I'm open to experimenting and working on projects that are of interest to me, some of which you can | ||
| see here <span class="wave">👇</span></p> | ||
|
|
||
| <!-- Working in the gallery 🦄 👇 --> | ||
|
|
||
| <div class="grid gap-4"> | ||
| <a href="https://devpost.com/software/sayme" target="_blank" class="marvel__project medium_shake_it"> | ||
| <img src="./source/img/project_sayme.png" alt=""> | ||
| </a> | ||
| <a href="https://devpost.com/software/spart-ar" target="_blank" class="marvel__project medium_shake_it"> | ||
| <img src="./source/img/project_artSeries.png" alt=""> | ||
| </a> | ||
| <a href="https://twitter.com/BBVA_Mex/status/1170879426109857796" target="_blank" class="marvel__project medium_shake_it"> | ||
| <img src="./source/img/bbva.png" alt=""> | ||
| </a> | ||
| <a href="https://github.com/the-hoddi-company" target="_blank" class="marvel__project medium_shake_it"> | ||
| <img src="./source/img/hoodi.png" alt=""> | ||
| </a> | ||
| <a href="https://github.com/malvabombom/sketcher-web-app" target="_blank" class="marvel__project medium_shake_it"> | ||
| <img src="./source/img/scketcher.png" alt=""> | ||
| </a> | ||
| <!-- Twitter Clone --> | ||
| <a href="https://github.com/malvabombom/twiller-web-app" target="_blank" class="marvel__project medium_shake_it"> | ||
| <img src="./source/img/twiller.png" alt=""> | ||
| </a> | ||
| </div> | ||
| </section> | ||
| <section class="marvel__section"> | ||
| <h2><span class="t__marker">Contanct</span> me</h2> | ||
| <p>You can find more information about my work and contact me in the next links <span class="wave">👀</span> | ||
| </p> | ||
| <div class="stage"> | ||
| <a href="https://github.com/malvabombom" target="_blank" class="fa fa-github box jump"></a> | ||
| <a href="https://twitter.com/malvabombom" target="_blank" class="fa fa-twitter box jump"></a> | ||
| <a href="https://codepen.io/malvabombom" target="_blank" class="fa fa-codepen box jump"></a> | ||
| <a href="https://dribbble.com/malvabombom" target="_blank" class="fa fa-dribbble box jump"></a> | ||
| <a href="https://www.linkedin.com/in/martin-manriquez-899877177/" target="_blank" | ||
| class="fa fa-linkedin box jump"></a> | ||
| <a href="https://www.youtube.com/c/MetaDeveloperCircleCiudaddeMexico" target="_blank" | ||
| class="fa fa-youtube box jump"></a> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| <footer class="t__rainbow"> | ||
| Made with 🌮 and Good Vibes 🍟 | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> |