index

pages/index.vue

@@ -134,10 +134,10 @@
       <div class="wordfrom text-center mx-auto pt-[8vh]" style="display: grid; grid-template-columns: 33% 33% 33%; align-items: center; grid-column-gap: 0px; font-size: 18px; max-width: 2000px;">
           <div class="card mx-auto">
             <div class="card-inner">
-              <div class="card-front" style="background: url(https://static.igem.wiki/teams/4713/wiki//index/bacteria.png)">
+              <div class="card-front" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/back.png) center center / cover">
                 <strong><p style="margin: 0;">Effectiveness of Targeting</p></strong>
               </div>
-              <div class="card-back" style="background: url(https://static.igem.wiki/teams/4713/wiki//index/bacteria.png)">
+              <div class="card-back" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/front.png) center center / cover">
                 
                 Effectiveness of Targeting
                 
@@ -155,10 +155,10 @@
           </div>
           <div class="card mx-auto">
             <div class="card-inner">
-              <div class="card-front" style="background: url(https://static.igem.wiki/teams/4713/wiki//index/bacteria.png)">
+              <div class="card-front" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/back.png) center center / cover">
                 <strong><p style="margin: 0;">Intravenous safety</p></strong>
               </div>
-              <div class="card-back" style="background: url(https://static.igem.wiki/teams/4713/wiki//index/bacteria.png)">
+              <div class="card-back" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/front.png) center center / cover">
                 Intravenous safety
                 <br>
                 <br>
@@ -177,10 +177,10 @@
           </div>
           <div class="card mx-auto">
             <div class="card-inner">
-              <div class="card-front" style="background: url(https://static.igem.wiki/teams/4713/wiki//index/bacteria.png)">
-                <strong><p style="margin: 0;">Social Concerns</p></strong>
+              <div class="card-front" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/back.png) center center / cover">
+                <p class="font-bold" style="margin: 0">Social Concerns</p>
               </div>
-              <div class="card-back" style="background: url(https://static.igem.wiki/teams/4713/wiki//index/bacteria.png)">
+              <div class="card-back" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/front.png) center center / cover">
                 Social Concerns
                 <br>
                 <br>
@@ -197,7 +197,15 @@
               </div>
             </div>
         </div>
-      </div>      
+      </div>  
+    </div>
+    <div class="h-screen" id="over" style="background: url(https://static.igem.wiki/teams/4713/wiki/index/background2.png) center center / cover">
+        <div class=" relative text-center pt-72 pb-64 ; z-10" style="color: #b36d61">
+          <p class="wordfrom text-7xl lg:text-9xl font-bold">
+          discover more 
+          <br>
+          in our wiki</p>
+        </div>
     </div>
   </div>
 </template>
@@ -479,4 +487,5 @@ onMounted(() => {
 })
 
 
+
 </script>