Liz Lorena Berberena


My Fourth Portfolio

Developed Summer 2018

My fourth portfolio is an original design made with HTML, CSS, Bootstrap, some Javascript, and Jekyll. This website was designed to be a dark theme and with responsiveness in mind. My projects are lists in a single column and text is minimal. This is also when I started having fun with tooltip styling and bright colors.

Screenshot of Fourth Portfolio on Mobile

Visit SiteSource Code

Screenshot of Fourth Portfolio on Desktop

Yes, I made these just for this post.

And finally, this is my current portfolio, and it's the design I've been happiest with by far. For this one, I wanted to go as simple as possible and once again used my graphics to preview my projects, a dropdown button for the mobile navigation, and Jekyll. I also learned how to make custom tooltips and a cute CSS gradient animation for the special link to my blog. Instead of using a white theme, I went for a kickass dark theme because I find it to be much easier on the eyes. Here is also where I changed my logo colors from blue and gold to blue-violet and turquoise.

Here's the mobile site in action:

Gif of Fourth Portfolio on Mobile

Here's a screenshot of the entire landing page with graphics of all my best projects thus far:

Screenshot of Entire Fourth Portfolio on Desktop

HomeProjectsCVAboutContactScroll to Top

© 2014–2021 Liz Lorena Berberena