Main site structure with first uni quiz

templates/uni/uni.html

@@ -0,0 +1,54 @@
+{% extends "main.html" %}
+{% block content%}
+<style>
+    .card-buttons {
+        display: flex;
+        justify-content: center;
+        gap: 20px;
+        margin-top: 15px;
+    }
+
+    .card-buttons .btn {
+        padding: 12px 24px;
+        font-size: 1rem;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        text-transform: uppercase;
+        color: #fff;
+        border: none;
+        border-radius: 8px;
+        cursor: pointer;
+        transition: transform 0.3s ease, background 0.3s ease;
+        width: 100%;
+        max-width: 160px;
+    }
+
+    .card-buttons .btn {
+        background: linear-gradient(to right, #5a0fb8, #1f65d6);
+    }
+
+    .card-buttons .btn:hover {
+        background: linear-gradient(to right, #1f65d6, #5a0fb8);
+        transform: scale(1.05);
+    }
+</style>
+<main class="main">
+    <div class="card">
+        <img src="{{ url_for('static', filename='images/uni/portalfejlesztes-logo.png')}}" alt="Post Image">
+        <h3>Portálfejlesztés .Net ben</h3>
+        <div class="date">January 10, 2025</div>
+        <p>
+            This test is made for SZE University students to practice. Be aware that the test might become outdated 
+            as the course material may change in the future. In case of modifications or incorrect answers, please contact me!
+        </p>
+        <div class="card-buttons">
+            <form method="GET" action="{{ url_for('portalfejlesztes_net_ben.allquestions') }}">
+                <button class="btn display-questions" type="submit">Display Questions</button>
+            </form>
+            <form method="POST" action="{{ url_for('portalfejlesztes_net_ben.quiz') }}">
+                <button class="btn start-quiz" type="submit">Start Quiz</button>
+            </form>
+        </div>
+    </div>
+</main>
+
+{% endblock %}