title: Dropdown Banner
body: <p>How can I get a drop down banner for my website so that when a user goes to my home page a banner will drop down, cover a fourth of the page, and say something like, "Welcome too...." and then after a few seconds close</p>
  
  <p>I've tried</p>
  
  <pre><code>&lt;style&gt;
  .dropdown-notification {
     height: 40px;
     line-height: 40px;
     position: relative;
     top: -40px;
     transition: top .2s; // don't forget to use prefixes
   background-color: #4CAF50;
  }
  .dropdown-notification.active {
     top: 0;
  }
  &lt;/style&gt;
  
  
  &lt;body&gt;
  
  
  &lt;div class="dropdown-notification text-center"&gt;
        Hi, I'm a drop down &lt;button class="close"&gt;Close&lt;/button&gt;
     &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>but I can't get the banner to go across the screen over or change the banner color to something more colorful.Thanks in advance for your help and please understand I am still very new at this so any advice would be much appreciated!</p>