Enhance project overview with details section

Replaced 'Read more' link with a details summary for in-depth information on the purpose of readme

Author: TTiamiyu

Wireframe/index.html

@@ -19,7 +19,15 @@ <h2>Purpose of ReadME</h2>
           Read me provides a quick overview of what the project sets to achieve, 
           the likely uses and the guidelines of how others can contribute.
         </p>
-        <a href="">Read more</a>
+        <details>
+      <summary>Read more</summary>
+        <p>
+          For more in-depth information, you can read the professional guide here: 
+        <a href="https://www.makeareadme.com/" target="_blank" rel="noopener noreferrer">
+          The Official README Guide
+        </a>
+        </p>
+      </details>
       </article>
       <article>
         <img src="placeholder2.png" alt="Wireframe image" />