( first of all, this is not my portfolio! data is IMAGINARY - the bad kind T_T )

During the time this homework was completed, the situation was chaotic (internet blackout, literal war), and I couldn’t find proper icon resources.

So I used my Kuromi archive :)
Additionally, the book icons are from a Howl’s Moving Castle icon pack.
Strangely, I don’t remember any specific book design like these from the movie (big fan).
Maybe the designer was just inspired. These were the folder icons from the pack — so “books”, I guess.

توضیحات تمرین

در این تمرین باید یک وب‌سایت تک‌صفحه‌ای (Single Page) با عنوان پرتفولیو شخصی طراحی کنید.
هدف اصلی، پیاده‌سازی کامل صفحه فقط با HTML و CSS خالص است.

بخش‌های لازم صفحه

• Header

• شامل لوگو
• منوی ناوبری
• لینک‌دهی باید اسکرول نرم به بخش‌ها انجام دهد

• Hero Section

• معرفی کوتاه
• تصویر پروفایل
• دکمه CTA

• Skills

• لیست مهارت‌های فنی

• Projects

• نمایش نمونه‌کارها
• به شکل اسلایدر بدون استفاده از JS (فقط با CSS)

• FAQ

• بخش سوالات متداول

• Contact

• فرم تماس
• اعتبارسنجی HTML5 الزامی است
  • فیلدهای ضروری اجباری باشند
  • فرمت ایمیل معتبر باشد

• Footer

• نمایش کپی‌رایت
• استفاده از HTML Entity صحیح مثل:
  ©
• لینک شبکه‌های اجتماعی

نکات مهم

• ممنوعیت کامل JS

استفاده از JavaScript، jQuery، Bootstrap، Tailwind و هر نوع کتابخانه آماده ممنوع است.

• ممنوعیت Inline CSS

تمام استایل‌ها باید داخل یک فایل CSS خارجی نوشته شوند.
استفاده از inline style یا style tag داخل HTML ممنوع است.

• اسکرول نرم

اسکرول باید صرفاً با CSS و از طریق ویژگی‌های اسکرول نرم انجام شود.