diff --git a/MultiAgentEbook/images/ioa_cover.png b/MultiAgentEbook/images/ioa_cover.png
new file mode 100755
index 00000000..2b268b2a
Binary files /dev/null and b/MultiAgentEbook/images/ioa_cover.png differ
diff --git a/MultiAgentEbook/index.html b/MultiAgentEbook/index.html
index 27996dfa..78cea319 100644
--- a/MultiAgentEbook/index.html
+++ b/MultiAgentEbook/index.html
@@ -162,7 +162,7 @@
     <div class="container" id="more-works">
       <div class="browser-cards">
         <div class="card">
-          <img src="./images/chatdev_cover.png" alt="Systems cover" />
+          <img src="./images/chatdev_cover.png"/>
           <h4>ChatDev</h4>
           <p>Multi-Agent Collaboration for Software Development</p>
           <a href="https://arxiv.org/abs/2307.07924" class="btnsmall paper"><span class="icon"><img
@@ -172,7 +172,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/iagents_cover.png" alt="Systems cover" />
+          <img src="./images/iagents_cover.png" />
           <h4>iAgents</h4>
           <p>Bijective Social Networks of Humans and Agents
           </p>
@@ -183,7 +183,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/agentverse_cover.png" alt="Systems cover" />
+          <img src="./images/agentverse_cover.png"/>
           <h4>AgentVerse</h4>
           <p>General-Purpose Multi-Agent Framework</p>
           <a href="https://arxiv.org/abs/2308.10848" class="btnsmall paper"><span class="icon"><img
@@ -193,7 +193,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/colearning_cover.png" alt="Benchmark cover" />
+          <img src="./images/colearning_cover.png"/>
           <h4>Co-Learning</h4>
           <p>Cross-Task Experience Co-Leaning for Mutual Growth</p>
           <a href="https://arxiv.org/abs/2312.17025" class="btnsmall paper"><span class="icon"><img
@@ -203,7 +203,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/ei_cover.png" alt="Dataset cover" />
+          <img src="./images/ei_cover.png"/>
           <h4>Co-Evolving</h4>
           <p>Continuous Experience Refinement over Time</p>
           <a href="https://arxiv.org/abs/2405.04219" class="btnsmall paper"><span class="icon"><img
@@ -213,7 +213,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/organization.png" alt="Dataset cover" />
+          <img src="./images/organization.png"/>
           <h4>MacNet</h4>
           <p>Exploring Collaborative Scaling Law</p>
           <a href="https://arxiv.org/abs/2406.07155" class="btnsmall paper"><span class="icon"><img
@@ -223,7 +223,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/ctc_cover.png" alt="Systems cover" />
+          <img src="./images/ctc_cover.png"/>
           <h4>CTC</h4>
           <p>Cross-Team Multi-Agent Orchestration</p>
           <a href="https://arxiv.org/abs/2406.08979" class="btnsmall paper"><span class="icon"><img
@@ -233,7 +233,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/chateval_cover.png" alt="Benchmark cover" />
+          <img src="./images/chateval_cover.png"/>
           <h4>ChatEval</h4>
           <p>Communication for Automated Evaluation</p>
           <a href="https://arxiv.org/abs/2308.07201" class="btnsmall paper"><span class="icon"><img
@@ -243,7 +243,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/autoform_cover.png" alt="Benchmark cover" />
+          <img src="./images/autoform_cover.png"/>
           <h4>AutoForm</h4>
           <p>Finding Effective Communication Protocals</p>
           <a href="https://arxiv.org/abs/2402.18439" class="btnsmall paper"><span class="icon"><img
@@ -252,6 +252,16 @@
                 src="images/github_normal.png" alt="GitHub Icon"></span>Code</a>
         </div>
 
+        <div class="card">
+          <img src="./images/ioa_cover.png"/>
+          <h4>IoA</h4>
+          <p>Weaving a Web of Heterogeneous Agents</p>
+          <a href="https://arxiv.org/abs/2407.07061" class="btnsmall paper"><span class="icon"><img
+                src="images/pdf_normal.png" alt="PDF Icon"></span>Paper</a>
+          <a href="https://github.com/OpenBMB/IoA" class="btnsmall code"><span class="icon"><img
+                src="images/github_normal.png" alt="GitHub Icon"></span>Code</a>
+        </div>
+
       </div>
     </div>
   </section>