HTMLPortfolioCorporate Website

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.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

01

All components are built with pure CSS and HTML, with no JavaScript

02

Can be used to build small portfolio pages or landing websites

03

Targets page scenarios that must remain usable when JavaScript is disabled in the browser

04

The author emphasizes replacing some script implementations with capabilities already available in HTML and CSS

05

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.

HTMLPortfolioCorporate Website

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. 1

    Obtain the source code from the GitHub repository and use the HTML and CSS components as needed

  2. 2

    Before use, verify the respective licenses of third-party assets such as demo images, fonts, and icons

  3. 3

    When distributing copies or substantial portions of the code, retain the original author's copyright notice and the MIT license notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This 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

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/
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

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

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

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

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

HTML · Portfolio

Creative

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

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