My favorite Prodigy Math Game mythical epics!
Example heading with h2 size
Example heading with h3 size
Following is sample java code.
int i = 10;
if(i>0){
System.out.println('positive');
}
```<!DOCTYPE html>
<html>
<head>
<style>
div{
margin-top: 25px;
}
img{
height:300px;
width:300px;
}
body{
background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHoVhOFZxrD5H_C8hBNTee06TyNYWVOrOdFg&s");
}
}
.gallery {
display: flex;
justify-content: center;
gap: 20px;
padding: 20px;
flex-wrap: wrap;
}
.image-container {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
left: 200px;
}
.image-container img{
width: 100%;
height : 100%;
}
.image-container:hover img {
transform: scale(1.1);
}
.image-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
color: white;
padding: 10px;
text-align: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.image-container:hover .image-overlay {
opacity: 1;
}
.Background{
font-family: Monospace;
background-color: Blue;
border: 10px groove black;
}
</style>
</head>
<body>
<h2 class="Background">These are my favorite Prodigy Math Game pets.</h2>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/wiki/Luna" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQyCG_yGYkN3s0y0TqrBex9qMmmse932etcfg&s">
<div class="image-overlay">
<h3>Luna</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Sunra" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSs2how8Oa7IwT_zFY9BoqdjsnvVq9qcNomOQ&s">
<div class="image-overlay">
<h3>Sunra</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Solar" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSbagVI3Ue-7JYJWdZFaLK2dkBreBf7xl1aNw&s">
<div class="image-overlay">
<h3>Solar</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Riptide" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLePvaUz_3Q3JMA41Wk5X0oojF5ftqd3sFOg&s">
<div class="image-overlay">
<h3>Riptide</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Drenchor" target="_blank">
<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTES9YdG3ZlkIPtqrqCbQeB_w3zPOFKpA0lie5NH-MSaKXbx-zKwrGoghCctudSKOhUcXB0KoC4dv18qE5-3WS0OO_gMilVlLxoKoBKqYo">
<div class="image-overlay">
<h3>Drenchor</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Blastrout" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQyT7dnU2NyPsXMIi-6SmZCQPU6QL2MzDq3VA&s">
<div class="image-overlay">
<h3>Blastrout</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Leviathan" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTXXPsTx57toatL0WPBq0CO779mACw81vTaBQ&s">
<div class="image-overlay">
<h3>Leviathan</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Regalaxy" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOnywd8CTZo8mTdt8EZHPtuc0f2ZrnDJnnSw&s">
<div class="image-overlay">
<h3>Regalaxy</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Terrosaur" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvWCjSqSfidqO7Wl4YTk6xgGAc-j1WsJcS3g&s">
<div class="image-overlay">
<h3>Terrosaur</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Shivertusk" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrnY9frr8sm1uWsXCWnA0NrJPrPFpi-G0siA&s">
<div class="image-overlay">
<h3>Shivertusk</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Tenebris" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQEVPe9bj8SPswMo5xprMOY2iWuS6MSkrqvxg&s">
<div class="image-overlay">
<h3>Tenebris</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Blast_Star" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTUOQFHxJuWYC-1qsWRXxKD25bISO8vVvH6vw&s">
<div class="image-overlay">
<h3>Blast Star</h3>
</div>
</a>
</div>
<div class="gallery">
<div class="image-container">
<a href="https://prodigy-game.fandom.com/f/t/Glimmerwing" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcST0NjvDWA7g3I1M8xEv87azsL5zG1od3-VLQ&s">
<div class="image-overlay">
<h3>Glimmerwing</h3>
</div>
</a>
</div>
</body>
</html>