9292 id ="headerImg "
9393 src ="./assets/images/header.avif "
9494 alt ="Uh-Oh, something went wrong. But it's just two tiny robots looking at each other! "
95+ width ="100% "
96+ heigth ="auto "
9597 />
9698
9799 < nav >
@@ -159,7 +161,7 @@ <h2 class="containerTitle">
159161 <!-- content -->
160162 < div class ="containerContent ">
161163 < figure id ='profilePic '>
162- < img src ='./assets/images/profile-pic.avif ' alt ='My Profile Pic ' />
164+ < img src ='./assets/images/profile-pic.avif ' alt ='My Profile Pic ' width =" 250px " height =" 250px " />
163165 < figcaption > What's shaking, bacon? Hope you enjoy my Portfolio!!</ figcaption >
164166 </ figure >
165167
@@ -226,10 +228,10 @@ <h2 class="containerTitle">
226228 < a href ="https://www.python.org " target ="_blank ">
227229 < div class ="skillsCard ">
228230 < div class ="wrapper ">
229- < img src ="./assets/icons/skills/programming.avif " alt ="Python 1 " class ="cover-image " />
231+ < img src ="./assets/icons/skills/programming.avif " alt ="Python 1 " class ="cover-image " width =" 200px " height =" 200px " />
230232 </ div >
231233 < h2 class ="skillsTitle "> Python</ h2 >
232- < img src ="./assets/icons/python.svg " class ="character " alt ="Python 2 " />
234+ < img src ="./assets/icons/python.svg " class ="character " alt ="Python 2 " width =" 200px " height =" 200px " />
233235 </ div >
234236 </ a >
235237
@@ -241,10 +243,10 @@ <h2 class="skillsTitle">Python</h2>
241243 < a href ="https://julialang.org " target ="_blank ">
242244 < div class ="skillsCard ">
243245 < div class ="wrapper ">
244- < img src ="./assets/icons/skills/computing.avif " alt ="Julia 1 " class ="cover-image " />
246+ < img src ="./assets/icons/skills/computing.avif " alt ="Julia 1 " class ="cover-image " width =" 200px " height =" 200px " />
245247 </ div >
246248 < h2 class ="skillsTitle "> Julia</ h2 >
247- < img src ="./assets/icons/julia.svg " class ="character " alt ="Julia 2 " />
249+ < img src ="./assets/icons/julia.svg " class ="character " alt ="Julia 2 " width =" 200px " height =" 200px " />
248250 </ div >
249251 </ a >
250252
@@ -256,10 +258,10 @@ <h2 class="skillsTitle">Julia</h2>
256258 < a href ="https://www.r-project.org " target ="_blank ">
257259 < div class ="skillsCard ">
258260 < div class ="wrapper ">
259- < img src ="./assets/icons/skills/analysis.avif " class ="cover-image " alt ="R 1 " />
261+ < img src ="./assets/icons/skills/analysis.avif " class ="cover-image " alt ="R 1 " width =" 200px " height =" 200px " />
260262 </ div >
261263 < h2 class ="skillsTitle "> R</ h2 >
262- < img src ="./assets/icons/r.svg " class ="character " alt ="R 2 " />
264+ < img src ="./assets/icons/r.svg " class ="character " alt ="R 2 " width =" 200px " height =" 200px " />
263265 </ div >
264266 </ a >
265267
@@ -271,10 +273,10 @@ <h2 class="skillsTitle">R</h2>
271273 < a href ="https://www.anaconda.com " target ="_blank ">
272274 < div class ="skillsCard ">
273275 < div class ="wrapper ">
274- < img src ="./assets/icons/skills/data-science.avif " class ="cover-image " alt ="Anaconda 1 " />
276+ < img src ="./assets/icons/skills/data-science.avif " class ="cover-image " alt ="Anaconda 1 " width =" 200px " height =" 200px " />
275277 </ div >
276278 < h2 class ="skillsTitle "> DS Libraries</ h2 >
277- < img src ="./assets/icons/anaconda.svg " class ="character " alt ="Anaconda 2 " />
279+ < img src ="./assets/icons/anaconda.svg " class ="character " alt ="Anaconda 2 " width =" 200px " height =" 200px " />
278280 </ div >
279281 </ a >
280282
@@ -286,10 +288,10 @@ <h2 class="skillsTitle">DS Libraries</h2>
286288 < a href ="https://www.sqlite.org/index.html " target ="_blank ">
287289 < div class ="skillsCard ">
288290 < div class ="wrapper ">
289- < img src ="./assets/icons/skills/data.avif " class ="cover-image " alt ="SQL 1 " />
291+ < img src ="./assets/icons/skills/data.avif " class ="cover-image " alt ="SQL 1 " width =" 200px " height =" 200px " />
290292 </ div >
291293 < h2 class ="skillsTitle "> SQL</ h2 >
292- < img src ="./assets/icons/sql.svg " class ="character " alt ="SQL 2 " />
294+ < img src ="./assets/icons/sql.svg " class ="character " alt ="SQL 2 " width =" 200px " height =" 200px " />
293295 </ div >
294296 </ a >
295297
@@ -301,10 +303,10 @@ <h2 class="skillsTitle">SQL</h2>
301303 < a href ="https://neo4j.com " target ="_blank ">
302304 < div class ="skillsCard ">
303305 < div class ="wrapper ">
304- < img src ="./assets/icons/skills/analytics.avif " class ="cover-image " alt ="Neo4J 1 " />
306+ < img src ="./assets/icons/skills/analytics.avif " class ="cover-image " alt ="Neo4J 1 " width =" 200px " height =" 200px " />
305307 </ div >
306308 < h2 class ="skillsTitle "> Neo4J</ h2 >
307- < img src ="./assets/icons/neo4j.svg " class ="character " alt ="Neo4J 2 " />
309+ < img src ="./assets/icons/neo4j.svg " class ="character " alt ="Neo4J 2 " width =" 200px " height =" 200px " />
308310 </ div >
309311 </ a >
310312
@@ -316,10 +318,10 @@ <h2 class="skillsTitle">Neo4J</h2>
316318 < a href ="https://streamlit.io " target ="_blank ">
317319 < div class ="skillsCard ">
318320 < div class ="wrapper ">
319- < img src ="./assets/icons/skills/polling.avif " class ="cover-image " alt ="Streamlit 1 " />
321+ < img src ="./assets/icons/skills/polling.avif " class ="cover-image " alt ="Streamlit 1 " width =" 200px " height =" 200px " />
320322 </ div >
321323 < h2 class ="skillsTitle "> Streamlit</ h2 >
322- < img src ="./assets/icons/streamlit.svg " class ="character " alt ="Streamlit 2 " />
324+ < img src ="./assets/icons/streamlit.svg " class ="character " alt ="Streamlit 2 " width =" 200px " height =" 200px " />
323325 </ div >
324326 </ a >
325327
@@ -331,10 +333,10 @@ <h2 class="skillsTitle">Streamlit</h2>
331333 < a href ="https://www.khanacademy.org " target ="_blank ">
332334 < div class ="skillsCard ">
333335 < div class ="wrapper ">
334- < img src ="./assets/icons/skills/calculating.avif " class ="cover-image " alt ="Math 1 " />
336+ < img src ="./assets/icons/skills/calculating.avif " class ="cover-image " alt ="Math 1 " width =" 200px " height =" 200px " />
335337 </ div >
336338 < h2 class ="skillsTitle "> Math</ h2 >
337- < img src ="./assets/icons/math.svg " class ="character " alt = "Math 2 " />
339+ < img src ="./assets/icons/math.svg " class ="character " alt = "Math 2 " width =" 200px " height =" 200px " />
338340 </ div >
339341 </ a >
340342
@@ -346,10 +348,10 @@ <h2 class="skillsTitle">Math</h2>
346348 < a href ="https://spark.apache.org " target ="_blank ">
347349 < div class ="skillsCard ">
348350 < div class ="wrapper ">
349- < img src ="./assets/icons/skills/table.avif " class ="cover-image " alt ="Apache Spark 1 " />
351+ < img src ="./assets/icons/skills/table.avif " class ="cover-image " alt ="Apache Spark 1 " width =" 200px " height =" 200px " />
350352 </ div >
351353 < h2 class ="skillsTitle "> Apache Spark</ h2 >
352- < img src ="./assets/icons/apache-spark.svg " class ="character " alt ="Apache Spark 2 " />
354+ < img src ="./assets/icons/apache-spark.svg " class ="character " alt ="Apache Spark 2 " width =" 200px " height =" 200px " />
353355 </ div >
354356 </ a >
355357
@@ -361,10 +363,10 @@ <h2 class="skillsTitle">Apache Spark</h2>
361363 < a href ="https://www.mongodb.com " target ="_blank ">
362364 < div class ="skillsCard ">
363365 < div class ="wrapper ">
364- < img src ="./assets/icons/skills/json-file.avif " class ="cover-image " alt ="Mongo DB 1 " />
366+ < img src ="./assets/icons/skills/json-file.avif " class ="cover-image " alt ="Mongo DB 1 " width =" 200px " height =" 200px " />
365367 </ div >
366368 < h2 class ="skillsTitle "> Mongo DB</ h2 >
367- < img src ="./assets/icons/mongodb.svg " class ="character " alt ="Mongo DB 2 " />
369+ < img src ="./assets/icons/mongodb.svg " class ="character " alt ="Mongo DB 2 " width =" 200px " height =" 200px " />
368370 </ div >
369371 </ a >
370372
@@ -376,10 +378,10 @@ <h2 class="skillsTitle">Mongo DB</h2>
376378 < a href ="https://redis.io " target ="_blank ">
377379 < div class ="skillsCard ">
378380 < div class ="wrapper ">
379- < img src ="./assets/icons/skills/ram.avif " class ="cover-image " alt ="Redis 1 " />
381+ < img src ="./assets/icons/skills/ram.avif " class ="cover-image " alt ="Redis 1 " width =" 200px " height =" 200px " />
380382 </ div >
381383 < h2 class ="skillsTitle "> Redis</ h2 >
382- < img src ="./assets/icons/redis.svg " class ="character " alt ="Redis 2 " />
384+ < img src ="./assets/icons/redis.svg " class ="character " alt ="Redis 2 " width =" 200px " height =" 200px " />
383385 </ div >
384386 </ a >
385387 </ div >
@@ -425,10 +427,10 @@ <h2 class="containerTitle">
425427 -->
426428 < div id ="kaggleBtn " class ="skillsCard ">
427429 < div class ="wrapper ">
428- < img src ="./assets/icons/projects/cards/notebook.avif " class ="cover-image " alt ="Kaggle Notebooks 1 " />
430+ < img src ="./assets/icons/projects/cards/notebook.avif " class ="cover-image " alt ="Kaggle Notebooks 1 " width =" 200px " height =" 200px " />
429431 </ div >
430432 < h2 class ="skillsTitle "> Kaggle</ h2 >
431- < img src ="./assets/icons/kaggle.svg " class ="character " alt ="Kaggle Notebooks 2 " />
433+ < img src ="./assets/icons/kaggle.svg " class ="character " alt ="Kaggle Notebooks 2 " width =" 200px " height =" 200px " />
432434 </ div >
433435
434436 <!--
@@ -438,10 +440,10 @@ <h2 class="skillsTitle">Kaggle</h2>
438440 -->
439441 < div id ="mlAlgorithmsBtn " class ="skillsCard ">
440442 < div class ="wrapper ">
441- < img src ="./assets/icons/projects/cards/neural.avif " class ="cover-image " alt ="ML Algorithms 1 " />
443+ < img src ="./assets/icons/projects/cards/neural.avif " class ="cover-image " alt ="ML Algorithms 1 " width =" 200px " height =" 200px " />
442444 </ div >
443445 < h2 class ="skillsTitle "> Algorithms</ h2 >
444- < img src ="./assets/icons/tensorflow.svg " class ="character " alt ="ML Algorithms 2 " />
446+ < img src ="./assets/icons/tensorflow.svg " class ="character " alt ="ML Algorithms 2 " width =" 200px " height =" 200px " />
445447 </ div >
446448
447449 < br /> < br />
@@ -453,10 +455,10 @@ <h2 class="skillsTitle">Algorithms</h2>
453455 -->
454456 < div id ="dashboardBtn " class ="skillsCard ">
455457 < div class ="wrapper ">
456- < img src ="./assets/icons/projects/cards/growth.avif " class ="cover-image " alt ="Dashboards 1 " />
458+ < img src ="./assets/icons/projects/cards/growth.avif " class ="cover-image " alt ="Dashboards 1 " width =" 200px " height =" 200px " />
457459 </ div >
458460 < h2 class ="skillsTitle "> Dashboards</ h2 >
459- < img src ="./assets/icons/dashboard.avif " class ="character " alt ="Dashboards 2 " />
461+ < img src ="./assets/icons/dashboard.avif " class ="character " alt ="Dashboards 2 " width =" 200px " height =" 200px " />
460462 </ div >
461463 </ div >
462464 < br />
@@ -495,7 +497,7 @@ <h2 class="containerTitle">
495497 **********
496498 -->
497499 < div class ="reachMeSubContainer ">
498- < img class ="reachMeLogo " src ="./assets/icons/debian.avif " alt ="Blog Logo " />
500+ < img class ="reachMeLogo " src ="./assets/icons/debian.avif " alt ="Blog Logo " width =" 200px " height =" 200px " />
499501
500502 < a href ="https://csfelix.vercel.app " target ="_blank ">
501503  < span > Blog: csfelix.vercel.app</ span >
@@ -510,7 +512,7 @@ <h2 class="containerTitle">
510512 ************
511513 -->
512514 < div class ="reachMeSubContainer ">
513- < img class ="reachMeLogo " src ="./assets/icons/github.svg " alt ="GitHub Logo " />
515+ < img class ="reachMeLogo " src ="./assets/icons/github.svg " alt ="GitHub Logo " width =" 200px " height =" 200px " />
514516
515517 < a href ="https://github.com/CSFelix " target ="_blank ">
516518  < span > github.com/CSFelix</ span >
@@ -525,7 +527,7 @@ <h2 class="containerTitle">
525527 ************
526528 -->
527529 < div class ="reachMeSubContainer ">
528- < img class ="reachMeLogo " src ="./assets/icons/kaggle.svg " alt ="Kaggle Logo " />
530+ < img class ="reachMeLogo " src ="./assets/icons/kaggle.svg " alt ="Kaggle Logo " width =" 200px " height =" 200px " />
529531
530532 < a href ="https://www.kaggle.com/dsfelix " target ="_blank ">
531533  < span > kaggle.com/dsfelix</ span >
@@ -540,7 +542,7 @@ <h2 class="containerTitle">
540542 **************
541543 -->
542544 < div class ="reachMeSubContainer ">
543- < img class ="reachMeLogo " src ="./assets/icons/linkedin.svg " alt ="LinkedIn Logo " />
545+ < img class ="reachMeLogo " src ="./assets/icons/linkedin.svg " alt ="LinkedIn Logo " width =" 200px " height =" 200px " />
544546
545547 < a href ="https://www.linkedin.com/in/csfelix/ " target ="_blank ">
546548  < span > linkedin.com/in/csfelix/</ span >
@@ -555,7 +557,7 @@ <h2 class="containerTitle">
555557 ***********
556558 -->
557559 < div class ="reachMeSubContainer ">
558- < img class ="reachMeLogo " src ="./assets/icons/google.svg " alt ="Google Logo " />
560+ < img class ="reachMeLogo " src ="./assets/icons/google.svg " alt ="Google Logo " width =" 200px " height =" 200px " />
559561
560562 < a href ="
mailto:[email protected] "
> 561563  
< span > [email protected] </ span > @@ -592,7 +594,7 @@ <h2 class="containerTitle">
592594 ************
593595 -->
594596 < footer >
595- < img src ="./assets/icons/balance.avif " alt ="Balance Icon " />
597+ < img src ="./assets/icons/balance.avif " alt ="Balance Icon " width =" 200px " height =" 200px " />
596598  
597599 < span > GNU General Public License v3.0 - Copyrights 2018 - 2022</ span >
598600 </ footer >
@@ -678,7 +680,7 @@ <h3>Coming soon...</h3>
678680
679681 <!-- title -->
680682 < div class ="modalTitle ">
681- < img src ="./assets/icons/kaggle.svg " alt ="Kaggle Logo " />
683+ < img src ="./assets/icons/kaggle.svg " alt ="Kaggle Logo " width =" 200px " height =" 200px " />
682684  
683685 < span > Kaggle Notebooks</ span >
684686 </ div >
@@ -698,7 +700,7 @@ <h3>Coming soon...</h3>
698700 <!-- First Project -->
699701 < a href ="https://www.kaggle.com/code/dsfelix/predicting-future-sales " target ="_blank ">
700702 < div class ="card " data-tilt >
701- < img src ="./assets/icons/projects/trade.avif " alt ="Predict Future Sales ">
703+ < img src ="./assets/icons/projects/trade.avif " alt ="Predict Future Sales " width =" 200px " height =" 200px " >
702704
703705 < span > Predicting Future Sales</ span >
704706
@@ -709,7 +711,7 @@ <h3>Coming soon...</h3>
709711 <!-- Second Project -->
710712 < a href ="https://www.kaggle.com/code/dsfelix/predicting-us-stores-sales/notebook " target ="_blank ">
711713 < div class ="card " data-tilt >
712- < img src ="./assets/icons/projects/store.avif " alt ="Predicting US Stores Sales ">
714+ < img src ="./assets/icons/projects/store.avif " alt ="Predicting US Stores Sales " width =" 200px " height =" 200px " >
713715
714716 < span > Predicting US Stores Sales</ span >
715717
@@ -720,7 +722,7 @@ <h3>Coming soon...</h3>
720722 <!-- Third Project -->
721723 < a href ="https://www.kaggle.com/code/dsfelix/predicting-house-prices " target ="_blank ">
722724 < div class ="card " data-tilt >
723- < img src ="./assets/icons/projects/house-for-sale.avif " alt ="Predicting House Prices ">
725+ < img src ="./assets/icons/projects/house-for-sale.avif " alt ="Predicting House Prices " width =" 200px " height =" 200px " >
724726
725727 < span > Predicting House Prices</ span >
726728
@@ -731,7 +733,7 @@ <h3>Coming soon...</h3>
731733 <!-- Fourth Project -->
732734 < a href ="https://www.kaggle.com/code/dsfelix/prevendo-pre-o-de-casas/notebook " target ="_blank ">
733735 < div class ="card " data-tilt >
734- < img src ="./assets/icons/projects/house-for-sale.avif " alt ="Predicting House Prices ">
736+ < img src ="./assets/icons/projects/house-for-sale.avif " alt ="Predicting House Prices " width =" 200px " height =" 200px " >
735737
736738 < span > Predicting House Prices</ span >
737739 < span > (Portuguese Version)</ span >
@@ -743,7 +745,7 @@ <h3>Coming soon...</h3>
743745 <!-- Fifth Project -->
744746 < a href ="https://www.kaggle.com/dsfelix/spaceship-titanic-competition " target ="_blank ">
745747 < div class ="card " data-tilt >
746- < img src ="./assets/icons/projects/spaceship.avif " alt ="Spaceship Titanic ">
748+ < img src ="./assets/icons/projects/spaceship.avif " alt ="Spaceship Titanic " width =" 200px " height =" 200px " >
747749
748750 < span > Spaceship Titanic -</ span >
749751 < span > Dimensional Transportation</ span >
@@ -767,7 +769,7 @@ <h3>Coming soon...</h3>
767769
768770 <!-- title -->
769771 < div class ="modalTitle ">
770- < img src ="./assets/icons/tensorflow.svg " alt ="Tensor Flow Logo " />
772+ < img src ="./assets/icons/tensorflow.svg " alt ="Tensor Flow Logo " width =" 200px " height =" 200px " />
771773  
772774 < span > ML Algorithms</ span >
773775 </ div >
@@ -787,7 +789,7 @@ <h3>Coming soon...</h3>
787789 <!-- First Project -->
788790 < a href ="https://www.kaggle.com/code/dsfelix/random-forest-regressor-algorithm " target ="_blank ">
789791 < div class ="card " data-tilt >
790- < img src ="./assets/icons/algorithms/trees.avif " alt ="Random Forest Regressor ">
792+ < img src ="./assets/icons/algorithms/trees.avif " alt ="Random Forest Regressor " width =" 200px " height =" 200px " >
791793
792794 < span > Random Forest Regressor</ span >
793795
@@ -798,7 +800,7 @@ <h3>Coming soon...</h3>
798800 <!-- Second Project -->
799801 < a href ="https://www.kaggle.com/code/dsfelix/xgboost-regressor " target ="_blank ">
800802 < div class ="card " data-tilt >
801- < img src ="./assets/icons/algorithms/logistic-regression.avif " alt ="XGB Regressor ">
803+ < img src ="./assets/icons/algorithms/logistic-regression.avif " alt ="XGB Regressor " width =" 200px " height =" 200px " >
802804
803805 < span > XGB Regressor</ span >
804806
@@ -809,7 +811,7 @@ <h3>Coming soon...</h3>
809811 <!-- Third Project -->
810812 < a href ="https://www.kaggle.com/code/dsfelix/xgboost-classifier " target ="_blank ">
811813 < div class ="card " data-tilt >
812- < img src ="./assets/icons/algorithms/clustering.avif " alt ="XGB Classifier ">
814+ < img src ="./assets/icons/algorithms/clustering.avif " alt ="XGB Classifier " width =" 200px " height =" 200px " >
813815
814816 < span > XGB Classifier</ span >
815817
@@ -832,7 +834,7 @@ <h3>Coming soon...</h3>
832834
833835 <!-- title -->
834836 < div class ="modalTitle ">
835- < img src ="./assets/icons/dashboard.avif " alt ="Dashboards Logo " />
837+ < img src ="./assets/icons/dashboard.avif " alt ="Dashboards Logo " width =" 200px " height =" 200px " />
836838  
837839 < span > Dashboards</ span >
838840 </ div >
@@ -852,7 +854,7 @@ <h3>Coming soon...</h3>
852854 <!-- First Project -->
853855 < a href ="https://csfelix-dashboard-us-stores-sales-app-26nuvr.streamlit.app " target ="_blank ">
854856 < div class ="card " data-tilt >
855- < img src ="./assets/icons/projects/store.avif " alt ="Dashboard US Store Sales ">
857+ < img src ="./assets/icons/projects/store.avif " alt ="Dashboard US Store Sales " width =" 200px " height =" 200px " >
856858
857859 < span > US Store Sales</ span >
858860
@@ -863,7 +865,7 @@ <h3>Coming soon...</h3>
863865 <!-- Second Project -->
864866 < a href ="https://csfelix-programming-languages-poll-1--poll-6k70pi.streamlit.app " target ="_blank ">
865867 < div class ="card " data-tilt >
866- < img src ="./assets/icons/dashboards/polling.avif " alt ="Programming Languages Poll ">
868+ < img src ="./assets/icons/dashboards/polling.avif " alt ="Programming Languages Poll " width =" 200px " height =" 200px " >
867869
868870 < span > Programming Languages Poll</ span >
869871
@@ -874,7 +876,7 @@ <h3>Coming soon...</h3>
874876 <!-- Third Project -->
875877 < a href ="https://csfelix-csv-analyser-app-c389q5.streamlit.app " target ="_blank ">
876878 < div class ="card " data-tilt >
877- < img src ="./assets/icons/dashboards/investigation.avif " alt ="Dashboard CSV Analyser ">
879+ < img src ="./assets/icons/dashboards/investigation.avif " alt ="Dashboard CSV Analyser " width =" 200px " height =" 200px " >
878880
879881 < span > CSV Analyser</ span >
880882
0 commit comments