📄 Résumé Website — Static HTML + SCSS
A simple, fast, and fully customizable résumé / portfolio website built using HTML, SCSS, and optional Bootstrap. This project focuses on clean structure, modular styles, and easy deployment (GitHub Pages, Netlify, etc.). 🚀 Features
✔️ Fully static — no backend required ✔️ SCSS with custom variables + partials ✔️ Responsive layout ✔️ Easy to customize colors, fonts, and sections ✔️ Lightweight and fast ✔️ Ready for GitHub Pages deployment
project/ │ ├─ dist/ # Compiled production files (created after build) │ ├─ src/ │ ├─ scss/ │ │ ├─ _variables.scss │ │ ├─ _mixins.scss │ │ ├─ _layout.scss │ │ ├─ _components.scss │ │ └─ main.scss # root SCSS file │ │ │ └─ index.html # main résumé HTML page │ ├─ package.json └─ README.md
// Variables @import "./variables";
// Mixins @import "./mixins";
// Base layout styles @import "./layout";
// Components (buttons, cards, sections) @import "./components";
npx sass src/scss/main.scss dist/style.css --watch
''' name: Deploy to GitHub Pages on: push: branches: [main]
permissions: contents: read pages: write id-token: write
jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - run: npm install - run: npx sass src/scss/main.scss dist/style.css --style=compressed
- uses: actions/upload-pages-artifact@v3
with:
path: dist
deploy: needs: build runs-on: ubuntu-latest steps: - uses: actions/deploy-pages@v4