portfolio (DaTaklaCatto) — HTML 作品集模板

SHA-256: 588ebbf9d1e76eb6736b591cba8be2ca98d0a4d81ddde4a14029418591a6695a

2026-10-13T09:24:11.530Z

<p align="center">
  <img src="/assets/images/_metadata/favicons/favicon.svg" width="50" alt="Logo" />
</p>

<h1 align="center">Personal portfolio</h1>

<span align="center">

[![badge](https://shieldcn.dev/github/DaTaklaCatto/portfolio/forks.svg?variant=outline&label=Fork+this+repository)](https://github.com/DaTaklaCatto/portfolio/forks)
[![badge](https://shieldcn.dev/discord/856191026058625044.svg?variant=outline&label=Join+the+Discord)](https://discord.gg/7wvU7J8gYY)

[![badge](https://shieldcn.dev/badge/Instagram.svg?variant=outline&logo=instagram)](https://www.instagram.com/nadid.ws_57/)
[![badge](https://shieldcn.dev/badge/Facebook.svg?variant=outline&logo=facebook)](https://www.facebook.com/nadid.wasique/)
[![badge](https://shieldcn.dev/badge/X.svg?variant=outline&logo=X)](https://www.x.com/nadid_wasique/)
[![badge](https://shieldcn.dev/badge/LinkedIn.svg?variant=outline&logo=ri%3AFaLinkedin)](https://www.linkedin.com/in/nadid-wasique-96a2582b1/)
[![badge](https://shieldcn.dev/badge/Telegram.svg?variant=outline&logo=telegram)](https://t.me/nadidwasique)

</span>

[![Site preview](/assets/images/_metadata/landing.webp)](https://nadid.is-cool.dev)

Hi! I'm Nadid, a full-stack developer building clean, efficient, and user-focused web applications. This portfolio showcases my latest projects, technical skills, and software development journey. Built with modern tools and deployed on Netlify, it reflects my commitment to clean code and seamless design. Explore my work to see how I translate ideas into functional digital experiences. Feel free to get in touch—I’m always open to new projects, collaborations, and opportunities.

## 🌐 Live Demo

- **Primary Domain:** [https://nadid.is-cool.dev](https://nadid.is-cool.dev)
- **Alternate Domain:** [https://www.nadid.is-cool.dev](https://www.nadid.is-cool.dev)

## ✨ Features

- **Theme Switcher:** Sleek dark-first visual styling with full dynamic light/dark theme toggling.
- **Lenis Smooth Scroll:** Hardware-accelerated smooth scrolling integrated seamlessly with anchor links.
- **GSAP Animations:** Scroll-triggered element reveals, text split animations, and dynamic hero section entrances.
- **Interactive UI:** Preloader sequence, mobile drawer navigation, magnetic hover effects, and one-click email copying.
- **SEO & Social Optimization:** Complete Open Graph, Twitter Cards, and JSON-LD Person Structured Data for search engines.

## 🛠️ Built With

- **HTML5 & CSS3** — Native CSS Custom Properties (Variables) & modern layout modules (Grid/Flexbox)
- **JavaScript (ES6+)** — Pure asynchronous JS
- **[Lenis](https://lenis.darkroom.engineering/)** — Smooth scroll engine
- **[GSAP](https://gsap.com/)** — Animation library (ScrollTrigger, ScrollToPlugin, CustomEase)
- **[Lucide Icons](https://lucide.dev/)** — Clean vector icon set
- **Google Fonts** — _Inter_ & _JetBrains Mono_

## 📂 Project Structure

```text
.
├── index.html              # Main HTML markup & SEO metadata
├── assets/
│   ├── images/             # Hero background & image assets
│   │    ├── _metadata      # Favicons and Images related to metadata
│   ├── scripts/
│   │   └── main.js         # Core JS engine (GSAP, Lenis, Clock, Theme)
│   └── style/
│       └── style.css       # Design tokens, reset, & component styles
├── LICENSE                 # Project licensing
└── README.md               # Project documentation
```

## 🚀 Getting Started

Local Development
No heavy framework or build tools are required. You can serve the site locally using any static server:

### 1. Clone the repository:

```code
git clone [https://github.com/DaTaklaCatto/portfolio.git](https://github.com/DaTaklaCatto/portfolio.git)
cd portfolio
```

### 2. Serve locally:

- Using Live Server extension in VS Code, or:

- Using Node.js http-server:
  ```code
  npx http-server .
  ```
- Open http://localhost:8080 in your browser.

## 📄 License

Distributed under the MIT License. See [LICENSE](https://github.com/DaTaklaCatto/portfolio/blob/main/LICENSE) for more information.

---

© NADID WASIQUE 2026 - ALL RIGHTS RESERVED