DEV Community

Cover image for Template for your portafolio
Miquel Camps
Miquel Camps

Posted on

2 1

Template for your portafolio

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

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay