تجربة


SUBMITTED BY: FIER

DATE: Feb. 18, 2024, 9:22 a.m.

UPDATED: Feb. 18, 2024, 9:29 a.m.

FORMAT: Text only

SIZE: 2.7 kB

HITS: 698

  1. <!DOCTYPE html>
  2. <!-- HTML : APP24/MOB -->
  3. <head>
  4. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  5. <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
  6. <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@500&family=Roboto:wght@300&display=swap" rel="stylesheet">
  7. <style type="text/css">
  8. @import url('https://fonts.googleapis.com/css2?family=Readex+Pro&display=swap');
  9. body {
  10. padding:0;
  11. margin:0;
  12. user-select:none;
  13. list-style:none;
  14. background:#000066;
  15. }
  16. h3 {
  17. text-align:right;
  18. padding-right:60px;
  19. padding-top:3px;
  20. font-size:medium;
  21. font-weight:#200;
  22. font-family: 'Readex Pro', sans-serif;
  23. }
  24. header {
  25. background:#000066;
  26. padding:2px;
  27. color:#ffffff;
  28. margin-bottom:10px;
  29. position:fixed;
  30. top:0;
  31. height:60px;
  32. width:100%;
  33. box-shadow: 0px 0px 7px black;
  34. z-index:1;
  35. }
  36. #i1{
  37. position:fixed;
  38. top:21px;
  39. right:17px;
  40. font-size:40px;
  41. }
  42. #i2{
  43. position:fixed;
  44. top:21px;
  45. left:14px;
  46. font-size:40px;
  47. }
  48. #i3{
  49. position:fixed;
  50. top:16px;
  51. left:40px;
  52. font-size:40px;
  53. }
  54. img {
  55. width:30px
  56. }
  57. #page:hover {
  58. background:none;
  59. }
  60. #page {
  61. margin-top:75px;
  62. width:98%;
  63. padding-right:4px;
  64. padding-left:2px;
  65. }
  66. #page a:hover {
  67. background:#000066;
  68. }
  69. #page a {
  70. width:110px;
  71. border:2px solid red;
  72. height:140px;
  73. display:inline-block;
  74. margin-bottom:10px;
  75. border-radius:10px;
  76. text-decoration:none;
  77. }
  78. #page a img {
  79. height:80px;
  80. margin-right:6px;
  81. width:90%;
  82. padding-bottom:4px;
  83. }
  84. #page a p {
  85. text-align:center;
  86. font-size:13px;
  87. font-weight:600;
  88. color:#ffffff;
  89. }
  90. </style>
  91. </head>
  92. <!-- BY MoCreators -->
  93. <body dir="rtl">
  94. <header>
  95. <h3>SSC HD 4K SD</h3>
  96. </span>
  97. </header>
  98. <!-- BY MoCreators -->
  99. <div id="page">
  100. <a href="go:s1" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  101. <p>SSC HD 1</p></a>
  102. <a href="go:s2" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  103. <p>SSC HD 2</p></a>
  104. <a href="go:s3" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  105. <p>SSC HD 3</p></a>
  106. <a href="go:s4" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  107. <p>SSC HD 4</p></a>
  108. <a href="go:s5" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  109. <p>SSC HD 5</p></a>
  110. <a href="go:s6" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  111. <p>SSC | EXTRA 1</p></a>
  112. <a href="go:s7" ><img src="https://k.top4top.io/p_29687yx0u0.png" >
  113. <p>SSC | EXTRA 2</p></a>
  114. </div>
  115. <!-- HTML : APP24/MOB -->
  116. <!-- HTML : APP24/MOB -->
  117. <!-- HTML : APP24/MOB -->
  118. <!-- HTML : APP24/MOB -->
  119. <!-- HTML : APP24/MOB -->
  120. <!-- HTML : APP24/MOB -->
  121. <!-- HTML : APP24/MOB -->

comments powered by Disqus