Add '12/resources_05.html'

5 years ago · 4d1176d999
parent ed4853eca3
commit 4d1176d999
1 changed files with 101 additions and 0 deletions
--- a/12/resources_05.html
+++ b/12/resources_05.html
@ -0,0 +1,101 @@
+    <!DOCTYPE html>
+    <html>
+    <head> 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+     <script src="muisje.js"></script> 
+    <style> 
+          @font-face {
+          font-family: 'GapSansBold';
+          src: url('font/gapsansbold-webfont.eot');
+          src: url('font/gapsansbold-webfont.eot?#iefix') format('embedded-opentype'),
+          url('font/gapsansbold-webfont.woff2') format('woff2'),
+          url('font/gapsansbold-webfont.woff') format('woff'),
+          url('font/gapsansbold-webfont.ttf') format('truetype'),
+          url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
+          font-weight: normal;
+          font-style: normal;
+        }
+
+    @font-face{
+    font-family:"Roboto Mono";
+    src: url("font/RobotoMono-Regular.ttf") format("truetype"),
+    url("https://fonts.googleapis.com/css?family=Roboto Mono")
+    }
+
+    #demo {
+      text-align: center;
+      font-size: 70px;
+      line-height:40px;
+      color: black;
+      font-family:"Roboto Mono";
+            }
+      
+    h1 {
+      text-align: center; 
+      color: black; 
+      line-height: 35px;
+      font-family:"Roboto Mono";
+      font-size: 30px; 
+    }
+              
+    h2 {
+      text-align: center;
+      /*color: black;*/
+      font-family: "GapSansBold";
+      line-height: 70px;
+      font-size: 70px;
+      text-shadow: 2px 2px 5px blue;
+      -webkit-animation: pulsate 3s ease-out;
+      -webkit-animation-iteration-count: infinite; 
+    }
+
+    @-webkit-keyframes pulsate {
+        0% { 
+          text-shadow: 2px 2px 5px blue;
+    /*      text-shadow: 2px 2px 5px blue;*/
+        }
+        50% {
+          text-shadow: 2px 2px 5px black;
+    /*      text-shadow: 0px 15px 0px black;*/ 
+            
+        }
+        100% { 
+          text-shadow: 2px 2px 5px blue;
+    /*      text-shadow: 2px 2px 5px blue;*/
+        }
+      } 
+
+    p{
+      text-align: center; 
+      color: black; 
+      font-family:Roboto Mono;
+      font-size: 15px;
+    }
+
+        </style> 
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Resources_05</title>
+    </head>
+    <body>
+
+       <br>
+       <br>
+       <br>
+       <br>
+       <br>
+       <br>
+       <p>
+
+      </p>
+        <h2>
+      DAMAGE
+      </h2>
+      <p class="text">
+      </p>
+      
+
+      
+      
+      </body>
+    </html>