-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (63 loc) · 3.19 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Melissa Mata 👩🏼 💻 🎨</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.0/normalize.css">
<link rel="shortcut icon" type="image/x-icon" href="../assets/images/favicon.ico">
<body>
<header>
<section class="hero-image">
<div class="wrapper">
<div class="logo">
<a title="Melissa Mata" href="http://melissamata.github.io"><img src="../assets/images/melissamata.png" alt="Melissa Mata"></a>
</div>
<nav>
<a href="#about">About Me</a></li>
<a href="https://medium.com/@melissamata">Medium</a></li>
<a href="#contact">Contact</a></li>
</nav>
</div>
<div class="animated infinite pulse slower">
<h1> Code <span style="color: #E78BB2;"> . </span>Design <span style="color: #E78BB2;"> . </span> Experiences</h2>
<h2> Art</h2>
</div>
<p> When all comes together to create unique pieces of art ...</p>
</section>
</header>
<section class="content wrapper">
<a name="about"></a>
<h3>UX Designer & Developer <span style="color: #E78BB2;"><i class="fas fa-map-marker-alt"></i></span> Cartago, Costa Rica</h3>
<p> Melissa is a creative person self-taught and proactive, passionate about the development of mobile applications and
websites.She keeps abreast of the latest trends in design and
likes to participate in activities that allow her to develop as a
better professional and personal.</p>
<p><span><a href="">View my resume</a><span></p>
</section>
<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = '7kBJel84rZ';var d=document;var w=window;function l(){
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
<!-- {/literal} END JIVOSITE CODE -->
</body>
<footer>
<section class="footer-image">
<a name="contact"></a>
<img src="../assets/images/melissamata.png" width="280" height="50" alt="Melissa Mata">
<h4>Whatsapp: (+506) 8359-5225</h4>
<a href="mailto:melissamata@outlook.com">melissamata@outlook.com</a>
<p>© 2018 Made with ♥ in Costa Rica</p>
<div>
<nav>
<a href="https://www.linkedin.com/in/melimataa"><i class="fab fa-linkedin"></i> LinkedIn</a></li>
<a href="https://www.facebook.com/melimataa"><i class="fab fa-facebook"></i> Facebook</a></li>
<a href="https://github.com/melissamata"><i class="fab fa-github-square"></i> Github</a>
</nav>
</div>
</section>
</footer>
</html>