Light/dark theme toggle, with the selection persisted via localStorage
HTMLPortfolio
Linark — HTML Portfolio Template
By minianon
Linark is a portfolio website template for architecture firms, built with pure HTML, CSS, and vanilla JavaScript, featuring a light/dark theme toggle, a filterable project gallery, and scroll animations.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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-10-13View source
What stands out
A quick read of the recorded project description.
Scattered blocks assembling animation in the About section, simulating the architectural assembly process
Filterable project gallery with hover effects
Custom cursor and magnetic button interactions
Reveal animations triggered when scrolling into the viewport
Pure HTML/CSS/vanilla JavaScript, no build step
Template Details
Linark is a portfolio website template for architecture firms. The code consists of index.html, styles.css, script.js, and an images directory. It does not rely on build tools or front-end frameworks; after cloning, you can open index.html directly to browse, or start a local static server with npx serve .
The page is organized into six sections: Hero, About, Services, Projects, Team, and Contact. The Hero section includes animated numeric statistics; the About section uses a "scattered blocks assembling" animation to represent the architectural assembly process; the Projects section is a filterable project gallery with hover effects; the Contact section provides a contact form and contact information. For interactions, there is a light/dark theme toggle (state written to localStorage), a custom cursor and magnetic button effects, and reveal animations when scrolling into the viewport. Styling uses CSS custom properties, Flexbox, and Grid, with fonts from Google Fonts. Responsive breakpoints are desktop above 1280px, tablet 768–1279px, and mobile below 768px.
Limitations: the template is a static page, and the contact form has no back-end processing logic; project images are located in the images directory and must be replaced manually; the repository clone URL in the README does not match the currently listed repository URL, so use the actual repository as the source of truth.
HTMLPortfolio
Is it right for your project?
Use Cases
- Building a portfolio showcase site for an architecture firm
- As a page foundation for a personal architectural design portfolio
- For practicing pure CSS animations and vanilla JavaScript interactions
- Deploying as a static site to hosting platforms such as Vercel
Suitable For
- Architecture firms that need to launch a portfolio page quickly
- Developers who prefer no framework and direct HTML/CSS/JS editing
- Front-end learners who want to reference glassmorphism, gradient, and scroll animation implementations
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, open index.html directly, or run npx serve . to start a local static server
- 2
Replace the images in the images directory with actual project assets
- 3
The contact form is a static structure; you need to connect your own back end or form service
- 4
The clone URL in the README does not match the listed repository; please use the actual repository URL
- 5
Third-party assets such as Google Fonts and demo images must be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version in a public repository under the MIT license; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercialize, and distribute the code of this version 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 must be checked under their respective licenses; the code's MIT license alone is not sufficient to determine this.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
- Sponsorship links in the README are voluntary support only and do not constitute usage restrictions; the template's functionality does not depend on payment.
- Page fonts come from the external Google Fonts service; when deployed, they require an internet connection to load or you must self-host the fonts.
- Demo images are located in the images directory; you must replace them with actual project assets and check image licenses separately.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
- **Sponsor Me:** [Buy Me a Coffee!](https://github.com/sponsors/TuShArBhArDwA)
Original README
- Google Fonts (Playfair Display, Inter)
Original README
https://github.com/minianon/Linark/blob/main/LICENSEhttps://github.com/minianon/Linark/blob/main/README.md├── images/ # Project images
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. 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 · 80 / 100
- Technologies
- HTML
- Website type
- Portfolio
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-06-16
- Screenshot last checked
- 2026-10-13
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-13
Inspect the recorded source material
SHA-256: 16f48e62b449d895925e8005f4d8152a438fd927538a7ef56f4700e228e49ed5
2026-10-13T06:51:58.425Z
Source file / repository# Linaark Architects Portfolio     <img width="1845" height="971" alt="image" src="https://github.com/user-attachments/assets/17ff4610-fa47-44a4-8c6d-387e1dc0fb79" /> A stunning, modern portfolio website for an architecture firm featuring premium animations, light/dark theme toggle, and responsive design. ## Features - **Light/Dark Theme Toggle** - Smooth theme switching with localStorage persistence - **Scattered Blocks Animation** - Unique building assembly animation in the About section - **Premium UI Design** - Modern glassmorphism, gradients, and micro-animations - **Responsive Layout** - Works seamlessly on desktop, tablet, and mobile - **Project Gallery** - Filterable portfolio with hover effects - **Custom Cursor** - Interactive cursor with magnetic button effects - **Scroll Animations** - Reveal animations as you scroll through sections ## Quick Start 1. Clone the repository: ```bash git clone https://github.com/TuShArBhArDwA/Linark.git ``` 2. Open `index.html` in your browser Or use a local server: ```bash npx serve . ``` ## Project Structure ``` ├── index.html # Main HTML file ├── styles.css # All styles and animations ├── script.js # JavaScript functionality ├── images/ # Project images ├── LICENSE # MIT License └── README.md # This file ``` ## Sections - **Hero** - Animated intro with stats counter - **About** - Company info with block assembly animation - **Services** - Architecture services offered - **Projects** - Filterable project gallery - **Team** - Team member profiles - **Contact** - Contact form and information ## Technologies - HTML5 - CSS3 (Custom Properties, Animations, Flexbox, Grid) - Vanilla JavaScript - Google Fonts (Playfair Display, Inter) ## Responsive Breakpoints - Desktop: 1280px+ - Tablet: 768px - 1279px - Mobile: < 768px --- ## Sponsor If you find this helpful, consider supporting me: - **Sponsor Me:** [Buy Me a Coffee!](https://github.com/sponsors/TuShArBhArDwA) --- ## License This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. --- ## Connect with me If you’d like to connect, feel free to reach out — [Click here](https://minianonlink.vercel.app/tusharbhardwaj)
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
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
Grayscale
A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.
HTML · Corporate Website
startbootstrap-stylish-portfolio
A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.
HTML · Portfolio