این پروژه یک صفحه پورتفولیوی تکفایلی، واکنشگرا و سبک برای توسعهدهندگان فرانتاند است. صفحه شامل بخشهای تجربیات کاری، پروژهها، مهارتها و اطلاعات تماس است و بدون هیچگونه نصب یا مرحله Build مستقیم در مرورگر اجرا میشود.
پس از فعالسازی GitHub Pages، صفحه از این آدرس در دسترس است:
- طراحی واکنشگرا با استفاده از Tailwind CSS
- تببندی محتوا (تجربه / پروژهها / تماس) با استفاده از jQuery
- نوار پیشرفت برای نمایش سطح مهارتها در سایدبار
- بخش معرفی مهارتها با آیکون و برچسب رنگی
- کارتهای تجربه کاری و لیست پروژهها
- بخش اطلاعات تماس (ایمیل و لینکدین)
- بدون نیاز به Build، Node.js یا هیچ وابستگی محلی
| فناوری | نقش |
|---|---|
| HTML5 | ساختار صفحه |
| Tailwind CSS (CDN) | استایلدهی و ریسپانسیو |
| jQuery | مدیریت تبها و تعاملات |
| GitHub Actions + Jekyll | بیلد و انتشار خودکار سایت |
-
مخزن را کلون کنید:
git clone https://github.com/movtigroup/profile_html.git cd profile_html -
فایل
index.htmlرا در مرورگر باز کنید — همین! 🎉# در ویندوز start index.html # در لینوکس / مک open index.html
هیچ نصب وابستگی یا سرور محلی لازم نیست؛ همه چیز از CDN بارگذاری میشود.
profile_html/
├── index.html # صفحه اصلی پورتفولیو
├── doc/
│ └── index.html # نسخه نمونه / دمو
├── img/
│ ├── a_professional_res_image.png # تصویر پیشنمایش
│ └── download.png # عکس پروفایل
├── .github/
│ └── workflows/
│ └── jekyll-docker.yml # workflow بیلد خودکار Jekyll
├── MIT # لایسنس MIT
└── README.md
برای استفاده از این قالب برای خودتان، این بخشها را در index.html ویرایش کنید:
| چه چیزی | کجا |
|---|---|
| نام و عنوان شغلی | تگهای <h1> و <p> در بخش Profile Header |
| عکس پروفایل | فایل img/download.png یا مسیر src تصویر |
| مهارتها (برچسبها) | بخش Skills در تب Experience |
| نوار پیشرفت مهارتها | بخش Sidebar (مقدار width و درصد) |
| تجربیات کاری | بخش Work Experience |
| پروژهها | تب Frontlines و لیست Projects در سایدبار |
| ایمیل و لینکدین | تب Contacts |
این مخزن شامل یک workflow آماده در مسیر .github/workflows/jekyll-docker.yml است که سایت را با Jekyll بیلد میکند. برای فعالسازی انتشار:
- به Settings → Pages در مخزن بروید.
- در قسمت Source، برنچ
mainرا انتخاب کنید. - سایت روی آدرس
https://movtigroup.github.io/profile_html/منتشر میشود.
ایجاد Issue یا Pull Request برای بهبود طراحی یا افزودن قابلیتهای جدید خوشآمدگویید.
این پروژه تحت لایسنس MIT منتشر شده است — © 2025 MovtiGroup
