2 files changed, 49 insertions, 1 deletions
diff --git a/lehed/oppematerjalid/index.html b/lehed/oppematerjalid/index.html
index 1a077a6..88b01df 100644
--- a/lehed/oppematerjalid/index.html
+++ b/lehed/oppematerjalid/index.html
@@ -32,7 +32,7 @@
               <a class="nav-link" href="../projekt">Projekt</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="../../#juhend">Juhend</a>
+              <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
@@ -53,6 +53,16 @@
         <div class="container justify-content-center">
             <h1 class="text-center text-white">Õppematerjalid</h1>
         </div>
+        <div class="lingid">
+
+            <a class="link" target="_blank" href="https://pillerohtla.wixsite.com/ajarannak">
+                <h3 class="opilane">Õpilane</h3>
+            </a>
+
+            <a class="link" target="_blank" href="https://pillva.wixsite.com/ajarannak1991/">
+                <h3 class="opetaja">Õpetaja</h3>
+            </a>
+        </div>
     </section>
 
     <!-- JavaScript Bundle with Popper -->
diff --git a/lehed/oppematerjalid/styles.css b/lehed/oppematerjalid/styles.css
index 74ca032..987edbd 100644
--- a/lehed/oppematerjalid/styles.css
+++ b/lehed/oppematerjalid/styles.css
@@ -1,6 +1,7 @@
 body{
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     background-color: #43464b;
+    max-height: 100vh !important;
 }
 
 /* NavBar */
@@ -20,3 +21,40 @@ body{
     font-weight: bolder;
 }
 .navbar a{ color: white; }
+
+
+/* Lingid */
+.lingid {
+    height: 70%;
+    display: flex;
+    align-items: center ;
+    justify-content: center;
+}
+
+.link{
+    text-decoration: none;
+    margin: 4rem;
+}
+
+h3{ 
+    font-size: 3.7rem; 
+    font-weight: 555; 
+}
+
+.opilane{color: #a3be8c}
+.opetaja{color: #d08770}
+
+
+.opilane:hover{
+    color: #a3be8c;
+    font-weight: bold;
+    font-weight: 3.8rem;
+}
+.opetaja:hover{
+    color: #d08770;
+    font-weight: bold;
+    font-weight: 3.8rem;
+}
+
+
+