Implemented with pure HTML/CSS/vanilla JavaScript, without relying on front-end frameworks
HTMLPortfolio
personal-portfolio-website — HTML Portfolio Template
By yucezis
A personal portfolio for a junior full-stack developer focused on .NET and Flutter, built with vanilla HTML/CSS/JavaScript, supporting English-Turkish language switching and light/dark themes, used to showcase technical projects, engineering background, and internship intentions.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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.
Built-in English-Turkish language switching, with internationalization logic not dependent on external libraries
Two themes: dark and light; the dark theme is based on deep wine red and carbon black
Responsive layout using CSS Grid and Flexbox
Includes an Articles section for displaying Medium technical articles and a CV download entry
Code organized into index.html, style.css, script.js, and an assets directory
Template Details
This template is the source code for the personal portfolio website of developer Zişan Yüce, implemented with pure HTML, CSS, and vanilla JavaScript, without relying on front-end frameworks. The page structure is organized around job-seeking scenarios: it introduces engineering background and career goals, lists projects such as ZenBudget, Books, Pixel Processor, and NBA Predictor, and includes an Articles section for displaying technical articles on Medium, along with a CV download entry.
Visually, it offers two themes: dark and light. The dark theme is based on deep wine red and carbon black; typography uses Google Fonts' DM Serif Display and DM Sans. The site includes built-in English-Turkish language switching, with language logic implemented by custom scripts, without introducing external internationalization libraries. The layout uses CSS Grid and Flexbox, adapting to desktop and mobile.
Following Clean Architecture principles, the code is split into index.html, style.css, script.js, and an assets directory. The repository is MIT licensed, free to use, modify, and distribute, but third-party assets such as demo images, fonts, and icons require separate license verification; external services like domain and hosting may incur costs.
HTMLPortfolio
Is it right for your project?
Use Cases
- A job-seeking portfolio for developers to showcase personal technical projects and engineering background
- Personal website scenarios requiring English-Turkish language switching
- A reference implementation for theme switching and language switching using vanilla JavaScript
- A job-seeking page that displays Medium technical articles and provides a resume download
Suitable For
- Full-stack developers seeking internships or junior positions
- Portfolio needs preferring a framework-free, pure static front-end implementation
- Personal websites requiring English-Turkish bilingual support
- Developers looking for reference implementations of vanilla JS internationalization and theme switching
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, you can open index.html directly in a browser or start it with Live Server in VS Code
- 2
The page uses Google Fonts' DM Serif Display and DM Sans, requiring an internet connection to load fonts
- 3
PDF files such as the CV need to be placed in the assets directory and the link paths confirmed correct
- 4
Third-party assets such as demo images, fonts, and icons require separate license verification according to their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Permits free use, modification, commercial use, and distribution of that version's code.
- 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 require separate license verification and cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
- Page typography relies on Google Fonts' DM Serif Display and DM Sans, requiring an internet connection to load fonts from Google servers; in offline environments, fonts will fall back, and using the font service requires compliance with Google Fonts' own license and terms.
- The online demo linked in the README is deployed on Vercel; if you deploy it yourself to hosting platforms like Vercel, you may be subject to their free tier and terms of use, and exceeding the free tier may incur costs.
- The Articles section is used to display articles on Medium; in actual use, you need to provide your own Medium account and article links, and the Medium platform itself has its own independent terms of use and content policies.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
- **Google Fonts** – Utilizing *DM Serif Display* and *DM Sans* for a sophisticated typographic feel
Original README
💫 **Check out the live portfolio here:** [Click here to visit](https://zisan-yuce.vercel.app/)
Original README
https://github.com/yucezis/personal-portfolio-website/blob/main/LICENSEhttps://github.com/yucezis/personal-portfolio-website/blob/main/README.mdA dedicated **"Articles"** section to display my Medium publications and technical insights on .NET and Flutter.
Original README
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
- More documented · 80 / 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
- 2026-06-22
- 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: c3374f49b8f0240f7e71f52d7620faeb5876abb11ae6d6c199697b026fe70fa9
2026-10-13T09:02:54.708Z
Source file / repository# ✨ Full-Stack Developer Portfolio – Zişan Yüce Welcome to my personal portfolio project! This repository contains the source code for my portfolio website, designed to showcase my journey as a **Junior Full-Stack Developer** specializing in **.NET** and **Flutter**. The project is built with a focus on **Clean Architecture principles**, **maintainability**, and a unique **Dark Academia aesthetic**. --- 💫 **Check out the live portfolio here:** [Click here to visit](https://zisan-yuce.vercel.app/) --- ## Key Features - **Goal-Oriented Design** Specifically tailored to showcase my technical projects, engineering background, and mandatory internship availability. - **Advanced Theme Switcher** Features a custom-designed Dark Mode inspired by *90s Grunge* and *Dark Academia* aesthetics (**Deep Burgundy & Carbon Black**) and a clean, professional Light Mode. - **Multilingual Support (i18n)** The architecture is prepared for multiple language options (**English** and **Turkish**) to cater to both local and global opportunities. - **Fully Responsive** Optimized for all screen sizes, from large desktop monitors to mobile devices, using modern **CSS Grid** and **Flexbox** layouts. - **Technical Writing Showcase** A dedicated **"Articles"** section to display my Medium publications and technical insights on .NET and Flutter. - **Direct CV Access** Integrated **"Download CV"** functionality for quick access by recruiters. --- ## Tech Stack ### Frontend - **HTML5 & CSS3** – Semantic markup and custom CSS variables for theme management - **Vanilla JavaScript** – Lightweight and efficient DOM manipulation for animations and theme logic - **Google Fonts** – Utilizing *DM Serif Display* and *DM Sans* for a sophisticated typographic feel --- ## Projects Showcased - **ZenBudget** A fintech mobile app built with **Flutter** & **.NET Core** - **Books** An **E-commerce suite** (Graduation Project) - **Pixel Processor** Algorithmic image processing in **C#** - **NBA Predictor** Machine Learning analysis using **Python** --- ## Project Structure Following the **Clean Architecture** philosophy, the project is organized into modular and maintainable files: ``` my-portfolio/ │ ├── index.html # Semantic structure and content ├── style.css # Design tokens, themes (Dark/Light), and layouts ├── script.js # Interaction logic, animations, and theme persistence ├── assets/ # Images, icons, and PDF documents (CV) └── README.md # Documentation ``` --- ## Getting Started To run the project locally: ### 1. Clone the repository ```bash git clone https://github.com/yucezis/my-portfolio.git ``` ## Getting Started ### 2. Open with a local server - **If using VS Code:** Right-click `index.html` → **"Open with Live Server"** - **Or simply:** Open `index.html` in your favorite browser --- ## Contact & Socials - **Email:** [email protected] - **LinkedIn:** https://linkedin.com/in/zisanyuce - **Medium:** @yucezisan - **GitHub:** https://github.com/yucezis --- ## Author Crafted with care by **Zişan Yüce** © 2026
Explore similar templates
Compare previews and descriptions within the same stack and category.
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
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
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio
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
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
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