-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·202 lines (197 loc) · 9.8 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
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Matias CV</title>
<meta name="description" content="Matias CV" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/iconsmind.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700" rel="stylesheet">
</head>
<body data-smooth-scroll-offset="77">
<div class="nav-container"> </div>
<div class="main-container">
<a id="cover-gradient-2" class="in-page-link"></a>
<section class="cover imagebg height-100 text-center" data-gradient-bg="#4876BD,#5448BD,#8F48BD,#BD48B1">
<div class="background-image-holder background--top">
<img alt="background" src="img/inner-6.jpg"> </div>
<div class="container pos-vertical-center">
<div class="row">
<div class="col-sm-9 col-md-7">
<h1>
<b>
Matías Calvo</b>
</h1>
<h1>
<i>
Web Developer</i>
</h1>
<p class="lead">
<i>
<b>Passionate worker
<br>Detailist and professional
<br>Extensive knowledge in development processes</b>
</i>
<br>
</p>
</div>
</div>
</div>
</section>
<section class="bg--secondary">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1>Skills</h1>
</div>
</div>
</div>
</section>
<section class="bg--secondary text-center">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="feature feature-3 boxed boxed--lg boxed--border">
<i class="icon icon-Conference icon--lg"></i>
<h4>Leadership</h4>
<p>I oriented my career towards leadership, because I like to direct projects and teach other developers.</p>
</div>
</div>
<div class="col-sm-4">
<div class="feature feature-3 boxed boxed--lg boxed--border">
<i class="icon icon-Code-Window icon--lg"></i>
<h4>Programming Languages
<br>
</h4>
<p>I make my career as a Javascript developer, but also know Java, PHP and C++.</p>
</div>
</div>
<div class="col-sm-4">
<div class="feature feature-3 boxed boxed--lg boxed--border">
<i class="icon icon-Bones icon--lg"></i>
<h4>Frameworks</h4>
<p>I learned to use a lot of frameworks, such as: Backbone, Ember, Angular, React, Express, Sails
and more.</p>
</div>
</div>
<div class="col-sm-4">
<div class="feature feature-3 boxed boxed--lg boxed--border">
<i class="icon icon-Books icon--lg"></i>
<h4>Libraries & Tools</h4>
<p>Redux, Underscore, Mustache, Handlebars,
<br>Bootstrap, JQuery, Babel, Grunt, Bower and many more.</p>
</div>
</div>
<div class="col-sm-4">
<div class="feature feature-3 boxed boxed--lg boxed--border">
<i class="icon icon-Add icon--lg"></i>
<h4>Extras</h4>
<p>CSS preprocessors, Object-Oriented CSS, AJAX technologies, Restful APIs,
ES6 and Responsive.
<br>
</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1>Experience
<br>
</h1>
</div>
</div>
</div>
</section>
<section class="features-small-14 text-center">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="row">
<div class="col-sm-4">
<div class="text-block">
<i class="icon color--dark material-icons">filter_5</i>
<h4>5 years as a Web Developer</h4>
</div>
</div>
<div class="col-sm-4">
<div class="text-block">
<i class="icon color--dark icon-Project"></i>
<h4>Take part in 8 different projects</h4>
</div>
</div>
<div class="col-sm-4">
<div class="text-block">
<i class="icon color--dark material-icons">business</i>
<h4>Worked on 3 companies</h4>
</div>
</div>
<div class="col-sm-4">
<div class="text-block">
<i class="icon color--dark icon-Conference"></i>
<h4>Lead 3 projects</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="switchable bg--dark">
<div class="container">
<div class="row">
<div class="col-sm-5">
<p class="lead">Contact me to coordinate a meeting.</p>
<p class="lead">You won't regret!</p>
</div>
<div class="col-sm-6 col-xs-12">
<div class="row">
<form
action="https://script.google.com/macros/s/AKfycbyvthbA7HfRec8t7HqEt-svz_Kwg8VVSt1harJFy4QIy7tk2cE/exec"
id="gform"
data-success="Thanks for your enquiry, we'll be in touch shortly."
data-error="Please fill in all fields correctly."
>
<div class="col-sm-6 col-xs-12">
<label>Your Name:</label>
<input type="text" name="name" class="validate-required"> </div>
<div class="col-sm-6 col-xs-12">
<label>Email Address:</label>
<input type="email" name="email" class="validate-required validate-email"> </div>
<div class="col-sm-12 col-xs-12">
<label>Message:</label>
<textarea rows="4" name="message" class="validate-required"></textarea> </div>
<div class="col-sm-12 col-xs-12">
<label class="sr-only">Keep this field blank</label>
<input style="display: none" id="honeypot" type="text" name="honeypot" value="" />
</div>
<div class="col-sm-5 col-md-4 col-xs-6">
<button type="submit" class="btn btn--primary type--uppercase">Send Enquiry</button>
</div>
</form>
<!-- Customise the Thankyou Message People See when they submit the form: -->
<div style="display:none;" id="thankyou_message">
<h2><em>Thanks</em> for contacting me! I will get back to you soon!</h2>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="js/form-submission-handler.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/granim.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>