DEV Community

Cover image for Template for your portafolio
Miquel Camps
Miquel Camps

Posted on

Template for your portafolio

#portafolio #resume #projects #sideprojects

Hi DEVs!

I made a simple portafolio template where you can show your sideprojects with the option to filter them using categories.

I'm using Bootstrap for the frontend, the data is hosted in a google spreadsheet, you can upload it on Github Pages to get your own URL for free.

I hope this can be useful for you!

Install

Insert your google spreadsheet ID in this file /static/main.js

var URL = "1gjSO6dzKyucIQMkM3yo4DfZf7tSPOCfZ4wSMP5NInlU"
Enter fullscreen mode Exit fullscreen mode

Customize your own website

Full width

<div class="container fullwidth">
Enter fullscreen mode Exit fullscreen mode

Fixed header on desktop

<body class="fixed">
Enter fullscreen mode Exit fullscreen mode

Show 4 items for row

<div class="col-md-3 item" data-category="{{category}}">
Enter fullscreen mode Exit fullscreen mode

Show 6 items for row

<div class="col-md-2 item" data-category="{{category}}">
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

cleobnvntra profile image

Reflecting on Hacktoberfest 2024

Cleo Buenaventura -

karenpayneoregon profile image

Storing passwords safely (C#)

Karen Payne -

makowskid profile image

10 Ways AI with SharpAPI is Transforming Travel Tech

Dawid Makowski -

574n13y profile image

A Beginner’s Guide to Subnetting, CIDR, Network, and Hosts

Vivesh -