title: Auto fade in animation
body: <p>I'd like this code:</p>
  
  <pre><code>&lt;section id="banner"&gt;
    &lt;img src="images/logo-senca.png" width="600px" height="230px"&gt;
      &lt;a href="mens.html"&gt;
        &lt;div id="gumb" class="one-third column"&gt;
           &lt;p&gt;&lt;input type="submit" value="Nakupuj" class="carrot-flat-button"&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/a&gt;
     &lt;/div&gt; &lt;!-- is this wrong? --&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>to fade in or slide down as soon as the web page loads and I don't know how to do that in jquery, so any help would be really appreciated. Thanks in advance.</p>
  
  <p><em>Update</em></p>
  
  <p>Here's CSS for banner:</p>
  
  <pre><code>    #banner {
      background-attachment:  fixed;
      background-color: #e2e2e2;
      background-image:  url("images/bg.png");
      background-position:top center;
      background-repeat: repeat;
      background-size: cover;
      color: white;
      cursor: default;
      padding: 6em 0;
      text-align: center;
  }
  </code></pre>