A minimal, high end personal portfolio website built with HTML, CSS and JavaScript .
Live site → r4tur1.github.io
(yet to be uploaded)
This is my first public project and first GitHub repository.
I just finished 12th grade (PCM + Computer Science) and I am learning frontend development — this site will be both a portfolio and proof of that progress.
r4tur1.github.io/
├── index.html # The entire site — HTML, CSS, and JS in one file
├── README.md # This file
├── LICENSE # MIT License
| Section | Description |
|---|---|
| Hero | Introduction with name, tagline, and CTA buttons |
| About | Honest background — who I am and where I’m starting |
| Skills | Python, SQL, HTML, CSS, JavaScript — with honest levels |
| Projects | Current and upcoming work |
| Contact | GitHub, LinkedIn, X, and a simple contact form |
The site will follow a strict black-and-white aesthetic.
| Token | Value |
|---|---|
| Background | #000000 |
| Foreground | #ffffff |
| Muted text | #999999 |
| Borders | #222222 |
| Display font | DM Serif Display (Google Fonts) |
| Body font | Syne (Google Fonts) |
| Mono font | DM Mono (Google Fonts) |
This will be a static site. No build step needed.
# Clone the repo
git clone https://github.com/r4tur1/r4tur1.github.io.git
# Open in browser
open index.html
# Or use a local dev server (optional but recommended)
npx serve .
# or
python3 -m http.server 3000
Then visit http://localhost:3000 (or just open index.html directly).
This site will be deployed via GitHub Pages.
Steps to deploy your own fork:
<your-username>.github.iomain branch, root /| Skills | Implemented for |
|---|---|
| HTML | Page structure, semantic elements, forms |
| CSS | Layout, typography, animations, responsive |
| JavaScript | Scroll detection, mobile nav, form handling |
| Git/GitHub | Version control, GitHub Pages deployment |
MIT — see LICENSE for details.
Feel free to use this as a reference or starting point. Credit appreciated but not required.