This is a template of a badge style CSS based logo with a banner, designed using CSS, and HTML. The fonts are imported to the form with their URLs. The styles for the class is set as font-family as 'Raleway', Arial, sans-serif, position as relative, color as #bdbdbd, margin as 60px 25px, max-width as 285px, width as 100%, text-align as center, font-size as 16px, and box-sizing as content-box. The text-transform style for the name title and subtitle is set as uppercase to automatically transform the text to uppercase. The title of the badge is given the styles of font-family as 'Lora', Arial, sans-serif, font-weight as 700, font-size as 1.8em, line-height as 50px, position as relative, background-color as #bdbdbd, color as #212121, text-align as center, margin as 0 30px 8px, border-top as 6px solid #212121, and border-bottom as 6px solid #212121. The font size for the subtitle is set as 0.6em and font-weight as 500.
This is a template of a CSS based retro logo, designed using CSS, and HTML. The fonts are imported to the form with their URLs. The styles for the class is set as font-family: 'Raleway', Arial, sans-serif, position: relative, display: inline-block, color: #bdbdbd, margin: 60px 20px, max-width: 285px, width: 100%, text-align: center, font-size: 16px, and box-sizing: content-box. The text-transform style all the text is set as uppercase to automatically convert the text to uppercase. The header one is given the styles font-family: 'Teko', Arial, sans-serif, font-weight: 700, font-size: 54px, text-align: center, and line-height: 27px whereas the header two given the styles of background-color: #bdbdbd, color: #212121, display: inline-block, font-size: 0.6em, font-weight: 700, line-height: 18px, padding: 0 20px, and position: relative. The icon below the header is also given the styles of font-size as 22px and line-height of 36px.