T. Handan Akyuz — Learning Experience Designer Portfolio

A minimalist, accessible, and responsive portfolio site, built with plain HTML, CSS, and JavaScript — no build step, no framework, no dependencies.

Files

.
├── index.html              # All page markup
├── resume.html             # Professional Resume
├── styles.css              # All styling
├── script.js               # Mobile menu toggle + scroll-spy navigation
├── projects/               # HTML links for individual projects' webpages 
│   ├── cfn-sogiesc.html
│   ├── anderson-college.html
│   ├── graphic-design.html
│   ├── makerspace.html
│   ├── video.html
│   └── web-design.html
├── assets/                 # Images, icons, favicon, STL files
│   ├── icons/
│   └── stl-files/
├── utils/
│   └── viewstl-v1.13/      # Viewstl - STL/OBJ 3D files Viewer by viewstl.com
│       ├── build/
│       ├── dependencies/
│       ├── src/
│       ├── LICENSE
│       └── README.md
├── LICENSE
└── README.md

Running locally

Open index.html in any modern browser. That's it.

If you'd prefer a local server (recommended, since some browsers restrict relative paths when opening via file://):

# Python
python -m http.server 8000

# Node (if you have it)
npx serve .

Then visit http://localhost:8000.

Editing content

All copy lives directly inside index.html. Update the hero, experience, projects, and about sections there. Fonts are loaded from Google Fonts via @import in styles.css.

Licence

Inspired by Moisés Machuca (astro-zen), converted to vanilla HTML/CSS/JS.