Skip to content

My personal portfolio is available in PT/BR and EN, built with HTML, CSS, Tailwind, and JS.

Notifications You must be signed in to change notification settings

rubens-fs/rubens-portfolio

Repository files navigation

README.md

Para ver a versão em português, clique aqui.

📌 Introduction

My personal portfolio is available in PT/BR and EN, built with HTML, CSS, Tailwind, and JS.

It showcases my main contact links, a total of 6 of my key projects, my expertise, and much more!

🔍 About the Interface

Building the Interface with Tailwind

The interface was built using HTML (for the initial project structure), CSS (for more specific stylings), Tailwind CSS along with its form plugin, and Javascript in combination with TypedJS.

Responsiveness

The project has been optimized for mobile, tablet, and desktop screens, specifically targeting resolutions of 512px, 720px, 1024px, 1140px, and 1320px.*

*I have chosen to demonstrate only 3 resolutions below.

📲 Media

Interface at 512, up to 720px, and above 1140px respectively:

512px

Layout at 512px

Up to 720px

Layout up to 720px

Above 1140px

Layout above 1140px

Responsiveness and language option

Responsive screen

🚀 Conclusion and Next Steps

This project was a great opportunity to enhance my skills in Tailwind, a powerful tool when it comes to creating user interfaces quickly and efficiently.

Although my website is complete, I have decided not to consider it as "final." By merging my own ideas with others I've had throughout the week, I am committed to creating a new, more purpose-oriented layout for potential professional contacts.

If you want to know more about me or get in touch, feel free to visit my LinkedIn profile: https://www.linkedin.com/in/rubens-fs/