Kirusoft Branding

My Branding

by Kirubel Girma

HTML

<div class="brand">
  <span class="numnl">360&#176;</span>
  <span class="enl"> BOT.</span>
  <span class="spnst">powered by</span>
  <span class="spnss">Kirusoft Dev.</span>
</div>

<div class="brand">
  <span class="numnl">ARK</span>
  <span class="enl"> DSN.</span>
  <span class="spnst">powered by</span>
  <span class="spnss">Kirusoft Dev.</span>
</div>

<div class="brand">
  <span class="numnl">Task</span>
  <span class="enl"> UTL.</span>
  <span class="spnst">powered by</span>
  <span class="spnss">Kirusoft Dev.</span>
</div>

CSS

* {
  font-family: arial;
}
.numnl{
  color:black;
}
.enl {
  background: #d11e59;
  padding: .1em .3em .1em .3em;
  font-weight: bold;
}
.spnst{
  margin-top:.3em;
  font-size:.5em;
  color:black;
  display:block;
}

.spnss{
  font-size:.6em;
  color:black;
  display:block;
}

.brand{
  margin:1em;/*remove in production*/
  color:white;
  font-size:1.5em;
}