1
0

index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <title>ADM - ChumoGH</title>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="assets/css/main.css" />
  7. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  8. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
  9. <style>
  10. body,h1 {font-family: "Raleway", sans-serif}
  11. body, html {height: 100%}
  12. .bgimg {
  13. background-image: url('https://i.ytimg.com/vi/q6EEMahC46Q/maxresdefault.jpg');
  14. min-height: 100%;
  15. background-position: center;
  16. background-size: cover;
  17. }
  18. .redes-flotantes {
  19. position: fixed;
  20. right: 8px;
  21. top: 75%;
  22. z-index: 20;
  23. }
  24. .redes-flotantes img {
  25. float: right; clear: right;
  26. margin: 5px;
  27. -moz-transform: scale(.8) ;
  28. -webkit-transform: scale(.8) ;
  29. -o-transform: scale(.8) ;
  30. -ms-transform: scale(.8) ;
  31. transform: scale(.8) ;
  32. -webkit-transition: all .2s ease-in-out;
  33. -moz-transition: all .2s ease-in-out;
  34. -o-transition: all .2s ease-in-out;
  35. transition: all .2s ease-in-out;
  36. }
  37. .redes-flotantes img:hover {
  38. -moz-transform: scale(1.1) rotate(6deg);
  39. -webkit-transform: scale(1.1) rotate(6deg);
  40. -o-transform: scale(1.1) rotate(6deg);
  41. -ms-transform: scale(1.1) rotate(6deg);
  42. transform: scale(1.1) rotate(6deg);
  43. }
  44. </style>
  45. <!-- Loading -->
  46. <style>
  47. </style>
  48. <body>
  49. <div class="bgimg w3-display-container w3-animate-opacity w3-text-white">
  50. <div class="w3-display-topleft w3-padding-large w3-xlarge">
  51. 𝘾𝙝𝙪𝙢𝙤𝙂𝙃 - 𝘼𝙥𝙖𝙘𝙝𝙚2 - HTML
  52. </div>
  53. <div class="w3-display-middle">
  54. <center><font color="#FF00FF"><h1 class="w3-jumbo w3-animate-top">𝙲𝚑𝚞𝚖𝚘𝙶𝙷 - 𝙰𝙳𝙼𝙻𝚒𝚝𝚎 𝟸𝟶𝟸𝟹 </h1></font></center>
  55. <hr class="w3-border-grey" style="margin:auto;width:40%">
  56. <font color="#157BCB"> <p class="w3-large w3-center">𓂀 𝚂𝚌𝚛𝚒𝚙 𝙱𝙰𝚂𝙷 𝚛𝚎𝚏𝚊𝚌𝚝𝚘𝚛𝚒𝚣𝚊𝚍𝚘, 𝚌𝚘𝚗 𝚖𝚎𝚓𝚘𝚛𝚊𝚜 𝚢 𝚜𝚞𝚓𝚎𝚝𝚘 𝚊 𝚌𝚊𝚖𝚋𝚒𝚘𝚜 𝚙𝚘𝚛 𝚙𝚎𝚍𝚒𝚍𝚘𝚜 𝚍𝚎 𝚌𝚊𝚍𝚊 𝚞𝚜𝚞𝚊𝚛𝚒𝚘 𝚌𝚘𝚗 𝚊𝚌𝚌𝚎𝚜𝚘𝚜 𝚒𝚕𝚒𝚖𝚒𝚝𝚊𝚍𝚘𝚜 𓂀</p></font>
  57. <hr class="w3-border-grey" style="margin:auto;width:40%">
  58. <font color="#313D2B"> <p class="w3-large w3-center"> -</p></font>
  59. <hr class="w3-border-grey" style="margin:auto;width:40%">
  60. <font color="#4CD20A"> <p class="w3-large w3-center">𓂀 <a href="https://link-hub.net/548561/whatsapp-de-chumogh" target="_blank">Whastapp del Desarrollador</a> 𓂀</p> </font>
  61. </div>
  62. <div class="container">
  63. <!-- (p>lorem)*20 (código a usar si tienes instalada la extensión emmet)-->
  64. </div>
  65. <div class='redes-flotantes'>
  66. <!--
  67. <script>
  68. let d = new Date();
  69. document.body.innerHTML = "<h1>Time right now is: " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds()
  70. "</h1>"
  71. </script>
  72. <!--<div class="separator" style="clear: both; text-align: right;">
  73. </div>
  74. <div class="separator" style="clear: both; text-align: center;">
  75. </div>
  76. <div class="separator" style="clear: both; text-align: center;">
  77. </div> -->
  78. <div class="separator" style="clear: both; text-align: left;">
  79. <a href="https://link-hub.net/548561/whatsapp-de-chumogh" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="59" data-original-width="59" src="https://cdn.icon-icons.com/icons2/1582/PNG/64/whatsapp_108042.png" /></a></div>
  80. <!-- <a href="https://link-hub.net/548561/whatsapp-de-chumogh" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="59" data-original-width="59" src="https://1.bp.blogspot.com/-q3Dot9N2qac/XOQgr9etVpI/AAAAAAABT1M/6V4Bqaqr-6UQcl9Fy2_CaVgex0N_OYuQgCLcBGAs/s1600/whatsapp%2Bicono.png" /></a></div> -->
  81. <div class="separator" style="clear: both; text-align: center;">
  82. <a href="https://shoppy.gg/@ChumoGH/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="59" data-original-width="59" src="https://cdn.icon-icons.com/icons2/927/PNG/64/Line_ui_icons_Svg-10_icon-icons.com_72171.png" /></a></div></div>
  83. <div class="loading show">
  84. <div class="spin"></div>
  85. </div>
  86. <div class="w3-display-bottomleft w3-padding-large">
  87. <p class="copyright">
  88. 2020 - 2023<br />
  89. Diseñador web: <a href="http://t.me/ChumoGH" target="_blank">@ChumoGH</a><br />
  90. <a style="text-decoration:none;" href="https://facebook.com/chumogh" target="_blank">Henry Chumo</a> &copy; - Todos los derechos reservados
  91. </p>
  92. </div>
  93. </div>
  94. </body>
  95. </html>