diff --git a/assets/images/banner-item-01.jpg b/assets/images/banner-item-01.jpg
new file mode 100644
index 0000000..9488ab6
Binary files /dev/null and b/assets/images/banner-item-01.jpg differ
diff --git a/assets/images/banner-item-02.jpg b/assets/images/banner-item-02.jpg
new file mode 100644
index 0000000..2e82800
Binary files /dev/null and b/assets/images/banner-item-02.jpg differ
diff --git a/assets/images/banner-item-03.jpg b/assets/images/banner-item-03.jpg
new file mode 100644
index 0000000..ea9326a
Binary files /dev/null and b/assets/images/banner-item-03.jpg differ
diff --git a/assets/images/conference.jpg b/assets/images/conference.jpg
deleted file mode 100644
index e393e22..0000000
Binary files a/assets/images/conference.jpg and /dev/null differ
diff --git a/assets/images/course-01.jpg b/assets/images/course-01.jpg
new file mode 100644
index 0000000..e1f229e
Binary files /dev/null and b/assets/images/course-01.jpg differ
diff --git a/assets/images/course-02.jpg b/assets/images/course-02.jpg
new file mode 100644
index 0000000..131c76a
Binary files /dev/null and b/assets/images/course-02.jpg differ
diff --git a/assets/images/course-03.jpg b/assets/images/course-03.jpg
new file mode 100644
index 0000000..872c60c
Binary files /dev/null and b/assets/images/course-03.jpg differ
diff --git a/assets/images/course-04.jpg b/assets/images/course-04.jpg
new file mode 100644
index 0000000..eec2d1e
Binary files /dev/null and b/assets/images/course-04.jpg differ
diff --git a/assets/images/course-05.jpg b/assets/images/course-05.jpg
new file mode 100644
index 0000000..e6c919e
Binary files /dev/null and b/assets/images/course-05.jpg differ
diff --git a/assets/images/course-06.jpg b/assets/images/course-06.jpg
new file mode 100644
index 0000000..e9d875a
Binary files /dev/null and b/assets/images/course-06.jpg differ
diff --git a/assets/images/event-01.jpg b/assets/images/event-01.jpg
new file mode 100644
index 0000000..0f558ab
Binary files /dev/null and b/assets/images/event-01.jpg differ
diff --git a/assets/images/event-02.jpg b/assets/images/event-02.jpg
new file mode 100644
index 0000000..92d6467
Binary files /dev/null and b/assets/images/event-02.jpg differ
diff --git a/assets/images/event-03.jpg b/assets/images/event-03.jpg
new file mode 100644
index 0000000..83657b4
Binary files /dev/null and b/assets/images/event-03.jpg differ
diff --git a/assets/images/member-01.jpg b/assets/images/member-01.jpg
new file mode 100644
index 0000000..2faa7a4
Binary files /dev/null and b/assets/images/member-01.jpg differ
diff --git a/assets/images/member-02.jpg b/assets/images/member-02.jpg
new file mode 100644
index 0000000..cd9732c
Binary files /dev/null and b/assets/images/member-02.jpg differ
diff --git a/assets/images/member-03.jpg b/assets/images/member-03.jpg
new file mode 100644
index 0000000..10e10a0
Binary files /dev/null and b/assets/images/member-03.jpg differ
diff --git a/assets/images/member-04.jpg b/assets/images/member-04.jpg
new file mode 100644
index 0000000..bce38a9
Binary files /dev/null and b/assets/images/member-04.jpg differ
diff --git a/assets/images/project-1.jpg b/assets/images/project-1.jpg
new file mode 100644
index 0000000..cc10a94
Binary files /dev/null and b/assets/images/project-1.jpg differ
diff --git a/assets/images/project-1.webp b/assets/images/project-1.webp
new file mode 100644
index 0000000..4a91017
Binary files /dev/null and b/assets/images/project-1.webp differ
diff --git a/assets/images/seminar-1.jpg b/assets/images/seminar.jpg
similarity index 100%
rename from assets/images/seminar-1.jpg
rename to assets/images/seminar.jpg
diff --git a/assets/images/testimonial-author.jpg b/assets/images/testimonial-author.jpg
new file mode 100644
index 0000000..ad38f9c
Binary files /dev/null and b/assets/images/testimonial-author.jpg differ
diff --git a/index.html b/index.html
index 557db03..fbea4d8 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,321 @@
-Hello World
+<!DOCTYPE html>
+<html lang="fa">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Vazir&display=swap" rel="stylesheet">
+    <style>
+        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>
+
+    <title>هوش نوگرای گروهی</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+
+    <!-- Additional CSS Files -->
+    <link rel="stylesheet" href="assets/css/fontawesome.css">
+    <link rel="stylesheet" href="assets/css/templatemo-scholar.css">
+    <link rel="stylesheet" href="assets/css/owl.css">
+    <link rel="stylesheet" href="assets/css/animate.css">
+    <link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
+<!--
+
+TemplateMo 586 Scholar
+
+https://templatemo.com/tm-586-scholar
+
+-->
+  </head>
+
+<body dir="rtl">
+
+  <!-- ***** Preloader Start ***** -->
+  <div id="js-preloader" class="js-preloader">
+    <div class="preloader-inner">
+      <span class="dot"></span>
+      <div class="dots">
+        <span></span>
+        <span></span>
+        <span></span>
+      </div>
+    </div>
+  </div>
+  <!-- ***** Preloader End ***** -->
+
+  <!-- ***** Header Area Start ***** -->
+  <header class="header-area header-sticky">
+    <div class="container">
+        <div class="row">
+            <div class="col-12">
+                <nav class="main-nav">
+                    <!-- ***** Logo Start ***** -->
+                    <a href="index.html" class="logo">
+                        <h1>هوش گروهی</h1>
+                    </a>
+                    <!-- ***** Logo End ***** -->
+                    <!-- ***** Menu Start ***** -->
+                    <ul class="nav">
+                      <li class="scroll-to-section"><a href="#top" class="active">هوش نوگرای گروهی</a></li>
+                      <li class="scroll-to-section"><a href="#projects">پروژه ها</a></li>
+                      <li class="scroll-to-section"><a href="#courses">دستاوردها</a></li>
+                      <li class="scroll-to-section"><a href="#team">همکاران</a></li>
+                      <li class="scroll-to-section"><a href="#events">رویداد ها</a></li>
+                      <li class="scroll-to-section"><a href="#contactus">ارتباط با ما</a></li>
+                  </ul>   
+                    <a class='menu-trigger'>
+                        <span>Menu</span>
+                    </a>
+                    <!-- ***** Menu End ***** -->
+                </nav>
+            </div>
+        </div>
+    </div>
+  </header>
+  <!-- ***** Header Area End ***** -->
+
+  <div class="main-banner" id="top">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="owl-carousel owl-banner">
+            <div class="item item-1">
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="container mt-5 mb-5">
+    <h2 class="p-5 mt-5 text-center text-secondary display-6">
+      کار گروهی برای قدرت بخشی به هوش‌مصنوعی اجتماعی
+    </h2>
+    <p class="text-center" style="font-size: 20px;">
+      ما گروه متشکل از متخصصین با پیش زمینه‌ی متنوع که تلاش میکنیم به تصویر سازی، خلق، و معیار سنجی ابزار هوش‌مصنوعی با نگاهی به روابط اجتماعی و نقش این ابزار در هوشمند‌سازی سازوکار‌های شناختی (epistemological).
+    </p>
+    <br/><br><br>
+    <p class="text-center text-primary">
+      در تلاش برای رسیدن به هوش مصنوعی اجتماعی
+    </p>
+  </div>
+  <div class="services section" id="projects">
+    <div class="container">
+      <h2 class="text-center mb-5 text-secondary">
+        پروژه ها
+      </h2>
+      <div class="row">
+        <div class="col-lg-4 col-md-6">
+          <div class="service-item">
+            <div class="icon">
+              <img src="assets/images/service-01.png" alt="online degrees">
+            </div>
+            <div class="main-content">
+              <br />
+              <h4>هوش‌مصنوعی توضیح‌پذیر بالفعل</h4>
+              <p>یکی از اهداف ما افزایش اختیار و شناخت انسان در استفاده از ابزار هوش‌مصنوعی است.</p>
+              <br />
+              <p>هدف ما تولید ابزار هوش‌مصنوعی است که بتوان داده‌ی تاثیر گذار در فرایند استنتاج را دید و آنها را بدون نیاز به آموزش مجدد هوش‌مصنوعی عوض کرد.</p>
+              <br />
+              <p>نمونه‌ی اولیه که ما ساختیم با ترکیبی از یادگیری عمیق و یادگیری تنبل به ما اجازه‌ی دخالت در داده‌های تاثیرگذار را میدهد. میتوانید نمونه‌ی کد آن را در این صفحه ببینید و آزمایش کنید.</p>
+              <div class="main-button">
+                <a href="https://github.com/aliakbar1881/IpsofactoModel/">بیشتر بخوانید</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-md-6">
+          <div class="service-item">
+            <div class="icon">
+              <img src="assets/images/service-02.png" alt="short courses">
+            </div>
+            <div class="main-content">
+              <br />
+              <h4>هوش اجتماعی</h4>
+              <p>یکی از اهداف بلند مدت ما تولید هوش‌مصنوعی با کاربرد تسهیل روابط شناختی در گروه و جامعه است. ما دنبال پاسخ به این پرسش هستیم که چه ابزاری بهتر میتواند این روابط را مدل سازی و بهینه کند و ما چگونه میتوانیم آن را بسازیم.</p>
+              <br />
+              <p>
+                معیارهای کلی:
+              </p>
+              <br />
+              <p>
+              ۱. گسترش اختیار و آگاهی فردی و اجتماعی
+              <br />
+              ۲. عبور از انحصار زیرساختی و افزایش حاکمیت انسان بر سرمایه
+              <br />
+              ۳. افزایش دگرخواهی و تقابل با فردگرایی و منفعت طلبی
+              </p>
+              <div class="main-button">
+                <a href="#">بیشتر بخوانید</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-md-6">
+          <div class="service-item">
+            <div class="icon">
+              <img src="assets/images/service-03.png" alt="web experts">
+            </div>
+            <div class="main-content">
+              <br />
+              <h4>استفاده از منابع توزیع شده</h4>
+              <p>پیاده سازی پلتفرمی برای توسعه اموزش مدل های توزیع شده بر روی شبکه و اموزش در لحظه</p>
+              <div class="main-button">
+                <a href="#">بیشتر بخوانید</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <section class="section courses" id="courses" >
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12 text-center">
+          <div class="section-heading">
+            <h6>دستاوردها</h6>
+            <h2 class="text-secondary">دستاوردها</h2>
+          </div>
+        </div>
+      </div>
+      <ul class="event_filter">
+        <li>
+          <a class="is_active" href="#!" data-filter="*">همه دستاورد ها</a>
+        </li>
+        <li>
+          <a href="#!" data-filter=".explain">توضیح پذیری</a>
+        </li>
+        <li>
+          <a href="#!" data-filter=".development">مدل های مولد</a>
+        </li>
+        <li>
+          <a href="#!" data-filter=".wordpress">نحلیل متن</a>
+        </li>
+      </ul>
+      <div class="row event_box">
+        <div class="col-lg-4 col-md-6 align-self-center mb-30 event_outer col-md-6 explain">
+          <div class="events_item">
+            <div class="">
+              <a href="https://github.com/aliakbar1881/IpsofactoModel/"><img src="assets/images/project-1.jpg" alt=""></a>
+            </div>
+            <div class="down-content">
+              <span class="author"> توضیح پذیری</span>
+              <h4>مدل بالفعل</h4>
+            </div>
+          </div>
+        </div>
+
+  </section>
+
+  <br /><br /><br /><br /><br />
+  <h2 class="text-center text-secondary">
+    همکاران
+  </h2>
+
+  <div class="team section" id="team">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-3 col-md-6">
+          <div class="team-member">
+            <div class="main-content">
+              <img src="assets/images/bigdeli.png" alt="">
+              <span class="category">سیاوش بیگدلی</span>
+              <h4>سیاوش بیگدلی</h4>
+              <ul class="social-icons">
+                <li><a href="#"><i class="fab fa-facebook"></i></a></li>
+                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
+                <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div> 
+
+  <div class="section events" id="events">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12 text-center">
+          <div class="section-heading">
+            <h6>رویداد ها</h6>
+            <h2 class="text-secondary">سمینار های برگزار شده</h2>
+          </div>
+        </div>
+        <div class="col-lg-12 col-md-6">
+          <div class="item">
+            <div class="row">
+              <div class="col-lg-3">
+                <div class="image">
+                  <img src="assets/images/seminar.jpg" alt="">
+                </div>
+              </div>
+              <div class="col-lg-9">
+                <ul>
+                  <li>
+                    <span class="category">دانشگاه امیر کبیر</span>
+                    <h4>توضیح پذیر بالفعل</h4>
+                  </li>
+                  <li>
+                    <span>زمان:</span>
+                    <h6>۷ اذر ۱۴۰۳</h6>
+                  </li>
+                  <li>
+                    <span>مدت زمان ارایه:</span>
+                    <h6>۲ ساعت</h6>
+                  </li>
+                  <!-- <li>
+                    <span>Price:</span>
+                    <h6>$120</h6>
+                  </li> -->
+                </ul>
+                <a href="#"><i class="fa fa-angle-right"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+  <div class="container section mb-5" id="contactus">
+    <h3 class="text-center text-secondary">
+      ارتباط با ما
+    </h3>
+
+  </div>
+
+  <div class="container mt-5 mb-5">
+
+  </div>
+
+  <!-- Scripts -->
+  <!-- Bootstrap core JavaScript -->
+  <script src="vendor/jquery/jquery.min.js"></script>
+  <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+  <script src="assets/js/isotope.min.js"></script>
+  <script src="assets/js/owl-carousel.js"></script>
+  <script src="assets/js/counter.js"></script>
+  <script src="assets/js/custom.js"></script>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
deleted file mode 100644
index 1e37f68..0000000
--- a/styles.css
+++ /dev/null
@@ -1,31 +0,0 @@
-body {
-    font-family: Arial, sans-serif;
-    line-height: 1.6;
-}
-
-header {
-    background: #007BFF;
-    color: white;
-    padding: 20px;
-    text-align: center;
-}
-
-nav ul {
-    list-style-type: none;
-}
-
-nav ul li {
-    display: inline;
-    margin-right: 15px;
-}
-
-.project {
-    border: 1px solid #ccc;
-    padding: 10px;
-    margin-bottom: 10px;
-}
-
-footer {
-    text-align: center;
-    padding: 10px;
-}
