HTMLPortfolio

portfolio (siqueira-gustavo) — HTML Portfolio Template

By siqueira-gustavo

A personal portfolio website template built with pure HTML, CSS, and vanilla JavaScript, featuring a dark theme and English/Portuguese language switching.

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

Pure HTML, CSS, and vanilla JavaScript; runs without build tools

02

Dark theme with Playfair Display for headings and Inter for body text

03

Built-in English and Portuguese bilingual switching, with language preference stored in localStorage

04

Complete sections including fixed navigation, hero, service cards, portfolio grid, and contact form

05

Based on a 12-column responsive grid, covering multiple breakpoints from desktop to small mobile screens

Template Details

This is a personal portfolio website built with pure HTML, CSS, and vanilla JavaScript. It does not rely on build tools or front-end frameworks; after cloning, you can open index.html directly in a browser to run it. The page uses a dark theme and includes sections such as a fixed navigation bar, hero area, service cards, portfolio grid, and contact form. It also provides bilingual switching between English and Portuguese (PT-BR), with the language preference saved in the browser's localStorage.

In terms of design, it uses Playfair Display for headings and Inter for body text, icons from Font Awesome, fonts from Google Fonts, and Unsplash placeholder images. The layout is based on a 12-column responsive grid, with breakpoints covering desktop, laptop, tablet, mobile, and small mobile screens.

Usage limitations: the repository does not provide backend code, and the contact form has no server-side processing logic; portfolio content, avatar, social links, and other data are examples that need to be replaced; bilingual support covers only English and Portuguese, and extending to other languages requires modifying the scripts.

HTMLPortfolio

Is it right for your project?

Use Cases

  • Personal developers or designers building a single-page portfolio showcase site
  • Showcase websites that need bilingual switching beyond Chinese and English (English/Portuguese)
  • Deploying as a pure static page to static hosting services such as GitHub Pages

Suitable For

  • Individual developers who want to maintain a portfolio with pure HTML/CSS/JS
  • Freelancers or designers who need English and Portuguese bilingual display
  • Users who publish a personal homepage via static hosting

Getting started & customization

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

  1. 1

    After cloning the repository, open index.html directly in a browser, or start a local server with python -m http.server 8000

  2. 2

    Replace example content such as portfolio projects, avatar, social links, and contact information

  3. 3

    The contact form has no backend processing; to collect submissions, integrate a form service or API yourself

  4. 4

    Font Awesome, Google Fonts, and Unsplash assets must be checked for use under their respective licenses

  5. 5

    When distributing or modifying the code, retain the original MIT license and copyright notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • 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 under their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • A local web server is optional, not required; you can run it by opening index.html directly in a browser.
  • Icons use Font Awesome; you must comply with its license terms.
  • Fonts come from Google Fonts; you must comply with its license terms.
  • Placeholder images come from Unsplash; you must comply with its license terms.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

- (Optional) Local web server for development

Original README

- [Font Awesome](https://fontawesome.com/) for icons

Original README

- [Google Fonts](https://fonts.google.com/) for typography

Original README

- [Unsplash](https://unsplash.com/) for placeholder images

Original README
https://github.com/siqueira-gustavo/portfolio/blob/main/LICENSEhttps://github.com/siqueira-gustavo/portfolio/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-09-08
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: 0a8143fe752b8d0421476789386fc4ba8853c45ae5e476225fc7f7c86a2c3a30

2026-10-13T02:11:38.107Z

Source file / repository
# Gustavo Siqueira - Personal Portfolio

![Portfolio Screenshot](./screenshot.png)

A modern, responsive, and elegant personal portfolio website built with pure
HTML, CSS, and vanilla JavaScript. The website features a dark theme, smooth
animations, and full bilingual support (English and Portuguese).

## 🌟 Features

- **Responsive Design**: Looks great on all devices from mobile to desktop
- **Bilingual Support**: Switch between English and Portuguese (PT-BR)
- **Modern UI**: Clean, elegant design with smooth animations
- **Performance Optimized**: Fast loading with minimal dependencies
- **Accessible**: Built with web accessibility in mind
- **SEO Friendly**: Properly structured for search engines

## 🎨 Design System

The design follows a strict design system with:

- **Typography**:
  - Headings: Playfair Display
  - Body: Inter
- **Color Scheme**:
  - Primary: Elegant dark theme with beige/black palette
  - Accent colors for interactive elements
- **Layout**:
  - 12-column responsive grid
  - Consistent spacing system
  - Card-based design

## 🚀 Getting Started

### Prerequisites

- Modern web browser (Chrome, Firefox, Safari, Edge)
- (Optional) Local web server for development

### Installation

1. Clone the repository:

   ```bash
   git clone [your-repository-url]
   cd portfolio
   ```

2. Open `index.html` in your browser or use a local server:

   ```bash
   # Using Python's built-in server
   python -m http.server 8000
   ```

   Then visit `http://localhost:8000` in your browser.

## 🛠 Built With

- **HTML5** - Semantic markup
- **CSS3** - Custom properties, Flexbox, Grid
- **JavaScript (ES6+)** - Vanilla JS for interactions
- **Font Awesome** - Icons
- **Google Fonts** - Playfair Display & Inter

## 📱 Responsive Breakpoints

- **Desktop**: 1200px and up
- **Laptop**: 992px - 1199px
- **Tablet**: 768px - 991px
- **Mobile**: 576px - 767px
- **Small Mobile**: Up to 575px

## 🌐 Bilingual Support

The website supports two languages:

- English (default)
- Portuguese (PT-BR)

Language preference is saved in the browser's localStorage for returning
visitors.

## 🎯 Features by Section

### Navigation

- Fixed header with smooth scrolling
- Language switcher
- Mobile-responsive menu

### Hero Section

- Large, dramatic avatar
- Animated title
- Call-to-action button

### Services

- 3 service cards with hover effects
- Minimal icons
- Clean typography

### Portfolio

- 4 project cards with hover effects
- Image overlays
- Project links
- Responsive grid layout

### Contact

- Contact form
- Social media links
- Location information

## 📝 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
for details.

## 🙏 Acknowledgments

- [Font Awesome](https://fontawesome.com/) for icons
- [Google Fonts](https://fonts.google.com/) for typography
- [Unsplash](https://unsplash.com/) for placeholder images

## 📬 Contact

Gustavo Siqueira Email:
[[email protected]](mailto:[email protected])  
Website: [siqueira-gustavo.github.io/portfolio/](https://siqueira-gustavo.github.io/portfolio/)

---

Made with ❤️ by Gustavo Siqueira
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