Home / JavaScript / CSS

Portfolio template built with plain html, css and JavaScript

Portfolio Template - HTML Build your portfolio using this super easy template. Free to use if you are a member of the community or a contributor to th
Information
Category: JavaScript / CSS
Watchers: 0
Star: 3
Fork: 2
Last update: Jan 19, 2022
Resource links
https://github.com/CommunityPro/portfolio-html

Portfolio Template - HTML

Build your portfolio using this super easy template. Free to use if you are a member of the community or a contributor to this project. if not, read our requirements if you plan on using this template for your portfolio.

This project is made from the tireless efforts of the community, so feel free to support our work by contributing, staring ✨ the project or sponsoring us. 🙏🏽

Design credit:

How to Contribute

Are you contributing to this project, please ensure all pull requests and contributions comply with our guidelines

Before making any changes, ensure you have raised an issue here, unless it is a minimal change like Typo error then you can go right ahead.

Folder Structure

├── dist
│   ├── index.html
│   ├── css
│   │   ├── style.css
│   │   ├── global.css
│   ├── assets
│   │   ├── profile-image
│   │   ├── logo
│   ├── js
│   │   ├── script.js
├── .github
│   ├── ISSUE_TEMPLATE
│   │   ├── bug.md
│   │   ├── feature.md
│   ├── Pull_request_template.md
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── package.json
└── .gitignore

Support

If you like this project, kindly star ⭐ and share this project. It means the world to us. You can also offer support by donating to keep this project going.

6 Open More issues
Closed

[BUG] -

Github page is not working

The deployed website on Github Pages in not working

To Reproduce

Steps to reproduce the behavior:

  1. Go to Environments
  2. Click on github-pages
  3. Click on View Deployment
  4. See error

Expected behavior

The website should be displayed on the web

Screenshots

image

Laptop:

  • OS: [macOS]
  • Browser [chrome]
  • Version [ 97.0.4692.99]
bug help wanted 
opened Jan 22, 2022 by manishbajagai2 16
Closed

[BUG] - Add Padding To Content

Describe the bug

The contents on the page are too squished and should be spaced out a bit.

To Reproduce

Steps to reproduce the behaviour:

  1. Go to 'https://cpro-portfolio-html.netlify.app/'
  2. See the contents on the main page

Expected behaviour

It is hard to read content as they all appear to be on the same spot with no room to breathe.

Screenshots

Screenshot (355)

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome
  • Version: Version 97.0.4692.71

Smartphone (please complete the following information):**

  • Device: Samsung Galaxy Note 10+
  • OS: Android 11
  • Browser: Samsung Internet
  • Version: 16.0.6.23

Additional context

Add padding or margins for the spacing.

bug good first issue 
opened Jan 21, 2022 by vermilion4 16
Closed

[FEAT] - Configure Dependency

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

Setup the dependency to collect users of the project.

Describe alternatives you've considered

Still researching ways to do that.

Additional context

This will help curate the number of users of this project.

dependecny

enhancement help wanted 
opened Jan 21, 2022 by Evavic44 12
Closed

[FEAT] - Add metatag guide

Is your feature request related to a problem? Please describe.

No

Describe the solution you'd like

Add a metatag guide for users to generate their own meta tags so when they share their portfolio to social platforms, it will preview the meta image.

Describe alternatives you've considered

Use metatags.io

Additional context

None.

duplicate enhancement status: work in progress 
opened Mar 8, 2022 by Evavic44 8
Closed

Fixed spacing of elements

Issue No: #63

What does this pull request do?

Fixes spacing of elements

What is the relevant issue link:

relevant issue link

Screenshot

image

help wanted status: work in progress 
opened Jan 22, 2022 by manishbajagai2 8
Closed

Link badges in README to their respective labels

Link the respective labels to their badges.

You can find the labels here Copy each label link and use it to wrap their corresponding badge in the README.

Fix

This is an example of the bug label wrapped with it's link.

<a href="https://github.com/CommunityPro/portfolio-html/labels/bug">
<img src="https://img.shields.io/github/labels/Communitypro/portfolio-html/bug">
</a>
  • [x] good first issue
  • [x] help wanted
  • [x] enhancement
  • [x] bug

Fix only one, so others can have a go too.

Badge screenshot

labels

documentation first timers only good first issue 
opened Jan 17, 2022 by Evavic44 8
Open

Glowing-home-page

Glowing Effect

#134

What does this pull request do?

  • This pull request enhances the user experience of your website

What is the relevant issue link:

  • Improves the simplicity of the website

Screenshot if applicable

s1

Any additional information?

  • If want to improve or add any feature on your website then comment me

Thanks

@Arshdeep-13

opened May 13, 2023 by Arshdeep-13 1
Open

Changed works to projects

Issue No: #133

What does this pull request do?

Changed Works heading to Projects

What is the relevant issue link:

Screenshot if applicable

Any additional information?

opened May 7, 2023 by Aditya062003 1
Open

[BUG] - In the navbar

In the navbar there is a section called "Projects" but in the website it's called as "works" It is need to be changed

bug 
opened Apr 17, 2023 by MohamedMafaz 0
Open

Resume button not work properly

When I click resume-> button it redirect me to github. that's not a good idea. The purpose of the buton is to download our resume/cv

enhancement 
opened Apr 17, 2023 by MohamedMafaz 0
Open

Need to add what are the skills we have

null

enhancement 
opened Apr 17, 2023 by MohamedMafaz 0
Open

In work there's no description

In work section we need to brief description about our work. In terms of UX it attracts more clients

enhancement 
opened Apr 17, 2023 by MohamedMafaz 0

Contents

    VivekPa An open source library for portfolio optimisation
    RyanFitzgerald A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
    tsurupin A blog and Portfolio CMS built with Rails, React, Redux, Material-UI, CSS Modules.
    ddongule 🌟 This is a simple-portfolio template for Developers.
    nisarhassan12 A beautiful lightweight accessible and performant personal portfolio website.
    aymaneMx ⚡ A portfolio for developers with a blog powered by Notion
    ZhengyaoJiang PGPortfolio: Policy Gradient Portfolio, the source code of "A Deep Reinforcement Learning Framework for the Financial Portfolio Management Problem"(https://arxiv.org/pdf/1706.10059.pdf).
    smakosh A portfolio for developers
    Tombarr Editable resume template built with HTML, CSS, and JS. Built by and for software engineers and web developers.
    aviaryan My open source projects portfolio. Built with React.
    MTrajK Bouncing balls simulation using plain JavaScript
    BraydenTW 👨‍🎨 An open-source portfolio template built with React and Tailwind.
    divanov11 Simple group video chat app built using plain HTML, CSS, JavaScript and the Agora SDK
    RyanFitzgerald Devfolio is a modern and production-ready personal portfolio and blog template built on GatsbyJS and TailwindCSS.
    BraydenTW ✨ Elegant portfolio template built on NextJS and Tailwind.
    codewithvk Sort, Simple and easy to modifiable react portfolio🚀
    Anshul1507 Sample for Animated Portfolio.
    Ksound22 Portfolio website tutorial for freeCodeCamp readers
    vercel-solutions Easily create a portfolio with Next.js and Markdown.
    vaibhavmit074 react portfolio is your basic detail template
    MLH-Fellowship Portfolio for January 2022 Prep
    Share this repo

    Related Repos


    CSS
    19
    Lista de conteúdo de hacking e segurança da informação feita inteiramente para BR
    luca-regne Hacking para brasileiros Coletânea de links e fontes de conteúdo brasileiro sobre hacking, segurança da informação e tópicos relacionados. Aviso Legal
     
    CSS
    7
    Firefox theme for catppuccin
    CelestialN3ko Catppuccin Theme for Firefox (Unofficial) This is an unofficial theme Themes Dark Rosewater Flamingo Mauve Pink Maroon Red Peach Yellow Green Teal Blu
     
    CSS
    5
    Repositório para os arquivos do curso de Angular do Hora de Codar no YouTube.
    matheusbattisti Teoria This project was generated with Angular CLI version 13.1.2. Development server Run ng serve for a dev server. Navigate to http://localhost:4200
     
    CSS
    4
    A tech guy with finance as his core competency
    ChintzRuparel Hi 👋 , I'm Chintz Ruparel A tech guy with finance as his core competency 🔭 I’m currently working on TWODS Capital 🌱 I’m currently learning AMP, REA
     
    CSS
    4
    Simple & Quick Access Addon For Homer Dashboard
    varunsridharan Homer Dashboard - Firefox Addon Quick Access Homer Dashboard - Firefox Addon Usage Install Addon [ Firefox ] Configure The Addon Add The Quick Access
     
    CSS
    3
    Portfolio template built with plain html, css and JavaScript
    CommunityPro Portfolio Template - HTML Build your portfolio using this super easy template. Free to use if you are a member of the community or a contributor to th
     
    CSS
    8
    Material for ProLaLa Keynote
    dsyme ProLaLa2022 Archival material for "Programming Languages and the Law" 2022 Keynote by: Davin Fifield – VP Product Development, Oracle Surend Dayal – P
     
    CSS
    8
    Tina working with Astro using Tina Admin
    perkinsjr Astro working with Tina This experience is a conceptual idea behind how to use Tina with pure SSG on Astro. This also may be subject to change in the
     
    CSS
    12
    Como criar um cluster ou multi-cluster Kubernetes localmente, em uma máquina Windows, util...
    jacunha Este guia tem a finalidade de orientar como criar um cluster kubernetes com um ou mais nós , e/ou multi-cluster em um computados com sistema operacional Windows 10 ou 11, utilizando o Hyper-V (nativo do Windows), para provisionar máquinas virtuais e Minikube (para provisionar clusters kubernetes localmente) a fim de auxiliar nos estudos da tecnologia para quem não dispõe de uma ambiente Linux.
     
    CSS
    366
    AWS Inventory in a single HTML file using JS AWS-SDK & Bootstrap
    devops-israel AWS Inventory A single-file that shows the whole inventory of your AWS services on a single page. Usage Clone or copy the index.html file to your comp
     
    CSS
    9
    Lit + File Based Routing + Nested Layouts
    rodydavis Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i
     
    CSS
    14
    PostgreSQL Editor and Dashboard
    prostgles Prostgles UI Web dashboard and SQL Editor for Postgres Screenshots More Features SQL Editor with schema auto-completion and useful hints Data edit and
     
    CSS
    5
    Soothing pastel theme for GitHub
    catppuccin Catppuccin for GitHub Usage Install an extension called Redefined GitHub Right Click on the extension Go to options/preferences (depends on the browse
     
    CSS
    3
    fxhash template by Matt Circles
    MatthieuSegret fxhash template by Matt Circles This is the template I use to start a new project on fxhash. It is agnostic of any framework: p5js, threejs, etc. You
     
    CSS
    3
    Lista de componentes Tailwind para VueJS / NuxtJs / ...
    Karytonn Componentes TailwindCSS Lista de componentes Tailwind para VueJS / NuxtJs / ... Tailwind.io Tailwind Elements Tailwind.cc Maraki UI Criative TIM Tail