generated from longpdo/neumorphism
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (142 loc) · 4.88 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
<!DOCTYPE HTML>
<!--
Highlights by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Sebastián Lasia</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header class="major">
<h1>Sebastián Lasia</h1>
<p> Software Engineer</a></p>
</header>
<div class="container">
<ul class="actions special">
<li><a href="#one" class="button primary scrolly">Begin</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic01.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Who I am</h2>
</header>
<div id="aboutMe">
Full stack Software Engineer, A few years ago I went to the dark side of backend technologies. <br> Always restless. <br> Always curious.
</div>
<a href="mailto:sebastianlasia@gmail.com" target="_blank" data-text ="sebastianlasia@gmail.com"" class="personalLink" id="mail">
<i class="iconAM icon solid major far fa-envelope"></i>
</a>
<a href="https://www.linkedin.com/in/sebastianlasia/" data-text ="linkedin.com/in/sebastianlasia/" target="_blank" class="personalLink" id="linkedIn">
<i class="iconAM icon solid major fab fa-linkedin"></i>
</a>
<a href="https://github.com/slasia/" target="_blank" data-text ="github.com/slasia" class="personalLink" id="gitHub">
<i class="iconAM icon solid major fab fa-github"></i>
</a>
<p id="personalInfo" class="hidden" >
linkedin.com/in/sebastianlasia/
</p>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Two -->
<section id="two" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic02.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Backend Skills</h2>
</header>
<p>I am working on a Node.js project and I am interested in continuing my work with this tech, learning more about to the world of node.js and Javascript.</p>
<ul class="icons-grid">
<li>
<span class="icon solid major fab fa-node-js"></span>
<h3>Node.js</h3>
</li>
<li>
<span class="icon major fab fa-microsoft"></span>
<h3>.NET - C#</h3>
</li>
<li>
<span class="icon solid major far fa-file-alt"></span>
<h3>MongoDB</h3>
</li>
<li>
<span class="icon solid major fas fa-database"></span>
<h3>SQL Server</h3>
</li>
</ul>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- three -->
<section id="three" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic04.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Frontend Skills</h2>
</header>
<p>My years of experience working with the frontend give me a more global vision about the operation of an application.</p>
<ul class="icons-grid">
<li>
<span class="icon solid major fab fa-js-square"></span>
<h3>Javascript</h3>
</li>
<li>
<span class="icon solid major fas fa-code"></span>
<h3>JQuery</h3>
</li>
<li>
<span class="icon solid major fab fa-css3-alt"></span>
<h3>CSS3 </h3>
</li>
<li>
<span class="icon solid major fab fa-react"></span>
<h3>React</h3>
</li>
</ul>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- four -->
<section id="four" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic03.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>One more thing</h2>
</header>
<p>To know me more, know about my work experience and my studies you can check my profile on
<a href="https://www.linkedin.com/in/sebastianlasia/" target="_blank">
LinkedIn!.
</a>
</p>
</div>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>