added Muusika and Kuulamine

1 files changed, 12 insertions, 12 deletions

diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html
index d051fea..0a53683 100644..100755
--- a/lehed/rollid/index.html
+++ b/lehed/rollid/index.html
@@ -35,7 +35,7 @@
         <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
           <ul class="navbar-nav">
             <li class="nav-item">
-              <a class="nav-link" href="../sissejuhatus">Sissejuhatus</a>
+              <a class="nav-link" href="../projekt">Projekt</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../../#juhend">Juhend</a>
@@ -69,10 +69,6 @@
               Üliõpilane
             </button>
     
-            <button class="nav-link" id="nav-partorg-tab" data-bs-toggle="tab" data-bs-target="#nav-partorg" type="button" role="tab" aria-controls="nav-partorg" aria-selected="false">
-              Partorg
-            </button>
-    
             <button class="nav-link" id="nav-arimees-tab" data-bs-toggle="tab" data-bs-target="#nav-arimees" type="button" role="tab" aria-controls="nav-arimees" aria-selected="false">
               Ärimees
             </button>
@@ -80,13 +76,17 @@
             <button class="nav-link" id="nav-perenaine-tab" data-bs-toggle="tab" data-bs-target="#nav-perenaine" type="button" role="tab" aria-controls="nav-perenaine" aria-selected="false">
               Perenaine
             </button>
+
+            <button class="nav-link" id="nav-partorg-tab" data-bs-toggle="tab" data-bs-target="#nav-partorg" type="button" role="tab" aria-controls="nav-partorg" aria-selected="false">
+              Partorg
+            </button>
     
             <button class="nav-link" id="nav-kaitseliitlane-tab" data-bs-toggle="tab" data-bs-target="#nav-kaitseliitlane" type="button" role="tab" aria-controls="nav-kaitseliitlane" aria-selected="false">
               Kaitseliitlane
             </button>
 
             <button class="nav-link" id="nav-direktor-tab" data-bs-toggle="tab" data-bs-target="#nav-direktor" type="button" role="tab" aria-controls="nav-direktor" aria-selected="false">
-              Kooli Direktor
+              Koolidirektor
             </button>
 
           </div>
@@ -98,7 +98,7 @@
           <div class="tab-pane fade show active p-3 text-white" id="nav-opilane" role="tabpanel" aria-labelledby="nav-opilane-tab">
             <div class="row">
               <div>
-                <h2>TÕNU, üliõpilane. Sündinud 1969, 22-aastane</h2>
+                <h2 class="uliopilanePealkiri">TÕNU, üliõpilane. Sündinud 1969, 22-aastane</h2>
 
                 <video controls >
                   <source src="vids/uliopilane.mp4" type="video/mp4" />
@@ -134,7 +134,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-partorg" role="tabpanel" aria-labelledby="nav-partorg-tab">
             <div class="row">
               <div>
-                <h2>MARIA, partorg. Sündinud 1933, 58-aastane</h2>
+                <h2 class="partorgPealkiri">MARIA, partorg. Sündinud 1933, 58-aastane</h2>
 
                 <video controls >
                   <source src="vids/partorg.mp4" type="video/mp4" />
@@ -179,7 +179,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-arimees" role="tabpanel" aria-labelledby="nav-arimees-tab">
             <div class="row">
               <div class="col-lg-8">
-                <h2>Ärimees</h2>
+                <h2 class="arimeesPealkiri">Ärimees</h2>
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
               </div>
@@ -193,7 +193,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-perenaine" role="tabpanel" aria-labelledby="nav-perenaine-tab">
             <div class="row">
               <div>
-                <h2>VIRGE, apteeker. Sündinud 1955, 35-aastane</h2>
+                <h2 class="perenainePealkiri">VIRGE, Perenaine. Sündinud 1955, 35-aastane</h2>
 
                 <video controls >
                   <source src="vids/perenaine.mp4" type="video/mp4" />
@@ -228,7 +228,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-kaitseliitlane" role="tabpanel" aria-labelledby="nav-kaitseliitlane-tab">
             <div class="row">
               <div class="col-lg-8">
-                <h2>Kaitseliitlane</h2>
+                <h2 class="kaitseliitlanePealkiri">Kaitseliitlane</h2>
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
@@ -244,7 +244,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-direktor" role="tabpanel" aria-labelledby="nav-direktor-tab">
             <div class="row">
               <div>
-                <h2>ELLE, koolidirektor. Sündinud 1948, 43-aastane</h2>
+                <h2 class="direktorPealkiri">ELLE, koolidirektor. Sündinud 1948, 43-aastane</h2>
 
                 <video controls >
                   <source src="vids/direktor.mp4" type="video/mp4" />