Personal portfolio site built with vanilla HTML and CSS. Designed around the International Typographic Style (Swiss Grid), with a persistent left column rule system inspired by mid-century Swiss design posters.
I'm a self-taught frontend developer from a humanities background — BA in English and Spanish, DELE B2. This portfolio documents my projects and learning journey as I work toward my first junior frontend role.
- HTML5
- CSS3 (Grid, Flexbox, Custom Properties)
- No frameworks, no dependencies, no build step
The layout uses a two-column grid system across every section — a fixed 5rem left column acts as a color-coded rule strip, and all content sits in the right column. The left column changes background color per section (red, black, grey) to create visual rhythm down the page without any decoration.
Typography is system font stack only. The design relies entirely on weight, scale, spacing, and border weight rather than custom fonts or color beyond the red accent.
| # | Project | Stack |
|---|---|---|
| 07 | Blog Layout Prototype | HTML · CSS · BEM · GitHub Pages |
| 06 | Landing Page Clone | HTML · CSS · GitHub Pages |
| 05 | Marketing Report Generator | Node.js · Data Processing |
| 04 | Binary Converter | Node.js · Recursion · ES Modules |
| 03 | Rock Paper Scissors | Node.js · Game Logic · ES Modules |
| 02 | Statistics Calculator | Node.js · Algorithms · ES Modules |
| 01 | GOT Quiz | Node.js · CLI · ES Modules |
No installation required.
Clone the repo and open index.html in your browser:
git clone https://github.com/rishiverma12031/portfolio.git
cd portfolio
open index.htmlOr just drag index.html into any browser.
Deployed on Netlify, connected to this repository. Pushes to main deploy automatically.
MIT