-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (143 loc) · 6.97 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - Agustín Avelino</title>
<link rel="stylesheet" href="/portfolio/style.css">
<!-- bebas font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<!-- end bebas font -->
<script src="https://cdn.jsdelivr.net/npm/swiffy-slider@1.6.0/dist/js/swiffy-slider.min.js" crossorigin="anonymous" defer></script>
<link href="https://cdn.jsdelivr.net/npm/swiffy-slider@1.6.0/dist/css/swiffy-slider.min.css" rel="stylesheet" crossorigin="anonymous">
</head>
<body>
<nav>
<ul>
<div class="headName">
<li><a href="#averam-home">Agus<strong id="it">IT</strong>n Avelino</a></li>
</div>
<li><a href="#averam-home">Home</a></li>
<li><a href="#averam-about">About</a></li>
<li><a href="#averam-skills">Tech Stack</a></li>
<li><a href="#averam-projects">Projects</a></li>
<li><a href="#averam-contact">Contact</a></li>
</ul>
</nav>
<section class="averam-home">
<h1 class="typing-effect">{Hello World}</h1>
<!-- <h2 id="imAgus">I´m Agustin</h2> -->
<a href="#averam-about" class="averam-letsrock-btn">Let´s Rock</a>
<div class="scroll"></div>
</section>
<div class="averam-about" id="averam-about">
<section class="about-content">
<h1>About.</h1>
<div class="about-text">
<p>My name is <strong id="it">Agustín Avelino</strong>. I am finishing my IT Analyst degree at Universidad ORT Uruguay and have over 3 years of experience in systems, particularly in the Salesforce environment and software development.</p>
<p>Outside of my professional life, I am a proud cat owner with four lovable cats who keep life interesting and fun. I also have a deep passion for video games, which I find to be a great way to relax and unwind after a busy day.</p>
<p>I’m looking forward to new opportunities and challenges in the tech field, and I’m always eager to learn and grow in this ever-evolving industry. Thanks for taking the time to get to know a bit about me!</p>
<a href="#averam-contact" class="averam-contact-btn">Contact</a>
<!-- <a href="#" class="averam-cv-btn">CV</a> -->
</div>
<div class="about-skills">
<a href="#averam-skills" class="averam-skill">Salesforce Development</a>
<a href="#averam-skills" class="averam-skill">Web Development</a>
<a href="#averam-skills" class="averam-skill">FrontEnd</a>
<a href="#averam-skills" class="averam-skill">Backend</a>
<a href="#averam-skills" class="averam-skill">Restful APIS</a>
<a href="#averam-skills" class="averam-skill">Relational Databases</a>
<a href="#averam-skills" class="averam-skill">functional analysis</a>
<a href="#averam-skills" class="averam-skill">Scrum</a>
<a href="#averam-skills" class="averam-skill">Git</a>
<a href="#averam-skills" class="averam-skill">AWS</a>
</div>
</section>
</div>
<section class="averam-skillsSection" id="averam-skills">
<div class="line"></div>
<h1>Tech Stack.</h1>
<section class="averam-skills">
<div class="salesforce">
<h2>Salesforce</h2>
<div class="averam-skills__skill">Apex Code</div>
<div class="averam-skills__skill">Test Classes</div>
<div class="averam-skills__skill">Flows</div>
<div class="averam-skills__skill">Triggers</div>
<div class="averam-skills__skill">SOQL</div>
<div class="averam-skills__skill">LWC</div>
<div class="averam-skills__skill">Visualforce pages</div>
<div class="averam-skills__skill">Rest/Soap integrations</div>
</div>
<div class="frontend">
<h2>Frontend</h2>
<div class="averam-skills__skill">HTML</div>
<div class="averam-skills__skill">Boostrap</div>
<div class="averam-skills__skill">Razor</div>
<div class="averam-skills__skill">CSS</div>
<div class="averam-skills__skill">JavaScript</div>
<div class="averam-skills__skill">JQuery</div>
<div class="averam-skills__skill">React JS</div>
</div>
<div class="backend">
<h2>Backend</h2>
<div class="averam-skills__skill">C#</div>
<div class="averam-skills__skill">.NET Core</div>
<div class="averam-skills__skill">Entity Framework</div>
<div class="averam-skills__skill">LinQ</div>
<div class="averam-skills__skill">Java</div>
</div>
<div class="database">
<h2>Database</h2>
<div class="averam-skills__skill">SQL</div>
<div class="averam-skills__skill">MySQL</div>
<div class="averam-skills__skill">t-sql</div>
</div>
</section>
</section>
<section class="averam-projects" id="averam-projects">
<h1>Projects.</h1>
<div class="swiffy-slider">
<ul class="slider-container">
<li><img src="/portfolio/img/laptop.png" style="max-width: 100%;height: auto;"></li>
<li><img src="/portfolio/img/laptop.png" style="max-width: 100%;height: auto;"></li>
<li><img src="/portfolio/img/laptop.png" style="max-width: 100%;height: auto;"></li>
</ul>
<button type="button" class="slider-nav"></button>
<button type="button" class="slider-nav slider-nav-next"></button>
<div class="slider-indicators">
<button class="active"></button>
<button></button>
<button></button>
</div>
</div>
</section>
<section class="averam-contact" id="averam-contact">
<h1>Contact.</h1>
<div class="contact__form-container">
<form action="#" class="contact__form" method="post"><input type="hidden" name="form-name" value="form 1">
<div class="contact__form-field">
<label class="contact__form-label" for="name">Name</label>
<input required="" placeholder="Enter Your Name" type="text" class="contact__form-input" name="name" id="name">
</div>
<div class="contact__form-field">
<label class="contact__form-label" for="email">Email</label>
<input required="" placeholder="Enter Your Email" type="email" class="contact__form-input" name="email" id="email">
</div>
<div class="contact__form-field">
<label class="contact__form-label" for="message">Message</label>
<textarea required="" cols="30" rows="10" class="contact__form-input" placeholder="Enter Your Message" name="message" id="message"></textarea>
</div>
<button type="submit" class="btn btn--theme contact__btn">
Submit
</button>
</form>
</div>
</section>
<footer class="main-footer">
<div class="">
</div>
</footer>
</body>
</html>