HTML ⛶ <img src="https://www.101computing.net/wp/wp-content/uploads/arrow.png" id="arrow"> <img src="https://www.101computing.net/wp/wp-content/uploads/peace.png" id="peace"> <img src="https://www.101computing.net/wp/wp-content/uploads/tape.png" id="tape"> <img src="https://www.101computing.net/wp/wp-content/uploads/lightning-strike.png" id="lightning"> <img src="https://www.101computing.net/wp/wp-content/uploads/spraycan.png" id="spraycan"> <img src="https://www.101computing.net/wp/wp-content/uploads/dj-artist.png" id="dj-artist"> <img src="https://www.101computing.net/wp/wp-content/uploads/skateboarder.png" id="skateboarder"> <img src="https://www.101computing.net/wp/wp-content/uploads/astronaut.png" id="astronaut"> <div id="street-artist">#Street Artist</div>
CSS ⛶ @import url('https://fonts.googleapis.com/css2?family=Frijole&family=Rubik+Dirt&display=swap'); BODY { background-image: url(https://www.101computing.net/wp/wp-content/uploads/brick-wall.jpg); background-repeat: repeat; } IMG {position: absolute; opacity:0.7;} #peace { position: absolute; top:120px; left:600px; width: 160px; opacity: 0.7; transform: rotate(10deg); } #street-artist { position: absolute; top:280px; left:500px; font-size: 32pt; font-family: "Frijole", system-ui; font-weight: 400; color: #245EDB; text-shadow: 2px 2px #FFFFFF; transform: rotate(-5deg); }