Skip to content

Commit 6e31275

Browse files
CSFelixCSFelix
authored
📦 Updates
1 parent 582bcd3 commit 6e31275

File tree

1 file changed

+288
-9
lines changed

1 file changed

+288
-9
lines changed

‎index.html‎

Lines changed: 288 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -100,37 +100,316 @@
100100
<!-- Title and Subtitle -->
101101
<section id="titleAndSubtitle">
102102
<h1 class="toShuffle">What's shakin', bacon? 👋</h1>
103-
<br />
104-
<span class="toShuffle">Welcome to my Personal Portfolio!</span>
105-
<br />
106-
<span class="toShuffle">Enjoy the projects and let's learn together, shall we?</span>
103+
<br />
104+
<span class="toShuffle">Welcome to my Personal Portfolio!</span>
105+
<br />
106+
<span class="toShuffle">Enjoy the projects and let's learn together, shall we?</span>
107107
</section>
108108

109109
<!--
110110
**************
111111
** About Me **
112112
**************
113113
-->
114-
<br><br><br><br>
115114
<section id="aboutMeContainer" class="container">
116115

117116
<br /><br />
118117

119118
<!-- title -->
120119
<h2 class="containerTitle">
121-
<span>👤</span>
122120
<span class="containerTitleText">About Me</span>
123-
<span>👤</span>
124121
</h2>
125122

123+
<br /><br />
124+
126125
<!-- content -->
127-
<div>
126+
<div class="containerContent">
128127
<img class="sticker" src="./assets/stickers/default/hi.png" alt="Hey there!"/>
129128

130-
<span>I'm CSFelix, a passionate Programmer and Student from Brazil</span>
129+
<span>🌱 I'm CSFelix, a passionate Programmer and Student from Brazil.</span>
130+
131+
<span>🔭 I'm currently working on Data Science projects (Machine and Deep Learning), Node JS, React and React-Native.</span>
132+
133+
<span>💬 Ask me about Python, Machine Learning and Data Science if you need help or have questions, we can talk for hours about it!</span>
134+
135+
<span>🤔 You can find out my skills and my latest projects bellow. Let's check it out.</span>
136+
137+
<br />
138+
139+
<span class="scrollBellow">⏬ Scroll ⏬</span>
131140
</div>
132141
</section>
133142

143+
<!--
144+
************
145+
** Skills **
146+
************
147+
-->
148+
<section id="skillsContainer" class="container">
149+
150+
<br /><br />
151+
152+
<!-- title -->
153+
<h2 class="containerTitle">
154+
<span class="containerTitleText">Skills</span>
155+
</h2>
156+
157+
<br /><br />
158+
159+
<!-- content -->
160+
<div class="containerContent">
161+
<img class="sticker" src="./assets/stickers/default/cool.png" alt="Hey there!"/>
162+
163+
<br />
164+
165+
<!--
166+
************
167+
** Python **
168+
************
169+
-->
170+
<div class="skillsSubContainer">
171+
<div class="skillsInfoContainer">
172+
<img class="skillsLogo" src="./assets/icons/python.svg" alt="Python Logo" />
173+
174+
<a href="https://www.python.org" target="_blank">
175+
&nbsp<span>Python</span>
176+
</a>
177+
</div>
178+
179+
<div class="skillsStarsContainer">
180+
<img src="./assets/icons/star.png" alt="Active Star" />
181+
<img src="./assets/icons/star.png" alt="Active Star" />
182+
<img src="./assets/icons/star.png" alt="Active Star" />
183+
<img src="./assets/icons/star.png" alt="Active Star" />
184+
<img src="./assets/icons/star.png" alt="Active Star" />
185+
</div>
186+
</div>
187+
188+
<br />
189+
190+
<!--
191+
***********************************
192+
** Python Data Science Libraries **
193+
***********************************
194+
-->
195+
<div class="skillsSubContainer">
196+
<div class="skillsInfoContainer">
197+
<img class="skillsLogo" src="./assets/icons/anaconda.svg" alt="Anaconda Logo" />
198+
199+
<a href="https://www.anaconda.com" target="_blank">
200+
&nbsp<span>Python Data Science Libraries</span>
201+
</a>
202+
</div>
203+
204+
<div class="skillsStarsContainer">
205+
<img src="./assets/icons/star.png" alt="Active Star" />
206+
<img src="./assets/icons/star.png" alt="Active Star" />
207+
<img src="./assets/icons/star.png" alt="Active Star" />
208+
<img src="./assets/icons/star.png" alt="Active Star" />
209+
<img src="./assets/icons/star.png" alt="Active Star" />
210+
</div>
211+
</div>
212+
213+
<br />
214+
215+
<!--
216+
*********
217+
** SQL **
218+
*********
219+
-->
220+
<div class="skillsSubContainer">
221+
<div class="skillsInfoContainer">
222+
<img class="skillsLogo" src="./assets/icons/sql.svg" alt="SQLite Logo" />
223+
224+
<a href="https://www.sqlite.org/index.html" target="_blank">
225+
&nbsp<span>SQL</span>
226+
</a>
227+
</div>
228+
229+
<div class="skillsStarsContainer">
230+
<img src="./assets/icons/star.png" alt="Active Star" />
231+
<img src="./assets/icons/star.png" alt="Active Star" />
232+
<img src="./assets/icons/star.png" alt="Active Star" />
233+
<img src="./assets/icons/star.png" alt="Active Star" />
234+
<img src="./assets/icons/star.png" alt="Active Star" />
235+
</div>
236+
</div>
237+
238+
<br />
239+
240+
<!--
241+
***********
242+
** Neo4J **
243+
***********
244+
-->
245+
<div class="skillsSubContainer">
246+
<div class="skillsInfoContainer">
247+
<img class="skillsLogo" src="./assets/icons/neo4j.svg" alt="Neo4J Logo" />
248+
249+
<a href="https://neo4j.com" target="_blank">
250+
&nbsp<span>Neo4J</span>
251+
</a>
252+
</div>
253+
254+
<div class="skillsStarsContainer">
255+
<img src="./assets/icons/star.png" alt="Active Star" />
256+
<img src="./assets/icons/star.png" alt="Active Star" />
257+
<img src="./assets/icons/star.png" alt="Active Star" />
258+
<img src="./assets/icons/star.png" alt="Active Star" />
259+
<img src="./assets/icons/star.png" alt="Active Star" />
260+
</div>
261+
</div>
262+
263+
<br />
264+
265+
<!--
266+
**********
267+
** Math **
268+
**********
269+
-->
270+
<div class="skillsSubContainer">
271+
<div class="skillsInfoContainer">
272+
<img class="skillsLogo" src="./assets/icons/math.svg" alt="Pandas Logo" />
273+
274+
<a href="https://www.khanacademy.org" target="_blank">
275+
&nbsp<span>Math</span>
276+
</a>
277+
</div>
278+
279+
<div class="skillsStarsContainer">
280+
<img src="./assets/icons/star.png" alt="Active Star" />
281+
<img src="./assets/icons/star.png" alt="Active Star" />
282+
<img src="./assets/icons/star.png" alt="Active Star" />
283+
<img src="./assets/icons/star.png" alt="Active Star" />
284+
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
285+
</div>
286+
</div>
287+
288+
<br />
289+
290+
<!--
291+
*************
292+
** MongoDB **
293+
*************
294+
-->
295+
<div class="skillsSubContainer">
296+
<div class="skillsInfoContainer">
297+
<img class="skillsLogo" src="./assets/icons/mongodb.svg" alt="Mongo DB Logo" />
298+
299+
<a href="https://www.mongodb.com" target="_blank">
300+
&nbsp<span>Mongo DB</span>
301+
</a>
302+
</div>
303+
304+
<div class="skillsStarsContainer">
305+
<img src="./assets/icons/star.png" alt="Active Star" />
306+
<img src="./assets/icons/star.png" alt="Active Star" />
307+
<img src="./assets/icons/star.png" alt="Active Star" />
308+
<img src="./assets/icons/star.png" alt="Active Star" />
309+
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
310+
</div>
311+
</div>
312+
313+
<br />
314+
315+
<!--
316+
*************
317+
** Redis **
318+
*************
319+
-->
320+
<div class="skillsSubContainer">
321+
<div class="skillsInfoContainer">
322+
<img class="skillsLogo" src="./assets/icons/redis.svg" alt="Redis Logo" />
323+
324+
<a href="https://redis.io" target="_blank">
325+
&nbsp<span>Redis</span>
326+
</a>
327+
</div>
328+
329+
<div class="skillsStarsContainer">
330+
<img src="./assets/icons/star.png" alt="Active Star" />
331+
<img src="./assets/icons/star.png" alt="Active Star" />
332+
<img src="./assets/icons/star.png" alt="Active Star" />
333+
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
334+
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
335+
</div>
336+
</div>
337+
</section>
338+
339+
<!--
340+
**************
341+
** Projects **
342+
**************
343+
-->
344+
<section id="projectsContainer" class="container">
345+
346+
<br /><br />
347+
348+
<!-- title -->
349+
<h2 class="containerTitle">
350+
<span class="containerTitleText">Projects</span>
351+
</h2>
352+
353+
<br /><br />
354+
355+
<!-- content -->
356+
<div class="containerContent">
357+
<img class="sticker" src="./assets/stickers/default/amazed.png" alt="Hey there!"/>
358+
359+
<div>
360+
<!--
361+
**********************
362+
** Kaggle Notebooks **
363+
**********************
364+
-->
365+
<div class="projectBtn">
366+
<img src="./assets/icons/kaggle.svg" alt="Kaggle Logo" />
367+
<span>Kaggle Notebooks</span>
368+
</div>
369+
370+
<!--
371+
**************
372+
** DS Tools **
373+
**************
374+
-->
375+
<div class="projectBtn">
376+
377+
</div>
378+
379+
<!--
380+
*******************
381+
** ML Algorithms **
382+
*******************
383+
-->
384+
<div class="projectBtn">
385+
386+
</div>
387+
</div>
388+
</section>
389+
390+
<!--
391+
**************
392+
** Projects **
393+
**************
394+
-->
395+
<section id="reachMeContainer" class="container">
396+
397+
<br /><br />
398+
399+
<!-- title -->
400+
<h2 class="containerTitle">
401+
<span class="containerTitleText">Reach Me</span>
402+
</h2>
403+
404+
<br /><br />
405+
406+
<!-- content -->
407+
<div class="containerContent">
408+
<img class="sticker" src="./assets/stickers/default/excited.png" alt="Hey there!"/>
409+
410+
<!-- add reach me here -->
411+
</section>
412+
134413
<!-- scripts pos-loading -->
135414
<script type="text/javascript" src="./assets/js/scripts/mobile-menu-btn-effect.js"></script>
136415
<script type="text/javascript" src="./assets/js/scripts/mobile-menu-toggle-effect.js"></script>

0 commit comments

Comments
 (0)