awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
codewithsadee avatar

codewithsadee/vcard-personal-portfolio

0
View on GitHub↗
7,887 stars·4,342 forks·HTML·MIT·20 viewscodewithsadee.github.io/vcard-personal-portfolio↗

Vcard Personal Portfolio

vCard Personal Portfolio is a static HTML and CSS template that provides developers with a ready-to-deploy personal portfolio website. It is built as a frontend portfolio template, delivering a responsive portfolio website that showcases a developer's projects and skills in a layout optimized for all screen sizes.

The project employs a mobile-first design approach, where styles are authored for mobile viewports as the baseline and then enhanced for larger screens using progressive min-width media queries. Its CSS-grid-based responsive layout arranges page sections using CSS Grid with flexible breakpoints, adapting the layout across desktop, tablet, and mobile viewports. The template uses media-query-driven breakpoints to adjust typography, spacing, and component visibility at predefined screen width thresholds.

The template's static HTML and CSS architecture delivers content as pre-written files without a JavaScript framework or server-side rendering engine, making it suitable for lightweight, fast-loading deployment. Component-style CSS modules encapsulate visual styling for each page section, such as header, portfolio, and contact, into separate CSS rule blocks for maintainability. The project is designed for static site hosting, requiring no server-side processing or databases.

Features

  • HTML and CSS Templates - Delivers content as pre-written HTML and CSS files without a JavaScript framework or server-side engine.
  • Portfolio Website Templates - Displays a professional portfolio of projects and skills in a layout optimized for all screen sizes.
  • Portfolio Showcases - Showcases a professional portfolio of projects and skills in a layout that adapts to any screen size.
  • Developer Portfolio Sites - Presents a developer's work, skills, and experience through a clean online presence.
  • One-Page Portfolio Templates - Provides a pre-built HTML and CSS template for developers to quickly deploy a personal portfolio page.
  • Responsive Design - Builds a website that adapts seamlessly to desktops, tablets, and mobile phones.
  • Responsive Grid Layouts - Arranges page sections using CSS Grid with flexible breakpoints for adaptive multi-device layouts.
  • Grid Layout Systems - Builds page layout with CSS Grid and media queries to rearrange content across viewports.
  • Mobile-First Development Strategies - Authors styles for mobile viewports first, then progressively enhances for larger screens.
  • CSS Media Queries - Uses CSS media queries to adjust typography, spacing, and component visibility at predefined breakpoints.
  • CSS Modules - Encapsulates page-section styles into scoped CSS rule blocks to prevent naming collisions.
  • Static Site Hosting - Deploys a lightweight, fast-loading personal website without server-side processing or databases.
  • Portfolio Templates - Simple HTML and CSS portfolio.

Star history

Star history chart for codewithsadee/vcard-personal-portfolioStar history chart for codewithsadee/vcard-personal-portfolio

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Vcard Personal Portfolio

Similar open-source projects, ranked by how many features they share with Vcard Personal Portfolio.
  • jhu-ep-coursera/fullstack-course4jhu-ep-coursera avatar

    jhu-ep-coursera/fullstack-course4

    10,934View on GitHub↗

    This project provides educational course materials and reference code for learning frontend web development. It serves as a tutorial and collection of examples demonstrating how to build responsive user interfaces using HTML, CSS, and JavaScript. The repository contains practical implementations and references for responsive web design, specifically focusing on fluid grids and media queries to adapt layouts across different screen sizes. It includes client-side scripting samples that illustrate how to add interactive behavior and dynamic functionality to web pages. The material covers a broa

    JavaScript
    View on GitHub↗10,934
  • ashutosh1919/masterportfolioashutosh1919 avatar

    ashutosh1919/masterPortfolio

    4,189View on GitHub↗

    This project is a developer portfolio template designed for software engineers to establish a professional online presence. It serves as a structured website to showcase technical credentials, work experience, skills, and academic certifications. The platform features a dynamic activity dashboard that synchronizes real-time data from GitHub, automatically importing pull requests, issues, and project activities. It also includes a dedicated resume hosting capability that embeds a PDF viewer directly in the browser. Users can manage their personal branding through visual theme customization, u

    JavaScriptbest-portfolio-websitebest-websitecss3
    View on GitHub↗4,189
  • bedimcode/responsive-portfolio-website-alexabedimcode avatar

    bedimcode/responsive-portfolio-website-Alexa

    2,653View on GitHub↗

    This project is a responsive portfolio website template designed to showcase professional background information and skills. It provides a structured layout that automatically adapts to various screen sizes, ensuring a consistent viewing experience across mobile, tablet, and desktop devices. The template distinguishes itself through a mobile-first design architecture that prioritizes small-screen performance before scaling content for larger displays. It includes a built-in theme-switching component that allows users to toggle between light and dark color schemes, as well as a smooth scrollin

    CSSportfolio-websiteresponsive-portfoliowebsite-template
    View on GitHub↗2,653
  • north/northN

    north/north

    4,798View on GitHub↗

    North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur

    CSS
    View on GitHub↗4,798
See all 30 alternatives to Vcard Personal Portfolio→

Frequently asked questions

What does codewithsadee/vcard-personal-portfolio do?

vCard Personal Portfolio is a static HTML and CSS template that provides developers with a ready-to-deploy personal portfolio website. It is built as a frontend portfolio template, delivering a responsive portfolio website that showcases a developer's projects and skills in a layout optimized for all screen sizes.

What are the main features of codewithsadee/vcard-personal-portfolio?

The main features of codewithsadee/vcard-personal-portfolio are: HTML and CSS Templates, Portfolio Website Templates, Portfolio Showcases, Developer Portfolio Sites, One-Page Portfolio Templates, Responsive Design, Responsive Grid Layouts, Grid Layout Systems.

What are some open-source alternatives to codewithsadee/vcard-personal-portfolio?

Open-source alternatives to codewithsadee/vcard-personal-portfolio include: jhu-ep-coursera/fullstack-course4 — This project provides educational course materials and reference code for learning frontend web development. It serves… ashutosh1919/masterportfolio — This project is a developer portfolio template designed for software engineers to establish a professional online… bedimcode/responsive-portfolio-website-alexa — This project is a responsive portfolio website template designed to showcase professional background information and… north/north — North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for… bedimcode/portfolio-responsive-complete — Portfolio-responsive-complete is a responsive web portfolio template built with core web languages that adapts… rammcodes/dopefolio — Dopefolio is a customizable developer portfolio template designed for software engineers to showcase technical skills,…

Curated searches featuring Vcard Personal Portfolio

Hand-picked collections where Vcard Personal Portfolio appears.
  • Personal Portfolio Site Generators