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

okoye_ndidiamaka_5e3b7d30 profile image

Inclusive Design: How to Build Web Applications That Welcome Everyone

Okoye Ndidiamaka -

marcsamuel profile image

Top Cloud Security Risks and Challenges

Marc Samuel Pabilona -

ahmedraza_fyntune profile image

Php Reflection

Ahmedraza Fyntune -

learn_with_santosh profile image

Waterfall Model: Simple Breakdown

Santosh Shelar -