diff --git a/MultiAgentEbook/index.html b/MultiAgentEbook/index.html
index 78cea319..0083c6de 100644
--- a/MultiAgentEbook/index.html
+++ b/MultiAgentEbook/index.html
@@ -161,17 +161,8 @@
     </div>
     <div class="container" id="more-works">
       <div class="browser-cards">
-        <div class="card">
-          <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
-                src="images/pdf_normal.png" alt="PDF Icon"></span>Paper</a>
-          <a href="https://github.com/OpenBMB/ChatDev" class="btnsmall code"><span class="icon"><img
-                src="images/github_normal.png" alt="GitHub Icon"></span>Code</a>
-        </div>
 
-        <div class="card">
+          <div class="card">
           <img src="./images/iagents_cover.png" />
           <h4>iAgents</h4>
           <p>Bijective Social Networks of Humans and Agents
@@ -182,6 +173,26 @@
                 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>Networking 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 class="card">
+          <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
+                src="images/pdf_normal.png" alt="PDF Icon"></span>Paper</a>
+          <a href="https://github.com/OpenBMB/ChatDev" class="btnsmall code"><span class="icon"><img
+                src="images/github_normal.png" alt="GitHub Icon"></span>Code</a>
+        </div>
+
         <div class="card">
           <img src="./images/agentverse_cover.png"/>
           <h4>AgentVerse</h4>
@@ -252,16 +263,6 @@
                 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>