HTMLPortfolio

portfolio-template (elmejiasg) — HTML Portfolio Template

By elmejiasg

A responsive personal portfolio template built with HTML, CSS, and JavaScript, supporting Spanish-English bilingual switching, light/dark themes, and dynamic loading of repositories via the GitHub API.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Spanish and English bilingual switching, with text maintained centrally in lang/*.json

02

Light and dark theme switching, controlled by theme.js

03

Dynamically loads and displays repositories via the GitHub REST API, with data from github.js

04

Project display content is configured in portfolio.config.json, allowing customization of projects, technologies, and banners

05

Responsive layout, adapting to desktop and mobile

06

Licensed under Apache-2.0, allowing free use, modification, commercial use, and distribution

Template Details

This is a purely static personal portfolio template written in HTML, CSS, and JavaScript, with no build tools or backend services required. The page structure, styles, and interaction logic are located in index.html, CSS, and several JavaScript files, respectively. Project display data is configured in portfolio.config.json, and interface text is stored in JSON files under the lang/ directory. The template includes Spanish and English switching, light/dark theme switching, and dynamically fetches and renders a specified user's repository list via the GitHub REST API.

Before use, you need to replace "YOUR GITHUB USER NAME" in github.js and i18n.js with your actual GitHub username; otherwise, the repository list and some language-related logic will not load correctly. The project can be deployed to GitHub Pages or other static hosting services. The template is based on the author's personal site, and the demo address is the actual version of that site.

Regarding licensing, the repository uses Apache-2.0, allowing free use, modification, commercial use, and distribution. When distributing, you must include the license and retain copyright and attribution notices, and modified files must prominently indicate changes. Third-party assets such as demo images, fonts, and icons outside the code need to be checked separately for their licenses.

HTMLPortfolio

Is it right for your project?

Use Cases

  • Personal developers building a portfolio page to showcase their GitHub repositories and skills
  • Personal sites requiring a Chinese-English or Spanish-English bilingual interface
  • Resume or portfolio pages intended for purely static deployment to GitHub Pages
  • As a reference project for learning HTML, CSS, JavaScript, and GitHub API calls

Suitable For

  • Developers with basic HTML/CSS/JavaScript editing skills who can modify configuration files themselves
  • Individual users who want to quickly obtain a customizable portfolio page structure
  • Display-oriented sites that require static hosting and no backend services

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Clone or fork the repository: git clone https://github.com/elmejiasg/portfolio-template.git

  2. 2

    Replace "YOUR GITHUB USER NAME" in github.js and i18n.js with your own GitHub username

  3. 3

    Configure the projects, technology tags, and banners to display in portfolio.config.json

  4. 4

    Modify or add interface translation text in lang/*.json

  5. 5

    Deploy to GitHub Pages or other static hosting services

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the Apache-2.0 license; the free scope is the code of this version and does not imply that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution are permitted; when distributing, the Apache-2.0 license must be included.
  • Modified files must prominently indicate changes, and relevant copyright, patent, trademark, and attribution notices must be retained.
  • If the original project includes a NOTICE file, applicable attribution notices must be retained when distributing derivative works.
  • The license includes an applicable contributor patent grant; initiating patent litigation as described in the license will terminate that patent grant, and no trademark use rights are granted.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's Apache-2.0 license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • Before use, you must replace "YOUR GITHUB USER NAME" in github.js and i18n.js with your own GitHub username; otherwise, the repository list and some language-related logic will not load correctly.
  • The repository list is dynamically loaded via the GitHub REST API, depending on GitHub's external service; if the API is unavailable or rate limits are triggered, the repository display function will be affected.
  • The project is a purely static template and must be deployed to GitHub Pages or other static hosting services before it can be accessed.
View Original Text Basis

no-charge, royalty-free, irrevocable copyright license

Original License Text

Replace `"YOUR GITHUB USER NAME"` in `github.js` and `i18n.js` with your GitHub username.

Original README

Dynamic loading of repositories via GitHub API

Original README

Deploy on GitHub Pages or another static host.

Original README
https://github.com/elmejiasg/portfolio-template/blob/main/LICENSEhttps://github.com/elmejiasg/portfolio-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 74 / 100
Technologies
HTML
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-06-28
Screenshot last checked
2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 028550039b87f4e8f9a0396dbd43647ea647db12de49a31e3a316346b30a818f

2026-10-13T04:06:00.920Z

Source file / repository
# Portfolio Template / Plantilla de Portafolio

## EN English

A responsive personal portfolio template built with HTML, CSS, and JavaScript. Includes language switcher, GitHub API integration, and dark/light mode.

### Features
- Language switcher (Spanish / English)
- Light and dark mode toggle
- Dynamic loading of repositories via GitHub API
- Fully responsive and mobile-friendly
- Accessibility-friendly HTML structure

### Technologies
- HTML5
- CSS3
- JavaScript
- GitHub REST API

### Usage
1. Fork or clone this repository:
   `git clone https://github.com/elmejiasg/portfolio-template.git`

2. Customize the content:
   - `index.html`: structure and personal info
   - `portfolio.config`.json: configure your displayed projects, technologies, and banners
   - `lang/*.json`: translated texts
   - `github.js`: GitHub API logic
   - `i18n.js`: language switching
   - `theme.js`: theme toggle

3. Replace `"YOUR GITHUB USER NAME"` in `github.js` and `i18n.js` with your GitHub username.

4. Deploy on GitHub Pages or another static host.

### Live Demo
This portfolio template is based on my own personal site.

[View the live demo here](https://elmejiasg.github.io)  
(You can explore the real version using this template.)


### License
This project is licensed under the Apache 2.0 License.  
© 2025 Elena Mejías Gil. All rights reserved.

---

## 🇪🇸 Español

Plantilla de portafolio personal responsiva y accesible construida con HTML, CSS y JavaScript. Incluye soporte multilingüe, integración con la API de GitHub y cambio de modo claro/oscuro.

### Funcionalidades
- Cambio de idioma (Español / Inglés)
- Cambio entre modo claro y oscuro
- Carga dinámica de repositorios desde GitHub mediante la API de GitHub
- Totalmente responsive y adaptable a móviles
- Estructura HTML accesible

### Tecnologías
- HTML5
- CSS3
- JavaScript
- API REST de GitHub

### Uso
1. Haz un fork o clona este repositorio:
   `git clone https://github.com/elmejiasg/portfolio-template.git` 

2. Personaliza el contenido:
   - `index.html`: estructura y contenido
   - `portfolio.config.json`: configura los proyectos que se mostrarán, sus tecnologías y banners
   - `lang/*.json`: traducciones de idiomas
   - `github.js`: integración con la API de GitHub y renderizado de proyectos
   - `i18n.js`: lógica de cambio de idioma
   - `theme.js`: cambio entre modo claro y oscuro

3. Sustituye `"YOUR GITHUB USER NAME"` en los archivos `github.js` e `i18n.js` por tu nombre de usuario real de GitHub para que se carguen tus propios repositorios.

4. Sube el proyecto a GitHub Pages o a otro hosting estático.

### Demo en vivo
Esta plantilla está basada en mi propio portafolio personal.

[Ver demo en vivo aquí](https://elmejiasg.github.io)  
(Puedes explorar la versión real creada con esta plantilla.)


### Licencia
Este proyecto está bajo la Licencia Apache 2.0.  
© 2025 Elena Mejías Gil. Todos los derechos reservados.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

simplefolio

Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.

HTML · Portfolio

Freelancer

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Resume

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

HTML · Portfolio

Creative

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

Grayscale

Grayscale

A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.

HTML · Corporate Website

startbootstrap-stylish-portfolio

startbootstrap-stylish-portfolio

A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.

HTML · Portfolio