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

hannaslesarska profile image

My Web Development Learning Journey: From Beginner to Building Cool Things 🚀

Hanna Slesarska -

harsh_asati_909ffac61c79d profile image

Capsule Networks: The Next Frontier in AI?

harsh asati -

therealmrmumba profile image

Implementing Continuous Deployment with Docker and Kubernetes

Emmanuel Mumba -

junaid_dev profile image

This Tool can remove 98% Bloatware apps

Junaid -