You can use the attached as sample to create banner.?

Master Modern HTML5 Development from Beginner to Expert document.addEventListener ("DOMContentLoaded", function) var banner - documeor ( "main"); nt.queryselect var logo document .querySelector ( "#logo" ) ; setTimeout(function) ,300) banner.addEventListener ( "mouseover", function) t banner.className"visible"; banner.className- "over"; logo.className-"upsidedown" banner.addEventListener "mouseout", function) banner.className"visible"; logo.className - ""; body { background: gray; font-family: Courier New, Courier, monospace .hidden { opacity: 0; background-color: black; .visible ( opacity: 1; background-color: white; over background-color: yellow; transform: scale(1.5) translateY (100px) main margin: 0; padding: 15px 0 20px 20px; height: 100px; width: 340px; margin: auto; /*transition: all 3s;/ #logo { float:right; margin: 0; transition: transform 0.5s; animation: animation-logo 4s; animation-iteration-count: infinite; .upsidedown ( transform: rotate (180deg) h1, #subtitle { margin: 0; hl margin-top: 15px; font-size: 1.2em; animation: animation-title 4s; animation-delay: 1s; animation-iteration-count: 2; #subtitle { animation: animation-subtitle 2s