https://github.com/andrejkoller/personal-template
https://github.com/andrejkoller/personal-template
css3 frontend html5 javascript template website
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/andrejkoller/personal-template
- Owner: andrejkoller
- Created: 2025-02-21T11:26:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-21T11:30:59.000Z (over 1 year ago)
- Last Synced: 2025-02-21T12:30:00.700Z (over 1 year ago)
- Topics: css3, frontend, html5, javascript, template, website
- Language: CSS
- Homepage:
- Size: 1.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Short description
A modern, responsive personal portfolio website template built with vanilla HTML, CSS, and JavaScript. Features smooth scroll animations, mobile-first responsive design, and clean typography using the Poppins font family.
## ✨ Features
- Fully Responsive: Optimized for all screen sizes with 8 distinct breakpoints
- Smooth Scroll Animations: IntersectionObserver-based animations triggered on scroll
- Modern Design: Clean, minimalist interface with focus on content
- Mobile-First: Progressive enhancement from mobile to desktop
- Zero Dependencies: Pure vanilla JavaScript, no frameworks required
- Performance Optimized: Lightweight and fast-loading
- Easy Customization: Well-organized code with clear structure
## 🛠️ Technologies Used
- HTML5: Semantic markup
- CSS3: Custom properties, Flexbox, Grid, animations
- JavaScript (ES6+): IntersectionObserver API, classes
- Font Awesome: Icon library
- Poppins Font: Google Fonts typography (9 weights)
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/andrejkoller/personal-template.git
cd personal-template
```
2. Open `index.html` in your browser or use a local development server:
```bash
# Using Python 3
python -m http.server 8000
# Using Node.js (http-server)
npx http-server
```
3. Navigate to `http://localhost:8000`
## 📸 Screenshots
