diff --git a/index.html b/index.html
index eb3e588..d5b60d9 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="fa" dir="rtl">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -58,7 +59,7 @@
 
         .feature-card:hover {
             transform: translateY(-5px);
-            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
         }
 
         .feature-icon {
@@ -85,7 +86,7 @@
         }
 
         .impact-item:hover {
-            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
         }
 
         .footer {
@@ -105,6 +106,7 @@
         }
     </style>
 </head>
+
 <body>
     <!-- Navbar -->
     <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
@@ -136,7 +138,9 @@
     <section class="hero-section">
         <div class="container hero-content text-center">
             <h1 class="display-4 mb-4"> کار گروهی برای قدرت بخشی به اراده‌ی عموم انسانها </h1>
-            <p class="lead mb-5"> ما گروهی هستیم متشکل از متخصصین با پیش زمینه‌های متنوع که تلاش میکنیم ایده‌های نوآورانه در توسعه‌ی ابزارهای هوش‌مصنوعی برای تقویت خلاقیت انسان و شکل‌گیری جامعه‌ی مبتنی بر محبت را معرفی کنیم. </p>
+            <p class="lead mb-5"> ما گروهی هستیم متشکل از متخصصین با پیش زمینه‌های متنوع که تلاش میکنیم ایده‌های
+                نوآورانه در توسعه‌ی ابزارهای هوش‌مصنوعی برای تقویت خلاقیت انسان و شکل‌گیری جامعه‌ی مبتنی بر محبت را
+                معرفی کنیم. </p>
             <a href="#projects" class="btn btn-light btn-lg rounded-pill px-5">مشاهده پروژه‌ها</a>
         </div>
     </section>
@@ -174,14 +178,23 @@
     <section id="projects" class="py-5 bg-light">
         <div class="container">
             <h2 class="text-center mb-5 text-primary">پروژه‌های با محوریت توسعه مدل (شناخت)</h2>
-            <p class="lead mb-5 text-center"> به نظر می‌رسد این فناوری برای تمدن سرمایه سالار از این جهت حیاتی است که در جهان آینده تسخیر سرمایه بیش از آنچه که از مجرای تسخیر سرزمین‌‌ها بگذرد، از مسیر تصرف شناخت افراد می‌گذرد و شاهد این ادعا نیز رونق مطالعات مربوط به علوم شناختی در امروز است و هوش‌مصنوعی یکی یا مهمترین ابزار شناختی در حال و یا آینده‌ای نه چندان دور خواهد بود. هرچند که تصرف در شناخت افراد می‌تواند در راستای اسارت انسان در دست انسان استیلاگر باشد؛ اما روی دیگر سکه، آن است که اگر این ابزار به نحوی منجر به شکوفایی شناخت و خلاقیت انسان شود، می‌تواند در راستای رهایی انسان از بردگی در نظام سرمایه‌داری مورد استفاده قرار گیرد. در قدم اول، ما تلاش میکنیم تا آگاهی کاربر را تا حد ممکن در فرایند استنتاج مدل‌ها بیشتر کنیم. باتوجه به آگاهی، در مرحله بعدی تلاش ما برای بالا بردن سطح اختیار کاربر در اعمال تغییر و به روز رسانی فرایند استنتاج مدل است. </p>
+            <p class="lead mb-5 text-center"> به نظر می‌رسد این فناوری برای تمدن سرمایه سالار از این جهت حیاتی است که در
+                جهان آینده تسخیر سرمایه بیش از آنچه که از مجرای تسخیر سرزمین‌‌ها بگذرد، از مسیر تصرف شناخت افراد می‌گذرد
+                و شاهد این ادعا نیز رونق مطالعات مربوط به علوم شناختی در امروز است و هوش‌مصنوعی یکی یا مهمترین ابزار
+                شناختی در حال و یا آینده‌ای نه چندان دور خواهد بود. هرچند که تصرف در شناخت افراد می‌تواند در راستای
+                اسارت انسان در دست انسان استیلاگر باشد؛ اما روی دیگر سکه، آن است که اگر این ابزار به نحوی منجر به
+                شکوفایی شناخت و خلاقیت انسان شود، می‌تواند در راستای رهایی انسان از بردگی در نظام سرمایه‌داری مورد
+                استفاده قرار گیرد. در قدم اول، ما تلاش میکنیم تا آگاهی کاربر را تا حد ممکن در فرایند استنتاج مدل‌ها
+                بیشتر کنیم. باتوجه به آگاهی، در مرحله بعدی تلاش ما برای بالا بردن سطح اختیار کاربر در اعمال تغییر و به
+                روز رسانی فرایند استنتاج مدل است. </p>
             <div class="row g-4">
                 <div class="col-md-6 col-lg-4">
                     <div class="card project-card">
                         <img src="assets/images/ipso-facto.jpg" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title">توضیح‌پذیری هوش‌مصنوعی</h5>
-                            <p class="card-text">سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل</p>
+                            <h5 class="card-title">هوش‌مصنوعی توضیح‌پذیر بالفعل</h5>
+                            <p class="card-text">یکی از اهداف ما افزایش اختیار و شناخت انسان در استفاده از ابزار
+                                هوش‌مصنوعی است.</p>
                             <a href="projects/explinability.html" class="btn btn-primary">مشاهده جزئیات</a>
                         </div>
                     </div>
@@ -190,8 +203,94 @@
                     <div class="card project-card">
                         <img src="assets/images/data_valuation.jpg" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title"> ‌توضیح داده‌ها</h5>
-                            <p class="card-text">سیستمی برای کشف روابط در پایگاه داده. </p>
+                            <h5 class="card-title">کشف روابط در پایگاه داده به وسیله‌ی مدل</h5>
+                            <p class="card-text">پیدا کردن روابط در پایگاه داده؛ مثلاَ استفاده از مدل زبانی برای کشف
+                                رابطه‌ی استناد بین داده‌ها. </p>
+                            <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-4">
+                    <div class="card project-card">
+                        <img src="assets/images/data_valuation.jpg" class="card-img-top" alt="...">
+                        <div class="card-body">
+                            <h5 class="card-title">خلاصه سازی شرطی در پایگاه داده</h5>
+                            <p class="card-text">ایا میتوان به صورت سلسله وار از مدل‌های مولد استفاده کرد و در هر مرحله
+                                با ترکیب خروجی با داده‌های دیگر خلاصه سازی نمود؟‍</p>
+                            <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-4">
+                    <div class="card project-card">
+                        <img src="assets/images/data_valuation.jpg" class="card-img-top" alt="...">
+                        <div class="card-body">
+                            <h5 class="card-title">تخمین ارزش‌گذاری متن برا اساس معیار</h5>
+                            <p class="card-text">سنجش میزان هماهنگی و شباهت متون با متن‌های معیار که از جانب متخصص آگاه
+                                تعیین شده‌اند.</p>
+                            <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Add more project cards here -->
+        </div>
+        </div>
+    </section>
+
+    <section id="projects" class="py-5 bg-light">
+        <div class="container">
+            <h2 class="text-center mb-5 text-primary"> پروژه‌های با محوریت توسعه‌ی مدل (زیربنا) </h2>
+            <p class="lead mb-5 text-center"> در فضای هوش‌مصنوعی با وضعیتی روبرو هستیم که اساساً کاربرد‌‌هایی طراحی و
+                ارائه می‌شوند که جز شرکت‌‌های صاحب سرمایه‌‌های بزرگ امکان اجرا و بهره برداری از آن را ندارند و هم چنین
+                تحقیقات نیز در خدمت این پروژه‌‌های بزرگ مقیاس قرار می‌گیرند. صاحبان سرمایه با انحصار در نهاد علم (مانند
+                مراکز تحقیقاتی و جهت‌دهی)، صنعت هوش‌مصنوعی (مانند تولید سخت‌افزار پردازشگر)، منابع (مانند داده و زیربنای
+                شبکه) و اقتصاد (مانند ارائه خدمات دستیار‌های هوشمند زبانی)، آحاد مردم را از تأثیرگذاری بر پیش‌برد و
+                جهت‌دهی این ابزار محروم می‌کنند*. ما تلاش میکنیم تا این خلاء زیربنایی را با تحقیق و توسعه‌ی هوش‌مصنوعی
+                دسترسی‌پذیر جبران کنیم. قدم اول ما در این زمینه توسعه‌ی مدل‌های توزیع‌شده بر روی شبکه است که با استفاده
+                از امکانات اشتراکی بتوانند بازخورد خود را بهینه کنند. </p>
+                <div class="row g-4 mt-5">
+                    <div class="col-md-6 col-lg-4">
+                        <div class="card project-card">
+                            <img src="assets/images/distributed.png" class="card-img-top" alt="...">
+                            <div class="card-body">
+                                <h5 class="card-title">موازی‌سازی پردازش مدل‌ها روی شبکه</h5>
+                                <p class="card-text">با استفاده از موازی سازی پردازش مدل‌ها روی شبکه میتوان از منابع
+                                    معطل زیادی برای استنتاج (inference) مدل‌ها استفاده کرد که دیگر نیازی به مرکز گرا
+                                    بودن این فرایند نباشد. مثلاَ شروع با مدل‌های Transformer.</p>
+                                <a href="projects/dist_llm.html" class="btn btn-primary">مشاهده جزئیات</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Add more project cards here -->
+        </div>
+        </div>
+    </section>
+
+    <section id="projects" class="py-5 bg-light">
+        <div class="container">
+            <h2 class="text-center mb-5 text-primary"> پروژه‌ها با محوریت کاربری </h2>
+            <p class="lead mb-5 text-center"> در جهت افزایش کارایی ابزار هوش مصنوعی برای انسان خلاق، ما تلاش می‌کنیم تا
+                نحوه‌ی کاربری را بازبینی کنیم و مدل‌ها را به سمتی سوق دهیم تا موجب محدود‌سازی کاربر خلاق نشوند. این تلاش
+                ها هم برای جهت‌دهی ابزار کنونی و هم برای ساخت مدل‌های جدید کارآمدتر انجام می‌شوند. </p>
+            <div class="row g-4">
+                <div class="col-md-6 col-lg-4">
+                    <div class="card project-card">
+                        <img src="assets/images/LLM_questionner.jpg" class="card-img-top" alt="...">
+                        <div class="card-body">
+                            <h5 class="card-title">مدل‌های پرسشگر</h5>
+                            <p class="card-text">ساخت مدل‌هایی که تسهیل‌کر خلق ایده‌ی نو توسط کاربر هستند و نه اینکه خود مولد باشند. چگونه کاربر راهنمایی شود بدون اینکه مدل جهت‌دهی خاصی را به او بدهد؟ و چگونه در خلق گمانه‌ی نو میتواند موثر باشد؟ </p>
+                            <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-4">
+                    <div class="card project-card">
+                        <img src="assets/images/LLM_questionner.jpg" class="card-img-top" alt="...">
+                        <div class="card-body">
+                            <h5 class="card-title">طراحی رفتار پرسشگر</h5>
+                            <p class="card-text">مدل‌های مولد عموماً در غالب پاسخگو طراحی و استفاده می‌شوند. این امر می‌تواند باعث محدودیت بر خلاقیت انسان در تولید محتوی نو و جدید شود. در این پروژه ما به دنبال طراحی رفتار‌های کاربر (مانند prompt engineering) با محوریت مدل پرسشگر در مقابل انسان پاسخگو هستیم. </p>
                             <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
                         </div>
                     </div>
@@ -251,9 +350,34 @@
                     <div class="card project-card">
                         <img src="assets/images/ipso-facto.jpg" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title">مدل توزیع شده</h5>
-                            <p class="card-text">سیستمی برای تعاون و امکان تصرف موجودیت ها در مدل بر اساس ظرفیت ها</p>
-                            <a href="projects/dist_llm.html" class="btn btn-primary">مشاهده جزئیات</a>
+                            <h5 class="card-title">حکمرانی با هوش‌مصنوعی</h5>
+                            <p class="card-text">ابزار هوش‌مصنوعی در کدم امور میتواند به کمک مجری و قانون‌گذار بیاید؟</p>
+                            <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-4">
+                    <div class="card project-card">
+                        <img src="assets/images/ipso-facto.jpg" class="card-img-top" alt="...">
+                        <div class="card-body">
+                            <h5 class="card-title">حکمرانی برای هوش‌مصنوعی</h5>
+                            <p class="card-text">چه ملاحضاتی در زمینه‌ی قانون‌گذاری باید در نظر گرفته شوند؟
+                                <br>
+                                <br>
+
+                                معیارهای کلی:
+                                <br>
+                                <br>
+
+                                ۱. گسترش اختیار و آگاهی فردی و اجتماعی
+                                <br>
+
+                                ۲. عبور از انحصار زیرساختی و افزایش حاکمیت انسان بر سرمایه
+                                <br>
+
+                                ۳. افزایش دگرخواهی و تقابل با فردگرایی و منفعت طلبی 
+                            </p>
+                            <a href="#" class="btn btn-primary">مشاهده جزئیات</a>
                         </div>
                     </div>
                 </div>
@@ -276,4 +400,5 @@
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/projects/dist_llm.html b/projects/dist_llm.html
index 77ce620..0ac3e04 100644
--- a/projects/dist_llm.html
+++ b/projects/dist_llm.html
@@ -3,16 +3,33 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>مدل توزیع شده</title>
+    <title>موازی‌سازی پردازش مدل‌ها </title>
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Font Awesome -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
     <style>
+        .progress-container { 
+            background-color: rgba(208, 186, 150, 0.248); 
+            width: 80%; 
+            border-radius: 15px;
+            margin: auto;
+        } 
+  
+        .progress { 
+            background-color: rgb(0, 160, 24); 
+            color: rgb(255, 255, 255);
+            line-height: 10%;
+            padding: 5%; 
+            font-size: 15px; 
+            border-radius: 15px;
+            text-align: center;
+        }
+
         .hero-section {
             background: url('images/dist_model_bg.png') center center/cover;
             height: 100vh;
-            color: white;
+            color: rgb(255, 255, 255);
         }
         .feature-icon {
             font-size: 3rem;
@@ -43,7 +60,7 @@
 <!-- Navbar -->
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <div class="container">
-        <a class="navbar-brand" href="#">مدل توزیع شده</a>
+        <a class="navbar-brand" href="#">موازی‌سازی پردازش مدل‌ها </a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
             <span class="navbar-toggler-icon"></span>
         </button>
@@ -58,6 +75,9 @@
                 <li class="nav-item">
                     <a class="nav-link" href="#portfolio">گام نما</a>
                 </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#portfolio">دور نما</a>
+                </li>
                 <li class="nav-item">
                     <a class="nav-link" href="#contact">ارتباط با ما</a>
                 </li>
@@ -65,13 +85,11 @@
         </div>
     </div>
 </nav>
-
-<!-- Hero Section -->
 <header class="hero-section d-flex align-items-center">
     <div class="container text-center">
-        <h1 class="display-3 mb-4">مدل توزیع شده</h1>
-        <p class="lead mb-5">این مدل سعی میکند وابستگی خود را به هژمونی داده و سخت افزار کم کند.</p>
-        <a href="#features" class="btn btn-primary btn-lg">بیشتر بدانید</a>
+        <h1 class="display-3 mb-4">موازی‌سازی پردازش مدل‌ها </h1>
+        <p class="lead mb-5">سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.</p>
+        <a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
     </div>
 </header>
 
@@ -80,27 +98,31 @@
     <div class="container">
         <h2 class="text-center mb-5">ویژگی ها</h2>
         <div class="row g-4">
-            <div class="col-md-4">
+            
+            <div class="col-md-4 text-center">
                 <div class="feature-icon text-center mb-3">
-                    <i class="fas fa-rocket"></i>
+                    <i class="fas fa-eye"></i>
                 </div>
                 <h3 class="h4 mb-3">عدم وابستگی به تجمیع سخت افزار</h3>
                 <p>با توجه به گلوگاه شدن سخت افزار در دنیای کنونی و تحریم کشور های فاقد وجود این تکنولوژی خروج از زمین بازی طراحی شده توسط صاحبان این فناوری این ضرورت را ایجاب میکند</p>
             </div>
-            <div class="col-md-4">
+            
+            <div class="col-md-4 text-center">
                 <div class="feature-icon text-center mb-3">
-                    <i class="fas fa-cogs"></i>
+                    <i class="fas fa-pen"></i>
                 </div>
                 <h3 class="h4 mb-3">عدم وابستگی به داده های از پیش اموزش دیده مدل</h3>
                 <p>مسیله مهمی که در مدل های زبانی وجود دارد موضوع نبود امکان بروز رسانی دانش نسبت به گذشته است. این مدل این چالش را حل کرده است.</p>
             </div>
-            <div class="col-md-4">
+            
+            <div class="col-md-4 text-center">
                 <div class="feature-icon text-center mb-3">
-                    <i class="fas fa-shield-alt"></i>
+                    <i class="fas fa-gauge-high"></i>
                 </div>
                 <h3 class="h4 mb-3">توزیع فرایند استنتاج</h3>
                 <p>ارمان ما این است که هر فرد بتواند به اندازه توان خود در فرایند کار های اجتماعی و تعاون در حد توان خود تصرف کند. در اینجا هر موجودیتی در حدی که میتواند میتواند در کارکرد این مدل دخیل باشد.</p>
             </div>
+            
         </div>
     </div>
 </section>
@@ -108,18 +130,137 @@
 <!-- Portfolio Section -->
 <section id="portfolio" class="py-5 bg-light">
     <div class="container">
-        <h2 class="text-center mb-5">گام نمای پروژه</h2>
+        <h2 class="text-center mb-5">گام‌نمای پروژه</h2>
         <div class="row g-4">
+            
             <div class="col-md-6 col-lg-4">
                 <div class="card project-card">
-                    <img src="project1.jpg" class="card-img-top" alt="مدل توزیع شده">
                     <div class="card-body">
-                        <h5 class="card-title">منبع پیاده سازی شده مدل</h5>
-                        <p class="card-text">ادرس گیت هاب</p>
+                        <h5 class="h4 mb-3">موازی‌سازی پردازش مدل‌ها روی شبکه</h5>
+                        <p class="card-text">با استفاده از موازی سازی پردازش مدل‌ها روی شبکه میتوان از منابع  (inference) مدل‌ها استفاده کرد که دیگر نیازی به مرکز گرا بودن این فرایند نباشد. مثلاَ شروع با مدل‌های Transformer.</p>
+                        <div class="container text-center justify-content: center">
+                            وضعیت پیشرفت
+                            <div class="progress-container">
+                                <div class="progress" style="width: 80%; padding-right: 80%;">
+                                    80
+
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            <ul style="list-style-type: '✅ ' ;">
+                                
+                                <li>موازی سازی پردازش مدل ها</li>
+                                
+                            </ul>
+                            <ul style="list-style-type: ' ⏳ ' ;">
+                                
+                                <li>مدل‌های مولد</li>
+                                
+                            </ul>
+                        </p>
+                        <a href="https://github.com/aliakbar1881/IpsofactoModel">
+                            <p class="card-text">ادرس گیت هاب</p>
+                        </a>
                     </div>
                 </div>
             </div>
-            <!-- Repeat for other projects -->
+            
+            <div class="col-md-6 col-lg-4">
+                <div class="card project-card">
+                    <div class="card-body">
+                        <h5 class="h4 mb-3">استفاده از منابع توزیع شده</h5>
+                        <p class="card-text">پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده بر روی شبکه ماند Keras، Torch، SparkML که آموزش در لحظه را در اختیار محققان و کاربران بگذارد. </p>
+                        <div class="container text-center justify-content: center">
+                            وضعیت پیشرفت
+                            <div class="progress-container">
+                                <div class="progress" style="width: 0%; padding-right: 0%;">
+                                    0
+
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            <ul style="list-style-type: '✅ ' ;">
+                                
+                            </ul>
+                            <ul style="list-style-type: ' ⏳ ' ;">
+                                
+                                <li>پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده</li>
+                                
+                            </ul>
+                        </p>
+                        <a href="">
+                            <p class="card-text">ادرس گیت هاب</p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="col-md-6 col-lg-4">
+                <div class="card project-card">
+                    <div class="card-body">
+                        <h5 class="h4 mb-3">بالا بردن ظرفیت خطای ورودی مدل در شبکه متزلزل</h5>
+                        <p class="card-text">بالا بردن توانایی تعمیم پذیری مناسب و ترکیب مناسب داده‌ها مثلاَ با استفاده‌ی روشی مشابه dropout.</p>
+                        <div class="container text-center justify-content: center">
+                            وضعیت پیشرفت
+                            <div class="progress-container">
+                                <div class="progress" style="width: 0%; padding-right: 0%;">
+                                    0
+
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            <ul style="list-style-type: '✅ ' ;">
+                                
+                            </ul>
+                            <ul style="list-style-type: ' ⏳ ' ;">
+                                
+                                <li>ترکیب مناسب داده‌ها</li>
+                                
+                                <li>بالا بردن توانایی تعمیم پذیری</li>
+                                
+                            </ul>
+                        </p>
+                        <a href="">
+                            <p class="card-text">ادرس گیت هاب</p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="col-md-6 col-lg-4">
+                <div class="card project-card">
+                    <div class="card-body">
+                        <h5 class="h4 mb-3">امنیت داده‌ها با پردازش توزیع‌شده</h5>
+                        <p class="card-text">آنالیز انکشاف در داده‌های مدل‌های توزیع ‌شده روش شبکه و بررسی امکان بالا بردن سطح خصوصی داده‌ها، مانند روش Differential provacy.</p>
+                        <div class="container text-center justify-content: center">
+                            وضعیت پیشرفت
+                            <div class="progress-container">
+                                <div class="progress" style="width: 0%; padding-right: 0%;">
+                                    0
+
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            <ul style="list-style-type: '✅ ' ;">
+                                
+                            </ul>
+                            <ul style="list-style-type: ' ⏳ ' ;">
+                                
+                                <li>استفاده از  روش Differential provacy</li>
+                                
+                            </ul>
+                        </p>
+                        <a href="">
+                            <p class="card-text">ادرس گیت هاب</p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            
         </div>
     </div>
 </section>
@@ -127,31 +268,56 @@
 <!-- Testimonials -->
 <section class="py-5">
     <div class="container">
-        <h2 class="text-center mb-5">هدف پروژه</h2>
+        <h2 class="text-center mb-5">دورنمای پروژه</h2>
         <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
             <div class="carousel-inner">
                 <div class="carousel-item active">
                     <div class="row justify-content-center">
                         <div class="col-md-8">
                             <div class="testimonial p-4">
-                                <p class="lead">"از بین بردن تراکم اطلاعات و فناوری در نقطه ای خاص به نحوی مقابله با نظام سرمایه داری."</p>
-                                <footer class="blockquote-footer">پروژه به نتیجه رسیده است.</footer>
+                                <p class="lead">
+                                    <p class="lead m-5 text-center">
+                                        <h4 class="text-left mb-5 text-primary">تاثیر رویکرد سرمایه‌دارانه بر روی توسعه و کاربرد هوش‌مصنوعی</h2>
+                                            <ol>
+                                                <li>
+                                                    <b>کالاسازی داده</b> باعث رقابت در تجمیع و انحصار در اطلاعات شده تا حایی که داده را نفت جدید
+                                                    می‌خوانند.
+                                                </li>
+                                                <br>
+                                                <li>
+                                                    <b>شرکت‌های تولید کننده‌ی سخت‌افزار</b> برای ضمانت رشد سود خود محققین را جهت‌دهی می‌کنند که فقط
+                                                    تحت زیربنای محاسباتی آنها توسعه‌ی نرم‌افزاری دهند. مثلاً شرکت <b>NVIDIA</b> با تحت تاثیر قرار
+                                                    دادن جامعه‌ی علمی و تولیدی و پشتیبانی، از فروش سخت‌افزارهای <b>AMD</b>، که معمولاً کارکرد بهتری
+                                                    دارد، جلوگیری می‌کند.
+                                                </li>
+                                                <br>
+                                                <li>
+                                                    <b>همچنین با هژمونیک کردن این نگاه</b>، جامعه‌ی علمی به دنبال سخت‌افزارهای روز، که بزرگتر و
+                                                    سریعتر می‌شوند، می‌باشد. در این حین دیدگاه‌های دموکراتیک‌تر، مانند <b>پردازش سیستم‌های
+                                                        توزیع‌شده</b> که می‌تواند از سخت‌افزار‌های کوچک مردم همزمان بهره ببرد، از ادبیات تحقیقی حذف
+                                                    شده‌اند. در نتیجه راه‌کار‌های سرمایه‌دارانه تنها جهت پیشرفت و توسعه دیده می‌شود. البته روش‌های
+                                                    پردازش سیستم‌های توزیع‌شده به کل حذف نشده‌اند. بلکه آنها هم در جهت منافع شرکت‌های چند ملیتی
+                                                    توسعه داده می‌شوند.
+                                                </li>
+                                                <br>
+                                            </ol>
+                                            <p>
+                                                با آمدن کرونا، شرکت <b>NVIDIA</b> از کاربران بازی‌های رایانه‌ای خواست تا سیستمی نصب کنند که به آنها
+                                                اجازه می‌داد از سیستم کاربران برای توسعه‌ی هوش‌مصنوعی در جهت کشف دارو‌های جدید، استفاده کنند. در
+                                                نمونه‌ای دیگر، شرکت <b>گوگل</b> از دستگاه‌های تلفن کاربران برای آموزش مدل‌های هوش‌مصنوعی خود بهره
+                                                می‌برد و آن را باز به مشتریان جدید می‌فروشد. محصولی که با داده‌های مردم و سخت‌افزار آنها درست شده در
+                                                جهت منافع مالی این شرکت استفاده می‌شود.
+                                            </p>
+                                            </p>
+                                </p>
                             </div>
                         </div>
                     </div>
                 </div>
-                <!-- Add more testimonials -->
             </div>
-            <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
-                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-            </button>
-            <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
-                <span class="carousel-control-next-icon" aria-hidden="true"></span>
-            </button>
         </div>
     </div>
 </section>
-
 <!-- Call to Action -->
 <section class="py-5 bg-primary text-white">
     <div class="container text-center">
diff --git a/projects/explinability.html b/projects/explinability.html
index c6350ac..870691b 100644
--- a/projects/explinability.html
+++ b/projects/explinability.html
@@ -75,6 +75,9 @@
                 <li class="nav-item">
                     <a class="nav-link" href="#portfolio">گام نما</a>
                 </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#portfolio">دور نما</a>
+                </li>
                 <li class="nav-item">
                     <a class="nav-link" href="#contact">ارتباط با ما</a>
                 </li>
diff --git a/template/data.json b/template/data.json
new file mode 100644
index 0000000..15e588b
--- /dev/null
+++ b/template/data.json
@@ -0,0 +1,74 @@
+{
+    "hero": {
+        "title": "موازی‌سازی پردازش مدل‌ها ",
+        "description": "سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.",
+        "button_text": "بیشتر بدانید",
+        "button_link": "#features"
+    },
+    "features": [
+        {
+            "icon": "fas fa-eye",
+            "title": "عدم وابستگی به تجمیع سخت افزار",
+            "description": "با توجه به گلوگاه شدن سخت افزار در دنیای کنونی و تحریم کشور های فاقد وجود این تکنولوژی خروج از زمین بازی طراحی شده توسط صاحبان این فناوری این ضرورت را ایجاب میکند"
+        },
+        {
+            "icon": "fas fa-pen",
+            "title": "عدم وابستگی به داده های از پیش اموزش دیده مدل",
+            "description": "مسیله مهمی که در مدل های زبانی وجود دارد موضوع نبود امکان بروز رسانی دانش نسبت به گذشته است. این مدل این چالش را حل کرده است."
+        },
+        {
+            "icon": "fas fa-gauge-high",
+            "title": "توزیع فرایند استنتاج",
+            "description": "ارمان ما این است که هر فرد بتواند به اندازه توان خود در فرایند کار های اجتماعی و تعاون در حد توان خود تصرف کند. در اینجا هر موجودیتی در حدی که میتواند میتواند در کارکرد این مدل دخیل باشد."
+        }
+    ],
+    "projects": [
+        {
+            "title": "موازی‌سازی پردازش مدل‌ها روی شبکه",
+            "description": "با استفاده از موازی سازی پردازش مدل‌ها روی شبکه میتوان از منابع  (inference) مدل‌ها استفاده کرد که دیگر نیازی به مرکز گرا بودن این فرایند نباشد. مثلاَ شروع با مدل‌های Transformer.",
+            "progress": 80,
+            "progress_in_persian": "۸۰",
+            "features": [
+                "موازی سازی پردازش مدل ها"
+            ],
+            "todo": [
+                "مدل‌های مولد"
+            ],
+            "github_link": "https://github.com/aliakbar1881/IpsofactoModel"
+        },
+        {
+            "title": "استفاده از منابع توزیع شده",
+            "description": "پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده بر روی شبکه ماند Keras، Torch، SparkML که آموزش در لحظه را در اختیار محققان و کاربران بگذارد. ",
+            "progress": 0,
+            "progress_in_persian": "۰",
+            "todo": [
+                "پیاده سازی پلتفرمی برای توسعه آموزش مدل های توزیع شده"
+            ],
+            "github_link": ""
+        },
+        {
+            "title": "بالا بردن ظرفیت خطای ورودی مدل در شبکه متزلزل",
+            "description": "بالا بردن توانایی تعمیم پذیری مناسب و ترکیب مناسب داده‌ها مثلاَ با استفاده‌ی روشی مشابه dropout.",
+            "progress": 0,
+            "progress_in_persian": "۰",
+            "todo": [
+                "ترکیب مناسب داده‌ها",
+                "بالا بردن توانایی تعمیم پذیری"
+            ],
+            "github_link": ""
+        },
+        {
+            "title": "امنیت داده‌ها با پردازش توزیع‌شده",
+            "description": "آنالیز انکشاف در داده‌های مدل‌های توزیع ‌شده روش شبکه و بررسی امکان بالا بردن سطح خصوصی داده‌ها، مانند روش Differential provacy.",
+            "progress": 0,
+            "progress_in_persian": "۰",
+            "todo": [
+                "استفاده از  روش Differential provacy"
+            ],
+            "github_link": ""
+        }
+    ],
+    "testimonial": {
+        "text": "در این پروژه، توانسته‌ایم نشان دهیم که استنتاج مدل نه‌تنها قابل توضیح به کاربر است، بلکه به‌صورت بالفعل می‌توان فرایند آن را شفاف‌سازی کرد. .\n\nهدف ما این است که ابزارهای جدید جایگزین متخصصان انسانی نشوند، بلکه بتوانند از طریق تعامل مؤثر با کاربر، تصمیم‌گیری را بهبود بخشند. برای تحقق این امر، ابزار طراحی‌شده باید بتواند اراده و تصمیمات کاربر را در چارچوبی ساختاریافته مدل‌سازی کرده و در استنتاج لحاظ کند. این امر به لطف شفافیت در استنتاج مدل محقق می‌شود و لازم است که این شفافیت در ابعاد دیگر نیز گسترش یابد، ازجمله در نحوه‌ی تغییرات داده‌های آموزشی و ارزیابی مدل.\n\nبا این رویکرد، به سمت سیستمی حرکت می‌کنیم که نه‌تنها دقت و کارایی استنتاج را بهبود می‌بخشد، بلکه تعامل انسانی را نیز در قلب فرایند تصمیم‌گیری حفظ می‌کند."
+    }
+}
diff --git a/template/images/dist_model_bg.png b/template/images/dist_model_bg.png
new file mode 100644
index 0000000..5ffdfca
Binary files /dev/null and b/template/images/dist_model_bg.png differ
diff --git a/template/template.html b/template/template.html
new file mode 100644
index 0000000..9776010
--- /dev/null
+++ b/template/template.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ data.hero.title }}</title>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <style>
+        .progress-container { 
+            background-color: rgba(208, 186, 150, 0.248); 
+            width: 80%; 
+            border-radius: 15px;
+            margin: auto;
+        } 
+  
+        .progress { 
+            background-color: rgb(0, 160, 24); 
+            color: rgb(255, 255, 255);
+            line-height: 10%;
+            padding: 5%; 
+            font-size: 15px; 
+            border-radius: 15px;
+            text-align: center;
+        }
+
+        .hero-section {
+            background: url('images/dist_model_bg.png') center center/cover;
+            height: 100vh;
+            color: rgb(255, 255, 255);
+        }
+        .feature-icon {
+            font-size: 3rem;
+            color: #0d6efd;
+        }
+        .project-card {
+            transition: transform 0.3s;
+        }
+        .project-card:hover {
+            transform: translateY(-10px);
+        }
+        .footer {
+            background-color: #f8f9fa;
+        }
+        html {
+            font-family: 'Vazir', sans-serif;
+            font-size: 16px;
+            line-height: 1.5;
+            color: #202013;
+        }
+        html[lang="fa"] {
+            font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
+        }
+    </style>
+</head>
+<body>
+
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div class="container">
+        <a class="navbar-brand" href="#">{{ data.hero.title }}</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ms-auto">
+                <li class="nav-item">
+                    <a class="nav-link active" href="#home">توصیف</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#features">ویژگی ها</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#portfolio">گام نما</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#portfolio">دور نما</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#contact">ارتباط با ما</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+<header class="hero-section d-flex align-items-center">
+    <div class="container text-center">
+        <h1 class="display-3 mb-4">{{ data.hero.title }}</h1>
+        <p class="lead mb-5">{{ data.hero.description }}</p>
+        <a href="{{ data.hero.button_link }}" class="btn btn-light btn-lg rounded-pill px-5">{{ data.hero.button_text }}</a>
+    </div>
+</header>
+
+<!-- Features Section -->
+<section id="features" class="py-5">
+    <div class="container">
+        <h2 class="text-center mb-5">ویژگی ها</h2>
+        <div class="row g-4">
+            {% for feature in data.features %}
+            <div class="col-md-4 text-center">
+                <div class="feature-icon text-center mb-3">
+                    <i class="{{ feature.icon }}"></i>
+                </div>
+                <h3 class="h4 mb-3">{{ feature.title }}</h3>
+                <p>{{ feature.description }}</p>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
+<!-- Portfolio Section -->
+<section id="portfolio" class="py-5 bg-light">
+    <div class="container">
+        <h2 class="text-center mb-5">گام‌نمای پروژه</h2>
+        <div class="row g-4">
+            {% for project in data.projects %}
+            <div class="col-md-6 col-lg-4">
+                <div class="card project-card">
+                    <div class="card-body">
+                        <h5 class="h4 mb-3">{{ project.title }}</h5>
+                        <p class="card-text">{{ project.description }}</p>
+                        <div class="container text-center justify-content: center">
+                            وضعیت پیشرفت
+                            <div class="progress-container">
+                                <div class="progress" style="width: {{ project.progress }}%; padding-right: {{ project.progress }}%;">
+                                    {{ project.progress }}
+
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            <ul style="list-style-type: '✅ ' ;">
+                                {% for feature in project.features %}
+                                <li>{{ feature }}</li>
+                                {% endfor %}
+                            </ul>
+                            <ul style="list-style-type: ' ⏳ ' ;">
+                                {% for todo in project.todo %}
+                                <li>{{ todo }}</li>
+                                {% endfor %}
+                            </ul>
+                        </p>
+                        <a href="{{ project.github_link }}">
+                            <p class="card-text">ادرس گیت هاب</p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
+<!-- Testimonials -->
+<section class="py-5">
+    <div class="container">
+        <h2 class="text-center mb-5">دورنمای پروژه</h2>
+        <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
+            <div class="carousel-inner">
+                <div class="carousel-item active">
+                    <div class="row justify-content-center">
+                        <div class="col-md-8">
+                            <div class="testimonial p-4">
+                                <p class="lead">{{ data.testimonial.text }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- Call to Action -->
+<section class="py-5 bg-primary text-white">
+    <div class="container text-center">
+        <h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
+        <p class="lead">منتظریم</p>
+        <a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
+    </div>
+</section>
+
+<!-- Footer -->
+<footer class="footer py-4">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+            </div>
+            <div class="col-md-6 text-md-end">
+                <a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
+                <a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
+                <a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
+            </div>
+        </div>
+    </div>
+</footer>
+
+<!-- Bootstrap JS -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/template/template_maker.py b/template/template_maker.py
new file mode 100644
index 0000000..84f08b3
--- /dev/null
+++ b/template/template_maker.py
@@ -0,0 +1,27 @@
+from jinja2 import Template
+import json
+import argparse
+
+parser = argparse.ArgumentParser(
+                    prog='template_maker',
+                    description='make template',
+                    epilog='be happy!')
+
+parser.add_argument('-i', '--input')
+
+args = parser.parse_args()
+# خواندن فایل JSON
+with open(args.input, 'r', encoding='utf-8') as file:
+    data = json.load(file)
+
+# خواندن قالب HTML
+with open('template.html', 'r', encoding='utf-8') as file:
+    template = Template(file.read())
+
+# جایگذاری اطلاعات در قالب HTML
+result = template.render(data=data)
+
+
+# ذخیره خروجی در یک فایل HTML
+with open(f"{args.input.split('.')[0]}.html", 'w', encoding='utf-8') as file:
+    file.write(result)
\ No newline at end of file
