1.1

play-midi.html

@@ -148,6 +148,59 @@
             <button class="buttonn" id='next'>Next song</button>
         </div>
 
+
+      <div class="b-example-divider" style="width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);"></div>
+
+<div class="container my-5">
+
+  <div class="col-md-auto pb-5">
+    <div class="card rounded-0 shadow border-0" style="background: #393193;">
+      <div class="card-body p-5 text-white">
+        <h1 class="card-title">FAÇA SUA CONTRIBUIÇÃO</h1>
+        <p class="card-text text-wrap fs-5 pt-2" style="width: 70%;">Fazendo uma boa contribuição você trás
+          ótimas
+          qualidade de nossos serviços.
+          A sua contribuição é muito importante para nossos serviços...</p>
+        <button type="button" title="DOAR COM" onclick="javascript:window.open('https://pag.ae/7-_VUtK9r')" class="btn btn-light btn-lg px-4 mt-4 rounded-pill shadow fs-6 fw-medium fst-italic">DOAR COM <i class="bi bi-coin"></i></button>
+      </div>
+    </div>
+  </div>
+
+  <hr id="politc-h" class="politc featurette-divider">
+
+  <div class="card rounded-0 mt-5 mb-5 p-3 shadow">
+    <div class="card-body fs-5">
+      Política de privacidade para usar nosso Serviço e as escolhas que você tem associado !
+      <button type="button" title="PRIVACY POLICY" onclick="javascript:window.open('https://dpripol.pages.dev/?='+document.title+'')" class="btn btn-success btn-lg px-4 fs-6 rounded-pill shadow float-end">PRIVACY POLICY</button>
+    </div>
+  </div>
+
+  <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
+    <div class="col-md-4 d-flex align-items-center">
+      <a class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
+        <img class="bg-warning rounded-3" src="https://assets.codepen.io/t-1/user-default-avatar.jpg" width="50" height="50" alt="logo" />
+
+      </a>
+      <span class="mb-3 mb-md-0 text-muted">&copy; <span id="datacedencer">2009</span> PLAY MIDI </span>
+    </div>
+
+    <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
+
+      <li class="ms-3">
+        <a type="button" title="YouTube" onclick="javascript:window.open('https://www.youtube.com/@decomtvs')" class="text-muted bg-hover"><i class="bi bi-youtube fs-2"></i></a>
+      </li>
+      <li class="ms-3">
+        <a type="button" title="Pinterest" onclick="javascript:window.open('https://pinterest.com/davidsonbpe/')" class="text-muted bg-hover"><i class="bi bi-pinterest fs-2"></i></a>
+      </li>
+      <li class="ms-3">
+        <a type="button" title="Davidsonbpe" onclick="javascript:window.open('https://davidsonbpe.blogspot.com/')" class="text-muted bg-hover"><i class="bi bi-globe fs-2"></i></a>
+      </li>
+    </ul>
+  </footer>
+
+</div>
+      
+
         <!-- note the type="module" -->
         <script src='./advanced_demo.js' type='module'></script>
 
@@ -187,6 +240,9 @@ function sharesbutton() {
   });
 }
 
+var creditsyear = new Date();
+document.getElementById("datacedencer").innerHTML = creditsyear.getFullYear();
+
 </script>
       
     </div>