All components are built with pure CSS and HTML, with no JavaScript
Foton_CSS — HTML Portfolio Template
By Kirilllive
Foton_CSS is a collection of web components built with pure CSS and HTML, without JavaScript, for building small portfolio pages or landing pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Can be used to build small portfolio pages or landing websites
Targets page scenarios that must remain usable when JavaScript is disabled in the browser
The author emphasizes replacing some script implementations with capabilities already available in HTML and CSS
The repository uses the MIT license, permitting use, modification, commercial use, and distribution
Template Details
Foton_CSS is maintained by Kirilllive. The repository uses HTML as its primary technology stack and provides a set of web components that do not depend on JavaScript. In the README, the author explains that the motivation is that some users disable JavaScript in their browsers for security reasons, and the author often builds small documentation sites that need simple navigation and often need to work offline. Implementing these interactions without scripts and a backend is not easy, so the author consolidated experience with no-JS interactive sites into this project. The author also notes that many developers rely excessively on JavaScript when building interfaces, often using scripts to implement capabilities that HTML and CSS already provide.
In terms of positioning, this component set targets small portfolio pages or landing websites, suitable for scenarios where pages should remain browsable with JavaScript disabled. The materials do not list a specific component inventory, style, responsive breakpoints, or browser compatibility range; the actual usable scope should be based on the repository contents and demo pages. The project is under the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons require separate license verification.
Is it right for your project?
Use Cases
- Creating small portfolio pages that can be browsed without JavaScript
- Building simple landing pages focused on content display
- Preparing accessible static pages for browser environments with scripts disabled
- Using as reference examples for no-JS interactive page techniques
Suitable For
- Developers who need pure HTML/CSS static pages
- People creating personal portfolios or small showcase sites
- Developers concerned with no-JavaScript usability and progressive enhancement
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Obtain the source code from the GitHub repository and use the HTML and CSS components as needed
- 2
Before use, verify the respective licenses of third-party assets such as demo images, fonts, and icons
- 3
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the MIT license notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- 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 must be checked under 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 separate charges.
View Original Text Basis
https://github.com/Kirilllive/Foton_CSS/blob/main/LICENSEhttps://github.com/Kirilllive/Foton_CSS/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-09-30. 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 · 88 / 100
- Technologies
- HTML
- Website type
- Portfolio · Corporate Website
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-09-29
- Screenshot last checked
- 2026-09-30
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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 9ba7d80524af546316b2b83226485c1cc5ffe505d9e8649056ecd1f9d9efca8a
2026-09-30T10:52:56.224Z
Source file / repository<img width="1280" height="640" alt="Foton CSS & HTML logo" src="https://github.com/user-attachments/assets/0cd12eee-8996-47c1-9789-9714fd839145" /> # Foton CSS & HTML A collection of web page components using pure CSS and HTML without JavaScript. With their help, you can create a small portfolio page or landing website. For security reasons, many users disable JavaScript in their browsers. I often create small documentation websites where easy navigation and often offline functionality are crucial, and without scripting and back-end this is no easy task. So, I decided to gather all my experience in creating interactive websites without JS in one place. I've observed that many developers rely too heavily on JavaScript when creating interfaces and often implement functionality that is already available in HTML and CSS without additional scripting. > https://kirilllive.github.io/Foton_CSS/
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

mazer
Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.
HTML · Admin dashboard

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

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-agency
Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.
HTML · Corporate Website
