Main site structure with first uni quiz

templates/home.html

@@ -0,0 +1,35 @@
+{% extends "main.html" %}
+{% block content %}
+<main class="main">
+    <div class="intro">
+        Welcome to my portfolio! I'm a passionate Computer Science Engineer dedicated to crafting innovative and efficient digital solutions. 
+        Feel free to explore my projects, read my blogs, and learn more about me and my work.
+    </div>
+    <div class="quote">"Programs must be written for people to read, and only incidentally for machines to execute."</div>
+    <div class="author">– Harold Abelson</div>
+    <div class="card-container">
+        <div class="card">
+            <img src="profile.jpg" alt="Post Image">
+            <h3>Post Title 1</h3>
+            <div class="date">January 5, 2025</div>
+            <p>Explore the basics of computer science and its applications in the modern world.</p>
+            <a href="#post1">Read More</a>
+        </div>
+        <div class="card">
+            <img src="profile.jpg" alt="Post Image">
+            <h3>Post Title 2</h3>
+            <div class="date">January 6, 2025</div>
+            <p>Dive into advanced programming concepts and learn the secrets of clean code.</p>
+            <a href="#post2">Read More</a>
+        </div>
+        <div class="card">
+            <img src="profile.jpg" alt="Post Image">
+            <h3>Post Title 3</h3>
+            <div class="date">January 7, 2025</div>
+            <p>Discover the latest trends in AI and machine learning and their impact on society.</p>
+            <a href="#post3">Read More</a>
+        </div>
+    </div>
+</main>
+
+{% endblock %}