plytalent

doki doki project [group members only audio video]

Aug 28th, 2018
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.17 KB | None | 0 0
  1. <!doctype html>
  2. <html><!--start of the html web page-->
  3. <title>character info</title> <!-- change title bar -->
  4. <head>
  5.   <center><font size="7" color="#FE8081">D</font><font size="7" color="FFBDE1">o</font><font size="7" color="#ADFFAB">k</font><font size="7" color="#FE8081">i &nbsp;</font><font size="7" color="#C492EC">D</font><font size="7" color="FFBDE1">o</font><font size="7" color="#C9F3FF">k</font><font size="7" color="#C492EC">i</font></center><br>
  6.   <center><font color="#4C4C4C" size="7">Literature Club</font></center>
  7. <!--background-->
  8. <!--change url-->
  9. <style>
  10. body {
  11.     background-image: url("image bg/bg.png");
  12.      background-repeat: repeat;
  13.      background-size: auto;
  14. }
  15.  
  16. #slideshow {
  17.   margin-right: 550px ;
  18.   position: relative;
  19.   width: 425px;
  20.   height: 425px;
  21.   padding: 10px;
  22.   box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  23. }
  24.  
  25.  
  26. #slideshow > div {
  27.   position: absolute;
  28.   top: 10px;
  29.   left: 10px;
  30.   right: 10px;
  31.   bottom: 10px;
  32. }
  33. .sticker {
  34.   position: fixed;
  35.   top: 10px;
  36.   left: 10px;
  37.   right: 10px;
  38.   bottom: 10px;
  39. }
  40.    
  41. </style>
  42. </head>
  43. <audio loop >
  44.     <source src="music/16 Doki Doki Literature Club! OST - Your Reality (Credits).mp3" type="audio/mpeg">
  45.   </audio>
  46. <embed name="Your Reality" src="music/16 Doki Doki Literature Club! OST - Your Reality (Credits).mp3" loop="true" hidden="true" autostart="true">
  47. <body>
  48.     <center>
  49.         <div id="slideshow">
  50.  
  51.  
  52.  
  53.          
  54.              <div style="display: none;">
  55.               <img class="mySlides" src="image/monika.gif"  height="187" width="249">
  56.              </div><div style="display: none;">
  57.               <img class="mySlides" src="image/natsuki.gif" height="160" width="160">
  58.             </div><div style="display: none;">
  59.               <img class="mySlides" src="image/yuri.gif"    height="425" width="425">
  60.              </div><div style="display: none;">
  61.               <img class="mySlides" src="image/sayori.gif"  height="239" width="425">
  62.              </div></div>
  63.               <script src="script java/stopExecutionOnTimeout-41c52890748cd7143004e05d3c5f786c66b19939c4500ce446314d1748483e13.js"></script>
  64.          
  65.             <script src="script java/jquery.min.js"></script>
  66.          
  67.             </center>
  68.             <div class="sticker"><img src="sticker/monika.png"><br><img src="sticker/natsuki.png"><br><img src="sticker/yuri.png"><br><img src="sticker/sayori.png"></div>
  69.               <script>
  70.                 $("#slideshow > div:gt(0)").hide();
  71.          
  72.           setInterval(function() {
  73.             $('#slideshow > div:first')
  74.               .fadeOut(1000)
  75.               .next()
  76.               .fadeIn(1000)
  77.               .end()
  78.               .appendTo('#slideshow');
  79.           }, 3000);
  80.                 //# sourceURL=pen.js
  81.               </script>
  82.        <center><video width="480" height="400" controls>
  83.                 <source src="video/Doki Doki Literature Club! Trailer.mp4" type="video/mp4">
  84.               </video></center>
  85.     <a href="table image.html">table character image</a><br>
  86.     <a href="table info.html">table character info</a><br>
  87.     <a href="Credits.html">Credits</a><br>
  88.     <a href="ost.Html">OST</a><br>
  89. </body>
  90. </html>
Add Comment
Please, Sign In to add comment