Digital Business Card, Renato Albuquerque, Software Developer

Solution that includes all user links, contacts, portfolio page, as well as files download (Example: resume). Project start: November 2022.

"Mobile first" project for 320px, 375px and 425px screens, developed in HTML, CSS and JavaScript. Some relevant features: "dark/light mode" and "share button". Other relevant aspects: Added "name meta tags" (author, description, keywords) to optimize the page content with search engines.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size (Developed for the breakpoints: 320px, 375px and 425px)
• See hover states for all interactive elements on the page
• Send the website through the button share
• Change page theme between dark and light mode

Screenshot

Main Page

Portfolio Page

Links

• Solution URL here
• Live Site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• JavaScript
• Mobile-first workflow

Author

• Business Card - Renato Albuquerque
• Linkedin - renato-malbuquerque
• Discord - Renato Albuquerque#0025