Adapting HTML to new structure

index.html

@@ -60,6 +60,7 @@ <h3>Brief description of what the portal is about...</h3>
             <h3>Content</h3>
             <p>Brief explanation about the discipline...</p>
             <button>See more</button>
+            <!-- The elements of Content will be expanded by default, while the others will expand on hover on the "See more" element -->
             <div class="expand">
                 <div class="card card-1">
                     <!-- Icon -->
@@ -93,10 +94,30 @@ <h3>Develop</h3>
                 <li>Topic 3</li>
             </ul>
         </div>
+    </section>
 
-        <footer>
-            <!-- Developed by... -->
-        </footer>
+    <section class="portals">
+        <div class="portal-1">
+            <h3>Shoreline</h3>
+            <!-- icon -->
+            <p>Brief explanation about the portal...</p>
+            <button>Go to page</button>
+        </div>
+        <div class="portal-2">
+            <h3>Brand</h3>
+            <!-- icon -->
+            <p>Brief explanation about the portal...</p>
+            <button>Go to page</button>
+        </div>
+        <div class="portal-3">
+            <h3>FastStore</h3>
+            <!-- icon -->
+            <p>Brief explanation about the portal...</p>
+            <button>Go to page</button>
+        </div>
     </section>
+    <footer>
+        <!-- Developed by... -->
+    </footer>
 </body>
 </html>