randomstuff.github.io/likedbox.html at main · TheCoder203/randomstuff.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<center>
	<h1 class="logo">infmapr liked box</h1>
<div class="container">
     <a href="./gamescode/10-minutes-till-dawn">
  <img src="gamescode/10minutestilldawn.png" alt="Logo" style="width: 200px; height: 200px;" />
      </a>
          <a href="HouseofHazards.html">
  <img src="ubg98.github.io-main/assets/img/games/house-of-hazards.png" alt="Logo" style="width: 200px; height: 200px;" />
      </a>


	    <a href="./gamescode/1v1lol">
  <img src="gamescode/1v1lol/favicon.png" alt="Logo" style="width: 200px; height: 200px;" />
      </a>
	    <a href="./gamescode/just-fall">
  <img src="gamescode/just-fall/unnamed.png" alt="Logo" style="width: 200px; height: 200px;" />
      </a>
	    <a href="./ubg98.github.io-main/penalty-kick-online-unblocked.html">
  <img src="ubg98.github.io-main/assets/img/games/penalty-kick-online.png" alt="Logo" style="width: 200px; height: 200px;" />
      </a>
	    <a href="./ubg98.github.io-main/tap-tap-shots-unblocked.html">
  <img src="ubg98.github.io-main/assets/img/games/tap-tap-shots.png" alt="Logo" style="width: 200px; height: 200px;" />
      </a>
	     <a href="./retrogames/launcher.html#mariokart">
  <img src="mariokart.png" alt="Logo" style="width: 200px; height: 200px;" />
   </a>
		   <a href="./shadowgames/gfiles/basketbros">
  <img src="shadowgames/img/basketbros.jpg" alt="Logo" style="width: 200px; height: 200px;" />
     </a>
	     </div>

	</center>


<style>
body {
 background-image: url("nikola-nikolov-swamp-theme-background.png");
			background-repeat: no-repeat;
			background-size: cover;
		}

	.container {
			width: 1500px;
			height: 200px;
			background-color: rgb(0, 0, 0, 0) ;
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
		}

		.containerb {
		background-color: rgb(0, 0, 0, 0) ;
		width: 1500px;
		height: 200px;
       		position: fixed;
     	        bottom: 20px; /* adjust the value to your desired distance from the bottom */
		margin: auto;
     	  	left: 0;
       		right: 0;
                   }

	.logo {
  font-size: 4rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(to right, #00b4db, #0083b0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: font-size 0.3s ease;
}

.logo:hover {
  font-size: 4.2rem;
}

  .image-container {
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.3s ease;
  width: 150px;
  height: 150px;
}
</style>