Implemented with plain HTML, CSS, and JavaScript, with no framework, no package manager, and no build step
HTMLPortfolioBlog
personal-website — HTML Portfolio Template
By LavishSphere
LavishSphere's personal portfolio and blog template, built with plain HTML, CSS, and JavaScript, including light/dark themes, an experience timeline, and featured projects.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-05View source
What stands out
A quick read of the recorded project description.
The homepage includes an experience timeline, recent updates, and featured projects
Built-in blog section covering topics such as technology, education, and running a hosting company
Responsive light/dark theme that follows system preference by default and remembers manual toggles
Includes search and social metadata, structured data, sitemap.xml, robots.txt, and a custom 404 page
Template Details
This is a static site template for a personal portfolio and blog, with source code corresponding to khayrul.com. The homepage includes an experience timeline, recent updates, and featured projects. The blog section covers topics such as technology, education, and running a hosting company, and provides contact methods including resume, GitHub, LinkedIn, and email. The site supports responsive light/dark themes: it follows system preference by default and remembers the user's manual toggle choice. It also includes search and social metadata, structured data, sitemap.xml, robots.txt, and a custom 404 page.
Technically, the project uses plain HTML, CSS, and JavaScript, with no framework, package manager, or build step. Social icons are loaded via CDN using Font Awesome. The directory structure is clear: the homepage is index.html, the blog is in the blog/ directory, styles and scripts are in css/ and js/ respectively, and cdn/ stores avatars, resumes, and fallback resources.
Because it is a static site, running it locally only requires any HTTP server, for example starting with python3 -m http.server 8000 and then visiting localhost:8000. The project is under the MIT license, and this version's code can be used, modified, used commercially, and distributed for free, but third-party assets such as demo images, fonts, and icons need separate license verification, and external services such as domains and hosting may incur costs.
HTMLPortfolioBlog
Is it right for your project?
Use Cases
- Build a personal portfolio website to showcase an experience timeline and featured projects
- Create a personal blog to publish articles on technology, education, or entrepreneurship
- Deploy as a static site to any hosting service that supports static files
Suitable For
- Developers or students who need an integrated personal portfolio and blog
- People who prefer a plain static HTML solution with no framework and no build step
- Personal site authors who want light/dark themes and basic SEO metadata
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
For local preview, use any HTTP server, for example python3 -m http.server 8000, then visit http://localhost:8000
- 2
Social icons are loaded via CDN using Font Awesome; in offline or restricted network environments, this needs to be handled separately
- 3
Replace assets such as avatars and resumes in the cdn/ directory to fit personal content
- 4
Third-party assets such as demo images, fonts, and icons need to be checked against their respective licenses and cannot be judged solely by the MIT license
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry is the free version under the MIT license in a public repository; the free scope is this version's code and does not mean external services or third-party assets are free.
Must comply with when using
- This version's code may be used, modified, used commercially, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets need to be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
- Social icons depend on an external CDN to load Font Awesome; in offline or restricted network environments, this external dependency needs to be handled separately.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
https://github.com/LavishSphere/personal-website/blob/main/LICENSEhttps://github.com/LavishSphere/personal-website/blob/main/README.mdFont Awesome is loaded from a CDN for social icons.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-05. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- HTML
- Website type
- Portfolio · Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-10-05
- Screenshot last checked
- 2026-10-05
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-06
Inspect the recorded source material
SHA-256: ae47f8e06b22cebf5c15407ba3dca850a92af87e4ebdfba9079839ab17c457ab
2026-10-05T19:50:40.962Z
Source file / repository# Personal Website The source for [khayrul.com](https://khayrul.com), my personal website and blog. It highlights my experience as a Computer Science and Business Administration student at Northeastern University, where I concentrate in Entrepreneurial Startups, along with my work in responsible AI, teaching, and systems engineering. ## What's on the Site - A homepage with an experience timeline, recent updates, and featured projects - A blog about technology, education, and running a hosting company - Links to my resume, GitHub, LinkedIn, and email - Responsive light/dark theme styling (defaults to system preference, remembers manual overrides) for desktop and mobile - Search and social metadata, structured data, a sitemap, and `robots.txt` - A custom 404 page ## Built With The site is built with plain HTML, CSS, and JavaScript. It has no framework, package manager, or build step. Font Awesome is loaded from a CDN for social icons. ## Project Structure ```text . ├── index.html # Home page ├── blog/ # Blog index and posts ├── css/ # Site and blog styles ├── js/ # Client-side interactions ├── cdn/ # Profile image, resume, and fallback assets ├── 404.html # Custom not-found page ├── sitemap.xml └── robots.txt ``` ## Running Locally Because the site is static, you can serve it with any local HTTP server. For example: ```bash python3 -m http.server 8000 ``` Then open [http://localhost:8000](http://localhost:8000). ## License This project is available under the [MIT License](LICENSE).
Explore similar templates
Compare previews and descriptions within the same stack and category.
simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Casper
Casper is Ghost's official classic blog theme, long used as the default and still maintained.
HTML · Magazine
Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
startbootstrap-clean-blog
Clean Blog by Start Bootstrap is a responsive Bootstrap blog theme with a home page, about page, contact page, and sample post page, plus a working PHP contact form preconfigured for SB Forms.
HTML · Blog