-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (105 loc) · 6.05 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
<html>
<header>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="logic.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" crossorigin="anonymous"></script>
<div class="head enter-top">
<h1>Hi,</h1>
<h1>my name is Lautaro.</h1>
<h1>I'm a web developer</h1>
<h1>from Uruguay</h1>
</div>
<svg viewBox="0 0 100 100" preserveAspectRatio="none">
<rect width="100%" height="100%" fill="#ededed" style="transform: skewY(14deg);"/>
</svg>
</header>
<body>
<div class="container col-lg-12 col-sm-12">
<div id="about-me" class="item">
<h1 class="hidden">About me</h1>
<div style="overflow: hidden">
<div style="float:left" class="hidden col-12 col-sm-12 col-lg-6">
<p>I'm a 21 years old full stack developer from Uruguay.</p>
<p>I consider myself a very proactive person with</p>
<p>ease to learn and work with new technologies.</p>
</div>
<img class="hidden col-10 col-lg-6" style="float:right" alt="my photo" src="imgs/IMG-20180324-WA0031.jpg">
</div>
</div>
<svg id="svg" viewBox="0 0 75 100" style="margin-left:-2%;z-index:0;position:absolute;transform: skewY(-5deg);margin-top: -230px">
<rect width="100%" height="45%" fill="#b1b3b5"/>
</svg>
<div id="skills" class="item hidden">
<h1>Skills</h1>
<div class="chart">
<div class="full-bar"><div class="null line1"><a>HTML/css</a></div><a class="percentage">80%</a></div>
<div class="full-bar"><div class="null line2"><a>Javascript</a></div><a class="percentage">80%</a></div>
<div class="full-bar"><div class="null line3"><a>React.js</a></div><a class="percentage">60%</a></div>
<div class="full-bar"><div class="null line4"><a>Salesforce</a></div><a class="percentage">75%</a></div>
<div class="full-bar"><div class="null line5"><a>.NET</a></div><a class="percentage">70%</a></div>
<div class="full-bar"><div class="null line6"><a>mySQL</a></div><a class="percentage">70%</a></div>
</div>
</div>
<div id="works" class="item">
<h1 class="hidden">My works</h1>
<div class="hidden col-md-12" style="text-align: center">
<a href="https://lauta3011.github.io/barbas/" target="_blank">
<div class="work col-10 col-lg-5" style="background-image: url(imgs/barbas.jpg)">
<h3>Barbas</h3>
<div class="info hidden">
<div>
<p>A page for a barber shop using react, express and node. Added bootstrap to make it responsive.</p>
</div>
</div>
</div>
</a>
<a href="https://lauta3011.github.io/movie-app/" target="_blank">
<div class="work col-10 col-lg-5" style="background-image: url(imgs/app-cel-peliculas.jpg)">
<h3>Movie app</h3>
<div class="info hidden">
<div>
<p>Hybrid mobile app using css, html and bootstrap that calls an API through javascript.</p>
</div>
</div>
</div>
</a>
<a href="https://codepen.io/lauta_3011/pen/BajQvVY" target="_blank">
<div class="work col-10 col-lg-5" style="background-image: url(imgs/react-todo.jpg)">
<h3>React todo</h3>
<div class="info hidden">
<div>
<p>A react todo list created in codepen.io to practice my react skills.</p>
</div>
</div>
</div>
</a>
<a href="https://codepen.io/lauta_3011/pen/roVJGG" target="_blank">
<div class="work col-10 col-lg-5" style="background-image: url(imgs/login-frontend.jpg)">
<h3>Simple login</h3>
<div class="info hidden">
<div>
<p>Just a simple login frontend to show my front design style using html and css.</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
<footer>
<div>
<div>
<p>Lautaro Rodriguez - Web developer</p>
<p>[email protected]</p>
</div>
<div>
<a href="https://github.com/lauta3011" target="_blank"><img alt="my github profile" src="imgs/25231.png"/></a>
<a href="https://www.linkedin.com/in/lautaro-rodriguez-3203a415b/" target="_blank"><img alt="my linkedin profile" src="imgs/61109.png"/></a>
</div>
</div>
</footer>
</html>