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

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay