Skip to content
Digital RootsDigital Roots

Personal Portfolio

Diogo Philips Portfolio

A responsive personal portfolio website created by translating a Figma interface into clean front-end code using HTML, CSS, JavaScript, and Bootstrap.

Web DesignWeb DevelopmentFigma to Code
Diogo Philips Portfolio website — homepage screenshot

Overview

About Diogo Philips Portfolio

The Diogo Philips portfolio project focused on accurately translating a supplied Figma design into a responsive personal website.

The front-end implementation preserved the original visual structure while adapting the layout for different screen sizes and devices.

Project details

Project type
Personal Portfolio
Design source
Figma
Technologies
HTML5, CSS3, JavaScript, Bootstrap, Figma
Services
Web Design, Web Development, Figma to Code

Services

Technologies

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
  • Figma

TagsPortfolio Website · Figma to Code · Bootstrap · Front-End Development

Visual showcase

The website, in full.

The full page, as built. Scroll inside the frame to explore it.

Diogo Philips Portfolio website — full-page screenshot

Live website

momenasuallam.github.io/portfolio-Diogo-Philips/index.html

Visit Diogo Philips Portfolio

Start here

Have a similar project in mind? Let’s build it.

Tell us where your business is today. A founder-led team replies within one business day with honest next steps.

  • 01 · NEXT

    Tell us about the project

    About three minutes.

  • 02 · NEXT

    We reply within one business day

    From hello@getdigitalroots.com.

  • 03 · NEXT

    A short discovery call

    Then a clear scope and plan.