-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (74 loc) · 2.37 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link typ="text/css" rel="stylesheet" href="normalize.css" media="all">
<link type="text/css" rel="stylesheet" href="styles.css" media="all">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<title>Mauricio Rojas's Portfolio</title>
</head>
<body>
<div class="topbar-container">
<div class="topbar">
<p class="title">Mauricio Rojas's Portfolio</p>
<nav>
<a id="tech-link" class="navItem" href="#technologies">Technologies</a>
<a id="contact-link" class="navItem" href="#contact">Contact</a>
</nav>
</div>
</div>
<section id="aboutMe">
<img id="profilePic" src="images/rte.jpg" alt="Profile Picture">
<p id="aboutMeText">Hi! I'm a software developer with an Analyst/Programmer
degree from the University "de la Patagonia San Juan Bosco".
I'm passionate about computers and technology. Searching for knowledge
and experience about computer programming, data bases and networks,
in order to create a professional profile that is useful to society.
</p>
</section>
<section id="technologies">
<h2>Technologies that I work with</h2>
<div class="cards-container">
<div class="card">
<div class="card-content">
CSS3
</div>
</div>
<div class="card">
<div class="card-content">
HTML5
</div>
</div>
<div class="card">
<div class="card-content">
SQL
</div>
</div>
<div class="card">
<div class="card-content">
VB .Net
</div>
</div>
</div>
</section>
<section id="contact">
<h2>Currently available for hire!</h2>
<address><a id="contactLink" href="mailto:[email protected]">
Send me an email</a></address><br>
</section>
<footer>
<p>©2018 Mauricio Rojas</p>
<div id="links">
<a href="https://github.com/MauriRojas" target="_blank">
<img class="linkImage" src="images/githublogo.png" alt="GitHub Profile">
</a>
<a href="https://www.linkedin.com/in/mauricio-rojas-3b2824123" target="_blank">
<img class="linkImage" src="images/linkedinlogo.png" alt="Linkedin Profile">
</a>
</div>
</footer>
<script src="jquery-3.3.1.js"></script>
<script src="code.js"></script>
</body>
</html>